html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    /*overflow: hidden;*/
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a:hover {
    text-decoration: none;
}
/*custom css starts*/
@font-face {
    font-family: 'poppinsextrabold';
    src: url('fonts/poppins-extrabold-webfont.woff2') format('woff2'), url('fonts/poppins-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsregular';
    src: url('fonts/poppins-regular-webfont.woff2') format('woff2'), url('fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.woff2') format('woff2'), url('fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinssemibold';
    src: url('fonts/poppins-semibold-webfont.woff2') format('woff2'), url('fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsbold';
    src: url('fonts/poppins-bold-webfont.woff2') format('woff2'), url('fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'poppinsmedium';
    line-height: 2;
    font-size: 13px;
}

.login-page {
    background: url(../images/loginbg2.jpg) no-repeat;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
    position: relative;
    z-index: 1;
    background-position: center;
    margin-top: 84px;
}

.login-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 140px);
}

.login-form {
    background: rgba(241,111,92,1);
    background: -moz-linear-gradient(top, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(15,60,115,1) 0%, rgba(15,60,115,1) 0%, rgba(15,60,115,0.77) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,111,92,1)), color-stop(0%, rgba(246,41,12,1)), color-stop(0%, rgba(15,60,115,1)), color-stop(0%, rgba(15,60,115,1)), color-stop(100%, rgba(15,60,115,0.77)));
    background: -webkit-linear-gradient(top, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(15,60,115,1) 0%, rgba(15,60,115,1) 0%, rgba(15,60,115,0.77) 100%);
    background: -o-linear-gradient(top, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(15,60,115,1) 0%, rgba(15,60,115,1) 0%, rgba(15,60,115,0.77) 100%);
    background: -ms-linear-gradient(top, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(15,60,115,1) 0%, rgba(15,60,115,1) 0%, rgba(15,60,115,0.77) 100%);
    background: linear-gradient(to bottom, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(15,60,115,1) 0%, rgba(15,60,115,1) 0%, rgba(15,60,115,0.77) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16f5c', endColorstr='#0f3c73', GradientType=0 );
    padding: 50px;
    width: 40%;
    border-radius: 10px;
    min-height: 400px;
}

.knight-logo img {
    width: 165px;
    display: block;
    min-width: 100px;
}

.login-form label, a.forgotpassword {
    color: #fff;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
}

button.btn.custom-btn {
    margin-top: 10px;
    color: #fff;
    background: #ff9300;
    font-size: 15px;
    padding: 10px 30px;
    border-radius: 0;
    font-weight: 600;
    letter-spacing: 2px;
}

label.form-check-label {
    margin-top: .2rem;
}

a.forgotpassword {
    margin-top: 20px;
    display: block;
    margin-bottom: 0;
}

nav.navbar.justify-content-between.fixed-top {
    background: #fff;
    box-shadow: 1px 1px 3px 0px #ff9300;
}

a.nav-item {
    color: #00194c;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
}


.form-group.no-gutters {
    margin-bottom: 0;
}

span.icons {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
/*dashboard css starts*/

body.sticky-footer {
    margin-bottom: 56px;
}

    body.sticky-footer .content-wrapper {
        min-height: calc(100vh - 56px - 56px);
    }

body.fixed-nav {
    padding-top: 56px;
}

.content-wrapper {
    min-height: calc(100vh - 40px);
    padding-top: 8rem;
}

.scroll-to-top {
    position: fixed;
    right: 15px;
    bottom: 3px;
    display: none;
    width: 50px;
    height: 50px;
    text-align: center;
    color: white;
    background: rgba(52, 58, 64, 0.5);
    line-height: 45px;
}

    .scroll-to-top:focus, .scroll-to-top:hover {
        color: white;
    }

    .scroll-to-top:hover {
        background: #343a40;
    }

    .scroll-to-top i {
        font-weight: 800;
    }

.smaller {
    font-size: 0.7rem;
}

.o-hidden {
    overflow: hidden !important;
}

.z-0 {
    z-index: 0;
}

.z-1 {
    z-index: 1;
}

#mainNav .navbar-collapse {
    overflow: auto;
    max-height: 75vh;
}

    #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
        cursor: pointer;
    }

    #mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
        float: right;
        content: '\f107';
        font-family: 'FontAwesome';
    }

    #mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed:after {
        content: '\f105';
    }

    #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level,
    #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level {
        padding-left: 0;
    }

        #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a,
        #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
            display: block;
            padding: 0.5em 0;
        }

            #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover,
            #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus,
            #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover {
                text-decoration: none;
            }

        #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {
            padding-left: 1em;
        }

        #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
            padding-left: 2em;
        }

    #mainNav .navbar-collapse .sidenav-toggler {
        display: none;
    }

    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
        position: relative;
        min-width: 45px;
    }

        #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
            float: right;
            width: auto;
            content: '\f105';
            border: none;
            font-family: 'FontAwesome';
        }

        #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {
            position: absolute;
            top: 5px;
            left: 21px;
            font-size: 10px;
        }

    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link:after {
        content: '\f107';
    }

    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
        overflow: hidden;
        max-width: none;
        text-overflow: ellipsis;
    }



#mainNav.fixed-top .sidenav-toggler {
    display: none;
}


#mainNav.fixed-top.navbar-dark .sidenav-toggler {
    background-color: #0c2546;
}

    #mainNav.fixed-top.navbar-dark .sidenav-toggler a i {
        color: #fff;
    }

#mainNav.fixed-top.navbar-light .sidenav-toggler {
    background-color: #dee2e6;
}

    #mainNav.fixed-top.navbar-light .sidenav-toggler a i {
        color: rgba(0, 0, 0, 0.5);
    }

body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler {
    overflow-x: hidden;
    width: 55px;
}

    body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item,
    body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link {
        width: 55px !important;
    }

body.sidenav-toggled #mainNav.fixed-top #sidenavToggler i {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: 'FlipH';
}

#mainNav.static-top .sidenav-toggler {
    display: none;
}



body.sidenav-toggled #mainNav.static-top #sidenavToggler i {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: 'FlipH';
}

.content-wrapper {
    overflow-x: hidden;
    background: white;
}



#sidenavToggler i {
    font-weight: 800;
}

.navbar-sidenav-tooltip.show {
    display: none;
}



body.sidenav-toggled .navbar-sidenav {
    width: 55px;
}

    body.sidenav-toggled .navbar-sidenav .nav-link-text {
        display: none;
    }

    body.sidenav-toggled .navbar-sidenav .nav-item,
    body.sidenav-toggled .navbar-sidenav .nav-link {
        width: 55px !important;
    }

        body.sidenav-toggled .navbar-sidenav .nav-item:after,
        body.sidenav-toggled .navbar-sidenav .nav-link:after {
            display: none;
        }

    body.sidenav-toggled .navbar-sidenav .nav-item {
        white-space: nowrap;
    }

body.sidenav-toggled .navbar-sidenav-tooltip.show {
    display: flex;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
    color: #fff;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
    color: #fff;
    font-size: 14px;
}

    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover .fa {
        background: #ff8500;
        transition: 0.4s all ease;
    }

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
    color: #00194c;
    font-size: 13px;
    font-family: 'poppinsregular';
}

    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
        color: #FF9800;
    }

#mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
    color: #adb5bd;
}



#mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
    color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

    #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
        color: rgba(0, 0, 0, 0.7);
    }

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
    color: rgba(0, 0, 0, 0.5);
}

    #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
        color: rgba(0, 0, 0, 0.7);
    }

#mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
    color: rgba(0, 0, 0, 0.5);
}

.navbar {
    /*  padding: 0 10px;*/
    padding: 10px 10px;
}

.bg-dark {
    background-color: #00194c !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #00194c;
    border-color: #fff;
    transition: 0.4s all ease;
}

.btn-custom-primary {
    color: #00194c !important;
    background-color: #fff;
    border: 1px solid #00194c;
    border-radius: 3px !important
}

    .btn-custom-primary:hover {
        color: #fff !important;
        background-color: #00194c;
        border: 1px solid #00194c;
        box-shadow: 1px 0px 2px 0px #fff;
        border-radius: 3px !important
    }

