@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;800&display=swap');

.content {
    color: #333;
}

.statusBG {
    background: #f3f3f3;
    display: inline-block;
    padding: 3px 4px;
    border-radius: 5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px -62px 13px -111px inset, rgba(0, 0, 0, 0.3) 0px -2px 19px -10px inset;
}

    .statusBG span {
        margin-right: 10px;
        padding: 6px 8px;
        display: inline-block;
        font-weight: 500;
        color: #4c4646;
    }

        .statusBG span.active {
            background: #fff;
            border-radius: 5px;
        }

.statVerified {
    color: #32b007 !important;
}

.statUnverified {
    color: #5f6ad6 !important;
}

.statMismatch {
    color: #d15d80 !important;
}

.statExpired {
    color: #d15d80 !important;
}

.statError {
    color: #d15d80 !important;
}

.statmismatchedBG {
    border-color: #d15d80;
    color: #d15d80;
}

.statUnverifiedBG {
    border-color: #5f6ad6;
    color: #5f6ad6;
}

.statVerifiedBG {
    border-color: #32b007;
    color: #32b007;
}
.statExpiredBG {
    border-color: #d15d80;
    color: #d15d80;
}
.statErrorBG {
    border-color: #d15d80;
    color: #d15d80;
}

.mismatchRow {
    background: #fdf4f5;
}

.table > tbody > tr > td {
    /*vertical-align: top;*/
}

.table-responsive {
    border-radius: 10px;
    margin-top: -10px;
}
.scrollerbg {
    margin-top: -10px;
}

#tblACNameVeriBrowse .sticky-left {
    position: sticky !important;
    left: 0;
    z-index: 99;
    box-shadow: 2px 0 0 rgba(0, 0, 0, .04);
}

#tblACNameVeriBrowse thead .sticky-left {
    z-index: 999 !important;
}

#tblACNameVeriBrowse .sticky-right {
    position: sticky !important;
    right: 0;
    z-index: 99;
    box-shadow: -2px 0 0 rgba(0, 0, 0, .04);
}

#tblACNameVeriBrowse thead .sticky-right {
    z-index: 999 !important;
}

.fl-scrolls, .fl-scrolls div {
    z-index: 99999;
}
/******pagimnation*****/
.paginationPanel {
    float: right;
    padding: 8px 8px;
    background: #fff;
    /* border: solid thin #ccc; */
    border-radius: 5px;
    margin-bottom: 7px;
    box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .08);
    border: 1px solid rgba(0, 0, 0, .07);
    font-size: 13px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px -62px 13px -111px inset, rgba(0, 0, 0, 0.3) 0px -2px 19px -10px inset;
}

    .paginationPanel a {
        margin: 0px 1px;
        cursor: pointer;
        background: #f1f1f1;
        width: 18px;
        height: 18px;
        display: inline-block;
        border-radius: 50%;
        text-align: center;
        color: #757575;
        font-size: 11px;
        line-height: 20px;
        font-weight: bold;
    }

        .paginationPanel a:hover, .paginationPanel a.active {
            background: #18AACC;
            color: #fff;
        }

    .paginationPanel .paginationpage {
        max-width: 32px;
        text-align: center;
        height: 21px;
        border: solid thin #ccc;
    }

    .paginationPanel select {
        max-width: 48px;
        text-align: center;
        height: 21px;
        border: solid thin #ccc;
    }

    .paginationPanel a i {
        display: contents;
        line-height: 18px;
    }

    .paginationPanel button {
        background: #18AACC;
        color: #fff;
        border: none;
        border-radius: 3px;
        cursor: pointer;
        font-size: 11px;
        line-height: 19px;
        font-weight: bold;
    }

    .paginationPanel .borderleft {
        border-left: solid thin #dadada;
    }
/******pagimnation*****/
.table.borwseTable {
    border-collapse: collapse;
    border-collapse: separate;
    border-spacing: 0 8px;
}

