/* Minification failed. Returning unminified contents.
(666,18): run-time error CSS1030: Expected identifier, found ' '
(666,19): run-time error CSS1031: Expected selector, found 'url(../images/agent_icon.png)'
(666,19): run-time error CSS1025: Expected comma or open brace, found 'url(../images/agent_icon.png)'
(667,1): run-time error CSS1019: Unexpected token, found '}'
(668,2): run-time error CSS1031: Expected selector, found '/'
(668,2): run-time error CSS1025: Expected comma or open brace, found '/'
(672,1): run-time error CSS1019: Unexpected token, found '}'
(673,2): run-time error CSS1031: Expected selector, found '/'
(673,2): run-time error CSS1025: Expected comma or open brace, found '/'
(677,1): run-time error CSS1019: Unexpected token, found '}'
(679,2): run-time error CSS1031: Expected selector, found '/'
(679,2): run-time error CSS1025: Expected comma or open brace, found '/'
(1688,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3192,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3202,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4349,1): run-time error CSS1019: Unexpected token, found '@'
(4349,2): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4366,1): run-time error CSS1019: Unexpected token, found '@'
(4366,2): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(4367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4383,1): run-time error CSS1019: Unexpected token, found '@'
(4400,1): run-time error CSS1019: Unexpected token, found '@'
(4417,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(5617,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(5628,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5629,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
 */
@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'], textarea {
    width: 147px;
    border: 1px solid #ccc;
    border-radius: 3px;
    /*padding-left:3px;*/
    padding: 4px;
}

    input[type='text']:focus, input[type='number']:focus, textarea: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: #ac122a;
    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;
        }

.cusDetails {
    width: 100%;
}

.suscusDetails {
    background: #FFFF00 !important;
    width: 100%;
}

    .suscusDetails tr {
    }

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

.suscusDetails {
    width: 100%;
}

.highcusDetails {
    background: #ff0000 !important;
    width: 100%;
}

    .highcusDetails tr {
    }

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

.highcusDetails {
    width: 100%;
}


.cusBankDetails {
    width: 100%;
}

    .cusBankDetails tr {
    }

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



.identityDetails {
    background-color: #e7f3a9;
    font-weight: bold;
    font-size: 1.1em;
    color: #000;
    padding: 7px;
}

.tableHeadings {
}

.tasksForVerification, .allTasks, .riskIndicators, .fraudAlerts, .rdpInstantId, .argyleverification {
    background: #F9ECB8;
    padding: 7px 0;
    border-radius: 8px 8px 0 0px;
    font-weight: bold;
    text-align: center;
    margin: 0px;
    color: #B4604E;
    text-transform: uppercase;
    width: 14%;
    position: relative;
}

.tabsActive {
    background-color: #BFCB7F;
}

    .tabsActive:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 47%;
        width: 0px;
        height: 0px;
        color: transparent;
        border: 15px solid;
        border-top-color: #bfcb7f;
        z-index: 10000;
    }

/*.fixedTableHeader {
    position: fixed;
    top: 200px;
}*/


.width50 {
    width: 92% !important;
}

.width_222 {
    width: 222px !important;
}

.check_text_wid input, .check_text_wid textarea {
    width: 97%;
    float: left;
}

.error_text {
    font-size: 12px;
    float: left;
}
.SubStatus{
    width: 75% !important;
}
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: 5px 0 5px 10px;
    width: 175px;
    height: 40px;
}

.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: 44%;
    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: 16%;
    margin-top: 1.0em;
    float: right;
    display: inline;
}

.headerMenu {
    width: 67%;
    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;
            width: 27px;
        }

.viewContainer {
    width: 100%;
}

.containerHeader {
    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 );
    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: #ac122a;
    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: #f2f2f2;
        padding: 15px;
        border-bottom: 1px solid #ccc;
    }

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

    .finextTable tbody tr:nth-child(even) {
        background: #dcd9cb;
        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: darkred;
        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: #ac122a;
    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: 400px;
}

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

.buttonSubmit {
    background-color: #ac122a;
    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: #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 );
    color: #990033;
    font-size: 16px;
    padding: 1%;
}
/*Statement View Ends*/

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

    .mainContainer div {
        display: inline-block;
        vertical-align: text-top;
    }

        .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: 45%;
        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: 32%;
}

