.pop-up-background {
    background: rgba(0,0,0,.7);
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 10000 !important;
    overflow: auto; /* Enable scroll if needed */
}

.pop-up {
    border-radius: 15px;
    position: relative;
    top: 10%;
    -moz-box-shadow: 0px 0px 12px 5px #363636;
    -webkit-box-shadow: 0px 0px 12px 5px #363636;
    box-shadow: 0px 0px 12px 5px #363636;
    z-index: 10001 !important;
    position: relative;
}

.Close {
    position: relative;
    z-index: 106;
    text-align: right;
    right: -10px;
    margin-top: -10px;
}

.BottomRightCorner {
    position: relative;
    z-index: 106;
    text-align: right;
    right: 5px;
    margin-bottom: 5px;
}


.disabledControl {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.4;
}

input[readonly] { 
    background: #EBEBEB;
}



input[disabled="disabled"] {
    background: #EBEBEB;
}

.NumberOnly {
    /*  DO NOT DELETE */
}

.PhoneNumberMask {
    /*  DO NOT DELETE */
}
.AutoCompleteAccountNumber {
    /*  DO NOT DELETE */
}
.AutoCompleteBillNumber {
    /*  DO NOT DELETE */
}
.AutoCompleteCustomerCode {
    /*  DO NOT DELETE */
}
.AutoCompletePropertyCode {
    /*  DO NOT DELETE */
}



.divLoading {
    background: #000 url('../images/loading.gif') no-repeat center center;
    opacity: 0.6;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0%;
    top: 0%;
    margin: 0 0 0 0;
    z-index: 10003 !important;
}

.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 220px;
        background-color: #e6e6e6;
        color: black;
        text-align: left;
        border-radius: 8px;
        padding: 5px 8px;
        -webkit-box-shadow: 0 10px 6px -6px #777;
        -moz-box-shadow: 0 10px 6px -6px #777;
        box-shadow: 0 10px 6px -6px #777;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }



.MediumCheckBox input {
  width: 20px;
  height: 20px;
  margin: auto;
  
}



.MediumRadioButtonList input[type="radio"] {
   width: auto;      
   float: left;  
}

.MediumRadioButtonList label {      
   width: auto;      
   display: inline;      
   float: left;      
   font-size:16px;      
}

.MediumRadioButtonList input {
    width: 16px !important;  
    height: 16px !important;
}


.TableStyleNone {
    border-collapse: unset !important;
    border-spacing: unset !important;
    border: 0px !important;
	background-color: transparent !important;
}
.TableStyleNone th {
	border: 0px !important;
	padding: unset !important;
	color: transparent !important;
	background-color: transparent !important;
}
.TableStyleNone td {
    border: none !important;    
    padding:unset !important;	
}
.TableStyleNone tr:nth-child(even){background-color: transparent !important}
.TableStyleNone tr:hover {background-color:transparent !important; border-bottom:0px !important}


/* Text Box Big Style*/	
.TextBoxBig{
	padding:6px 4px;
	border: 1px solid #ccd1d7;
	background-color: #FFFFFF;
	border-radius:3px;
	box-sizing: border-box;
	outline: none;
    font-size:18px;
}
.TextBoxBig:focus{
	border: 1px solid #405467;
	outline: none;
}




.no-print {
}
@media screen
{
    .Printing{display:none;}
}


@media print {
    .no-print, .no-print * {
        display: none !important;
    }
    .Printing  {
		display: block !important;
	}
            
}