.borwseTable td {
    /*border-right: 1px solid #e6e7e9 !important;*/
    /* border-bottom: 1px solid #ecedee !important; */
    padding: 5px;
    /*vertical-align: top !important;*/
    white-space: nowrap;
    position: relative;
    font-weight: 500;
}

.borwseTable tr td:first-child {
    border-radius: 8px 0 0 8px;
}

.borwseTable td:first-child {
}

.borwseTable tr td:last-child {
    border-radius: 0 8px 8px 0;
}

.borwseTable tr {
    background: #fff;
}

.table.borwseTable > thead:first-child > tr:first-child > th {
    /*   background: #FFD34C !important;
    color: #404759 !important;*/
    font-weight: 600;
    font-size: 12px;
    padding: 5px;
    text-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important;
    line-height: 16px;
}

.borwseTable tr th:first-child {
    border-left: solid thin #fff;
    border-radius: 8px 0 0 8px;
}

.borwseTable tr th:last-child {
    border-radius: 0 8px 8px 0;
}

.table tbody tr td {
    white-space: nowrap;
    font-size: 12px;
    color: #333;
}

.expiredRow td {
    background: #ffedef;
}
.errorRow td {
    background: #ffedef;
}
.mismatchRow td {
    background: #ffedef;
}

.UnverifiedRow td {
    background: #ebedff;
}

.VerifiedRow td {
    background: #e9ffe3;
}

.bluethemeColor {
    color: #105ebc;
}

.bluethemeColorMismatched {
    color: #d15d80;
}

.bluethemeColormatched {
    color: #32b007;
}

.statSetting {
    padding: 2px 5px;
    border-radius: 4px;
    border: solid thin #ccc;
    font-size: 10px;
    font-weight: bold;
    box-shadow: rgba(50, 50, 93, 0.25) 0px -62px 13px -111px inset, rgba(0, 0, 0, 0.3) 0px -2px 19px -10px inset;
}


a.btnUpdates {
    color: #0d6efd;
    border-bottom: dashed 1px #0d6efd;
    font-weight: bold;
    margin-top: 15px;
}

.pageFooterFixed {
    position: fixed;
    background: #fff;
    right: 0px;
    left: 50px;
    bottom: 0px;
    z-index: 999;
    padding: 5px 10px;
    border-top: solid thin #ccc;
}

table input[type=checkbox] {
    margin: 5px 0px 0px 0px;
}

.reqFilterBG {
    margin: 5px 10px;
    background: #eef5ff;
    padding: 20px 10px 10px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 3px, rgba(0, 0, 0, 0.23) 0px 3px 12px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px -62px 13px -111px inset, rgba(0, 0, 0, 0.3) 0px -2px 19px -10px inset;
}

.form-floating > label {
    font-weight: normal;
    color: #333;
}

label {
    color: #333;
    font-weight: 600;
    margin-bottom: 4px;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    border-radius: 9px;
    background: #fff;
    border: 1px solid #e5e5e5;
}

.form-control {
    border-radius: 9px;
    background: #fff;
    border: 1px solid #e5e5e5;
}

.statusSet {
    cursor: pointer;
}

a.btnValidate {
    color: #0d6efd;
    border-bottom: dashed 1px #0d6efd;
    font-weight: bold;
    margin-top: 15px;
}

.popupPanel {
    border: solid thin #ccc;
    border-radius: 10px;
    padding: 15px;
    margin: 0 -10px;
    margin-bottom: 15px;
}

    .popupPanel h4 {
        font-size: 16px;
    }

.modal-content {
    border-radius: 10px;
}

.stageChangeSet {
    background: #007d88;
    color: #fff;
    padding: 12px;
    font-size: 12px;
    border-radius: 5px;
    margin-bottom: 12px;
}

    .stageChangeSet p {
        margin-bottom: 0px;
    }

.btnForeclose {
    text-align: right;
    display: inline-block;
    border: solid thin #fff;
    border-radius: 4px;
    padding: 2px 5px;
    color: #fff;
    font-weight: bold;
}

    .btnForeclose:hover {
        background: #fff;
        color: #007d88;
    }

.offcanvas-header {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
    bottom: 47px;
    min-height: 17px;
}