.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 );
        color: #ffffff;
        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: 10px !important;
        }

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

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

        .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: #fff;
        }

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

        .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: #ffffff;
        }

        .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;
    }

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

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

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

    .retentionTable label {
        padding: 10px;
    }

    .retentionTable 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;
}

.divuncatergoryselected {
    /*height: 35px;*/
    padding: 7px;
    background: darkred;
    color: white;
    text-align: center;
}

.divuncatergory {
    /*height: 35px;*/
    padding: 7px;
    background: #fff3b9;
    color: black;
    text-align: center;
}

.clscureAmount {
    margin-left: 300px;
    font-size: 1.4em;
    color: red;
    font-weight: bold;
}

.textCenter {
    text-align: center;
}

.halfWidth {
    width: 56%;
    margin: 0 auto;
}

.leftAlignContent {
    width: 48%;
    float: left;
}

.rightAlignContent {
    width: 48%;
    float: left;
}

.blksource {
    animation: blinker 1s linear infinite;
    padding: 0 6px;
    color: #000;
}

@keyframes blinker {
    0% {
        background-color: #fff;
    }

    49% {
        background-color: #fff;
    }

    50% {
        background-color: #fff;
    }

    99% {
        background-color: #fff;
    }

    100% {
        background-color: #fff;
    }
}

.w-70 {
    width: 70%;
    margin: 0 auto;
}

.pt-10 {
    padding: 20px 0 0;
}

.open > .dropdown-menu {
    display: block;
    max-height: 200px;
    overflow-y: scroll;
}

.w-45 {
    width: 45%;
    margin: 0 auto;
}

.w-100 {
    width: 100%;
}

.f-12 {
    font-size: 1.2em;
}

.textLeft {
    text-align: left;
}

.dolle_r {
    margin-top: -11px;
}

.mt_15 div {
    margin-top: 15px;
}

.pay_day#PayDateDiv {
    width: 36%;
    float: left;
    margin: 0 !important;
}

.day_of_week {
    width: 100%;
}

    .day_of_week span:first-child {
        width: 32% !important;
    }

.next_pay {
    width: 100%;
}

    .next_pay .next_left {
        width: 38%;
        display: inline-block;
    }

    .next_pay .next_right {
        width: 50%;
    }

    .next_pay .next_left .weeklyPayDate {
        width: auto !important;
        margin-right: 0;
    }

a.popupDialogYes.linkAsButton.site_black_btn {
    background-color: #3c3c3c !important;
    border: #3c3c3c !important;
    padding: 8px 20px;
}

a.popupDialogNo.linkAsButton.redButtonClr {
    background: #A90A2D !important;
    border: 1px solid #A90A2D !important;
    padding: 8px 20px;
    text-shadow: none;
}
.onoffswitch {
    position: relative;
    width: 43px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #999999;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 15px;
        padding: 0;
        line-height: 28px;
        font-size: 14px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "";
        padding-left: 10px;
        background-color: #39A454;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "";
        padding-right: 9px;
        background-color: #323232;
        color: #999999;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 10px;
    margin: 3px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 26px;
    border: 1px solid #999999;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.popupDialog.WhiteBGPopUp {
    min-width: 40%;
    width: 40%;
    border-radius: 4px;
    overflow: hidden !important;
    top: 25% !important;
    left: 30% !important;
    text-align: left;
    border: 1px solid #ccc;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}

    .popupDialog.WhiteBGPopUp .popupDialogHdr {
        color: #fff;
        padding: 9px;
        font-size: 15px;
        background-color: brown;
    }

    .popupDialog.WhiteBGPopUp .popupDialog .popupDialogHdr .popupDialogClose {
        margin: -5px -1px 0 0;
    }

    .popupDialog.WhiteBGPopUp .popupDialogIcon {
        display: none;
    }

    .popupDialog.WhiteBGPopUp .popupDialogCont {
        padding: 2em 2em 3em;
    }

        .popupDialog.WhiteBGPopUp .popupDialogCont ol {
            text-align: left;
            padding: 0;
            margin: 0;
        }

            .popupDialog.WhiteBGPopUp .popupDialogCont ol li {
                padding: 0;
            }

        .popupDialog.WhiteBGPopUp .popupDialogCont.alignCenter div {
            text-align: left !important;
        }

    .popupDialog.WhiteBGPopUp .linkAsButton {
        padding: 12px 23px;
        text-shadow: none;
        font-size: 14px;
    }

    .popupDialog.WhiteBGPopUp .popupDialogNo {
        margin-left: 10px;
    }

    .popupDialog.WhiteBGPopUp .linkAsButton[disabled] {
        background-color: #ac122a5c !important;
        border: none;
    }

.EmailNotVerified {
    position: absolute;
    bottom: 14px;
    left: 6.5%;
    font-size: 10px;
    color: red;
}

.TextNotVerified {
    position: absolute;
    bottom: 14px;
    left: 21.5%;
    font-size: 10px;
    color: red;
}

#globalPopup.popupDialog.OlListAligned .popupDialogCont {
    padding-bottom: 2em;
}