.btn-primary {
    background-color: #f26522;
    transition: 0.4s all ease;
    margin-right: 10px;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.breadcrumb-item.active {
    color: #00194c;
}

.breadcrumb {
    background: #fff;
    border: 1px solid #e9ecef;
    padding: 5px;
}

li.breadcrumb-item a {
    color: #FF9800;
}

label {
    color: #00194c;
    font-size: 13px;
    margin-bottom: 5px;
}

.form-control {
    font-size: 13px;
    color: #333;
}

    .form-control:disabled, .form-control[readonly] {
        background-color: #fff;
        opacity: 1;
    }

input:focus, :focus {
    outline: 0;
}

h2 {
    font-size: 16px;
    color: #00194c;
    font-weight: 600;
    border-bottom: 1px solid #ff8500;
    padding: 10px 0;
    margin-bottom: 20px;
}

.padding {
    padding: 15px;
}

.table {
    margin-bottom: 0;
}

    .table th {
        color: #000;
        font-weight: 900;
        background: #ebf4ff;
    }

.table-hover tbody tr:hover {
    background-color: rgba(140, 189, 253, 0.5);
}

.table td, .table th {
    font-size: 13px;
    vertical-align: middle;
    line-height: 2;
    font-family: 'poppinsmedium';
}

.table.invioce td, .table.invioce th {
    vertical-align: Top;
}

.margin-top {
    margin-top: 1rem;
}

a.nav-link .fa {
    width: 25px;
}

.navbar-sidenav a.nav-link .fa {
    width: 25px;
    border: 1px solid #fff;
    text-align: center;
    padding: 5px;
    border-radius: 50%;
    margin-right: 10px;
    height: 25px;
    font-size: 13px;
}

.content-wrapper .form-control {
    border: 0;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    padding: .375rem 0;
    line-height: 1.5;
}

.form-control:focus {
    box-shadow: none;
}

.remove-padding-bottom {
    padding-bottom: 0;
}

.loan-tags ul {
    list-style-type: disc;
    margin-left: 15px;
}

    .loan-tags ul ul {
        list-style-type: none;
    }

    .loan-tags ul li {
        margin-bottom: 15px;
        font-size: 13px;
        color: #afafaf;
    }

        .loan-tags ul li ul li {
            margin-top: 10px;
            font-size: 14px;
            color: #000;
        }

.padding-bottom {
    padding-bottom: 5px;
}

.margin-bottom {
    margin-bottom: 1em
}

/* Preloader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.8);
    z-index: 9999;
}

#status {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../images/loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}

#preloader.colending-loader #status {
    background-image: url(../images/BoB-loader.gif);
}

.table .thead-dark th {
    color: #000;
    background-color: #e2eefd;
    border-color: #e2eefd;
}

.table .thead-light th {
    color: #000;
    background-color: #4289e68f;
    border-color: #4289e68f;
}

a {
    color: #00194c;
}

button:focus {
    outline: 0;
}

.menu-overlay {
    display: none;
    background-color: #00194c;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* IE7 & 8 */
    position: fixed;
    right: 0;
    top: 0;
    z-index: 49;
}

    .menu-overlay.in {
        /*display:block;*/
    }
/*dashboard css ends*/



.mr-bottom {
    margin-bottom: 1rem;
}

.mr-top {
    margin-top: 1rem;
}

.modal-title {
    font-size: 18px;
    color: #00194c;
    font-weight: 900;
    letter-spacing: 1px;
}

.modal-body h6 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-bottom: 1rem;
}

.modal-body p {
    font-size: 14px;
    color: #000;
    margin-bottom: 6px;
    line-height: 1.4;
}

span.tag-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.hand-on-right {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.title-n-popup a {
    font-size: 13px;
}

.mr-small-left {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

.form-control {
    border: 0;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 20px;
}

.dashboard-menu-tool {
    min-height: 100px;
    background: #00194c;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-radius: 10px;
}

    .dashboard-menu-tool a {
        color: #fff;
    }

.tool-icon {
    text-align: center;
    margin-bottom: 0;
    margin-right: 10px;
}

    .tool-icon h1 {
        font-size: 25px;
    }

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.credit-score-value {
    display: flex;
}

.credit-score-vector {
    width: 20px;
    height: 20px;
    border: 1px solid transparent;
    border-radius: 50%;
    margin-bottom: 10px;
    margin-right: 10px;
}

.report-box {
    display: flex;
    /*justify-content: center;*/
    margin-bottom: 30px;
    align-items: center;
    background: #1f4495;
    /*background-color: #36096d;
    background-image: linear-gradient(315deg, #5f0257 0%, #0e396f 74%);*/
    padding: 15px;
    border-radius: 30px;
}

.reports .report-box:nth-child(odd) {
    background-color: #021a5a;
}

.reports .report-box:nth-child(even) {
    background-color: #1f4495;
}

.report-box h3 {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.colending-wrapper .report-box {
    background: linear-gradient( 135deg,#f26522 0,#fda23f 100%) !important;
}

.reports a {
    color: #fff;
}

.red {
    background: red;
}

.yellow {
    background: yellow;
}

.orange {
    background: orange;
}

.green {
    background: green;
}

.d-flex.align-item-center {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

button#randomizeData {
    width: 40%;
    margin-top: 20px;
}

small.form-text.text-muted {
    margin: 10px 0;
    font-size: 14px;
    color: #0e396f !important;
}

select.form-control:not([size]):not([multiple]), input[type=date] {
    height: auto
}

.card-title {
    margin-bottom: 0;
}

::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background: #00194c;
}

.modal-body .form-control {
    padding: .375rem 0;
}

.nav-tabs .nav-link.active {
    border-color: transparent;
    border-bottom: 1px solid #0e396f;
    color: #ff8500
}

.nav-tabs .nav-link:hover {
    border-color: transparent;
    border-bottom-color: #0e396f;
}

a.space-icon {
    padding-right: 5px;
}

.green-font {
    color: green;
}

.red-font {
    color: red;
}

.more-than-30 {
    display: none;
}

.title-n-popup h3 {
    font-size: 16px;
    color: #00194c;
    font-weight: 600;
    border-bottom: 1px solid #00194c;
    padding: 10px 0;
    margin-bottom: 20px;
}

.colending-wrapper .title-n-popup h3 {
    color: #fff;
    padding: 15px;
    border-radius: 10px;
    border-bottom: 0;
    background: rgb(242,101,34);
    background: linear-gradient(90deg, rgba(242,101,34,1) 0%, rgba(251,205,183,1) 50%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
}

spna.criteria-yes {
    color: green;
    font-weight: 800;
}

.dedupe-div {
    display: none;
}

#mainNav .navbar-brand.bob_logo {
    width: 150px;
    padding: 0;
    align-items: center;
    display: flex;
}

footer {
    color: #fff;
    background: #00194c;
    font-size: 13px;
    min-height: 50px;
    position: relative;
    z-index: 1000;
}

    footer img {
        width: 90px;
    }

div#showRemarks {
    margin-top: 1rem;
}

.editable {
    margin-top: 10px;
    display: flex;
}

    .editable input[type=checkbox] {
        margin-left: 10px;
    }

.dashboard-menu-tool h3 {
    font-size: 13px;
    text-align: center;
}

.login-page.colending-login {
    background: url(../images/banner2.jpg) no-repeat;
    background-size: cover;
    height: calc(100vh - 84px);
    background-position: center;
}

.colending-login .login-form {
    /*background: rgba(255,255,255,1);
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(254,73,2,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(254,73,2,1)));
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(254,73,2,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(254,73,2,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(254,73,2,1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(254,73,2,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fe4902', GradientType=1 );*/
    background: rgba(255,255,255,0.9);
    box-shadow: 1px 1px 7px 1px #ff6633
}

.colending-login input:-internal-autofill-selected {
    background-color: rgba(255, 87, 34, 0.5) !important;
}

.colending-login .login-form label, .colending-login a.forgotpassword {
    color: #ff6633;
}

div#showRemarks {
    max-height: 65vh;
    overflow: scroll;
    /*height: 65vh;*/
    box-shadow: 0px 0px 1px 2px #f1f1f1;
    margin-bottom: 20px;
}

img.img-fluid.boblogo {
    width: auto;
}


button.btn.custom-btn.bob-btn {
    background: #ff6633;
    box-shadow: 1px 0px 2px 0px #fff;
    border-radius: 10px;
    padding: 5px 30px;
    font-size: 14px;
}

.colending-login .login-form {
    width: 100%;
}
/*swiper css starts*/


.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px 50px;
}
/*swiper css ends*/
.notification-sec {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 140px);
    flex-flow: column;
}

.swiper-slide p {
    font-size: 14px;
    color: #ff6633;
    position: relative;
    line-height: 1.5;
    text-align: left;
}

    .swiper-slide p::before {
        content: '\f08d';
        font-family: FontAwesome;
        display: block;
        position: absolute;
        font-size: 14px;
        color: #ff6633;
        left: -20px;
    }

#caption {
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 16px;
    line-height: 1;
    height: 30px;
    width: 100%;
    white-space: nowrap;
    color: #ff6633;
    background: #ffff;
    padding: 10px;
    letter-spacing: 1px;
    /*animation:ease-in-out 50s caption;*/
}

@-moz-keyframes caption {
    0% {
        margin-left: 120%;
    }

    100% {
        margin-left: -1200px;
    }
}

@-webkit-keyframes caption {
    0% {
        margin-left: 120%;
    }

    100% {
        margin-left: -1200px;
    }
}

