﻿.paymentProcessDetails {
    position:absolute;
    left:50%;
    -ms-transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    transform:translate(-50%,0%);
    top: 5%;
}

.paymentProcessLoadingMessage {
    padding: 5px;
    max-width: 300px;
    text-align: center;
    position:relative;
    left:50%;
    -ms-transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    transform:translate(-50%,0%);
}

.paymentProcessDetails div span {
    word-break:break-word;
}
.loadingLoopShow {
    display:block !important;
}

.loadingLoop {
        position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10000;
    width: 1600px;
    height: 775px;
    background-color: rgba(128,128,128,0.7);
    display:none;
}
.loadingLoopMsg {
        position: fixed;
    z-index: 100001;
    left: 632px;
    top: 314px;
    height: auto;
    width: auto;
    width: initial;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #aaaaaa;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
    padding: 10px;
    max-width: 90%;
    background-color: #fff;
    font-weight: bold;
}
.divPageBtn {
    text-align: center; 
    margin: 5px; 
    margin-bottom: 20px; 
}


#txtPolicyNo {
    border-radius: 5px;
    padding: 10px 30px 10px 10px;
    border: 1px solid transparent;
    border-color: #ccc;
}


#policyLimitMsg {
    padding: 10px 10px 10px 10px;
    border: 1px solid transparent;
    text-align: center;
    font-size:smaller;
    cursor:none;
    /*max-width: 180px;*/
}

#txtTotalAmount {
    border: #d4d4d4 1px solid;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 6px ;
    min-width: 100px;
    max-width: 190px;
    margin-right: 5px;
    background-color: #fff;
    text-align: right;
    opacity: 1 !important;
}

.intPaymentAmt {
    border: #d4d4d4 1px solid;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 6px ;
    min-width: 50px;
    max-width: 190px;
    width: auto;
    margin-right: 5px;
    text-align: right;
}


.footable > thead > tr > th, .footable > thead > tr > td {
    /*text-align: left;*/
    padding: 10px 20px;
}

/*.footable > tbody > tr > td:nth-last-child(3),.footable > tbody > tr > td:nth-last-child(5),.footable > tbody > tr > td:first-child,.footable > tbody > tr > td:nth-last-child(6) {
    text-align: left;
}*/

.footable > tbody > tr > td:first-child {
    text-align:center;
}
.footable > tbody > tr > td:nth-last-child(2),.footable > tbody > tr > td:nth-last-child(1) {
    text-align: right;
}
#payAll {
    padding: 2px;
}

.divTotalAmout{
    font-size: large;
    font-weight: bold;
    /*color: #4066b3;*/
    color: #000066;
    text-align: right;
    margin:5px;
}
#adhocPaymentErrorMsg {
    display:block;
    font-size:medium;
    font-weight: bold;
    color: red;

}
.popUpHeader{
    font-size: larger;
    font-weight: bolder;
}
.popUpNote {
}
.popUpRow {
        /*font-weight: bold;*/
            font-weight: 700;
    color: #706964;
}
.popUpBox {
    border: #d4d4d4 1px solid;
    padding: 15px;
    margin-top: 10px;
}

.popupPlus {
    padding: 2px;
    font-size: medium;
    font-weight: normal;
    margin: 10px;
}

.popUpRowMsg {
    display:none;
    padding: 15px;
    /*background-color: #ffffcc;*/
    background-color: #E7ECEB;
    margin: 10px;
    font-weight: normal;
}

.divPageErrorMsg {
    text-align: center; 
    margin-bottom: 20px; 
    border: 1px solid red;
    border-radius: 5px;
    padding: 5px;
    display:none;
}
.alert_box {
    height: auto;
    width: auto;
    width: initial;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #aaaaaa;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
    padding: .2em;
    max-width:90%;
     position: fixed;
    z-index: 100001;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.divErrorMsg {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: rgba(128,128,128,0.7);
    filter: alpha(opacity=70);
    display:none;
}

#dgvERequest_lblBasicPlan_0 {
    word-break:break-all;
}  
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
    .alert_box {
    max-width:40% !important;
}
}

 @media all and (-ms-high-contrast: none) and (max-width: 768px),(-ms-high-contrast: active) and (max-width: 768px)  {
        .alert_box {
            font-size: 0.9em;
            max-width: 70% !important;
        }
    }
  @media all and (-ms-high-contrast: none) and (max-width: 444px),(-ms-high-contrast: active) and (max-width: 444px)  {
        .alert_box {
            font-size: 0.9em;
            max-width: 90% !important;
        }
    }

.error_box {
    background: #fff;
}
.info_box {
    background: #fff;
}
.alert_box_header {
    font-weight: bold;
    width: 100%;
    float: left;
    background: #4066B3 !important;
    color: white !important;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding:10px;
    margin-bottom: 10px;
    font-style: normal !important;
    font-style: normal !important;
    text-align: left;
}

.alert_box_header span{
    text-decoration:none !important;
}

.alert_box_msg {
    width: auto;
    height: auto;
    position: relative;
    padding: .5em 1em;
    background: none;
    box-sizing: border-box;
    font-size: 1.1em;
    font-style: normal !important;
    color: black;
    font-weight: normal;
}

.alert_box_btn_div {
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
    border-top: 1px solid #aaaaaa;
    text-align: center;
}

.alert_box_btn {
    padding: .4em 1em;
    border-radius: 4px;
    background: #e6e6e6;
    color: #555555;
    margin-left: 5px;
    font-style: normal !important;
    font-weight: normal;
}
.btn{
    /*border-radius: 10px;*/
}

.table thead {
    background-color: #000066 !important;
    color: #fff;
    /*background-color:#003399 !important;*/
    /*background-color:#4066B3 !important;*/
}

.table tbody tr td {
    padding-top:10px;
     padding-bottom:10px;
}

.checkbox__label:before {
    background-color:#fff;
}
.loader--pulse {
    position:relative !important;
}

.overdue {
    border-left-color: rgb(204, 204, 204);
    border-left-width: 1px;
    border-left-style: solid;
    background-color: #E7ECEB;
}

.overdue + .footable-row-detail {
      /*background-color:rgb(255, 216, 212);*/
         background-color: #E7ECEB;
}

.btn--primary {
    background-color: #4066B3 !important;
    color: #FFF !important;
}

.btn--primary:hover {
    background-color: #003399 !important;
}

.btn--secondary {
    background-color: #FFF;
    color: #4066B3;
    border: 1px solid #4066B3;
}
.btn--secondary:hover {
    color: #003399 !important;
    border: 1px solid #003399 !important;
}
@media (max-width: 768px) {
     #payAll {
    --width: 50px;
    font-size:10px;
}
    .table {
        font-size: 10px !important;
    }
    .intPaymentAmt {
    width: 100px;
}

}
@media (max-width: 480px) {

    .divSearchBtn {
      text-align: left; 
}
    #txtPolicyNo {
    max-width: 100%;
}
    .divTotalAmout{
    font-size:medium;
    font-weight: bold;
    /*color: #4066b3;*/
    color: #000066;
    text-align:left;
}
    #txtTotalAmount {
    max-width: 100%;
    width: 100%;
}
    #payAll {
    --width: 40px;
    font-size:7px;
    }
    .table {
        font-size: 7px !important;
    }
    .intPaymentAmt {
    width: 70px;
    }
}