/* Minification failed. Returning unminified contents.
(603,18): run-time error CSS1030: Expected identifier, found ' '
(603,19): run-time error CSS1031: Expected selector, found 'url(../images/agent_icon.png)'
(603,19): run-time error CSS1025: Expected comma or open brace, found 'url(../images/agent_icon.png)'
(604,1): run-time error CSS1019: Unexpected token, found '}'
(605,2): run-time error CSS1031: Expected selector, found '/'
(605,2): run-time error CSS1025: Expected comma or open brace, found '/'
(609,1): run-time error CSS1019: Unexpected token, found '}'
(610,2): run-time error CSS1031: Expected selector, found '/'
(610,2): run-time error CSS1025: Expected comma or open brace, found '/'
(614,1): run-time error CSS1019: Unexpected token, found '}'
(616,2): run-time error CSS1031: Expected selector, found '/'
(616,2): run-time error CSS1025: Expected comma or open brace, found '/'
(1633,1): run-time error CSS1019: Unexpected token, found '@charset'
(1633,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(1633,17): run-time error CSS1019: Unexpected token, found ';'
(2840,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2850,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@charset "utf-8";

@font-face {
    font-family: CenturyGothic;
    src: url("GOTHIC.TTF");
}

body {
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-family: CenturyGothic, 'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;
    overflow-x: hidden;
}

table {
    font-size: 1em !important;
}

input[type='text'], input[type='number'], input[type='email'] {
    width: 147px;
    border: 1px solid #ccc;
    border-radius: 0px;
    /*padding-left:3px;*/
    padding: 4px;
}

    input[type='text']:focus, input[type='number']:focus {
        box-shadow: #ccc 0 0 10px inset;
        outline: none;
    }

input[type='password'] {
    width: 147px;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 4px;
}

input[type='radio'] {
    position: relative;
    top: 1px;
    cursor: pointer;
}

input[type='button'] {
    background-color: #67BD51;
    border: none;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 1.2em;
    color: #fff;
    /*text-shadow: 1px 1px 1px #000;*/
    width: auto;
    cursor: pointer;
}

input[readonly="readonly"] {
    background-color: lightgray;
    cursor: not-allowed;
}

select {
    width: 157px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 4px;
    /*height : 30px;*/
}

textarea {
    resize: none;
}

ol {
    list-style-type: none;
}

    ol li {
        padding: 0 0 0 5px;
    }

.canarify-screen {
    width: 80%;
    margin: 0 auto;
}

    .canarify-screen .accVerification {
        padding: 10px;
        font-size: 1.3em;
    }

.acc-reg-list-hig {
    width: 16%;
    float: left;
}

.acc-reg-list {
    width: 84%;
    float: right;
}

.acc-list-item > ul > li {
    padding: 8px 5px;
}

.cusDetails {
    background: #FFCC66;
    width: 100%;
}

    .cusDetails tr {
    }

        .cusDetails tr td {
            padding: 5px;
            text-align: center;
        }

.cusBankDetails {
    width: 100%;
}

.identityDetails {
    background-color: #3A72B9;
    font-weight: bold;
    font-size: 1.1em;
    color: #fff;
    padding: 7px;
}

.tableHeadings {
}

.allTasks{
    background: #67BD51;
    padding: 7px 0;
    border-radius: 8px 8px 0 0px;
    font-weight: bold;
    text-align: center;
    margin: 0px;
    color: #fff;
    text-transform: uppercase;
    width: 40%;
    position: relative;
}

.tabsActive {
    background-color: #3A72B9;
}

    .tabsActive:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 47%;
        width: 0px;
        height: 0px;
        color: #fff;
        border: 15px solid;
        border-top-color: #3A72B9;
    }

.upperCase {
    text-transform: uppercase !important;
}

.dailerAssign td {
    padding: 10px;
}

.m-auto {
    margin: 0 auto;
}

input.input-validation-error {
    border: 1px solid red !important;
}

select.input-validation-error {
    border: 1px solid red !important;
}

.mandatoryfieldelement {
    border: 1px solid red !important;
}

input.grayed, select.grayed, textarea.grayed {
    background-color: darkgrey;
}

.personaldetailsssn {
    margin-left: 142px;
}

.header {
    width: 100%;
    background-color: #000;
}

.under {
    position: relative;
    left: 3px;
    top: 14px;
    z-index: -1;
}

.over {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.leftHeaderContent, .rightHeaderContent {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin: 0 5px 0 5px;
}

.dollarforIncome {
    float: right;
    margin-top: 3px;
}

.logo {
    float: left;
    margin: 0px;
    width: 190px;
    height: 75px;
}

.newCustomerButton {
    margin: 10px 0 0 0;
    float: left;
}

    .newCustomerButton img {
        display: inline;
        float: left;
        position: relative;
        top: -2px;
    }

    .newCustomerButton span {
        position: relative;
        top: 3px;
    }

.headerSearchBar {
    width: 45%;
    display: inline;
    float: left;
}

    .headerSearchBar input[type='text'] {
        /*height: 22px;*/
        margin: 2px 0 0 24px;
        border-radius: 3px 0 0 3px;
        width: 170px;
        padding: 5px 4px 4px;
    }

    .headerSearchBar img {
        position: relative;
        top: 8px;
    }

.headerRightMenu {
    width: 20%;
    margin-top: 1.0em;
    float: right;
    display: inline;
}

.headerMenu {
    width: 62%;
    float: left;
    margin: 0;
    padding: 0;
}

    .headerMenu ul, .headerRightMenu ul {
        position: relative;
        top: -14px;
    }

        .headerMenu ul li, .headerRightMenu ul li {
            list-style-type: none;
            float: left;
            margin: 0 3px 0 0;
            padding: 0;
        }

.viewContainer {
    width: 100%;
}

.containerHeader {
    background: #3A72B9;
    /* background: #a4a4a3; */
    color: #fff !important;
    background: -moz-linear-gradient(top, #a4a4a3 0%, #d3d3d3 100%);
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a4a3), color-stop(100%,#d3d3d3)); */
    /* background: -webkit-linear-gradient(top, #a4a4a3 0%,#d3d3d3 100%); */
    background: -o-linear-gradient(top, #a4a4a3 0%,#d3d3d3 100%);
    background: -ms-linear-gradient(top, #a4a4a3 0%,#d3d3d3 100%);
    /* background: linear-gradient(to bottom, #a4a4a3 0%,#d3d3d3 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a3', endColorstr='#d3d3d3',GradientType=0 );
    color: #cc9900;
    font-size: 16px;
    /*font-weight: bold;*/
    padding: 1%;
    margin-top: 30px;
}

    .containerHeader, .containerHeader Add {
        margin-top: 0px;
    }

.addCompanyButton {
    clear: both;
    margin: 10px;
}

.addOutletButton {
    margin-bottom: 6px !important;
    margin-top: 14px !important;
    color: antiquewhite;
}

.rightHeaderContent button {
    width: auto;
}

.lblOutletPhone {
    width: 126px !important;
}

.addCompanyButton button, .searchButton button, .buttonsContainer button, button {
    background-color: #67BD51;
    float: right;
    border: none;
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 1.2em;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    width: 150px;
}

.searchButton button {
    margin: 0 40.5% 0 0;
}

select.drawMonetaryCode, select.DrawBankAccountNumberChange {
    width: 165px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #ccc;
    height: 30px;
}

.searchResults {
    clear: both;
    margin: 50px auto;
    border: 1px solid #999999;
    padding: 0;
    width: 72%;
}

    .searchResults table {
        width: 100%;
    }

        .searchResults table tr th {
            background-color: #d6d6d6;
            height: 30px;
        }

        .searchResults table tr:nth-child(odd) {
            background-color: #f6eabe;
            height: 30px;
        }

        .searchResults table tr:nth-child(even) {
            background-color: #fff;
            height: 30px;
        }

        .searchResults table tr {
            text-align: center;
        }

.detailsContent {
    width: 95%;
    margin: 0 auto;
    clear: both;
}

.detailsLeftContent {
    display: inline-block;
    width: 46%;
    margin: 10px;
    vertical-align: top;
}

.Maindiv > inputContent:nth-child(even) {
    float: right !important;
}

.Maindiv > inputContent:nth-child(odd) {
    float: left !important;
}

.inputContent {
    margin: 5px;
    width: 46%;
    float: left;
}

.detailsLeftContent .inputContent span:first-child {
    width: 40%;
    margin: 0 10px 0 0;
    display: block;
    float: left;
}

.clear-Margintop {
    clear: both;
    margin-top: 10px;
}

.buttonsContainer {
    clear: both;
    width: 35%;
    margin: 0 auto;
}

    .buttonsContainer button {
        float: none;
    }

#header_grayDiv {
    width: 100%;
    margin: -7px auto;
    margin-top: -10px;
    background-color: #333333;
    text-align: -webkit-right;
    text-align: -moz-right;
    padding: 5px;
    box-sizing: border-box;
}

.finextTable {
    border-collapse: collapse;
    font-size: 1.1em;
    font-family: CenturyGothic;
}

    .finextTable tr th, .finextTable tr td {
        padding: 10px;
    }

    .finextTable thead tr {
        background: #f4f4f4;
        padding: 15px;
        border-bottom: 1px solid #ccc;
    }

    .finextTable tbody tr:nth-child(odd) {
        background: #fff;
        padding: 10px;
        border-bottom: 1px solid #ccc;
    }

    .finextTable tbody tr:nth-child(even) {
        background: #f8f8f8;
        padding: 10px;
        border-bottom: 1px solid #ccc;
    }

    .finextTable tbody tr.selected {
        background-color: #f8f8f8;
        border: 1px solid #000;
    }

    .finextTable tbody td:nth-child(1) {
        text-align: left;
    }

    .finextTable tbody td:nth-child(2) {
        text-align: left;
    }

    .finextTable th {
        color: #fff;
        font-weight: bold;
        font-size: 1em;
    }

.finextDynamicTable tbody tr:nth-child(odd).limitIncreaseRequestsTableRow {
    background: #fff3b9;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.finextDynamicTable tbody tr:nth-child(even).limitIncreaseRequestsTableRow {
    background: #dcd9cb;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.MainDiv, .MainDiv40pct {
    width: 98%;
    margin: 0px auto;
    min-height: 150px;
    margin-bottom: 7px;
    box-shadow: 0px 0px 10px #a1a7ad;
    border-radius: 4px;
    background-color: #FFF;
    margin-top: 0px;
    padding: 0 0 10px 0;
}

.MainDiv40pct {
    width: 40%;
    min-height: 1px;
    padding: 0px;
}

.clear {
    clear: both;
}

.button {
    background-color: #ac122a;
    float: right;
    border: none;
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 1.2em;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    text-decoration: none;
    cursor: default;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    /*background-color: #fee;*/
    background: linear-gradient(#fee);
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    /*display: none;*/
}

.left {
    float: left;
}
/* login page styles start*/
.register-fld, .textarea, .register-fld2, .register-fld3, .fld {
    margin: 0px;
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: #666666 solid 1px;
    padding: 4px;
}

.register-fld, .register-fld2, .register-fld3 {
    width: 23%;
    float: left;
    margin-left: 1%;
    padding-left: 3%;
    background-repeat: no-repeat;
}

/*.register-fld {
    /*height: 33px;*/
background-image: url(../images/agent_icon.png);
}
*/
/*.register-fld2 {
    /*height: 22px;*/
background-image: url(../images/password_icon.png);
}
*/
/*.register-fld3 {
    /*height: 22px;*/
background-image: url(../images/store_icon.png);
}

*/ .fld {
    width: 100px;
}

.submit {
    width: 10%;
    float: left;
    margin-left: 1%;
}

.submitButton {
    background-color: #ab132a;
    width: auto;
    height: 30px;
    border-radius: 4px;
    border: none;
    box-shadow: 0px 3px 3px #ccc;
    color: #fff;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 1.4em;
    cursor: pointer;
}

    .submitButton:active {
        border: 1px solid #ccc;
        color: #000;
    }

    .submitButton:hover {
        border: 1px solid #ccc;
        /*color:#f6e8b7;*/
    }

.searchButton {
    background-color: #67BD51;
    padding: 8px;
    float: left;
    margin: 0 0 0 5px;
    cursor: pointer;
}
/* login page styles end*/

/*popup styles start*/
#popupBackgroundMask, #popupBackgroundMaskCalc {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 50900;
}