#globalPopup.popupDialog.OlListAligned .popupDialogCont.alignCenter ol {
    padding: 0;
}

@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;
}

.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;
    /*opacity:0.4; 
    filter:alpha(opacity=40); For IE8 and earlier */
    border-radius: 4px;
    background-color: #f6e8b7;
    margin-left: auto;
    margin-right: auto;
    /*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; /* Old browsers */
    background: -moz-linear-gradient(top, #a4a4a3 0%, #d3d3d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a4a3), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a4a4a3 0%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a4a4a3 0%,#d3d3d3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a4a4a3 0%,#d3d3d3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a4a4a3 0%,#d3d3d3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a3', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
    color: darkred;
    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: #1e825e;
    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: #ac122a;
    font-weight: bold;
    background-color: #F6E880;
}

.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%;
}

.ShowCommunicationDataPopUp {
    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%;
}

.iframePopUp {
    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: #ac122a;
    border: solid 1px #ac122a;
    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: #FFF3B9;
    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-top: 8%;
}

.CPCtrAlign {
    height: 38px;
}

.currentVerificationsTr {
    width: 15%;
    /*border-bottom: 1px solid;*/
    padding: 1px 2px;
    border-bottom-color: #999999;
    vertical-align: initial;
    white-space: nowrap;
}

.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: brown;
}

.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: 4% 27% 6px;
}

.pad_row {
    padding: 5% 1% 0;
}

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

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

.addMoreCustomerPaysTable {
    width: 79%;
}

.addMonetaryDrawTable {
    width: 91%;
}

.FTCcardDetails td input {
    width: 100px !important;
}

.FTCcardDetails td select {
    width: 110px !important;
}

.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: #ac122a;
        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: #AC122A;
    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: #ccc;
}

    .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: #800;
        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, .countOfRegularRequests, .countOfNMICustomers, .countOfMLARequests {
    text-align: center;
    position: relative;
    bottom: 39px;
    font-weight: bold;
    color: #f2f2f2;
    background: #ac122a;
    right: 2px;
    width: 32px;
    float: right;
    height: 18px;
    border-radius: 50px;
}

.StoreLeadsCountLabel {
    text-align: center;
    position: relative;
    bottom: 40px;
    font-weight: bold;
    color: white;
    background: #ac122a;
    right: -8px;
    width: 18px;
    float: right;
    height: 17px;
    border-radius: 10px;
}

.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-color: #ac122a;
    border: 1px #ac122a;
    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: #F6E8B7 !important;
}

.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;
}

.UtHeaderClass {
    width: 10% !important;
    padding: 10px 0;
    text-align: center;
}

    .UtHeaderClass:nth-child(8), .UtHeaderClass:nth-child(9) {
        width: 13% !important;
    }

.UtBodyClass {
    width: 8% !important;
    padding: 10px 0;
    text-align: center;
    word-break: break-word;
}

    .UtBodyClass:nth-child(8), .UtBodyClass:nth-child(9) {
        width: 11% !important;
    }

.notificationDiv {
    position: fixed;
    bottom: 5px;
    right: 10px;
    margin-bottom: 10px;
    padding: 10px;
    width: 300px;
    max-width: 300px;
    height: 80px;
    display: none;
    background-color: #dcd9cb;
    box-shadow: 0 0px 24px rgba(0,0,0,0.25), 0 0px 24px rgba(0,0,0,0.22);
    /*border: 1px solid #f4f4f4;*/
    color: #222;
}