.login-wrap.login-img {
    flex-flow: column;
}

    .login-wrap.login-img h3, .notification-sec h3 {
        font-size: 22px;
        font-weight: 700;
        color: #ff6633;
        text-align: center;
    }

    .login-wrap.login-img img {
        object-fit: fill;
        max-height: 400px;
        border-radius: 20px;
    }

.powerd-by {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    color: #000;
    bottom: 10px;
}

.colending-header.bg-dark {
    background-color: #fff !important;
    box-shadow: 1px 1px 4px 2px #f1f1f1;
}

.colending-header.navbar-dark .navbar-nav .nav-link {
    color: #000;
}

    .colending-header.navbar-dark .navbar-nav .nav-link:focus, .colending-header.navbar-dark .navbar-nav .nav-link:hover {
        color: #ff6633;
    }

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
    font-weight: 500;
    letter-spacing: 1px;
}

.colending-login .login-form {
    width: 100%;
}

.colending-platform {
    background: rgba(255,255,255,0.9);
    min-height: 400px;
    border-radius: 10px;
    padding: 20px;
    /*box-shadow: 1px 1px 7px 1px #ff6633;*/
}

.swiper-wrap-panel {
    background: rgba(255,255,255,0.9);
    min-height: 400px;
    border-radius: 20px;
    box-shadow: 1px 1px 7px 1px #ff6633;
    overflow: hidden;
    padding: 20px 0;
}

    .swiper-wrap-panel .swiper-container {
        width: 100%;
        margin-top: 0;
        height: 340px;
    }

    .swiper-wrap-panel .swiper-wrapper {
        transition-timing-function: linear;
    }

.no-gutters.custom-space > .col, .no-gutters.custom-space > [class*=col-] {
    padding-left: 5px;
    padding-right: 5px;
}

.legdgerac-wrap .card-body {
    max-height: 500px;
    overflow: scroll;
    margin-bottom: 1rem;
}

.margin-right {
    margin-right: 10px;
}

.colending-title {
    font-size: 30px;
    font-weight: 700;
    color: #ff6633;
    text-align: center;
    margin-top: 20px;
}

.colending-masterconf .custom-select {
    height: calc(2.25rem + -9px);
    padding: 0;
    border: 0;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
}

.btn-search {
    color: #fff;
    background: #00194c;
}

/*.datas_length label {
    display: flex;
    align-items: center;
    width: 30%;
    padding: .375rem;
}

.dataTables_length select.form-control:not([size]):not([multiple]) {
    padding: .375rem;
    text-align: center;
}

.dataTables_filter {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding: .375rem;
}

    .dataTables_filter label {*/
/*   width: 50%;*/
/*}

.paging_simple_numbers {
    margin-bottom: 20px;
}

.dataTables_info {
    display: none;
}

.paginate_button {
    font-size: 14px;
    color: #000;
}

.dataTables_paginate {
    display: flex;
    justify-content: flex-end;
    margin: 20px 0;
}

.paginate_button.active .page-link {
    background: #0e396f;
    border-color: #00194c;
}*/

.success .modal-body p {
    color: green;
}

.success {
    color: green !important;
}

.error .modal-body p {
    color: red;
}

.warning .modal-body p {
    color: yellow;
}

form p {
    margin-top: 10px;
    margin-bottom: 1rem;
}

input#CreditPolicyVM_ImageFile, input#ledgerfile, button#btn_upload, .downloadbtn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background: #00194c;
    width: 100%;
    color: #fff;
}

input#ledgerfile {
    padding: 2.5px;
}

input#ledgerfile, button#btn_upload {
    width: 35%;
}

.downloadbtn {
    width: 30%;
}

.editnbfc {
    background: #0e396f;
    color: #fff !important;
    text-align: center;
    padding: 9px;
}

.checkbox-td .form-check-input {
    margin-left: 0 !important;
    margin-top: -.4rem;
}

.select-all-input {
    margin-top: -16px;
}

.limitwords {
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fontSize-X-large {
    font-size: x-large !important;
}
/*06-04-21 css starts*/
.sidenav-toggled #mainNav.navbar-dark.colending-header .navbar-collapse .navbar-sidenav {
    background: #f26522;
    box-shadow: 0px 0px 4px #ff6633;
}

    .sidenav-toggled #mainNav.navbar-dark.colending-header .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
        color: #fff;
        border-color: transparent;
    }

#mainNav.navbar-dark.colending-header .navbar-collapse .navbar-sidenav {
    background: #fff;
    box-shadow: 1px 1px 4px 2px #f1f1f1
}

    #mainNav.navbar-dark.colending-header .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
        color: #f26522;
        transition: 0.4s all ease;
        border-bottom: 1px solid #f1f1f1;
    }

    #mainNav.navbar-dark.colending-header .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
        color: #f26522;
    }

#mainNav.fixed-top.navbar-dark.colending-header .sidenav-toggler {
    background: #fff;
    box-shadow: 1px 1px 4px 2px #f1f1f1;
}

.sidenav-toggled #mainNav.fixed-top.navbar-dark.colending-header .sidenav-toggler {
    background: #f26522;
    box-shadow: 0 0 4px #f26522;
}

    .sidenav-toggled #mainNav.fixed-top.navbar-dark.colending-header .sidenav-toggler a i {
        color: #fff;
    }

#mainNav.fixed-top.navbar-dark.colending-header .sidenav-toggler a i {
    color: #f26522;
}

.colending-wrapper .dashboard-menu-tool {
    background: linear-gradient( 135deg,#f26522 0,#fda23f 100%) !important;
}

.colending-footer {
    background: #fff;
    box-shadow: 0 0 4px #f26522;
    color: #000;
}

.login-wrap.login-img img {
    max-height: 370px;
}

#mainNav.navbar-dark.colending-header .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover, #mainNav.navbar-dark.colending-header .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover .fa, #mainNav.navbar-dark.colending-header .navbar-collapse .navbar-sidenav .nav-link-collapse:hover::after {
    color: #fff;
    background: #f26522;
    transition: 0.4s all ease;
}

.colending-wrapper .nav-pills .nav-link.active, .colending-wrapper .nav-pills .show > .nav-link {
    background-color: #f26522;
    border-color: #f26522;
}

.nav-pills .nav-link {
    background: #f1f1f1;
    margin-right: 15px;
}

.align-right {
    float: right;
}

.btn-sm {
    background: #f26522;
    color: #fff;
}

.colending-wrapper .btn-primary {
    background: #f26522;
}

    .colending-wrapper .btn-primary:not(:disabled):not(.disabled).active:focus, .colending-wrapper .btn-primary:not(:disabled):not(.disabled):active:focus, .colending-wrapper .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgb(255 152 0 / 50%);
        background-color: #f26522;
        border-color: #f26522;
    }

    .colending-wrapper .btn-primary.focus, .colending-wrapper .btn-primary:focus {
        box-shadow: 0 0 0 0.2rem rgb(255 152 0 / 50%);
    }

    .colending-wrapper .btn-primary:hover {
        border-color: transparent;
    }

.colending-wrapper .alert-primary {
    border-color: transparent;
    color: #000;
}

.colending-wrapper h2 {
    color: #f26522;
    border-color: #f26522;
}

i.fa.fa-times-circle.fa-6.fontSize-X-large {
    color: #f26522;
}

.colending-wrapper .paginate_button.active .page-link {
    background: #f26522;
    border-color: #f26522;
}

.colending-wrapper .table th {
    background: #f2652221;
    border-bottom: transparent;
    border: 0 !important;
}

::-webkit-scrollbar-thumb {
    background: #ccc;
}

#mainNav.navbar-dark.colending-header .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a, #mainNav.navbar-dark.colending-header .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
    color: #f26522;
    transition: 0.4s all ease;
}

.colending-wrapper .title-n-popup.mr-top {
    margin-top: 2rem;
}

.colending-wrapper .editnbfc {
    background: #f26522;
}

.colending-wrapper .content-wrapper {
    background: #fdfaf2;
}

.greeting {
    font-size: 10px;
    position: absolute;
    top: 2px;
    right: 5px;
    color: #f26522;
}

.margin-bottom-small {
    margin-bottom: 0.5rem;
}

.cust-card {
    box-shadow: 0px 0px 0px 2px #f1f1f1f1;
}

.btn-primary.disabled, .btn-primary:disabled {
    border-color: transparent;
    background: #adadad;
}

.colending-header .nav-link {
    padding: .2rem 1rem;
}

.colending-header ul.navbar-nav.ml-auto.position-relative .nav-item {
    margin: 13px 0;
}

span.criteria-yes {
    font-size: 22px;
}

.card.cust-card.margin-bottom.grid-match {
    display: flex;
    height: 100%;
}

    .card.cust-card.margin-bottom.grid-match .card-body {
        height: 100%;
    }