.popupContent {
    display: none;
    background: #FFF;
    float: left;
    font-size: 1em;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    box-shadow: 0px 0px 20px #999;
    -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
}

/*New popup styles start*/
.popupDialogMask, .popupProgressDialogMask {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 99900;
}

.popupProgressDialogMask {
    opacity: 0.5;
    z-index: 99998;
}

.popupProgressDialog {
    display: none;
    background-color: transparent;
    position: fixed;
    top: 250px;
    left: 40%;
    width: 20%;
    text-align: center;
    z-index: 99999;
}

    .popupProgressDialog > img {
        width: 50px;
    }

.popupDialog {
    display: none;
    background: #FFF;
    float: left;
    font-size: 1em;
    position: fixed;
    top: 250px;
    width: 50%;
    z-index: 99901;
    box-shadow: 0px 0px 20px #999;
    -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
    min-width: 500px;
}

    .popupDialog .popupDialogHdr {
        background: #ccc;
        height: 1.5em;
        padding: 0.5em;
        font-size: 1.25em;
        display: block;
    }

        .popupDialog .popupDialogHdr .popupDialogIcon {
            float: left;
            padding-right: 0.5em;
        }

        .popupDialog .popupDialogHdr .popupDialogHdng {
            float: left;
            padding-top: 0.15em;
        }

        .popupDialog .popupDialogHdr .popupDialogClose {
            float: right;
            margin: -1px -1px 0 0;
        }

.clscloseMark {
    float: right;
    margin: -1px -1px 0 0;
}

.popupDialog .popupDialogCont {
    padding: 1em;
}

    .popupDialog .popupDialogCont ol {
        margin-top: 0em;
        font-size: 1.25em;
    }

    .popupDialog .popupDialogCont h3.popupDialogErr {
        color: #cc0000;
    }

    .popupDialog .popupDialogCont ol.popupDialogErr {
        color: #cc0000;
    }

    .popupDialog .popupDialogCont h3.popupDialogSuc {
        color: #cc0000;
    }

    .popupDialog .popupDialogCont ol.popupDialogSuc {
        color: #00cc00;
    }

    .popupDialog .popupDialogCont h3.popupDialogMsg {
        color: #cccccc;
    }

    .popupDialog .popupDialogCont ol.popupDialogMsg {
        color: #cccccc;
    }

#globalPasswordPopup {
    width: 25%;
    min-width: 250px;
}
/*New popup styles end*/

.forminput .formsubmit[disabled], a.linkAsButton[disabled] {
    background-color: #c4c4c4;
    cursor: pointer;
    border: solid 1px #c4c4c4;
}

a[enabled] {
    pointer-events: auto;
}

a[disabled] {
    pointer-events: none;
}

.finext-grid-pgr1, .finext-grid-pgr2 {
    text-align: right;
}

.finext-grid-editLinks {
    text-align: right;
}

.finext-grid-tr-blnk {
    display: none;
}

.finext-grid-trDetails-blnk, .finext-grid-trDetails {
    display: none;
}

.toolTip {
    display: none;
    position: absolute;
    background: #ffffff;
    color: #999999;
    padding: 1em;
    width: 200px;
}

.noFloat {
    float: none;
}

/*Multiple tabs styles start*/
.add {
    padding: 5px 8px;
}

.ctab {
    background: #E7EDF6;
    position: relative;
    top: 2px;
    border-bottom-width: 0;
}

.close {
    text-decoration: none;
    color: #999;
    font-weight: bold;
    font-size: 14px;
    padding: 0 4px;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    float: right;
}

    .close:hover {
        background: #999;
        color: #333;
    }

#tabcontent {
    border: 1px solid #BDC7D5;
    background: #E7EDF6;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #666;
    font-size: 24px;
}
/*Multiple tabsd End*/

/* Styles for LOC Views begin here 
.datePicker
{
    margin-left: 1%;
}*/

.leftRowDiv {
    border: 0px;
    height: 40px;
    padding: 0% 1% 0% 6%;
}

    .leftRowDiv > * {
        display: table-cell;
        padding: 6px 2px 4px 4px;
        padding: 1% 0% 3% 0%;
        width: 60%;
    }

.tblLeftDiv {
    display: table;
    width: 48%;
    margin: 0 0% 0% 2%;
    float: left;
    border: 1px solid #ccc;
}

.tblRightDiv {
    display: table;
    width: 35%;
    margin: 0 0% 0% 2%;
    float: left;
    border: 1px solid #ccc;
}

.rightRowDiv {
    display: table-row;
    border: 0px;
    height: 32px;
}

    .rightRowDiv > * {
        display: table-cell;
        padding: 4px 9px 4px 8px;
        width: 65%;
    }

.rightRowDivWidth > * {
    display: table-cell;
    padding: 4px 9px 4px 8px;
    width: 75%;
}

.headerRow {
    background-color: #fff3b9;
}

.altRowDiv {
    background-color: #E4E4E4;
}

.buttonDiv {
    border: 0;
    padding: 20px 0 0 0;
}

.emptyDiv {
    height: 250px;
}

.emptyDiv2 {
    height: 375px;
}

.chkBoxDiv {
    padding: 2px 0px 0px 6px;
    width: 140%;
}

.buttonSubmit {
    background-color: #67BD51;
    border: none;
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 1.2em;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    width: auto;
    cursor: pointer;
}

.dropdown {
    width: 135px;
    height: 27px;
}

/*Customer Payament View*/
.tblCustomerPayamentDiv1 {
    display: table;
    width: 27%;
    float: left;
}

.tblCustomerPayamentDiv3 {
    display: table;
    width: 27%;
    float: right;
}

.PaymentsDiv {
    display: table-row;
    border: 0px;
    height: 25px;
}

    .PaymentsDiv > * {
        display: table-cell;
        padding: 6px 2px 4px 0px;
    }

.HeaderPaymentDiv {
    display: table-row;
    border: 0px;
    height: 25px;
}

    .HeaderPaymentDiv > * {
        display: table-cell;
        padding: 6px 2px 4px 6px;
        width: 73%;
    }

.spanLeft {
    padding-left: 16px;
}

.spanRight input[type='text'] {
    width: 120px;
    text-align: right;
    padding-right: 5px;
}

.ReqLOCRightSpan input[type='text'] {
    width: 82px;
}

.calendar {
    width: 19px;
    height: 18px;
    position: relative;
    left: 5px;
    top: 5px;
}

.month input[type='text'] {
    width: 25px;
    border-radius: 0px;
    height: 17px;
}