.float-up {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: float-up;
    -moz-animation-name: float-up;
    -o-animation-name: float-up;
    animation-name: float-up;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@@-webkit-keyframes float-up {
    0% {
        bottom: -100px;
        opacity: 0;
    }

    80% {
        bottom: -20px;
        opacity: 0.8;
    }

    100% {
        bottom: 0px;
        opacity: 1;
    }
}

@@-moz-keyframes float-up {
    0% {
        bottom: -100px;
        opacity: 0;
    }

    80% {
        bottom: -20px;
        opacity: 0.8;
    }

    100% {
        bottom: 0px;
        opacity: 1;
    }
}

@@-o-keyframes float-up {
    0% {
        bottom: -100px;
        opacity: 0;
    }

    80% {
        bottom: -20px;
        opacity: 0.8;
    }

    100% {
        bottom: 0px;
        opacity: 1;
    }
}

@@-keyframes float-up {
    0% {
        bottom: -100px;
        opacity: 0;
    }

    80% {
        bottom: -20px;
        opacity: 0.8;
    }

    100% {
        bottom: 0px;
        opacity: 1;
    }
}

@keyframes blink {
    50% {
        color: transparent;
    }
}

.loader__dot {
    animation: 2s blink infinite;
}

    .loader__dot:nth-child(2) {
        animation-delay: 250ms;
    }

    .loader__dot:nth-child(3) {
        animation-delay: 500ms;
    }

.enabledIcon {
    color: #ac122a;
    font-size: 2em !important;
    vertical-align: super;
}

.disabledIcon {
    color: #b3b3b3;
    font-size: 2em !important;
    vertical-align: super;
}

.gridlinks {
    color: black;
    text-decoration: none;
}

.BankruptcyAndLegalPopUp {
    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: 85%;
}

.next_pay .next_left .txtDayOfWeek {
    margin-left: 0 !important
}

.LeadCustomerCommunicationLogInfo div:first-child {
    top: 64px !important;
    position: fixed;
    right: 13.4% !important;
}

.countOfCall_Email {
    color: #f2f2f2;
    background: #ac122a;
    text-decoration: none;
    display: inline-block;
    border-radius: 50px;
    padding: 10px;
    line-height: 0;
    width: 25px;
    text-align: center;
    vertical-align: super;
}

.jqCallhistoryPopUp {
    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%;
}

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

.active_tit {
    font-size: 20px;
    text-align: center;
    color: #00B356;
}


.PTPBroken {
    text-align: left;
    line-height: initial;
}

    .PTPBroken div {
        line-height: 25px;
    }

    .PTPBroken p {
        margin-bottom: 2em;
    }

.bootCss .cd-card-title {
    position: absolute;
    top: 0px;
    right: 0;
    background: #FFF3B9;
    color: #AC122A;
    padding: 5px 13px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    z-index: 999;
}

    .bootCss .cd-card-title.yellow-tag {
        background: #f7d778;
        color: #333;
    }

.bootCss .cd-status-dot {
    width: 10px;
    height: 10px;
    background: #d3f642;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.bootCss .cd-link {
    color: #0041ff;
    cursor: pointer;
    font-weight: 500;
}

/* Bold (like NO in red) */
.bootCss .fw-bold {
    font-weight: 700 !important;
}

/* Always include this — required for proper grid behavior */
.bootCss *,
.bootCss *::before,
.bootCss *::after {
    box-sizing: border-box;
}

/* GRID SYSTEM */
.bootCss .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.bootCss .col {
    flex: 1 0 0;
    padding: 15px;
}

/* FIXED COLUMNS */
.bootCss .col-1 {
    flex: 0 0 8.333%;
    max-width: 8.333%;
    padding: 15px;
}

.bootCss .col-2 {
    flex: 0 0 16.666%;
    max-width: 16.666%;
    padding: 15px;
}

.bootCss .col-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 15px;
}

.bootCss .col-4 {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    padding: 15px;
}

.bootCss .col-5 {
    flex: 0 0 41.666%;
    max-width: 41.666%;
    padding: 15px;
}

.bootCss .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 15px;
}

.bootCss .col-7 {
    flex: 0 0 58.333%;
    max-width: 58.333%;
    padding: 15px;
}