h3.subtitle {
    font-size: 18px;
    margin: 20px 0 10px;
    border-bottom: 1px solid;
    display: inline-block;
    font-weight: 700;
}

a.nav-link.dropdown-item {
    color: #0e396f !important;
}

.dropdown-menu.show::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 20px 10px;
    border-color: transparent transparent #f1f1f1 transparent;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
}

.fa-4x {
    font-size: 14px;
}

#mainNav.navbar-dark.colending-header .navbar-collapse .navbar-sidenav > .nav-item > .sidenav-second-level > li > a:hover {
    color: #fff;
    background: #f26522;
    transition: 0.4s all ease;
}
/*06-04-21 css ends*/
h4 {
    font-size: 13px;
    margin-bottom: 10px;
}

input#IsSubLedger {
    width: auto;
}

input#IsExternal {
    width: auto;
}

span {
    font-size: 13px;
}

.btn-primary:hover {
    background: #0e396f;
    border-color: #0e396f;
}
/*== start of code for tooltips ==*/
.tool {
    cursor: help;
    position: relative;
}


    /*== common styles for both parts of tool tip ==*/
    .tool::before,
    .tool::after {
        left: 50%;
        opacity: 0;
        position: absolute;
        z-index: -100;
    }

    .tool:hover::before,
    .tool:focus::before,
    .tool:hover::after,
    .tool:focus::after {
        opacity: 1;
        transform: scale(1) translateY(0);
        z-index: 100;
    }


    /*== pointer tip ==*/
    .tool::before {
        border-style: solid;
        border-width: 1em 0.75em 0 0.75em;
        border-color: #0e396f transparent transparent transparent;
        bottom: 100%;
        content: "";
        margin-left: -0.5em;
        transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s;
        transform: scale(.6) translateY(-90%);
    }

    .tool:hover::before,
    .tool:focus::before {
        transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
    }


    /*== speech bubble ==*/
    .tool::after {
        background: #0e396f;
        border-radius: .25em;
        bottom: 180%;
        color: #fff;
        content: attr(data-tip);
        margin-left: -8.75em;
        padding: 1em;
        transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
        transform: scale(.6) translateY(50%);
        width: 17.5em;
    }

    .tool:hover::after,
    .tool:focus::after {
        transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
    }

@media (max-width: 760px) {
    .tool::after {
        font-size: .75em;
        margin-left: -5em;
        width: 10em;
    }
}

td a {
    margin-right: 8px;
    transition: 0.4s all ease;
}

    td a:hover {
        color: #f26522;
        transition: 0.4s all ease;
    }

label b {
    font-size: 15px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: #f26522;
}

.nav-pills .nav-link {
    background: #00194c;
    color: #fff;
}

.fstChoiceItem, .fstResultItem.fstSelected, .fstResultItem.fstFocused {
    border: 1px solid #0e396f;
    background-color: #0e396f;
}

.col-sm-12.col-md-3.no-gutters {
    padding: 0;
}

.onoffswitch {
    position: relative;
    width: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 10px;
    margin-bottom: 0;
}

.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: 22px;
        padding: 0;
        line-height: 20px;
        font-size: 13px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: " Yes ";
        padding-left: 5px;
        background-color: forestgreen;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: " No ";
        padding-right: 5px;
        background-color: #a7a7a7;
        color: #FFFFFF;
        text-align: right;
    }


.onoffswitch-switch {
    display: block;
    width: 15px;
    margin: 5px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 22px;
    border: 2px solid #999999;
    border-radius: 13px;
    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;
}

.fstMultipleMode .fstControls {
    padding: .375rem;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.fstChoiceItem {
    margin-bottom: 0;
}

.list-group-item {
    font-size: 14px;
}

.hiddenRow {
    padding: 0 4px !important;
    background-color: #eeeeee;
}

.orange-font {
    color: #f26522;
}

.blue-font {
    color: #0e396f;
}

.grey-font {
    color: #ced4da;
}

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after {
    display: none;
}

table.dataTable thead .sorting_desc::after {
    display: none;
}

table.dataTable thead .sorting {
    background-image: url(../images/sort_both.png);
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting_asc {
    background-image: url(../images/sort_asc.png);
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting_desc {
    background-image: url(../images/sort_desc.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.custom-input {
    cursor: pointer;
}

    .custom-input input[type=file] {
        cursor: pointer;
        position: absolute;
        top: 0;
        opacity: 0;
        z-index: 2;
        height: 100%
    }

        .custom-input input[type=file] + label {
            background: #f26522;
            border: none;
            border-radius: 5px;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            font-size: inherit;
            font-weight: 500;
            margin-bottom: 1rem;
            outline: none;
            padding: 1rem 24px;
            position: relative;
            transition: all 0.3s;
            vertical-align: middle;
            cursor: pointer;
            width: 160px;
            text-align: center;
            font-size: 15px;
        }

            .custom-input input[type=file] + label:hover {
                background-color: #f26522;
            }

            .custom-input input[type=file] + label.btn-1 {
                background-color: #f79159;
                box-shadow: 0 6px #f57128;
                transition: none;
            }

                .custom-input input[type=file] + label.btn-1:hover {
                    box-shadow: 0 4px #f57128;
                    top: 2px;
                }


section.sanction-letter {
    max-width: 980px;
    margin: 0 auto;
    display: block;
    font-family: arial !important;
}

.sanction-logo {
    border-bottom: 1px solid #0e396f;
    padding: 10px 0;
}

.borrower-detail h6 {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.borrower-detail {
    width: 60%;
}

section.sanction-letter p {
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.5;
}

.sanction-letter h6, .sanction-letter h4 {
    font-size: 11px;
}

section.sanction-letter .table td, section.sanction-letter .table th {
    font-size: 11px;
    font-family: arial !important;
}

.signature {
    margin-top: 2rem;
}

.signature-box {
    max-width: 200px;
    padding: 10px;
    text-align: center;
    line-height: 1.5;
    background: #c5c7ca;
    color: #ffff;
    min-width: 200px;
    margin-bottom: 10px;
    color: black;
    font-weight: bold;
    font-size: 11px;
}

section.sanction-letter h4 {
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid #000;
    padding: 10px 0;
}

section.sanction-letter ul.numeric {
    list-style-type: decimal;
    margin-left: 15px;
}

    section.sanction-letter ul.numeric li {
        margin-bottom: 5px;
    }

.page-break {
    page-break-before: always;
}

.orange-overlay {
    background: rgba(255, 102, 51,0.6);
    padding: 5px;
}

.ac_statement .active {
    background: #e2eefd;
}

@media print {
    .page-break {
        page-break-before: always;
    }
}

.colending-login-height {
    height: calc(100vh - 130px);
}

.login-colending-wrap .colending-platform, .login-colending-wrap .login-form {
    min-height: inherit;
    height: 50vh;
}

.notification-sec.login-colending-wrap {
    background: rgba(255,255,255,1);
    box-shadow: 1px 1px 7px 1px #ff6633;
    padding: 30px;
    border-radius: 10px;
    height: 50vh;
    width: 100%;
}

.vert .simply-scroll-list li {
    width: 100%;
    height: auto;
    margin: 20px 0;
    position: relative;
    z-index: 1;
    padding-left: 20px;
}

.vert {
    margin-bottom: 0;
}

    .vert .simply-scroll-list li::before {
        position: absolute;
        z-index: 2;
        left: 0;
        top: 5px;
        content: "\f08d";
        font-family: "fontawesome";
        display: block;
        font-size: 14px;
        color: #ff6633;
    }

    .vert .simply-scroll-list li p {
        color: #ff6633;
        font-size: 15px;
        line-height: 1.5;
    }

    .vert.simply-scroll-container, .vert .simply-scroll-clip {
        width: 100%;
        height: 40vh;
        padding-top: 20px;
    }

.login-page.colending-login {
    background: url('../images/bob-login-bg.jpg') no-repeat;
    background-position: top;
    background-size: cover;
}

.colending-platform {
    box-shadow: 1px 1px 7px 1px #ff6633;
}

form#frmCriticalPolicy {
    margin-top: 20px;
}

.btn-sm:hover {
    color: #fff !important;
}

div#breItemsDiv {
    margin-top: 20px;
}

.alert-info {
    background: #f2652221 !important;
    border-color: #f2652221 !important;
}

.login-form {
    min-height: inherit;
    background: #fff;
    width: 50%;
}

    .login-form label, a.forgotpassword {
        color: #00194c;
    }

    .login-form h3 {
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
        color: #00194c;
        font-weight: 600;
    }

    .login-form button.btn.custom-btn {
        padding: 10px 50px;
        border-radius: 20px;
    }

input:-internal-autofill-selected {
    background: transparent !important;
}

.login-page {
    background: url('../images/login-bg.jpg') no-repeat;
    height: calc(100vh - 84px);
}

.login-wrap {
    height: calc(100vh - 84px);
}

.form-group.form-cell {
    margin: 5px;
}

.navbar-nav .nav-link {
    font-family: 'poppinsregular';
    font-weight: 500;
}

a.navbar-brand.knight-logo {
    padding: 1rem 0;
}

.chart-container-score {
    width: 200px;
    height: 200px;
    float: none;
    margin: 10px auto;
}

.positive-bar {
    border-left: 10px solid green;
}

.negative-bar {
    border-left: 10px solid red;
}

.form-control {
    background-color: transparent;
}

.print-view.sanction-letter h4, .print-view.sanction-letter h2 {
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #f26522 !important;
    padding: 10px 0;
    color: #f26522 !important;
}

.print-view.sanction-letter label {
    margin-bottom: 5px;
}
/*bre policy css starts*/
.brepolicy .switch input {
    display: none;
}

.brepolicy .switch {
    display: inline-block;
    width: 40px;
    height: 20px; /*=h*/
    margin: 4px;
    vertical-align: middle;
    position: relative;
}

.brepolicy .slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    box-shadow: 0 0 0 2px #979797, 0 0 4px #979797;
    cursor: pointer;
    border: 4px solid transparent;
    overflow: hidden;
    transition: 0.2s;
    background: #fff;
}

    .brepolicy .slider:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-color: #979797;
        border-radius: 30px;
        transform: translateX(-20px); /*translateX(-(w-h))*/
        transition: 0.2s;
        left: auto;
        bottom: auto;
    }

.brepolicy .switch input:checked + .slider:before {
    transform: translateX(20px); /*translateX(w-h)*/
    background-color: #ff6a00;
}

.brepolicy .switch input:checked + .slider {
    box-shadow: 0 0 0 2px #ff6a00, 0 0 8px #ff6a00;
    background: transparent;
}

span.font-orange {
    color: #ff8500;
}

div.sliderContainer {
    width: 80%;
    text-align: center;
    display: flex;
    align-items: center;
}

#slider, #slider1, #slider2, #slider3 {
    -webkit-appearance: none;
    appearance: none;
    height: 10px;
    width: 100%;
    border-radius: 10em;
    background-color: #f26522;
    outline: none;
}

    #slider::-webkit-slider-thumb, #slider1::-webkit-slider-thumb, #slider2::-webkit-slider-thumb, #slider3::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #00194c;
        cursor: pointer;
        border: 3px solid #00194c;
    }


    #slider::-moz-range-thumb, #slider1::-moz-range-thumb, #slider2::-moz-range-thumb, #slider3::-moz-range-thumb {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-color: #00194c;
        cursor: pointer;
        border: 3px solid #f26522;
    }