.year input[type='text'] {
    width: 35px;
    border-radius: 0px;
    height: 17px;
}

.CloseLOCButtonDiv {
    padding: 0% 0% 1% 10%;
}

.CloseLOCMainDiv {
    min-height: 320px;
    margin-top: 0px;
}

.ReqLOCIncreaseMainDiv {
    min-height: 235px !important;
    margin: 0 auto;
}

.CloseLOCDiv {
    display: table;
    width: 40%;
    border: 1px solid #ccc;
}

.RescindMainDiv {
    min-height: 350px !important;
    margin-top: 0px;
}

.ReqLOCDiv {
    display: table;
    width: 42%;
    margin: 0 auto;
    padding: 0px 0px 10px 0px;
    float: none;
    border: 1px solid #ccc;
}

.LOCcalendar {
    width: 16px;
    height: 18px;
    position: relative;
    left: 5px;
    top: 5px;
}
/*LOC Ends*/

/*Statement View Begins*/
.StmtDiv1 {
    display: table;
    width: 27%;
    float: left;
}

.StmtDiv2 {
    display: table;
    width: 46%;
    margin: 0 0% 0% 2%;
    padding: 0px 0px 0px 0px;
    float: left;
}

.StmtDiv3 {
    display: table;
    width: 27%;
    float: right;
}

.StmtDiv {
    display: table-row;
    border: 0px;
    height: 25px;
}

    .StmtDiv > * {
        display: table-cell;
        padding: 6px 0px 4px 0px;
        width: 35%;
    }

.StmtBtnDiv1 {
    display: table;
    width: 27%;
    float: left;
}

.StmtBtnDiv2 {
    display: table;
    margin: 0 0% 0% 2%;
    padding: 0% 0% 0% 36%;
    float: left;
}

.StmtBtnDiv3 {
    display: table;
    width: 27%;
    float: right;
}

.StmtForm1 {
    width: 10%;
    float: left;
}

.StmtForm2 {
    border: 1px solid #ccc;
    width: 80%;
    padding: 0% 0% 0% 0%;
    float: left;
}

.StmtForm3 {
    width: 10%;
    float: right;
}

.MainStmtDiv {
    width: 100%;
    margin: 0px auto;
    min-height: 600px;
    margin-bottom: 7px;
    box-shadow: 0px 0px 10px #a1a7ad;
    border-radius: 4px;
    background-color: #FFF;
    margin-top: -16px;
}

.statementList {
    display: table;
    margin: 0 0% 0% 2%;
    padding: 1% 0% 1% 1%;
    width: 95%;
    float: left;
}

.statementDetails {
    padding: 2% 0% 0% 32%;
}

.statementColumn1 {
    background-color: #fff3b9;
    width: 36%;
    padding-left: 1%;
}

.statementColumn2 {
    background-color: #fff3b9;
    width: 14%;
}

.statementColumn3 {
    background-color: #e8e8e8;
    text-align: right;
    width: 50%;
    padding-right: 1%;
}

.statementRowBold {
    font-weight: 600;
}

.transactionsContent_headingBar {
    background: #3A72B9;
    /*background: -moz-linear-gradient(top, #a4a4a3 0%, #d3d3d3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a4a3), color-stop(100%,#d3d3d3));
    background: -webkit-linear-gradient(top, #a4a4a3 0%,#d3d3d3 100%);
    background: -o-linear-gradient(top, #a4a4a3 0%,#d3d3d3 100%);
    background: -ms-linear-gradient(top, #a4a4a3 0%,#d3d3d3 100%);
    background: linear-gradient(to bottom, #a4a4a3 0%,#d3d3d3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a3', endColorstr='#d3d3d3',GradientType=0 );*/
    color: #fff;
    font-size: 16px;
    padding: 1%;
}
/*Statement View Ends*/

.mainContainer {
    width: 100%;
    padding-bottom: 15px;
}

    .mainContainer div {
        display: inline-block;
    }

        .mainContainer div span {
            display: inline-block;
        }

.leftContainer {
    width: 33%;
}

.rightContainer {
    float: right;
    width: 33%;
}

.centerContainer {
    margin: 0 auto;
    width: 33%;
}

.custDetailsLeftContent {
    display: inline-block;
    width: 100%;
    margin: 10px;
    vertical-align: top;
}

    .custDetailsLeftContent .mainContainer span:first-child {
        width: 49%;
        margin: 0 10px 0 0;
        display: block;
        float: left;
        /*text-align:right;*/
    }

.mainContainer input[type='text'], .mainContainer input[type='number'] {
    /*width: 62%;*/
    border-radius: 5px;
    border: 1px solid #ccc;
    height: 20px;
}

.mainContainer select {
    /*width: 130px;*/
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #ccc;
    height: 23px;
}

.checkBoxContent {
    display: inline-block;
    width: 96%;
    margin: 10px;
    vertical-align: top;
}

.emptyContainer {
    display: none;
}

.messageCont {
    color: red;
    /*padding-top:2%;*/
    display: none;
    padding-left: 2%;
}

#body {
    clear: both;
}

.DateOfMonth1, .DayOfWeek1, .WeekOfMonth2, .DateOfMonth2, .WeekOfMonth1, .DayOfWeek2 {
    width: 31%;
}

.DayOfWeek2 {
    margin: 10px 0 0 2.5%;
}

.DayOfWeek > span {
    /*width: 36%;*/
}

.DayOfMonth, .WeekOfMonth {
    width: 43%;
}

.rightContainer span:nth-child(2) {
    /*width:49%;*/
}

.leftContainer span:nth-child(2) {
    /*width:48%;*/
}

#PersonalDetails_Email {
    width: 147px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding-left: 3px;
    padding: 4px;
}

#frequencyDiv {
    margin-top: 10px !important;
}

#MonthsOfServicediv span:nth-child(2) {
    width: 36%;
}

.amountField {
    text-align: right;
    padding-right: 5px;
    width: 85px !important;
}

.blockeddiv > span {
    width: 45%;
    float: left;
    text-align: left;
    height: 50px;
}

.widget_head > span {
    width: 57%;
    float: left;
}

#GrossIncomeAmountDiv, #NetIncomeAmountdiv {
    margin-top: 15px;
}

input[type="button"]:disabled {
    background-color: darkgray !important;
}

link.disabled {
    pointer-events: none;
    cursor: default;
    background-color: darkgray !important;
}

.CurrencyFiled {
    height: 18px !important;
}


/*Finext Grid Table Styles start*/
.finext-grid {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}

    .finext-grid .finext-grid-inner {
        width: auto;
        /*overflow-x: auto;*/
    }

    .finext-grid .finext-grid-pgr1, .finext-grid .finext-grid-pgr2 {
        /* background: #a4a4a3; */
        background: -moz-linear-gradient(top, #a4a4a3 0%, #d3d3d3 100%);
        /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a4a3), color-stop(100%,#d3d3d3)); */
        /* background: -webkit-linear-gradient(top, #a4a4a3 0%,#d3d3d3 100%); */
        background: -o-linear-gradient(top, #a4a4a3 0%,#d3d3d3 100%);
        background: -ms-linear-gradient(top, #a4a4a3 0%,#d3d3d3 100%);
        /* background: linear-gradient(to bottom, #a4a4a3 0%,#d3d3d3 100%); */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a3', endColorstr='#d3d3d3',GradientType=0 );
        background: #fff;
        color: #3A72B9;
        font-size: 1em;
        clear: both;
        font-weight: bold;
        padding: 0.5em;
    }

    .finext-grid table.finext-grid-table {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #ccc;
    }

        .finext-grid table.finext-grid-table th, .finext-grid table.finext-grid-table td {
            padding: 5px !important;
        }

        .finext-grid table.finext-grid-table th {
            border-left: solid 1px #f4f4f4;
            background-color: #f4f4f4;
        }

        .finext-grid table.finext-grid-table td {
            border-left: solid 1px #ddd;
        }

        .finext-grid table.finext-grid-table tbody tr {
            height: 40px;
        }

            .finext-grid table.finext-grid-table tbody tr.selected {
                border: solid 1px #ac122a;
            }

        .finext-grid table.finext-grid-table > tbody > tr.odd {
            background-color: #f4f4f4;
        }

        .finext-grid table.finext-grid-table > tbody > tr.even {
            background-color: #fff;
        }

        .finext-grid table.finext-grid-table > tbody > tr.finext-grid-srchdr {
            background-color: #fff;
        }

            .finext-grid table.finext-grid-table > tbody > tr.finext-grid-srchdr th input[type="text"], .finext-grid table.finext-grid-table > tbody > tr.finext-grid-srchdr th select {
                width: auto;
            }

        .finext-grid table.finext-grid-table a.finext-grid-header, .finext-grid table.finext-grid-table th {
            color: #3A72B9;
            text-align: left;
        }

        .finext-grid table.finext-grid-table td.numFld {
            text-align: right;
        }
/*Finext Grid Table Styles end*/

/* report styles start*/
.reportContent {
    width: 50%;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 10px auto;
}

    .reportContent .detailsLeftContent {
        width: 100%;
    }

.drawEffectiveDate {
    width: 88px !important;
}

.topAlignment {
    margin-top: -8%;
}

/*input content styles..*/
.inlineblock {
    display: inline-block;
}

.QfundTable {
    width: 500px;
    margin: 0 auto;
}

    .QfundTable table {
        width: 100%;
        border: 1px solid #ccc;
        border-collapse: collapse;
    }

    .QfundTable > div {
        text-align: center;
    }

    .QfundTable label {
        padding: 10px;
    }

    .QfundTable table tr td {
        padding: 10px;
    }

.qfundlink {
    position: relative;
    top: 6px;
}

.buttonContainer {
    margin: 0 auto;
    padding: 1.0em;
    text-align: center;
}

.collectiontable table tr td {
    cursor: pointer;
}

.uploadDoc {
    position: fixed;
    top: 60px;
    width: 14%;
}

.paddedText {
    padding: 10px;
}

.leftCnt {
    width: 48%;
    float: right;
    text-align: left;
}

.rightCnt {
    width: 48%;
    float: left;
    text-align: right;
}

.clearFix {
    clear: both;
    overflow: auto;
}

.IsDirectDepositStore {
    margin-left: -33% !important;
}

.ImageContent {
    font-weight: bold;
    font-size: large;
    padding: 32px;
    display: inline-block;
    vertical-align: top;
}

.collectionsList {
    list-style-type: none;
    text-align: center;
    padding: 4% 0;
    margin: 0;
}

table.pastDueCollectionsDashboard {
    width: 70%;
    margin: 0 auto;
    border-collapse: collapse;
}

.pastDueCollectionsDashboard tr th {
    background: #f8f8f8;
    color: #000;
    padding: 10px;
}

.pastDueCollectionsDashboard tr, .pastDueCollectionsDashboard td, .pastDueCollectionsDashboard th {
    border: 1px solid #ccc !important;
    padding: 7px 5px;
}

.pastDueCollectionsDashboard td {
    width: 100px;
}

.pastDueCollectionsDashboard tr:nth-child(even) {
    background-color: #f8f8f8;
}

.pastDueCollectionsDashboard tr:nth-child(odd) {
    background-color: #fff;
}

.textCenter {
    text-align: center;
}

.legalFeeCollections {
    border: 1px solid #ccc;
    border-radius: 10PX;
    padding: 30px;
    width: 50%;
    margin: 5% auto;
    line-height: 50px;
}

.Cibiltable {
    padding: 16px 0 20px;
}

.CibilBox {
    width: 30%;
    margin: 0 auto;
    padding: 15px;
}

.stmtschedule table th, .stmtschedule table td {
    padding: 8px;
    border: 1px solid #ddd;
    white-space: nowrap;
}

.SideContent {
    padding: 10px;
    width: 30%;
    margin: 0 auto;
}
@charset "utf-8";

#base-wrapper_index {
    width: 100%;
    margin: 0 auto;
    background-image: url(../images/bg.jpg);
}

#logo {
    margin-left: 2%;
    width: 10%;
    float: left;
}

#header {
    width: 100%;
    margin: 0px auto;
    height: 86px;
    background-color: #000000;
}