.bootCss .col-8 {
    flex: 0 0 66.666%;
    max-width: 66.666%;
    padding: 15px;
}

.bootCss .col-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 15px;
}

.bootCss .col-10 {
    flex: 0 0 83.333%;
    max-width: 83.333%;
    padding: 15px;
}

.bootCss .col-11 {
    flex: 0 0 91.666%;
    max-width: 91.666%;
    padding: 15px;
}

.bootCss .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 15px;
}


.bootCss .form-control {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.2s;
}

    .bootCss .form-control:focus {
        border-color: #0d6efd;
        outline: none;
    }

.bootCss label {
    font-weight: 500;
    margin-bottom: 5px;
}

/* FLEX */
.bootCss .d-flex {
    display: flex !important;
}

.bootCss .d-block {
    display: block !important;
}

.bootCss .d-inline {
    display: inline !important;
}

.bootCss .d-inline-block {
    display: inline-block !important;
}

.bootCss .d-none {
    display: none !important;
}

.bootCss .flex-row {
    flex-direction: row !important;
}

.bootCss .flex-column {
    flex-direction: column !important;
}

.bootCss .flex-wrap {
    flex-wrap: wrap !important;
}

.bootCss .flex-nowrap {
    flex-wrap: nowrap !important;
}

.bootCss .justify-start {
    justify-content: flex-start !important;
}

.bootCss .justify-end {
    justify-content: flex-end !important;
}

.bootCss .justify-center {
    justify-content: center !important;
}

.bootCss .justify-between {
    justify-content: space-between !important;
}

.bootCss .justify-around {
    justify-content: space-around !important;
}

.bootCss .align-start {
    align-items: flex-start !important;
}

.bootCss .align-end {
    align-items: flex-end !important;
}

.bootCss .align-center {
    align-items: center !important;
}

/* WIDTH / HEIGHT */
.bootCss .w-100 {
    width: 100% !important;
}

.bootCss .w-75 {
    width: 75% !important;
}

.bootCss .w-50 {
    width: 50% !important;
}

.bootCss .w-25 {
    width: 25% !important;
}

.bootCss .h-100 {
    height: 100% !important;
}

.bootCss .h-75 {
    height: 75% !important;
}

.bootCss .h-50 {
    height: 50% !important;
}

.bootCss .h-25 {
    height: 25% !important;
}

/* TEXT */
.bootCss .text-start {
    text-align: left !important;
}

.bootCss .text-center {
    text-align: center !important;
}

.bootCss .text-end {
    text-align: right !important;
}

.bootCss .text-black {
    color: #222 !important;
}

.bootCss .text-primary {
    color: #0d6efd !important;
}

.bootCss .text-secondary {
    color: #6c757d !important;
}

.bootCss .text-success {
    color: #198754 !important;
}

.bootCss .text-danger {
    color: #dc3545 !important;
}

.bootCss .text-warning {
    color: #ffc107 !important;
}

.bootCss .text-info {
    color: #0dcaf0 !important;
}

.bootCss .text-dark {
    color: #212529 !important;
}

.bootCss .text-muted {
    color: #6c757d !important;
}

/* BACKGROUND */
.bootCss .bg-primary {
    background: #0d6efd !important;
    color: #fff;
}

.bootCss .bg-secondary {
    background: #6c757d !important;
    color: #fff;
}

.bootCss .bg-success {
    background: #198754 !important;
    color: #fff;
}

.bootCss .bg-danger {
    background: #A52A2A !important;
    color: #fff;
}

.bootCss .bg-warning {
    background: #ffc107 !important;
}

.bootCss .bg-info {
    background: #0dcaf0 !important;
}

.bootCss .bg-light {
    background: #f8f9fa !important;
}

.bootCss .bg-dark {
    background: #212529 !important;
    color: #fff;
}

.bootCss .bg-white {
    background: #ffffff !important;
}

/* BORDERS */
.bootCss .border {
    border: 1px solid #dee2e6 !important;
}

.bootCss .border-0 {
    border: 0 !important;
}

.bootCss .border-top {
    border-top: 1px solid #dee2e6 !important;
}

.bootCss .border-end {
    border-right: 1px solid #dee2e6 !important;
}