#output, #output1, #output2, #output3 {
    color: #00194c;
    letter-spacing: 1.5px;
    font-size: 13px;
    margin-left: 5px;
}

.form-group .border-bottom {
    border-bottom: 2px solid #0e3f69 !important;
    margin: 10px 0;
    display: block;
}

.variable {
    display: none;
}
/*bre policy css ends*/
.predisbursal-wrap {
    position: relative;
    z-index: 1;
    box-shadow: 0 0 2px 2px #f1f1f1;
    padding: 15px;
    border-radius: 5px;
    height: 30vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

.presubtitle {
    position: absolute;
    top: -14px;
    font-size: 14px;
    color: #f26522;
    background: #fff;
    z-index: 2;
    padding: 0 10px;
    left: 5px;
}

.predisbursal-wrap .presubtitle {
    position: relative;
    top: 0;
    padding: 5px 0;
    border-bottom: 1px solid;
    margin-bottom: 10px;
}

.remove-margin, label.form-check-label.remove-margin {
    margin: 0;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
}

.colending-wrapper .bg-dark {
    background: #ff6633 !important;
}

.wrap-bre h4 {
    border-left: 10px solid #dfedff;
    background: #ebf4ff;
    padding: 10px;
    color: #00194c;
    margin-bottom: 0;
}

.wrap-con {
    box-shadow: 0 0 2px 2px #f1f1f1;
    padding: 15px;
    margin-left: 2px;
    margin-right: 2px;
}

    .wrap-con h5 {
        font-size: 14px;
        font-weight: 600;
        color: #00194c;
        padding: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #00194c;
    }

span.legend-los, span.legend-api, span.legend-userinput {
    width: 10px;
    height: 10px;
    background: #00194c;
    border: 1px solid;
    display: inline-block;
    margin-left: 10px;
}

span.legend-api {
    background: #ff8500;
    border-color: #ff8500
}

span.legend-userinput {
    background: #2a6ab2;
    border-color: #2a6ab2
}

span.tag {
    font-size: 10px;
    margin-left: 2px;
}

td span.legend-los, td span.legend-api, td span.legend-userinput {
    margin-left: 0;
}

.roundtag {
    border: 1px solid #d7d7d7;
    padding: 6px;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.avg-card {
    box-shadow: 0 0 1px 1px #f1f1f1;
    padding: 10px 0;
    margin: 0 0px 15px;
}

    .avg-card label {
        margin-bottom: 0;
        display: block;
        text-align: center;
    }

.letter-format {
    padding: 15px;
    text-align: left;
}

.btn {
    font-size: 13px;
}

.nav-link {
    font-size: 13px;
}

footer.page-break {
    display: none;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}


.predisbursal-wrap .form-group {
    margin-bottom: 0;
}

button.btn.btn-link {
    color: #00194c;
    display: block;
    width: 100%;
    text-align: left;
    text-decoration: none;
    padding: 10px;
}

.card {
    margin-bottom: 10px;
}

.card-header {
    padding: 0;
    background-color: rgb(221 231 255);
    border-bottom: 1px solid rgba(221,231,255,.125);
}

button.btn.btn-link:hover {
    text-decoration: none;
}

.predisbursal-wrap.no-scroll {
    height: auto;
    overflow: auto;
}

.input-group-text {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    border-bottom: 1px solid #ced4da;
}

.sanctionLetter h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: underline
}

table.table.no-border td {
    border: 0 !important;
}

table.table.no-border .form-control {
    width: auto;
    display: inline-block;
    margin: 0 10px;
}

.form-control.form-input {
    width: auto;
    h2 display: inline-block;
}

h2.d-flex.justify-content-between span {
    font-size: 16px;
}

a.svc-logo img {
    width: 250px;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #edebebf1;
    opacity: 1;
    padding: 0.375rem 10px !important;
}

h3.small-subtitle {
    font-size: 14px;
    font-weight: bold;
    color: #00194c;
    border-bottom: 1px solid;
    margin: 10px 0 15px;
}

a.navbar-brand.logo-wrap {
    background: #00194c !important;
    width: 100%;
    padding: 10px;
    margin: 0;
    display: flex;
}

    a.navbar-brand.logo-wrap img {
        width: 150px;
    }

.pdftitle {
    background: #ff8500;
    padding: 10px;
    color: #fff;
    font-weight: 600;
}

section#pdf {
    margin-top: 3rem;
}

.pdf-bold-title {
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 10px;
}

.pdf-lightbold-title {
    font-size: 15px;
    font-weight: 600
}


h3.statement-tags {
    border: 1px solid #ccc;
    padding: 10px 20px;
    border-radius: 10px;
    margin: 10px;
}

.scroll-freeze {
    height: 60vh;
    overflow-x: hidden;
    overflow-y: scroll
}

.table-responsive-heading {
    position: sticky;
    top: 0;
    z-index: 99;
    background: #b8daff;
}

/*.table-data td {
    width: 7.70%
}

    .table-data td:nth-child(1) {
        width: 2%
    }

    .table-data td:nth-child(3), .table-data td:nth-child(4), .table-data td:nth-child(7), .table-data td:nth-child(9) {
        width: 11%
    }

.table-responsive-heading th {
    width: 7.70%
}

    .table-responsive-heading th:nth-child(1) {
        width: 2%
    }

    .table-responsive-heading th:nth-child(3), .table-responsive-heading th:nth-child(4), .table-responsive-heading th:nth-child(7), .table-responsive-heading th:nth-child(9) {
        width: 11%
    }*/

.table-loader {
    position: fixed;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.9);
    z-index: 999;
    width: 86%;
    height: 54%;
    left: 0;
    top: 24%;
    right: 0;
    margin: 0 auto;
}

    .table-loader.active {
        display: flex;
    }

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 8px;
        border: 8px solid #b8daff;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #b8daff transparent transparent transparent;
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.table-responsive {
    margin: 10px 0;
}

.alert.alert-success p {
    color: #333;
    text-align: center;
    font-size: 13px;
}

.modal-header .close span {
    font-size: 20px;
}

.opacity-0 {
    opacity: 0
}