#header_topDiv {
    width: 100%;
    margin: 0px auto;
    height: 56px;
    background-color: #000000;
}

.store {
    width: 115px;
    float: left;
}

.location {
    width: 115px;
    float: left;
}

#BodyDiv {
    width: 100%;
    margin: 0px auto;
    /*min-height: 530px;*/
    margin-bottom: 7px;
    margin-top: 12px;
}

.CustomerTypeCasting {
    width: 100%;
    margin: 0px auto;
    height: 38px;
    padding-top: 10px;
}

    .CustomerTypeCasting div {
        width: 20%;
        float: left;
    }

.CusomerCastingTable tr {
    height: 39px;
}

.inlnBlck {
    display: inline-block;
}

input.smallText {
    width: 50px;
}

.widget {
    width: 98%;
    margin: 0px auto;
    min-height: 250px;
    margin-bottom: 7px;
    box-shadow: 0px 0px 10px #a1a7ad; /*opacity:0.4;  
 filter:alpha(opacity=40); For IE8 and earlier */
    border-radius: 4px;
    background-color: #FFF;
    margin-top: 10px;
    height: 1%;
}

.widget_head {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 69%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(69%,#e1e1e1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 69%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e1e1e1 69%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e1e1e1 69%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 69%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
    color: #cc9900;
    font-size: 16px;
    font-weight: bold;
    padding: 1%;
}

#loginBox {
    width: 35%;
    box-shadow: 0px 0px 10px #a1a7ad;
    margin-top: 50px;
    border-radius: 4px;
    background-color: #fff;
    /*padding-top: 35px;
    padding-left: 30px;
    padding-bottom: 65px;
    padding-right: 30px;*/
}

.ui-datepicker-calendar {
    display: none;
}

.ui-datepicker-current {
    display: none;
}

.ui-datepicker-prev {
    display: none;
}

.ui-datepicker-next {
    display: none;
}

.ui-datepicker-title select {
    font-size: 1.0em;
    margin: 2px 0;
}

.submit {
    width: 10%;
    float: left;
    margin-left: 1%;
}

#footer {
    width: 100%;
    margin: 0px auto;
    background: #000000;
    min-height: 50px;
}

.sub-dropdown {
    margin: 0px;
    display: block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: #CCC solid 1px;
    padding: 4px;
    width: 138px;
    height: 25px;
}

.searchrow {
    background-color: #fff3b9;
}

.leftContent {
    width: 20%;
    box-shadow: 0px 0px 10px #a1a7ad;
    min-height: 400px;
    float: left; /*opacity:0.4;  
 filter:alpha(opacity=40); For IE8 and earlier */
    border-radius: 4px;
    background-color: #99ccff;
    padding: 1%;
}

.rightContent {
    width: 77%;
    box-shadow: 0px 0px 10px #a1a7ad;
    min-height: 510px;
    float: left;
    margin-left: 1%; /*opacity:0.4;  
 filter:alpha(opacity=40); For IE8 and earlier */
    border-radius: 4px;
    background-color: #FFF;
}

.rightContent_headingBar {
    /*background: #a4a4a3;
    background: -moz-linear-gradient(top, #a4a4a3 0%, #d3d3d3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a4a3), color-stop(100%,#d3d3d3)); 
    background: -webkit-linear-gradient(top, #a4a4a3 0%,#d3d3d3 100%);
    background: -o-linear-gradient(top, #a4a4a3 0%,#d3d3d3 100%); 
    background: -ms-linear-gradient(top, #a4a4a3 0%,#d3d3d3 100%); 
    background: linear-gradient(to bottom, #a4a4a3 0%,#d3d3d3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a3', endColorstr='#d3d3d3',GradientType=0 );*/
    background: #3A72B9;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 1%;
    height: 20px;
}

.gridtable {
    border: 1px solid #999999;
}

.gridtable1 {
    border: 1px solid #bbbaba;
    border-collapse: collapse;
}

    .gridtable1 tr td {
        border-collapse: collapse;
    }

    .gridtable1 tr {
        border-bottom: 1px solid #bbbaba;
    }

a.red:link {
    color: #FFFFFF;
    TEXT-DECORATION: none;
    background-color: #e26666;
    border-radius: 8px;
}

a.red:visited {
    color: #FFFFFF;
    TEXT-DECORATION: none;
    background-color: #e26666;
    border-radius: 8px;
}

a.red:hover {
    color: #FFF;
    TEXT-DECORATION: underline;
}

.green {
    color: #FFFFFF;
    TEXT-DECORATION: none;
    background-color: #67bd51;
    border-radius: 8px;
    padding: 2.7% 15%;
}

.locClosed {
    color: #FFFFFF;
    TEXT-DECORATION: none;
    background-color: #FF0000;
    border-radius: 8px;
    padding: 2.7% 15%;
}

.locBlocked {
    color: #FFFFFF;
    TEXT-DECORATION: none;
    background-color: #FF0000;
    border-radius: 8px;
    padding: 2.7% 15%;
}

a.green:visited {
    color: #FFFFFF;
    TEXT-DECORATION: none;
    background-color: #1e825e;
    border-radius: 8px;
}

.TestAlign {
    width: 20%;
    float: left;
    height: 40px;
}

a.green:hover {
    color: #FFF;
    TEXT-DECORATION: underline;
}

.signinDetails {
    /*width: 52%;*/
    margin-left: 2%;
    /*float: right;*/
    color: white;
    padding-top: 5px;
    text-align: right;
}

.signinDivSm_first {
    /*float: left;*/
    display: inline-block;
}

.signinDivSmall {
    /*float: left;*/
    margin-left: 3%;
    display: inline-block;
}

.signinDivText {
    color: #ff9933;
    font-weight: bold;
}

    .signinDivText signdiv {
        color: darkred !important;
        font-weight: bold;
    }

.StoreNewsHead {
    color: #fff;
    font-weight: bold;
    background-color: #67BD51;
}

.accordionHead_table {
    font-size: 0.9em;
    font-family: Verdana;
}

    .accordionHead_table table tr {
        line-height: 2em;
    }

.accordionbody {
    padding: 1%;
    border: 1px solid #ccc;
}

.safe_mesg_black {
    font-size: 13px;
    font-weight: bold;
    color: #000;
}

.safe_mesg {
    font-size: 16px;
    color: #ac122a;
    font-weight: bold;
}

.safe_mesg_tablet {
    font-size: 1.75em;
    font-weight: bold;
}