.bootCss .border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.bootCss .border-start {
    border-left: 1px solid #dee2e6 !important;
}

.bootCss .border-primary {
    border-color: #0d6efd !important;
}

.bootCss .border-secondary {
    border-color: #6c757d !important;
}

.bootCss .border-danger {
    border-color: #dc3545 !important;
}

/* RADIUS */
.bootCss .rounded {
    border-radius: 0.25rem !important;
}

.bootCss .rounded-0 {
    border-radius: 0 !important;
}

.bootCss .rounded-sm {
    border-radius: 0.2rem !important;
}

.bootCss .rounded-lg {
    border-radius: 0.5rem !important;
}

.bootCss .rounded-circle {
    border-radius: 50% !important;
}

/* SHADOW */
.bootCss .shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.bootCss .shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.bootCss .shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}

.bootCss .shadow-none {
    box-shadow: none !important;
}

/* POSITION */
.bootCss .position-relative {
    position: relative !important;
}

.bootCss .position-absolute {
    position: absolute !important;
}

.bootCss .position-fixed {
    position: fixed !important;
}

.bootCss .top-0 {
    top: 0 !important;
}

.bootCss .bottom-0 {
    bottom: 0 !important;
}

.bootCss .start-0 {
    left: 0 !important;
}

.bootCss .end-0 {
    right: 0 !important;
}

/* CURSOR */
.bootCss .cursor-pointer {
    cursor: pointer !important;
}

.bootCss .cursor-default {
    cursor: default !important;
}

/* MARGINS */
.bootCss .m-0 {
    margin: 0 !important;
}

.bootCss .m-1 {
    margin: 4px !important;
}

.bootCss .m-2 {
    margin: 8px !important;
}

.bootCss .m-3 {
    margin: 16px !important;
}

.bootCss .m-4 {
    margin: 24px !important;
}

.bootCss .m-5 {
    margin: 48px !important;
}

.bootCss .mt-0 {
    margin-top: 0 !important;
}

.bootCss .mt-1 {
    margin-top: 4px !important;
}

.bootCss .mt-2 {
    margin-top: 8px !important;
}

.bootCss .mt-3 {
    margin-top: 16px !important;
}

.bootCss .mt-4 {
    margin-top: 24px !important;
}

.bootCss .mt-5 {
    margin-top: 48px !important;
}

.bootCss .mb-0 {
    margin-bottom: 0 !important;
}

.bootCss .mb-1 {
    margin-bottom: 4px !important;
}

.bootCss .mb-2 {
    margin-bottom: 8px !important;
}

.bootCss .mb-3 {
    margin-bottom: 16px !important;
}

.bootCss .mb-4 {
    margin-bottom: 24px !important;
}

.bootCss .mb-5 {
    margin-bottom: 48px !important;
}

.bootCss .ms-0 {
    margin-left: 0 !important;
}

.bootCss .ms-1 {
    margin-left: 4px !important;
}

.bootCss .ms-2 {
    margin-left: 8px !important;
}

.bootCss .ms-3 {
    margin-left: 16px !important;
}

.bootCss .ms-4 {
    margin-left: 24px !important;
}

.bootCss .ms-5 {
    margin-left: 48px !important;
}

.bootCss .me-0 {
    margin-right: 0 !important;
}

.bootCss .me-1 {
    margin-right: 4px !important;
}

.bootCss .me-2 {
    margin-right: 8px !important;
}

.bootCss .me-3 {
    margin-right: 16px !important;
}

.bootCss .me-4 {
    margin-right: 24px !important;
}

.bootCss .me-5 {
    margin-right: 48px !important;
}

/* PADDING */
.bootCss .p-0 {
    padding: 0 !important;
}

.bootCss .p-1 {
    padding: 4px !important;
}

.bootCss .p-2 {
    padding: 8px !important;
}

.bootCss .p-3 {
    padding: 12px !important;
}

.bootCss .p-4 {
    padding: 24px !important;
}

.bootCss .p-5 {
    padding: 48px !important;
}

.bootCss .pt-0 {
    padding-top: 0 !important;
}

.bootCss .pt-1 {
    padding-top: 4px !important;
}

.bootCss .pt-2 {
    padding-top: 8px !important;
}