#overlay {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.6);
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.is-hide {
    display: none;
}

/*text loader css starts*/
/* common */
.loading {
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    text-align: center;
}

    .loading span {
        display: inline-block;
        margin: 0 -0.05em;
    }

/* code #1 */
.loading01 span {
    animation: loading01 1.4s infinite alternate;
}

/* code #1 */
.loading01 span {
    animation: loading01 1.4s infinite alternate;
}

    .loading01 span:nth-child(1) {
        animation-delay: 0s;
    }

    .loading01 span:nth-child(2) {
        animation-delay: 0.1s;
    }

    .loading01 span:nth-child(3) {
        animation-delay: 0.2s;
    }

    .loading01 span:nth-child(4) {
        animation-delay: 0.3s;
    }

    .loading01 span:nth-child(5) {
        animation-delay: 0.4s;
    }

    .loading01 span:nth-child(6) {
        animation-delay: 0.5s;
    }

    .loading01 span:nth-child(7) {
        animation-delay: 0.6s;
    }

@keyframes loading01 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/*text loader css ends*/
/*.scroll-freeze .table td, .scroll-freeze .table th {
    word-break: break-all
}*/


.tableFixHead {
    overflow-y: auto;
    height: 60vh;
}
    /*.tableFixHead.supporttable {
        overflow-y: hidden !important;
    }*/

    .tableFixHead table {
        border-collapse: collapse;
        width: 100%;
    }

    .tableFixHead th,
    .tableFixHead td {
        padding: 8px 16px;
        white-space: nowrap;
    }

    .tableFixHead td {
        border-top: 1px solid #dee2e6;
    }

    .tableFixHead th {
        position: sticky;
        top: 0;
        background: #ebf4ff;
        border-bottom: 2px solid #dee2e6;
        z-index: 2;
    }

.table td, .table th {
    font-size: 13px;
    padding: 16px;
    vertical-align: top;
    text-align: left;
}

.table-primary, .table-primary > td, .table-primary > th {
    background-color: #dfeaff;
}

    .table-primary > th {
        font-weight: 600;
    }

.bre-card {
    box-shadow: 0 0 2px 2px #f1f1f1;
    padding: 15px;
    margin: 15px;
}

    .bre-card h2 {
        font-size: 16px;
        text-align: center
    }

.margin-right {
    margin-right: 10px
}

button.btn.btn-primary.Get_lender {
    background: transparent;
    color: #00194c !important;
    margin-top: 10px;
}

    button.btn.btn-primary.Get_lender:hover {
        border-color: #ff8500;
    }

.nav-tabs .nav-item {
    margin-right: 10px;
}

.SetBottom-div .table-loader {
    top: auto;
    bottom: 0;
}

table.dataTable thead .sorting {
    width: auto !important;
}

/*table.dataTable th, table.dataTable td {
    white-space: nowrap !important;
}*/
table.dataTable th {
    white-space: nowrap !important;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -15px;
}

.mlutibreSwiper .swiper-slide {
    width: auto !important;
    padding: 0 !important;
}

.btn-secondary {
    color: white;
    background-color: #00194c;
    border-color: #00194c;
    margin-right: 10px;
}

    .btn-secondary.gen-dedupe-btn {
        background: #00194c;
        color: #ffff;
    }

    .btn-secondary.gen-laf-btn {
        color: #fff;
        background: rgba(241,111,92,1)
    }

button#cancelbtn {
    position: relative;
    /*  left: 92%;*/
    border: #f26522;
}

i.fa.fa-pencil-square.fx-lg {
    font-size: 21px;
}



/*for increament command decreament button*/


.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #00194c;
    background-color: #ccc;
    opacity: 0.5;
}

.Removeincrement::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.Removeincrement::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.RemoveScrollButton::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.RemoveScrollButton::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.width-25 {
    width: calc(25% - 20px);
    margin: 10px;
}
/*serach wrapper css starts*/
.search-wrapper {
    position: relative;
    margin-bottom: 30px;
}

    .search-wrapper .search_box {
        width: 500px;
        background: #fff;
        border-radius: 5px;
        height: 65px;
        display: flex;
        padding: 10px;
        box-shadow: 0 8px 6px -10px #b3c6ff;
    }

        .search-wrapper .search_box .dropdown {
            width: 150px;
            border-right: 2px solid #dde2f1;
            color: #9fa3b1;
            position: relative;
            cursor: pointer;
        }

            .search-wrapper .search_box .dropdown .default_option {
                text-transform: uppercase;
                padding: 13px 15px;
                font-size: 14px;
            }

            .search-wrapper .search_box .dropdown ul {
                position: absolute;
                top: 70px;
                left: -10px;
                background: #fff;
                width: 150px;
                border-radius: 5px;
                padding: 20px;
                display: none;
                box-shadow: 8px 8px 6px -10px #b3c6ff;
            }

                .search-wrapper .search_box .dropdown ul.active {
                    display: block;
                    z-index: 10;
                }

                .search-wrapper .search_box .dropdown ul li {
                    padding-bottom: 20px;
                }

                    .search-wrapper .search_box .dropdown ul li:last-child {
                        padding-bottom: 0;
                    }

                    .search-wrapper .search_box .dropdown ul li:hover {
                        color: #6f768d;
                    }

            .search-wrapper .search_box .dropdown:before {
                content: "";
                position: absolute;
                top: 18px;
                right: 20px;
                border: 8px solid;
                border-color: #5078ef transparent transparent transparent;
            }

        .search-wrapper .search_box .search_field {
            width: 350px;
            height: 100%;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .search-wrapper .search_box .search_field .input {
                width: 100%;
                height: 100%;
                border: 0px;
                font-size: 16px;
                padding-left: 20px;
                padding-right: 38px;
                color: #6f768d;
            }

            .search-wrapper .search_box .search_field .fas {
                position: absolute;
                top: 10px;
                right: 10px;
                font-size: 22px;
                color: #5078ef;
                cursor: pointer;
            }

    .search-wrapper::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #9fa3b1;
    }

    .search-wrapper::-moz-placeholder { /* Firefox 19+ */
        color: #9fa3b1;
    }

    .search-wrapper:-ms-input-placeholder { /* IE 10+ */
        color: #9fa3b1;
    }

a.page {
    color: #b0abab !important;
    padding: 0 10px;
    border: 1px solid;
    border-radius: 10px;
    margin-right: 5px;
}

.reports .pagination a.nav {
    color: #3196e6 !important;
    font-weight: 600;
    padding: 0 10px;
    font-size: 15px;
}

a.page.current {
    color: #ff8500 !important;
}

.reports .pagination {
    justify-content: flex-end
}

a.toggle-vis {
    border: 1px solid #dedede;
    padding: 6px 10px;
    display: inline-flex;
    margin: 10px 10px 10px 0;
    font-size: 13px;
    border-radius: 10px;
    align-items: center;
    cursor: pointer
}

input.check_tableheader {
    display: inline-block;
    position: relative;
    margin: 0;
    margin-right: 5px;
    cursor: none;
}

.reports .tool-icon {
    background: #fff;
    padding: 2px 10px;
    border-radius: 50%;
    color: #ff8500;
}

#reportdataDiv .search_field {
    border-bottom: 1px solid #dedede;
    width: 25%;
}

#reportdataDiv input.input.search-input {
    border: 0;
    width: 90%;
}

.card {
    overflow: hidden
}

a {
    text-decoration: none
}

div#navbarResponsive {
    justify-content: end;
}

.form-group {
    margin-bottom: 10px;
}

.card.padding {
    overflow: inherit;
}

.nav-link {
    color: #00194c;
}

button.close {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
}

.master-cards {
    margin-right: 15px;
    margin-bottom: 15px;
    box-shadow: 0 0 2px 2px #f1f1f1;
    padding: 10px;
    min-width: calc(32.33% - 15px);
    border-radius: 10px;
    background: #fff9ef;
}

.title-n-popup h2 {
    font-size: 14px;
    color: #00194c;
    font-weight: 600;
    border-bottom: 1px solid #00194c;
    padding: 5px 0;
    text-align: left;
}

div.v-pills-tab {
    width: 20%;
}

div.v-pills-tabContent {
    width: 80%;
    box-shadow: 0 0 2px 2px #f1f1f1;
    padding: 15px;
    border-radius: 5px;
}

.img_pdflogo {
    width: 250px;
    display: flex;
    justify-content: end;
    background: #00194c;
}

.no-space .table-primary > th {
    white-space: nowrap
}

ul.lists-condition li {
    list-style-type: disc;
    margin-left: 15px;
    font-size: 13px;
}

h2 span {
    font-size: 16px;
}

label.form-check-label {
    margin-top: 0;
}

.form-check-input {
    vertical-align: middle
}

.box, .box1 {
    display: none
}