.hoverDivision, .SecuredhoverDivision {
    background-color: #000;
    position: fixed;
    left: 28%;
    top: 30%;
    width: 25%;
    color: #fff;
    border-radius: 5px;
    padding: 10px;
    display: none;
}

    .hoverDivision div span:nth-child(2) {
        text-align: right;
        float: left;
        width: 25%;
        display: inline-block;
    }

    .SecuredhoverDivision div span:nth-child(2) {
        text-align: right;
        float: left;
        width: 25%;
        display: inline-block;
    }

    .hoverDivision div span:nth-child(1) {
        text-align: left;
        float: left;
        width: 60%;
        display: inline-block;
    }

    .SecuredhoverDivision div span:nth-child(1) {
        text-align: left;
        float: left;
        width: 60%;
        display: inline-block;
    }

#News {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #000000;
    left: 0;
    text-align: center; /* IE 5.x centering */
}

#testnews {
    line-height: 2em;
    width: 960px;
    color: #FFF;
    background-color: #000000;
    position: relative;
    left: 50%;
    margin-left: -480px;
}

.FiNext-popup, .Calculator-popup {
    display: none;
    min-height: 250px;
    background: #FFF;
    border: 2px solid #ddd;
    float: left;
    font-size: 1em;
    position: fixed;
    top: 17%;
    z-index: 50901;
    box-shadow: 0px 0px 20px #222;
    -moz-box-shadow: 0px 0px 20px #222; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #222; /* Safari, Chrome */
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

.FiNext-popup {
    width: 40%;
    left: 28%;
}

.Calculator-popup {
    width: 28%;
    left: 35%;
}

.bodyContainer {
    margin-bottom: 20px;
    width: 90%;
    margin: 0 auto;
}

.btn_close {
    float: right;
    margin-top: 3px;
    margin-right: -2px;
    width: 28px !important;
    height: 27px !important;
}

.btn_Admin_close, .btnAdmin_Close_PayDates, .btn_cleartradeline_close, .btn_clearfraud_close {
    float: right;
    margin-top: -26px;
    margin-right: -2px;
    width: 28px !important;
    height: 27px !important;
}

.notes_close {
    float: right;
    margin-top: -26px;
    margin-right: -2px;
    width: 28px !important;
    height: 27px !important;
}

.verifyAdminPhonePopUp {
    position: fixed;
    min-width: 450px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    top: 20%;
    left: 30%;
    z-index: 1000;
    min-height: 180px;
    width: 52%;
}

.verifyClarityPopUp, .clearFraudactionPopup, .clearTradelineactionPopup {
    position: fixed;
    min-width: 250px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    top: 20%;
    left: 30%;
    z-index: 1000;
    min-height: 180px;
    width: 52%;
}

.paydatesPopUp {
    position: fixed;
    min-width: 450px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    top: 20%;
    left: 10%;
    z-index: 1000;
    min-height: 180px;
    width: 75%;
}

.notesPopUp {
    position: fixed;
    min-width: 500px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    top: 2%;
    left: 15%;
    z-index: 1000;
    min-height: 620px;
    width: 70%;
}


.VerificationhistoryPopUp {
    position: fixed;
    min-width: 500px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    top: 15%;
    left: 15%;
    z-index: 1000;
    width: 70%;
}

.VerificationHistoryContainer {
    overflow-y: auto;
    height: auto;
}

.AdminVerificationPopUp {
    position: fixed;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    top: 2%;
    left: 15%;
    z-index: 1000;
    width: 70%;
}

.AssignDocumentPopUp {
    position: fixed;
    min-width: 500px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    top: 10%;
    left: 8%;
    z-index: 1000;
    min-height: 500px;
    width: 80%;
}

.notesTable {
    width: 50%;
}

    .notesTable tbody tr.notesTR:nth-child(odd) {
        background: #fff3b9;
        padding: 10px;
        border-bottom: 1px solid #ccc;
    }

    .notesTable tbody tr.notesTR:nth-child(even) {
        background: #dcd9cb;
        padding: 10px;
        border-bottom: 1px solid #ccc;
    }
/* Misc Services Styling Starts */

a.linkAsButton, a.adminlinkAsButton, .anchorButton {
    background-color: #67BD51;
    border: solid 1px #67BD51;
    border-radius: 3px;
    padding: 0.4em 1.0em;
    font-size: 1.1em;
    color: #fff;
    /*text-shadow: 1px 1px 1px #000;*/
    width: auto;
    cursor: pointer;
    text-decoration: none;
}

a.VerificationlinkAsButton {
    background-color: #ac122a;
    border: solid 1px #ac122a;
    border-radius: 3px;
    padding: 0.4em 1.0em;
    margin-left: -160px;
    font-size: 1.1em;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    width: auto;
    cursor: pointer;
    text-decoration: none;
}



.anchorButton {
    padding: 7px 10px 6px 10px;
}

a.linkAsButton.fullwidth {
    width: 100%;
    padding: 0.4em 0;
    text-align: center;
    display: inline-block;
}

a.linkAsButton.kiosk {
    font-size: 2.0em;
    padding: 0.5em 1.25em;
}

    a.linkAsButton.kiosk.lftMrg {
        margin-left: 0.75em;
    }

.fontKiosk {
    font-size: 2.5em;
    font-weight: bold;
    padding: 1.0em;
}

input[type="text"].kiosk, input[type="number"].kiosk {
    font-size: 2.0em;
    padding: 0.5em;
    height: 1.20em;
}

label.kiosk {
    font-size: 2.0em;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    /*-webkit-appearance: none;*/
    margin: 0;
}

a.linkAsButton.Accept {
    background-color: #379213;
    border-color: #3d6f29;
}

a.linkAsButton.Decline {
    background-color: #e02121;
    border-color: #b63d3d;
}

.miscAddMoreDiv {
    float: right;
    margin-bottom: 1em;
}

a:focus.linkAsButton, a:focus.adminlinkAsButton {
    border: solid 1px #261518;
}

table.availableMiscServices {
    width: 80%;
}

div.miscServiceProducts > div:first-of-type {
    overflow: hidden;
}

div.miscServiceProducts {
    /* margin-top:3em; */
}

    div.miscServiceProducts div:last-child {
        /*padding-right: 2.25%;*/
        margin: 1em 0em;
    }

        div.miscServiceProducts div:last-child a {
            text-decoration: none;
            padding: 0.25em 2em;
            background-color: #AC122A;
            border: none;
            border-radius: 0.25em;
            color: #FFF;
            cursor: pointer;
        }

table.miscServiceProductTransactionsTable {
    border: 1px solid #999;
    text-align: left;
    border-collapse: collapse;
}

    table.miscServiceProductTransactionsTable thead {
        background-color: #FFF3B9;
    }

        table.miscServiceProductTransactionsTable thead tr th {
            padding: 0.5em;
        }

    table.miscServiceProductTransactionsTable tbody tr td {
        padding-top: 0.3em;
        padding-bottom: 0.3em;
    }

div.miscServicePayments table {
    width: 90%;
    margin-bottom: 1em;
}

div.miscServicePayments > table tbody tr:first-child {
    /*padding:1em 0em;*/
}

div.miscServiceTransactionInfo {
    margin-bottom: 1em;
}

    div.miscServiceTransactionInfo table {
        width: 100%;
        border: 1px solid #999;
    }

        div.miscServiceTransactionInfo table tr td:first-child {
            width: 17%;
        }

        div.miscServiceTransactionInfo table td {
            padding: 0.5em 1em 0.5em 0em;
        }

div.miscServiceHeaderDiv h4 {
    text-align: center;
    background-color: #FFF3B9;
    padding: 0.5em 0em;
}

div.miscServiceHeaderDiv > h4 {
    clear: both;
    margin: 0;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

table.miscServicePaymentTable tbody tr td {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
}

/*table.miscServicePaymentTable tbody tr td select {
        width:150px;
    }*/

div.miscServiceTransactionInfo table tbody tr td {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.push-aside {
    margin-left: 0.5em;
    margin-right: 0.5em;
}
/* Misc Services Styling Ends */

/* Outlet home login styles begins here*/
.TellerBalanceDetailsInfotd {
    width: 27%;
    vertical-align: top;
}

.TellerVerificationtd {
    width: 46%;
}

.TellerTranDetailstd {
    width: 28%;
    vertical-align: top;
}

.TellerBalanceDetailsTable {
    width: 95%;
    border: 0;
    font-weight: bold;
    color: #666;
}

    .TellerBalanceDetailsTable td {
        font-weight: normal;
        font-size: 14px;
    }

.ForEachLoopTransactionTable {
    width: 85%;
    border: 0;
}

.TellerVerificationDetailstable {
    width: 498px;
    border: 0;
}

    .TellerVerificationDetailstable td {
        width: 27%;
        text-align: left;
    }

    .TellerVerificationDetailstable tr {
        font-size: 14px;
    }

    .TellerVerificationDetailstable th {
        color: #ac122a;
        text-align: left;
    }
/*  Outlet home login styles begins here */

/* Customer Search Styling Starts */
div.customerSearchBar {
    width: 84%;
    margin: 4em auto 0.5em;
    text-align: center;
    padding: 1em;
}

div.customerSearchBarModified {
    width: 84%;
    margin: 0em auto 0.5em;
    text-align: center;
    padding: 1em;
    max-height: 150px;
    overflow: scroll;
}

div.customerSearchBar > div:first-child {
    padding: 1.5em;
    margin-bottom: 2em;
    background-color: #f8f8f8;
    border-radius: 0.5em;
    box-shadow: 0em 0em 0.5em #A1A7AD;
}

div.customerSearchBar > div:nth-child(2) {
    border-radius: 0.5em;
    box-shadow: 0em 0em 0.5em #A1A7AD;
    background-color: #FFF;
}

div.customerSearchBar > div > table.finextTable {
    font-size: 1em;
    width: 100%;
}

div.customerSearchBar > div > input:first-child {
    width: 75%;
    background-image: url(../Images/search.png);
    background-repeat: no-repeat;
    padding: 10px;
    background-position: 99% 3px;
}

div.customerSearchBar > div > a.linkAsButton, div.customerSearchBar > div > a.adminlinkAsButton {
    font-size: medium;
}

div.customerSearchBar > div > table img {
    width: 20px;
    height: 20px;
}


div.customerSummaryDetails {
    width: 97.5%;
    margin: 0em auto;
}

div.customerSummaryTabs ul {
    padding: 0em;
    margin: 0em;
    list-style-type: none;
}

div.customerSummaryTabs li {
    display: inline-block;
    background-color: #737373;
    color: #000;
    margin: 0.1em;
    padding: 0.2em 1em;
    font-weight: bold;
    border-radius: 0.5em 0.5em 0em 0em;
    cursor: pointer;
}

    div.customerSummaryTabs li.active {
        background-color: #AC122A;
        color: #FFF;
    }

    div.customerSummaryTabs li a {
        text-decoration: none;
        padding: 0em 0em 0em 0.5em;
    }

div.customerServiceTabs {
    overflow: hidden;
}

    div.customerServiceTabs > div {
        float: right;
    }

        div.customerServiceTabs > div ul {
            padding: 0em;
            list-style-type: none;
            margin: 0.25em 0em;
        }

        div.customerServiceTabs > div li {
            display: inline;
            background-color: #818383;
            color: #FFF;
            margin: 0em 0.05em;
            padding: 0.2em 1em;
            font-weight: bold;
            border-radius: 0.5em 0.5em 0em 0em;
            cursor: pointer;
        }

            div.customerServiceTabs > div li.active {
                background-color: #AC122A;
                color: #FFF;
            }

            div.customerServiceTabs > div li a {
                text-decoration: none;
            }

.divTabs {
    text-align: right;
    width: 100%;
    padding-bottom: 5px;
}

    .divTabs a {
        text-decoration: none;
        padding: 5px 10px;
        background-color: darkgray;
        color: white;
    }

        .divTabs a:active {
            text-decoration: none;
            padding: 5px 10px;
            background-color: brown;
            border-radius: 5px;
            color: white;
        }

.divStatementTabs {
    text-align: right;
    width: 100%;
    padding-bottom: 5px;
}

    .divStatementTabs a {
        text-decoration: none;
        padding: 5px 10px;
        background-color: darkgray;
        color: white;
    }

        .divStatementTabs a.statementTab {
            text-decoration: none;
            padding: 5px 10px;
            background-color: brown;
            color: white;
        }

div.customerTabContent[data-content=CustomerSummary] > div:first-child {
    overflow: hidden;
    font-weight: bold;
}

div.customerPersonalInfo, div.customerProductGallery {
    box-shadow: 0em 0em 0.5em #A1A7AD;
    margin: 0.25%;
    min-height: 265px;
}

div.customerPersonalInfo {
    float: left;
    width: 39%;
}

div.customerProductGallery {
    float: right;
    width: 59%;
}

    div.customerProductGallery > div:first-child {
        padding: 1em;
    }

    div.customerProductGallery h4 {
        margin: 1em 0em;
        padding: 0em;
    }

    div.customerProductGallery table td {
        text-align: center;
        padding: 0.5em;
    }

    div.customerProductGallery > div > div {
        margin: 1em;
    }

div.customerPersonalInfo > div:first-child {
    padding: 1em;
    overflow: hidden;
}

    div.customerPersonalInfo > div:first-child > div:first-child {
        float: left;
        width: 40%;
    }

    div.customerPersonalInfo > div:first-child > div:nth-child(2) > table {
        width: 100%;
    }

        div.customerPersonalInfo > div:first-child > div:nth-child(2) > table td {
            padding: 0.25em;
        }

    div.customerPersonalInfo > div:first-child > div:nth-child(2) {
        float: right;
        width: 60%;
    }

/*div.customerPersonalInfo > div:nth-child(2) {
    clear: both;
    background-color: #FAFA9A;
    padding: 1em;
}*/

div.customerPersonalInfo > div:nth-child(2) > h4 {
    margin: 0em;
}

div.customerPersonalInfo > div:first-child > div:nth-child(2) > div:first-child > div:first-child {
    float: right;
}

div.customerSummaryDataGrids h4 {
    margin: 1em 0em 0em;
}

div.customerSummaryDataGrids > div:first-child div {
    overflow: hidden;
}

    div.customerSummaryDataGrids > div:first-child div a.linkAsButton {
        float: right;
        margin: 1em 0em 0em;
    }



#flip {
    text-align: center;
    display: none;
    width: 100%;
    background-color: #333333;
}

#panel {
    width: 100%;
    display: block;
}

    #panel img {
        cursor: pointer;
    }