.bootCss .pt-3 {
    padding-top: 16px !important;
}

.bootCss .pt-4 {
    padding-top: 24px !important;
}

.bootCss .pt-5 {
    padding-top: 48px !important;
}

.bootCss .pb-0 {
    padding-bottom: 0 !important;
}

.bootCss .pb-1 {
    padding-bottom: 4px !important;
}

.bootCss .pb-2 {
    padding-bottom: 8px !important;
}

.bootCss .pb-3 {
    padding-bottom: 16px !important;
}

.bootCss .pb-4 {
    padding-bottom: 24px !important;
}

.bootCss .pb-5 {
    padding-bottom: 48px !important;
}

.bootCss .ps-0 {
    padding-left: 0 !important;
}

.bootCss .ps-1 {
    padding-left: 4px !important;
}

.bootCss .ps-2 {
    padding-left: 8px !important;
}

.bootCss .ps-3 {
    padding-left: 16px !important;
}

.bootCss .ps-4 {
    padding-left: 24px !important;
}

.bootCss .ps-5 {
    padding-left: 48px !important;
}

.bootCss .pe-0 {
    padding-right: 0 !important;
}

.bootCss .pe-1 {
    padding-right: 4px !important;
}

.bootCss .pe-2 {
    padding-right: 8px !important;
}

.bootCss .pe-3 {
    padding-right: 16px !important;
}

.bootCss .pe-4 {
    padding-right: 24px !important;
}

.bootCss .pe-5 {
    padding-right: 48px !important;
}

.bootCss .scroll-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    display: block;
    min-height: 122px;
    max-height: 122px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .bootCss .scroll-table thead {
        position: sticky;
        top: 0;
        display: table;
        width: 100%;
        table-layout: fixed;
        background: #fff;
    }

    .bootCss .scroll-table tbody {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .bootCss .scroll-table th,
    .bootCss .scroll-table td {
        padding: 4px;
        vertical-align: top;
        text-align: left;
    }

.labelName {
    font-size: 10px;
    color: #393939;
}

.labelValue {
    font-size: 14px;
    color: #393939;
}

.bootCss .right-auto {
    right: auto !important;
}

.linkAsButton.grayBtn {
    background: #3a3a3a;
    color: #fff;
    border-color: #3a3a3a;
}

.upload-btn {
    background: #3a3a3a;
    color: #fff;
    border: none;
    padding: 8px 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    font-size: 13px;
    cursor: pointer;
}

    .upload-btn i {
        font-size: 12px;
    }

    .upload-btn:hover {
        background: #2f2f2f;
    }

.bootCss .closecrditPopup {
    position: absolute;
    top: 9px;
    right: 9px;
    color: #fff;
}

.CreditConsolidationPopup.viewPopUp {
    left: 20%;
    width: 60%;
    border-radius: 6px;
    top: 10%;
    padding: 0 4px;
}


.chat-box {
    font: normal normal 11px/1.4 Tahoma,Verdana,Sans-Serif;
    color: #333;
    width: 280px; /* Chatbox width */
    border-bottom: none;
    background-color: white;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 9999;
    margin: 0;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);
}


    .chat-box > input[type="checkbox"] {
        display: block;
        margin: 0 0;
        padding: 0 0;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 26px;
        z-index: 4;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .chat-box > label {
        display: block;
        height: 26px;
        margin-bottom: 0px;
        line-height: 24px;
        background-color: #fca200;
        color: white;
        font-weight: bold;
        padding: 0 1em 1px;
    }

        .chat-box > label:before {
            content: attr(data-collapsed);
        }


    .chat-box .chat-box-content {
        padding: 10px;
        display: none;
    }

    /* hover state */
    .chat-box > input[type="checkbox"]:hover before + label {
        background-color: #58b0dd;
        margin: 0;
    }

    /* checked state */
    .chat-box > input[type="checkbox"]:checked + label {
        background-color: #3398cc;
        margin: 0;
    }

        .chat-box > input[type="checkbox"]:checked + label:before {
            content: attr(data-expanded);
        }


    .chat-box > input[type="checkbox"]:checked ~ .chat-box-content, .displayBlock {
        display: block;
    }

    .chat-box > input[type="checkbox"]:checked ~ .chat-box {
        border: 3px solid #3398cc;
    }

.arrow-box:after, .arrow-box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow-box:after {
    border-color: rgba(255, 93, 13, 0);
    border-top-color: #ff9900;
    border-width: 12px;
    margin-left: -12px;
}

.arrow-box:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #ff9900;
    border-width: 5px;
    margin-left: -5px;
}