.addRating {
    position: absolute;
    top: 0;
    right: 0;
}

.insideTable th {
    background: #f9fcff
}

.tabel-overflow {
    overflow-x: scroll
}

.show-less {
    position: relative;
}

    .show-less .text-tooltip {
        position: absolute;
        display: none;
        opacity: 0;
        transition: opacity 1s ease;
        bottom: -10%;
        padding: 10px;
        border-radius: 2px;
        background: #02026f;
        color: white;
        box-shadow: 0px 0px 12px rgba(2, 2, 111, 0.4);
        z-index: 2;
    }

    .show-less:hover .text-tooltip {
        display: block;
        opacity: 1;
        transition: opacity 0.5s ease-in-out;
        width: 300px;
        white-space: normal;
        word-wrap: break-word;
        overflow-y: scroll;
        max-height: 300px;
    }

a.navbar-brand.logo-wrap.printlogo {
    background: #ffff !important;
    margin: 0;
    padding: 0;
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 80%;
    }
}
/*los controller css starts*/
.wrapper-tooltip {
    position: relative;
}

    .wrapper-tooltip .tooltip {
        background: #00194c;
        bottom: -200%;
        color: #fff;
        display: block;
        left: -20px;
        margin-bottom: 15px;
        opacity: 0;
        padding: 20px;
        pointer-events: none;
        position: absolute;
        width: 100%;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
        -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    }

        /* This bridges the gap so you can mouse into the tooltip without it disappearing */
        .wrapper-tooltip .tooltip:before {
            bottom: -20px;
            content: " ";
            display: block;
            height: 20px;
            left: 0;
            position: absolute;
            width: 100%;
        }

        /* CSS Triangles - see Trevor's post */
        .wrapper-tooltip .tooltip:after {
            border-left: solid transparent 10px;
            border-right: solid transparent 10px;
            border-bottom: solid #f26522 10px;
            top: -10px;
            content: " ";
            height: 0;
            left: 50%;
            margin-left: -13px;
            position: absolute;
            width: 0;
        }

    .wrapper-tooltip:hover .tooltip {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

/* IE can just show/hide with no transition */
.lte8 .wrapper-tooltip .tooltip {
    display: none;
}

.lte8 .wrapper-tooltip:hover .tooltip {
    display: block;
}

.tablinks a.nav-link {
    background: #00194c;
    padding: 10px 12px;
    border-radius: 10px;
    margin-right: 6px;
    color: #fff;
    font-size: 10px;
    white-space: nowrap;
}

.tablinks ul.navbar-nav {
    flex-direction: row;
}

.tablinks a.nav-link.active {
    background: #ff8500;
    color: #fff;
}

a.accordion-button {
    font-size: 14px;
    padding: 10px;
    color: #00194c !important;
}

.accordion-header {
    margin-bottom: 0;
    padding: 0
}

.accordion-item {
    margin-bottom: 10px;
}

.leadDetails {
    background: #ff8500;
    padding: 10px;
    position: fixed;
    width: 100%;
    top: 9%;
    margin-left: 250px;
    z-index: 2;
}

body.sidenav-toggled .leadDetails {
    margin-left: 55px
}

.leadDetails label {
    color: #fff
}

div#APIResonseDiv .container {
    width: 100%;
    max-width: 100%;
}

.jumbotron.mt-3.text-center {
    margin: 0 !important;
}

.jumbotron h3 {
    font-size: 16px;
    color: #00194c;
    font-weight: 600;
    border-bottom: 1px solid #00194c;
    padding: 10px 0;
    margin-bottom: 20px;
    text-align: left;
    display: none !important
}

table.center {
    box-shadow: 0 0 2px 2px #f1f1f1;
    text-align: left;
    margin-right: 10px;
}

    table.center td {
        padding: 10px;
    }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
     appearance: none;
    margin: 0;
}


.switchLOS {
    display: inline-flex;
    margin: 0 0 10px;
    align-items: center;
    font-size: 12px;
}

    .switchLOS input[type=checkbox] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

        .switchLOS input[type=checkbox]:checked + label {
            background: #00194c;
        }

.switch input[type=checkbox]:checked + label::after {
    left: calc(100% - 4px);
    transform: translateX(-100%);
}

.switchLOS label {
    cursor: pointer;
    width: 48px;
    height: 24px;
    background: grey;
    display: block;
    border-radius: 24px;
    position: relative;
    margin: 0 10px;
}

    .switchLOS label::after {
        content: "";
        position: absolute;
        top: 4px;
        left: 4px;
        width: 16px;
        height: 16px;
        background: white;
        border-radius: 16px;
        transition: 0.3s;
    }

.btn.btn-sm {
    padding: 8px 15px;
    border-color: transparent;
}

.content-wrapper.paddingTopminus {
    padding-top: 5rem;
}

.modal.show {
    opacity: 1 !important;
    dispal: block !important
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    z-index: 9999
}

.fullwidth-logobar {
    display: none;
}

button#adddoc {
    display: flex;
    align-items: center;
}

button.btn.btn-link {
    color: #000;
    font-weight: 700;
    background: #f1f1f1;
}

div#BREParameter .text-danger {
    border: 1px solid;
    padding: 10px;
    border-radius: 10px;
    display: block;
    margin-bottom: 10px;
}

.scrollToTop {
    position: fixed;
    z-index: 99999;
    border: 1px solid #00194c;
    padding: 5px 12px;
    background: #00194c;
    color: #fff;
    border-radius: 5px;
    right: 10px;
    bottom: 20px;
    display: none
}
/*los controller css ends*/
a.paginate_button {
    color: #ccc;
    padding: 6px;
    margin-right: 5px;
    font-size: 12px;
}

    a.paginate_button.current, a.paginate_button:hover {
        color: #00194c;
    }

.switchLOS input[type=checkbox]:checked:disabled + label {
    background: #00194c;
    opacity: 0.7;
    cursor: none
}

.switchLOS input[type=checkbox]:checked + label::after {
    left: auto;
    right: 4px;
}

.switchLOS input[type=checkbox]:disabled + label {
    opacity: 0.7;
    cursor: none
}

.doc-card {
    padding: 20px;
    box-shadow: 0 0 2px 2px #f1f1f1;
    border-radius: 10px;
}

    .doc-card label {
        width: 25%;
        font-weight: 600;
    }

.log_width {
    width: 300px !important;
}

.emailverficationdiv, .Coappemailverficationdiv {
    position: absolute;
    display: flex;
    align-items: center;
    right: -9px;
    bottom: 0;
    width: 313px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verifybtnwrapper {
    margin: 0 18px;
}

.verifiedbtn .fa {
    color: green;
    font-size: 18px;
    cursor: pointer
}

.otpsuccessmsg label {
    color: green;
    font-size: 10px;
}

.card-view .card-info {
    display: none;
}

.card-view.active .card-info {
    display: block;
}

.card-view.active .card-number {
    display: none;
}

.card-number {
    background: #00194c;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    line-height: 30px;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    display: block;
}

.content-wrapper .form-control {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.print-d-none, .col-12.print-d-none {
    display: block !important;
}

table.table.no-border .form-control.large-textbox {
    width: 100% !important;
    min-width: 300px;
}

.verfication {
    position: relative;
    width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.otpsuccessmsg {
    position: relative;
    left: -13px;
}

.emailverficationdiv .fa {
    margin-right: 5px;
}

.Coappemailverficationdiv .fa {
    margin-right: 5px;
}

.Coappemailverficationdiv {
}

input[type="number"] {
    -moz-appearance: textfield;
}

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

/* For Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.jewelry-image {
    width: 100%; /* Make image take full width of td */
    object-fit: contain; /* Ensures the image scales inside without cutting */
    display: block; /* Removes bottom spacing issues */
    border: 1px solid #ddd;
    padding: 8px;
    background: #fff;
}

.big-img {
    height: 420px !important;
    object-fit: cover;
    border-radius: 10px;
}

#ornamentstbl tr {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
}

.disabled-option {
    color: #aaa !important;
    opacity: 0.6;
}

.table-responsive1 {
    max-height: 400px;
    overflow-y: auto;
    position: relative;
}


.thead-fixed1 {
    position: sticky;
    top: 0;
    background-color: #f8f9fa;
    z-index: 1;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}


.table-bordered1 th, .table-bordered1 td {
    padding: 10px;
}

.bg-yellow {
    background-color: #FACC15;
    border-radius: 3px;
    padding: 8px;
    text-align: center;
    color: #065F46;
    font-weight: bold
}

.psb-green {
    color: #065F46 !important;
}

.psb-green-bg {
    background-color: #065F46 !important;
    color: #fff !important;
}

.list-dots {
    list-style-type: disc !important;
    margin-left: 2rem !important;
}

.captcha-box {
    background: #f8f9fa;
    font-weight: bold;
    letter-spacing: 5px;
    text-align: center;
    padding: 8px;
    user-select: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.otp-input {
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 1.2rem;
    margin-right: 5px;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
}

    .otp-input:focus {
        border-color: #28a745;
        box-shadow: 0 0 5px rgba(40, 167, 69, 0.5);
        outline: none;
    }

.hidden {
    display: none;
}

#panInput {
    text-transform: uppercase;
}

.psb-form .form-control {
    border: 1px solid #065F46;
    border-radius: 3px;
    padding: 9px;
}

.steps {
    padding: 15px;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 3px;
}

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

    .steps li {
        display: flex;
        align-items: center;
        padding: 12px 16px;
        margin-bottom: 8px;
        border-radius: 8px;
        font-size: 15px;
        font-weight: 500;
        color: #6c757d;
        border: 1px solid transparent;
        transition: all 0.2s ease-in-out;
    }

        .steps li span {
            width: 28px;
            height: 28px;
            /*display: flex;*/
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: #f8f9fa;
            border: 1px solid #dee2e6;
            margin-right: 12px;
            font-size: 13px;
            color: #6c757d;
        }

        /* ACTIVE STATE: Green theme */
        .steps li.active {
            background-color: #065F46;
            border-color: #065F46;
            color: #198754;
        }

            .steps li.active span {
                background-color: transparent;
                border-color: #065F46;
                color: #065F46;
                font-weight: 700;
            }

        .steps li:not(.active):hover {
            background: #f1f3f5;
            cursor: default;
        }

        .steps li.active {
            background-color: #d1e7dd !important;
            border: 1px solid #198754 !important;
            color: #198754 !important;
            font-weight: bold;
        }

            .steps li.active span {
                border-color: #198754 !important;
                color: #fff !important;
                background: #198754;
            }

    .steps li {
        cursor: pointer;
        transition: 0.3s;
    }

.step-item.completed span {
    background-color: #065F46;
    border-color: #065F46;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.otp-input:focus {
    border-color: #065F46;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
    outline: none;
}

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

#amountSlider::-webkit-slider-runnable-track {
    background-color: #065F46;
}