#mask {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 999;
}

.login-popup {
    display: none;
    background: #FFF;
    padding: 10px;
    border: 2px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999;
    box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 3px 3px; /* Safari, Chrome */
}

.transactiontable {
    width: 100%;
    border: 0;
}

.transactionImagediv {
    width: 40px;
    float: left;
}

.transactionImagedivSpan {
    margin: 10px;
}

.transactiontabletrOne {
    background-color: #f2f2f2;
}
/* Customer Search Styling Ends */

.divmainclass {
    width: 100%;
    float: left;
}

.custDiv {
    width: 99%;
    margin: 0px auto;
    min-height: 530px;
    margin-bottom: 7px;
}

/*styles for icons to be left aligned*/
.SafeImageContainer {
    clear: both;
    width: 72%;
    margin: 40px auto;
    padding-top: 50px;
    text-align: center;
}

    .SafeImageContainer ul {
        list-style-type: none;
    }

        .SafeImageContainer ul li {
            display: inline;
        }

.notificationContent {
    text-align: center;
}

.safeInfo {
    width: 50%;
    margin: 0 auto;
}

    .safeInfo table {
        width: 100%;
        border: 1px solid #ccc;
        padding: 30px 0 30px 30px;
    }

        .safeInfo table td {
            width: 30%;
        }

/*styles for login page..*/
#LoginBody {
    width: 96%;
    margin: 0px auto;
    min-height: 372px;
    margin-bottom: 20px;
    padding-top: 10px;
}

    #LoginBody input[type='text'], #LoginBody input[type='number'], #LoginBody input[type='password'] {
        width: 92%;
        padding: 10px 0 10px 7%;
        margin: 0;
        border: 1px solid #ccc;
        background-position: 4px 4px;
    }

    #LoginBody fieldset {
        border: none;
    }

@keyframes blink {
    0% {
        color: white;
    }

    100% {
        color: #0000FF;
    }
}

@-webkit-keyframes blink {
    0% {
        color: red;
    }

    100% {
        color: yellow;
    }
}

.blink {
    -webkit-animation: blink 0.5s linear infinite;
    -moz-animation: blink 0.5s linear infinite;
    -ms-animation: blink 0.5s linear infinite;
    -o-animation: blink 0.5s linear infinite;
    animation: blink 0.5s linear infinite;
    font-size: 15px;
}

table.calculation tr td:nth-child(2) {
    text-align: right;
}

.deceaseddiv {
    height: 38px;
    width: 452px;
    margin-top: 5px;
    padding: 0 0 0 10px;
}

    .deceaseddiv span {
        text-align: left;
    }

        .deceaseddiv span label {
            float: left;
            width: 200px;
        }

    .deceaseddiv label {
        width: 200px;
    }

.buttonContainer {
    margin-top: 10px;
    padding: 0 0 10px 0;
}

.CPCalignment {
    margin-left: 38%;
    margin-top: 8%;
}

.CPCtrAlign {
    height: 38px;
}

.currentVerificationsTr {
    width: 15%;
    /*border-bottom: 1px solid;*/
    border-bottom-color: #999999;
}

.emptyVerificationTr {
    width: 70%;
    /*border-bottom: 1px solid;*/
    border-bottom-color: #999999;
}

.underVerification {
    font-weight: bolder;
    color: #f00;
    font-size: 1.45em;
}

.respondedToVerification {
    font-weight: bolder;
    color: green;
    font-size: 1.45em;
}

.chatHeader {
    height: 32px;
    background-color: #3A72B9;
    color: #fff;
}

.productGalleryLinks {
    display: block;
    padding: 7px !important;
    height: 25px !important;
    font-size: 1em !important;
    text-shadow: none !important;
}

.popupheader {
    float: left;
    padding-top: 5px;
    /*font-weight: bold;*/
    color: white;
    padding-left: 8px;
}

.signimage {
    margin: 10px 50px;
}

#sign {
    height: 75px;
    width: 200px;
}

.customerfrequencies {
    width: 100%;
    float: left;
}

    .customerfrequencies select {
        width: 105px;
        cursor: pointer;
        border-radius: 3px;
        border: 1px solid #ccc;
        height: 23px;
    }

#accordionHeadOne {
    clear: both;
    margin-top: 10px;
    border: 1px solid black;
}

    #accordionHeadOne table {
        width: 100%;
    }

.loanInfoHeader {
    background-color: #fff3b9;
}

.LoanInfosub {
    width: 95%;
    margin: 0 auto;
}

.MenuList {
    list-style-type: none;
    padding-left: 0px;
}

    .MenuList li {
        display: inline;
        cursor: pointer;
    }