.chat-img {
    position: absolute;
    bottom: 0px;
    right: 10px;
}

.agent-chat-box {
}

.chat-body {
    background: #eee none repeat scroll 0 0;
    opacity: 0.7;
    width: 100%;
    z-index: 10001;
}

.chat-box-messages {
    width: 100%;
    overflow: auto;
    height: 150px;
}

.agent-chat-box-messages {
    width: 100%;
    overflow: auto;
    height: 398px;
}

.ChatSend {
}

.ChatText {
    width: 70%;
}

.messages {
    padding: 0px;
}

    .messages ul {
        padding: 0px;
        list-style-type: none;
    }

        .messages ul li {
            height: auto;
            margin-bottom: 10px;
            clear: both;
            padding-left: 10px;
            padding-right: 10px;
        }

            .messages ul li span {
                display: inline-block;
                max-width: 45%;
                background-color: white;
                padding: 15px;
                border-radius: 4px;
                position: relative;
                /*word-break: break-all !important;*/
                text-align: left !important;
                word-wrap: break-word;
            }

                .messages ul li span.left {
                    float: left;
                    color: #000;
                    background-color: #ccc;
                }

                    .messages ul li span.left:after {
                        content: "";
                        display: inline-block;
                        position: absolute;
                        left: -8px;
                        top: 7px;
                        height: 0px;
                        width: 0px;
                        border-top: 8px solid transparent;
                        border-bottom: 8px solid transparent;
                        border-right: 8px solid #ccc;
                    }

                    .messages ul li span.left:before {
                        content: "";
                        display: inline-block;
                        position: absolute;
                        left: -9px;
                        top: 7px;
                        height: 0px;
                        width: 0px;
                        border-top: 8px solid transparent;
                        border-bottom: 8px solid transparent;
                    }

                .messages ul li span.right:after {
                    content: "";
                    display: inline-block;
                    position: absolute;
                    right: -8px;
                    top: 6px;
                    height: 0px;
                    width: 0px;
                    border-top: 8px solid transparent;
                    border-bottom: 8px solid transparent;
                    border-left: 8px solid #dbedfe;
                    color: #000;
                }

                .messages ul li span.right:before {
                    content: "";
                    display: inline-block;
                    position: absolute;
                    right: -9px;
                    top: 6px;
                    height: 0px;
                    width: 0px;
                    border-top: 8px solid transparent;
                    border-bottom: 8px solid transparent;
                    color: #000;
                }

                .messages ul li span.right {
                    float: right;
                    background-color: #dbedfe;
                    color: #000;
                }




.OnlineCustomers ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.OnlineCustomers li {
    font: 200 20px/1.5 Helvetica, Verdana, sans-serif;
}

    .OnlineCustomers li:last-child {
        border: none;
    }

    .OnlineCustomers li a {
        text-decoration: none;
        color: #000;
    }

        .OnlineCustomers li a:hover {
        }

.whiteColor {
    color: black;
}

.v-align {
    vertical-align: top;
}

.column-6 {
    width: 48%;
    float: left;
    margin: 0.5%;
}

.column-3 {
    width: 24%;
    float: left;
    margin: 0.5%;
}

.column-3 {
    width: 24%;
    float: left;
    margin: 0.5%;
}

.column-4 {
    width: 38%;
    float: left;
    margin: .5%;
}

.column-8 {
    width: 60%;
    float: left;
    margin: .5%;
}

.blink_me {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        background-color: #ccc;
    }
}


.msg_hilighter {
    animation: hilighter 2s linear infinite;
}

@keyframes hilighter {
    50% {
        background-color: #ff9900;
    }
}

.msgCounts {
    float: right;
    background-color: #000;
    border-radius: 50px;
    color: #fff;
    height: 20px;
    font-size: 15px;
    visibility: visible;
    width: 20px;
    position: relative;
    top: 5px;
    right: 5px;
}

    .msgCounts span {
        position: relative;
        left:6px;
    }