﻿/*---common---*/
.error_message {
    font-size: 18px;
    color: red;
}
/*-----------*/
#icon-shortcut{
        cursor:pointer;
        width:14px;
        position:absolute;
        margin-left: 2px;
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);

        -webkit-transition: all 500ms ease-out;  
         -moz-transition: all 500ms ease-out; 
           -o-transition: all 500ms ease-out;  
              transition: all 500ms ease-out;

        opacity: 1;
}

    #icon-shortcut:hover {
        filter: none;
        -webkit-filter: none;
        -moz-filter: none;
        -o-filter: none;
        -ms-filter: none;

        opacity: 1;
    }

.reveal-modal-bg {
        position: fixed;
}
    #printlogodiv {
        display: none;
    }

    #printPaymentTable, #for_print {
        display: none;
    }

    @media print {
        /*payment screen*/
        #transactionRes {
            display: none;
        }

        #scheduleRedBtn {
            display: none;
        }

        #titlePanel {
            display: none;
        }

        #pdfBtn {
            display: none;
        }

        #printBtn {
            display: none;
        }

        #topUpNow {
            display: none;
        }
        /**/

        #InHeaderDiv {
            display: none;
        }

        #InFooterDiv {
            display: none;
        }

        #SideMenu {
            display: none;
        }

        #StatementInput {
            display: none;
        }

        #statementButtons {
            display: none;
        }

        .PagingDiv {
            display: none;
        }

        #titleheader {
            display: none;
        }

        #NoTranDiv {
            display: none;
        }

        #printLogo {
            text-align: left;
            padding-right: 0;
            padding-left: 0;
        }

            #printLogo img {
                height: 53px;
            }

        #printlogodiv {
            display: block;
        }

        #transactionData {
            display: none;
        }

        #printPaymentTable, #for_print {
            display: block;
        }

        #InfoPopUp {
            display: none !important;
        }

        .reveal-modal-bg {
            display: none;
        }

        #DashBoardSpace {
            display: none;
        }
        .content{
            display:none;
        }
        .footer{
            display:none;
        }
        #MenuDiv{
            display:none;
        }
    }

    .disabledLink{
        pointer-events: none;
        cursor: default;
    }

.LoadingDiv {
	background-image: url('../images/waiting.gif');
	background-repeat: no-repeat;
	background-position: center center;
}

/* ----- start multiselect  -----*/
.MultiselectInputDiv {
    border: 1px solid #C8C8C8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    -khtml-border-radius: 5px;
	border-radius: 5px;

    display: inline-block;
    width: 400px;

    padding-left: 5px;
    margin: 0px;
}

.dropdownInput {
    width: 350px;
    border: none;
    padding: 4px 5px;
}

    .dropdownInput:focus {
        outline: 0;
    }

.dropdownButton {
    padding: 3px 6px;
    float: right;
    height: 24px;
    cursor: pointer;
}
.dropdownDiv {
    border: 1px solid #C8C8C8;
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    -khtml-border-radius: 5px;
	border-radius: 5px;*/

    background-color: white;

    margin-top: -12px;

    position: absolute;
    width: 95%;
	z-index: 20;
    height:350px;
    overflow: auto;
    line-height: 1.25em;
}

    .dropdownDiv ul {
        list-style: none;
        padding: 5px;
    }

.dropdownDivHeader{
   background: #008CBA repeat-x left bottom; /*margin: 17px 10px 0;*/
   border-color: #007095;
   margin: 5px 5px 0;
   font-size: 14px;
   line-height: 18px;
   padding: 3px 4px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -khtml-border-radius: 2px;
   border-radius: 2px;
   color: #FFF;
}

.dropdownDivcloseBtn {
    background-position: 0px 0px;
    cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 24px;
    float: right;
    margin-top: -2px;
    background-image: url('../images/icon0.png');
    background-repeat: no-repeat;
}

.dropdownDivSelectAllBtn{
    display: inline-block;
    margin-left: 21px;
}
    .dropdownDivSelectAllBtn input[type='checkbox'] {
        position: relative;
        top: 2px;
    }

.dropdownDivTitle {
    margin-left: 40px;
}
.hidden {
    display: none;
}
.indentSpan {
    display: inline-block;
    width: 10px;
}
.selectSpan {
    display: inline-block;
    padding: 0px 10px;
}

    .selectSpan input[type='checkbox'] {
        position: relative;
        top: 2px;
    }

.halfSelected {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.groupingSpan {
    cursor: pointer;
    display: inline-block;
    width: 16px;
    font-size: 14px !important;
    height: 20px;
    padding-bottom: 2px;
    vertical-align: middle;
    background: url('../images/tree_arrows.gif') no-repeat 0px 0px;
}
.selectGroupSpan {
    display: inline-block;
    margin: 0px 9px;
}

    .selectGroupSpan input[type='checkbox'] {
        position: relative;
        top: 2px;
    }

.groupHeaderSpan {
    font-weight: bold;
    font-size: 14px !important;
}
.itemNameSpan {
    font-weight: normal;
    font-size: 14px !important;
}
/* ----- end multiselect  -----*/
.word-break {
	word-break: break-word;
}

@-moz-document url-prefix() {
	.word-break {
		word-break: break-all;
	}
}

_:-ms-lang(x), .word-break {
	word-break: break-all;
} 