.LoanInfosubData {
    clear: both;
    background-color: lightgray;
    margin-bottom: 10px;
}

    .LoanInfosubData table {
        width: 100%;
    }



table.addMorePaysTable {
    padding: 0.25em;
    text-align: left;
}

    table.addMorePaysTable tbody tr.CashContent {
        border: 1px solid #999;
    }

    table.addMorePaysTable thead {
        background-color: #FFF3B9;
    }

        table.addMorePaysTable thead tr th {
            padding: 0.5em;
        }

    table.addMorePaysTable tbody tr td {
        padding: 1% 2.5em 1% 0.2em;
    }

.paymentLeftCol {
    float: left;
}

.paymentRightCol {
    float: right;
}

.paymentRow {
    padding: 3% 29% 1% 23%;
}

.paymentMainForm {
    border: 1px solid #bbbaba;
    border-collapse: collapse;
}

.tenderPaymentField {
    padding: 1% 1% 1% 1%;
}

.addMoreCustomerPaysTable {
    width: 79%;
}

.addMonetaryDrawTable {
    width: 91%;
}

    .addMonetaryDrawTable input:not(.amountField) {
        width: 85px !important;
    }

table.addMonetaryDrawTable {
    /*border: 1px solid #999;*/
    padding: 0.25em;
    text-align: left;
    margin-left: 4%;
}

    table.addMonetaryDrawTable thead {
        background-color: #FFF3B9;
    }

        table.addMonetaryDrawTable thead tr th {
            padding: 0.5em;
        }

.paymentsMultipleModes {
    width: 58%;
}

tr.CashContent {
    padding: 1% 1% 5% 5%;
    margin-top: 5px;
    border: 1px solid #bbbaba;
}

.paymentBody {
    padding: 1% 1% 1% 1%;
}

.addMonetary, .removeMonetary {
    text-decoration: none;
    padding: 0.15em;
    background-color: #AC122A;
    border: none;
    border-radius: 0.25em;
    color: #FFF;
    cursor: pointer;
    margin-left: 6%;
}

.passwordHeader {
    background-color: gray;
    width: 100%;
    color: aliceblue;
    height: 61%;
}

.amountRightAlign {
    text-align: right;
    padding-right: 2px;
}

.width16Per {
    width: 16% !important;
}

.width32Per {
    width: 32% !important;
}

.width16PerCusttype {
    width: 16%;
}

.width32PerCusttype {
    width: 32%;
}

.verticalAlignTop {
    vertical-align: top;
}

.BankruptDeceasedtablerow {
    cursor: pointer;
}

.limitIncreaseRequestsTableRow {
    cursor: pointer;
}

.finextTableTr {
    cursor: pointer;
}

/*theme styles*/
.alignCenter {
    text-align: center;
}

.alignLeft {
    text-align: left;
}

.gnPad {
    padding: 10px;
}

.innerRdBx {
    width: 500px;
    margin: 10px auto;
    border: 1px solid #ccc;
}

    .innerRdBx .hdr {
        height: 20px;
        background-color: #67BD51;
        padding: 3px 10px;
        color: #fff;
        font-size: 1.2em;
        font-weight: bold;
    }

    .innerRdBx .inr {
        padding: 20px;
    }

.fulTable {
    width: 100%;
}

.registrationContainer input[type='text'], .registrationContainer input[type='password'], .registrationContainer input[type='number'], .registrationContainer input[type='email'] {
    width: 150px !important;
    border-radius: 3px !important;
    padding: 2px !important;
    height: 20px !important;
}

.registrationContainer select {
    width: 155px !important;
    border-radius: 3px !important;
    height: 27px !important;
}

.nopadding {
    padding: 0 !important;
}

.halfwidth {
    width: 50% !important;
}

.paymentsInnerContent {
    width: 70%;
    margin: 0 auto;
}

.paymentMulModesContent {
    border: 1px solid #ccc;
    margin: 10px auto;
    padding: 10px;
}

    .paymentMulModesContent table {
        width: 100%;
        margin: 0 auto;
    }

.tHead {
    font-size: 1.2em;
    height: 32px;
}

.bold {
    font-weight: bold;
}

.customerSummaryTabs {
    padding: 10px 0 0 19px;
}

.gnMargin {
    margin: 10px auto;
}

.hide {
    display: none !important;
}

.hidden {
    display: none;
}

.scrollPopUp {
    height: 200px;
    overflow-y: scroll;
}

.customerVerificationsTabs .active {
/*    background-color: #67BD51;
*/    border-radius: 0.5em 0.5em 0em 0em;
    color: white;
    display: inline-block;
    margin: 0.1em;
    padding: 0.5em 1.6em;
    margin-bottom: -10px;
    margin-left: -12px;
    font-weight: bold;
}

.customerVerificationsTabs li {
/*    background-color: #737373;
*/    border-radius: 0.5em 0.5em 0em 0em;
    color: #000;
    display: inline-block;
    margin: 0.1em;
    padding: 0.2em 1em;
    font-weight: bold;
}

/* Styles for Cart Page Begin */
.center {
    text-align: center;
}

table.cartTransactionsTable {
    border-collapse: collapse;
    border: 1px solid #f2f2f2;
}

    table.cartTransactionsTable > thead {
        background-color: #F2F2F2;
    }

    table.cartTransactionsTable tr > td {
        padding: 0.5em;
    }

.locProductLink {
    width: 110px !important;
}

#MinimumAmountDue {
    font-weight: bold;
}

/* Styles for Cart Page Begin */
.strong {
    font-weight: bold;
}

.push-down {
    margin-top: 3em;
}

.fullwidth {
    width: 100%;
}

.center {
    text-align: center;
}

.pullRight {
    text-align: right;
}

.jumboText {
    font-size: large;
    color: #AC122A;
}

.lblPastDateError {
    color: red;
    font-weight: bold;
}
/* Styles for Cart Page End */

table.noBorderLeft tr td {
    border-left: none !important;
}

.transparent {
    background-color: transparent;
}

.trloandetails {
    cursor: pointer;
}

.classVerificationGroupChkbox {
    background-color: gray;
    font-weight: bold;
    color: #fff;
    font-size: 0.9em;
    border-bottom: 3px solid #ccc;
}

.AutomaticVerificationTable {
    background-color: darkred;
    font-weight: bold;
    color: #fff;
    font-size: 1.5em;
    border-bottom: 3px solid #ccc;
}

/*style for calculator table start*/
.ClsCalculatorTable {
    width: 100%;
}

/*auto complete styles..*/

.ui-autocomplete {
    border: 1px solid #ccc;
    background-color: #fff;
}

    .ui-autocomplete li:hover {
        background-color: #ccc;
    }

/* login container styles*/
.loginContent {
    padding: 3em;
}

    .loginContent table td {
        padding: 0.75em;
    }

/* report styles start*/
.reportContent {
    width: 50%;
    padding: 10px;
    border: 1px solid #ccc;
}

    .reportContent .detailsLeftContent {
        width: 100%;
    }

/* there are no matching records styles*/
.clsNoMatchingRecords {
    clear: both;
    /*margin:10px;*/
}

.verificationMandatory {
    background-color: yellow !important;
}

.PhoneNoVerified {
    background-color: green !important;
}

.VerificationsSection {
    position: relative;
    /*border: 1px solid #000;*/
    padding-top: 37px;
    /*background: #500;*/
}

    .VerificationsSection.positioned {
        position: absolute;
        top: 100px;
        left: 100px;
        width: 800px;
        box-shadow: 0 0 15px #333;
    }

.VerificationNotesSection {
    position: relative;
    /*border: 1px solid #000;*/
    padding-top: 37px;
    /*background: #500;*/
}

    .VerificationNotesSection.positioned {
        position: absolute;
        top: 100px;
        left: 100px;
        width: 800px;
        box-shadow: 0 0 15px #333;
    }

.VerificationsContainer {
    overflow-y: auto;
    height: 350px;
}

.VerificationNotesContainer {
    overflow-y: auto;
    height: 135px;
}

.VerificationFieldsContainer {
    overflow-y: auto;
    height: 400px;
}

.VerificationsTable {
    border-spacing: 0;
    width: 100%;
}

.VerificationNotesTable {
    border-spacing: 0;
    width: 100%;
}
/*td + td {
  border-left:1px solid #eee;
}*/
.headerVerifications td, .headerVerifications th, .headerVerificationNotes td, .headerVerificationNotes th, .headerVerificationsHistory td, .headerVerificationsHistory th {
    /*border-bottom:1px solid #eee;
  background: #ddd;
  color: #000;*/
    padding: 1px 2px;
}

.headerVerifications th, .headerVerificationsHistory th, .headerVerificationNotes th {
    height: 0;
    line-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: transparent;
    border: none;
    white-space: nowrap;
}

    .headerVerifications th div {
        position: absolute;
        /*background: transparent;*/
        color: #800;
        padding: 0px 25px;
        top: 0;
        margin-left: -1px;
        line-height: normal;
        /*border-left: 1px solid #800;*/
    }

    .headerVerificationNotes th div {
        position: absolute;
        /*background: transparent;*/
        color: #800;
        padding: 9px 55px;
        top: 0;
        margin-left: -1px;
        line-height: normal;
        /*border-left: 1px solid #800;*/
    }
/*th:first-child div{
  border: none;
}*/
tr.verificationsContentRow {
    height: 25%;
}

.headerVerificationsHistory th div {
    position: absolute;
    /*background: transparent;*/
    color: #800;
    padding: 9px 3px;
    top: 0;
    margin-left: -1px;
    line-height: normal;
}