#amountSlider::-moz-range-track {
    background-color: #198754;
}

/* The Thumb (the circle) */
#amountSlider::-webkit-slider-thumb {
    background-color: #198754;
    border: 1px solid #198754;
    appearance: none;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    margin-top: -0.25rem;
}

#amountSlider::-moz-range-thumb {
    background-color: #198754;
    border: none;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
}

#amountSlider:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}


#tenureSlider::-webkit-slider-runnable-track {
    background-color: #198754; /* Bootstrap success green */
}

#tenureSlider::-moz-range-track {
    background-color: #198754;
}

#tenureSlider::-webkit-slider-thumb {
    background-color: #065F46;
    border: 1px solid #065F46;
    appearance: none;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    margin-top: -0.25rem;
}

#tenureSlider::-moz-range-thumb {
    background-color: #198754;
    border: none;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
}

#tenureSlider:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
/* Custom UI Styling to match your image */
.kyc-modal .modal-content {
    border-radius: 16px;
    overflow: hidden;
    border: none;
}

/*.kyc-modal .modal-header {
    background-color: #E95713;*/ /* Custom Orange */
/*color: #ffffff;
    border-bottom: none;
    padding: 1rem 1.5rem;
}*/

.kyc-modal .btn-close-white {
    filter: invert(1) grayscale(1) brightness(2);
    opacity: 0.8;
}

.kyc-modal .alert-box {
    background-color: #FFF5F0;
    border: 1px solid #FDE6DB;
    border-radius: 12px;
    color: #6C3A23;
    font-weight: 500;
}

.kyc-modal .instruction-text {
    color: #6C757D;
    /*font-size: 0.95rem;*/
}

.kyc-modal .btn-orange {
    background-color: #E95713;
    color: white;
    border: none;
    font-weight: 600;
    padding: 0.75rem;
    border-radius: 8px;
}

    .kyc-modal .btn-orange:hover {
        background-color: #D24A0E;
        color: white;
    }

.kyc-modal .btn-light-custom {
    background-color: #F1F3F5;
    color: #495057;
    border: none;
    font-weight: 600;
    padding: 0.75rem;
    border-radius: 8px;
}

    .kyc-modal .btn-light-custom:hover {
        background-color: #E2E6EA;
    }


/*internal css here*/

.loan-card {
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    background: white;
    max-width: 900px;
    margin: 50px auto;
    padding: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}



.input-box {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 20px;
    height: 100%;
}

.label-text {
    color: #888;
    font-size: 0.85rem;
    margin-bottom: 5px;
}


/* Slider Styling */
.form-range::-webkit-slider-thumb {
    background: var(--brand-green);
}

.form-range::-moz-range-thumb {
    background: var(--brand-green);
}

.slider-labels {
    display: flex;
    justify-content: space-between;
    color: #ccc;
    font-size: 0.7rem;
    margin-top: 5px;
    font-weight: 600;
}

/* Calculation Area */
.calc-box {
    background-color: var(--light-bg);
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
    border: 1px solid #E6F4F1;
}

.calc-label {
    font-size: 0.75rem;
    color: #666;
    margin-bottom: 0;
}

.calc-value {
    font-weight: 700;
    color: #333;
    font-size: 1rem;
}

.link-detail {
    color: #00A389;
    font-size: 0.85rem;
    text-decoration: none;
    font-weight: 500;
}

/* Rate Info Box */
.rate-info {
    background-color: var(--accent-yellow);
    border: 1px solid #FFE58F;
    border-radius: 8px;
    padding: 12px 20px;
    margin-top: 15px;
    font-size: 0.9rem;
}

    .rate-info span {
        color: #333;
    }

    .rate-info strong {
        color: #333;
        font-weight: 800;
    }

.captcha-container {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}


.btn-refresh {
    padding: 5px 10px;
    font-size: 18px;
    cursor: pointer;
}

.steps .disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

    .steps .disabled a {
        pointer-events: none;
        cursor: not-allowed;
        color: #6c757d;
    }
.cif-selection-card.selected-card {
    border-color: #065F46 !important;
    background-color: #f8f9fa !important;
    box-shadow: 0 .5rem 1rem rgba(13, 110, 253, 0.15) !important;
}
.navbar {
    box-shadow: 2px 2px 10px 1px #ccc;
}
.navbar-dark .navbar-nav .nav-link{
    color:#00194c !important;
}
.portfoliocheckbox {
    width: 12px !important;
    margin: 0px 5px;
    padding: 5px;
}
.errorBlock{
    width:70%;
    border-radius:5px;
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
    padding:10px;
    height:60vh;
}
.errorImg{
    height:200px;
    width:200px;
    object-fit:cover;
    padding:20px;
}
.errorImg img{
    height:100%;
    width:100%;
}
.errorHeading {
    font-size: 16px;
    color: rgba(246,41,12,1);
}
.errorsubHeading{
    font-size:12px;
    color:#00194c;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff !important;
}
.steps.NewStepsBox {
    position: fixed;
    overflow: auto;
    height: 85vh;
    width: 320px;
    padding: 0px;
    border: none;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    background:#fff;
    z-index:999;
}

    .steps.NewStepsBox::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

.NewStepsBox .step-item.active {
    border-radius: 0px;
    border: none !important;
}
.NewStepsBox.steps li {
    font-size:13px;
}
.NewStepsBox .step-item {
    border-radius: 0px;
    border: none;
}
.newbg {
    background: #F9F9FB;
}
.step-content {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    background: #fff;
    padding: 20px;
    margin: 20px 0px;
    border-radius: 5px;
}
    .step-content .card.shadow {
        box-shadow: none !important;
    }

.bank-loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(3px);
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
   
    transform: translateZ(0);
    backface-visibility: hidden;
}

.bank-loader-box {
    background: #ffffff;
    padding: 35px 40px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    text-align: center;
    max-width: 400px;
    width: 90%;
}

.bank-spinner {
    width: 50px;
    height: 50px;
    border: 4px solid rgba(40, 167, 69, 0.15); 
    border-top: 4px solid #28a745; 
    border-radius: 50%;
    margin: 0 auto 20px auto;
  
    transform: translateZ(0);
    will-change: transform;
    animation: bankSpin 0.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.bank-loader-box h4 {
    margin: 0 0 10px 0;
    color: #222222;
    font-size: 19px;
    font-weight: 600;
}

.bank-loader-box p {
    margin: 0;
    color: #666666;
    font-size: 13px;
    line-height: 1.5;
}

@keyframes bankSpin {
    from {
        transform: rotate(0deg) translateZ(0);
    }

    to {
        transform: rotate(360deg) translateZ(0);
    }
}
body.sidenav-toggled .content-wrapper.newbg{
    margin-left:0px;
    padding-top:5rem;
}