.customerSearchResultsSection {
    position: relative;
    /*border: 1px solid #000;*/
    padding-top: 37px;
    background: #3b72b9;
}

    .customerSearchResultsSection.positioned {
        position: absolute;
        top: 100px;
        left: 100px;
        width: 800px;
        box-shadow: 0 0 15px #333;
    }

.customerSearchResultssContainer {
    overflow-y: auto;
    max-height: 330px;
}

.customerSearchResultsTable {
    border-spacing: 0;
    width: 100%;
}
/*td + td {
  border-left:1px solid #eee;
}*/
.headerCustomerSearchResults td, .headerCustomerSearchResults th {
    /*border-bottom:1px solid #eee;
  background: #ddd;
  color: #000;*/
    padding: 1px 2px;
}

.headerCustomerSearchResults th {
    height: 0;
    line-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: transparent;
    border: none;
    white-space: nowrap;
}

    .headerCustomerSearchResults th div {
        position: absolute;
        /*background: transparent;*/
        color: #fff;
        padding: 9px 25px;
        top: 0;
        margin-left: -1px;
        line-height: normal;
        /*border-left: 1px solid #800;*/
    }

/*customerSearchResultssContainer table styles*/

.customerSearchResultssContainer table.finextTable thead th {
    height: 0;
    line-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: transparent;
    border: none;
    white-space: nowrap;
}

.dynamicErrorMessage {
    display: none;
}

.txtVerificationSearch {
    font-size: 17px;
    height: 20px;
    margin: 5px 2px;
    width: 200px !important;
    border-color: black;
    border: solid 1px !important;
}

.errorText {
    color: #aa0000;
}

.successText {
    color: #00aa00;
}

.storeCurrentVerifications {
    cursor: pointer;
}

.tabEmail {
    width: 25% !important;
}

.PayoffButton {
    margin-top: 25%;
    margin-left: 40%;
}

.msgBalanceAlert {
    color: red;
    text-align: center;
}

.imgsize {
    width: 14em !important;
}

.maskPopup {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 999;
}

.viewPopUp {
    position: fixed;
    min-width: 450px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    top: 20%;
    left: 30%;
    z-index: 1000;
    min-height: 180px;
}

.NMIviewPopUp {
    position: fixed;
    min-width: 550px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    top: 20%;
    left: 30%;
    z-index: 1000;
    min-height: 230px;
}

.viewFeePopUp {
    position: fixed;
    width: auto;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    top: 20%;
    left: 30%;
    z-index: 1000;
    min-height: 180px;
    max-height: 75%;
    margin: 0px;
}

.under {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
}


.over {
    position: absolute;
    left: 3px;
    top: 14px;
    z-index: 1;
}


table.moSuspiciousTable {
    width: 100%;
    padding: 0.5em;
}

    /*table.moSuspiciousTable td {
        padding: 0.25em;
    }*/

    table.moSuspiciousTable td:nth-child(1) {
        text-align: right;
    }

    table.moSuspiciousTable td:nth-child(2) {
        text-align: left;
    }

#miscCardProcessing_PINNumber {
    height: 15px;
    width: 62%;
    padding: 5px 0px 3px 0px;
    margin: 0;
    border-radius: 3px;
}

.popupDialogTemp {
    display: none;
    background: #FFF;
    float: left;
    font-size: 1em;
    position: fixed;
    top: 250px;
    width: 50%;
    z-index: 99901;
    box-shadow: 0px 0px 20px #999;
    -moz-box-shadow: 0px 0px 20px #999;
    -webkit-box-shadow: 0px 0px 20px #999;
    min-width: 500px;
}

.verified {
    background-color: #029f26 !important;
    border: solid 1px #029f26 !important;
    border-radius: 3px;
    padding: 0.4em 1.0em;
    font-size: 1.1em;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    width: auto;
    cursor: pointer;
    text-decoration: none;
}

.popupDialogText {
    margin-bottom: 3%;
}

.greyButton {
    color: white;
    margin-left: -85px;
    padding: 2px 4px 3px 2px;
    cursor: pointer;
    background-color: rgb(107, 95, 82);
    border-radius: 2px;
    text-decoration: none;
}

.greyButton1 {
    color: white;
    margin-left: -115px;
    padding: 2px 4px 3px 2px;
    cursor: pointer;
    background-color: rgb(107, 95, 82);
    border-radius: 2px;
    text-decoration: none;
}


.greyFields {
    background-color: #E0E0D1;
}

.countOfSupervisorRequests {
    position: relative;
    bottom: 39px;
    font-weight: bold;
    color: #f2f2f2;
    background: #008061;
    right: 2px;
    width: 18px;
    float: right;
    height: 18px;
    border-radius: 50px;
    text-align: center;
}

.documentViewPopUp {
    position: fixed;
    min-width: 455px;
    max-width: 720px !important;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    top: 20%;
    right: 3%;
    z-index: 1000;
    min-height: 180px;
    max-height: 725px !important;
}

.OnlineQueueLinks {
    background: #67BD51;
    border: solid 1px #67BD51;
    border-radius: 3px;
    padding: 2px 8px 2px 8px;
    font-size: 1.1em;
    color: #fff;
    /*text-shadow: 1px 1px 1px #000;*/
    width: auto;
    cursor: pointer;
    text-decoration: none;
}


.BankAccountVerificationpopup {
    position: fixed !important;
    min-width: 250px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    top: 20%;
    left: 30%;
    z-index: 1000;
    width: 52%;
}

.VerifiyBankpopup {
    position: fixed;
    min-width: 450px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    top: 1%;
    left: 10%;
    z-index: 1000;
    min-height: 106px;
    width: 75%;
    overflow: scroll;
    max-height: 600px;
}

.NMIDetailspopup {
    position: fixed;
    min-width: 450px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    top: 1%;
    left: 10%;
    z-index: 1000;
    min-height: 106px;
    width: 75%;
    overflow: scroll;
    max-height: 600px;
}

.overrideBG {
    background: #fff !important;
    padding: 5px 0;
}

.StoreCustmorQfund {
    width: 100%;
    text-align: left;
    font-size: 11px;
    line-height: 1.3;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    padding: 0;
}

.suspiciousInActive {
    background: #fff3b9;
    padding: 8px 0 7px;
    border-radius: 2px;
    font-weight: 600;
    display: block;
    text-align: center;
    margin: 2px;
}

.suspiciousActive {
    background: #ac122a;
    padding: 8px 0 7px;
    border-radius: 2px;
    font-weight: 600;
    display: block;
    text-align: center;
    margin: 2px;
    color: #fff;
}

.upperCase {
    text-transform: uppercase !important;
}

.MandateDetBox {
    width: 82%;
    margin: 2em auto 0.5em;
    text-align: center;
    padding: 1em;
    line-height: 45px;
    margin-bottom: 2em;
    background-color: #f8f8f8;
    border-radius: 0.5em;
    box-shadow: 0em 0em 0.5em #A1A7AD;
}

.dull_head_bg {
    background: #ddd;
}

.white_bg {
    background: #fff;
}

.pdf table {
    font-size: 12.5px;
}

.pdf .check-box-label:before {
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    border: 1px solid #000;
}

.pdf .check-box-empty {
    width: 15px;
    height: 15px;
}

.pdf .photograph {
    background-color: #f8f8f8;
    text-align: center;
}

    .pdf .photograph img {
        height: 140px;
    }

.pdf td img.logo {
    height: 119px !important;
}

.pdf .pdf-heading {
    background-color: #575757;
}

.ptb-5 {
    padding: 5%;
}

.bg-home {
    background: #f8f8f8;
    border-radius: 5px;
}

.bg-white {
    background: #fff;
    border-radius: 5px;
}

.p-20 {
    padding: 20px;
}

#body {
    background: #f8f8f8;
}

.page-heading {
    color: #008E61;
    text-decoration: underline;
    font-weight: bold;
    font-size: 2em;
}

@media (min-width: 1520px) {
    .container {
        width: 1440px;
    }
}

.txt-dft {
    color: #2a478b;
}

.fa-13 {
    font-size: 1.3em;
}

.verification-accordion .accordion {
    background-color: #2a478b;
    color: #fff;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1.1em;
    font-weight: bold;
    transition: 0.4s;
    margin: 5px 0 0;
}

    .verification-accordion .accordion span:after {
        content: '\002B';
        float: right;
        font-weight: bold;
        font-size: 2.3em;
        padding: 0 0;
        margin: -11px 0px -27px 10px;
    }


    .verification-accordion .accordion.active span:after {
        content: '\2212';
        float: right;
        font-weight: bold;
        font-size: 2.3em;
        padding: 0 0;
        margin: -11px 0px -27px 10px;
    }

.active, .accordion:hover {
    background-color: #2a478bde;
}

.verification-accordion .panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    border: 1px solid #ccc;
}


.btn-rbl {
    background: #65bc51;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
}

    .btn-rbl:hover {
        background: #67bd51ba;
    }


.w-50 {
    width: 40%;
    display: inline-block;
    margin: 0 1%;
    height: 214px;
    vertical-align: middle;
}

.apply-font {
    font-size: 1.3em;
    padding: 5px;
}

.img_heig {
    height: 23px;
}

.panel .table-bordered {
    border: 1px solid #ddd;
}

.accorUl {
    padding: 0;
}

.no_border td {
    border: none;
    padding: 5px !important;
    border-top: none !important;
}