.container-fluid.login_container {
    /*    padding-left: 0px;*/
    /*    padding-right: 0px;*/
}

.form-control {
    appearance: auto;
}

.no_padding {
    padding: 0px 0px;
}

.clear {
    clear: both;
}

.login_form {
    background: #fff;
    /*height: 100vh;*/
}

    .login_form .auth-form-transparent {
        margin: 50% auto;
        padding: 30px;
    }

    .login_form .logo_and_heading {
        text-align: center;
    }

        .login_form .logo_and_heading .brand-logo {
            margin-bottom: 15px;
        }

        .login_form .logo_and_heading h4 {
            font-size: 12px;
            font-weight: 400;
        }

.login_footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80px;
}
.bold_text {
    font-weight: 900 !important;
}  


    .login_footer p {
        font-size: 14px;
    }

.index_login_form .form-group .fa {
    position: absolute;
    top: 16px;
    left: 0;
    width: 38px;
    line-height: 30px;
    color: #938f8f;
    text-align: center;
    border-right: 1px solid #ebebeb;
    font-size: 12px;
    background: #e8e8e8;
    height: 35px;
    line-height: 35px;
}

.index_login_form .form_control {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    width: 100%;
    height: 35px;
    outline: none;
    /*padding: 4px 6px 4px 46px;*/
    background: #fff;
    box-shadow: none;
    border-radius: 5px;
}

.login_btn {
    background-color: #017baa;
    border-color: #017baa;
    color: #fff;
    box-shadow: none;
    border-radius: 5px;
}

.login_btn:hover, .login_btn:focus {
    background-color: #01739f !important;
    border-color: #01739f;
    color: #fff !important;
}

.index_login_form .form-group > label {
    font-size: 16px;
    font-weight: 600;
    color: #7037b9;
}

.mycustom_btn {
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    padding: 0.3rem 0.8rem;
    letter-spacing: 0.5px;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.myTask_btn {
    width: 180px;
    border-radius: 5px;
    border: 1px solid #007bff !important;
    text-transform: uppercase;
    margin: 0px 10px;
    border-color: #007bff;
    font-size: 13px;
    padding: 12px 0px;
    line-height: 1;
}

    .myTask_btn:hover {
        box-shadow: none;
        background-color: #0072eb !important;
        color: #fff !important;
    }

.MyTask_Action_btn {
    background: #fff;
    padding: 15px 0px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}
/*-------------------------------------------------------*/

/*Camera Css Start*/
.Take_photo_css {
    width: 200px;
    height: 200px;
}

.image_para {
    position: absolute;
    line-height: 0;
}

.take_photo_btn_p {
    position: absolute;
    bottom: 10px;
    right: 17px;
}

#video-tag {
    width: 100px;
}

/*Camera Css End*/


.my_custom_btn {
    height: 32px;
    line-height: initial;
    border-radius: 3px;
    width: 100px;
    border: 1px solid #0b3ba7;
    background: #0b3ba7;
    line-height: 22px;
    color: #fff;
}

.ImgUploadAndApplicantSearch_div {
    /*border: 1px dashed #c9c9c9;
    padding: 15px;
    background: #fbfbfb;*/
}

.Search_app_id {
    border: 1px dashed #ddd;
    padding: 15px 10px;
}

.image-preview {
    height: 60px;
    width: 60%;
    border: 1px dashed #ddd;
}

    .image-preview label {
        color: #191919;
        font-weight: 600;
        background-color: #fff;
        line-height: 25px;
    }

    .image-preview input {
        line-height: 57px;
        font-size: 145px;
    }

.mt_50 {
    margin-top: 50px;
}

.mt_35 {
    margin-top: 35px;
}

.capture_img_OR {
    width: 200px;
    text-align: center;
    margin-top: 17px;
}

.captureImage_input {
    width: 100%;
    margin-top: 15px;
}

.modal_body_height {
    height: 550px;
    overflow: auto;
}

    .modal_body_height::-webkit-scrollbar {
        width: 5px;
    }

    .modal_body_height::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .modal_body_height::-webkit-scrollbar-thumb {
        background: #888;
    }

        .modal_body_height::-webkit-scrollbar-thumb:hover {
            background: #555;
        }


/*.name_title_dropdown{
    padding: 9px 10px;
    border: 1px solid #ccc;
    color: #919191;
    border-right: 0;
    display: inline-block;
    position: relative;
    height: 32px;
    line-height: 1;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.name_title_dropdown a, .name_title_dropdown a:hover{
    color: #919191;
    text-decoration: none;
}
.name_title_dropdown_textbox{
    display: table-cell;
    padding: 9px 10px;
    border: 1px solid #ccc;
    color: #919191;
    height: 32px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}
.name_title_dropdown .dropdown-menu.show{
    padding: 15px;
    transform: translate3d(0px, 29px, 0px) !important;
}*/

/*.custom_tabs ul.nav-tabs{
    display: flex;
}
ul.nav-tabs li.nav-item{
    flex: 1;
    height: 50px;
    margin-right: 5px;
    display: inline-flex;
    position: relative;
    background: #d7d7d7;


}
ul.nav-tabs li.nav-item:after{
    content: "";
    position: relative;
    bottom: 0px;
    left: 0%;
    border: 24px solid #24448500;
    border-left-color: #5bff2f;
    z-index: 99999999;
}*/
/*---------------------- Vertical Tab Start ---------------------*/
.VerticalTab_content input.VerticalInput {
    display: none;
}

.VerticalTab_content {
    display: flex;
    justify-content: space-between;
    align-items: normal;
}

    .VerticalTab_content .list {
        display: flex;
        flex-direction: column;
        position: relative;
        width: 14%;
        margin-right: 50px;
    }

        .VerticalTab_content .list label {
            cursor: pointer;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            font-weight: 500;
            color: #000;
            padding-left: 15px;
            transition: all 0.5s ease;
            z-index: 10;
        }

#home:checked ~ .list label.home,
#blog:checked ~ .list label.blog,
#help:checked ~ .list label.help,
#code:checked ~ .list label.code,
#about:checked ~ .list label.about {
    color: #fff;
}

.VerticalTab_content .slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 100%;
    border-radius: 3px;
    transition: all 0.5s ease;
    background: #BB86FC;
}

#home:checked ~ .list .slider {
    top: 0;
}

#blog:checked ~ .list .slider {
    top: 49px;
}

#help:checked ~ .list .slider {
    top: 97px;
}

.VerticalTab_content .text-content {
    width: 86%;
    height: 100%;
    color: #1b1b9b;
}

.VerticalTab_content .text {
    display: none;
}

    .VerticalTab_content .text .title {
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: 600;
    }

    .VerticalTab_content .text p {
        text-align: justify;
    }

.VerticalTab_content .text-content .home {
    display: block;
}

#home:checked ~ .text-content .home,
#blog:checked ~ .text-content .blog,
#help:checked ~ .text-content .help,
#code:checked ~ .text-content .code,
#about:checked ~ .text-content .about {
    display: block;
}

#blog:checked ~ .text-content .home,
#help:checked ~ .text-content .home,
#code:checked ~ .text-content .home,
#about:checked ~ .text-content .home {
    display: none;
}

.VerticalTab_content .list label:hover {
    color: #BB86FC;
}

/*---------------------- Vertical Tab End ---------------------*/

.VerticalTab .nav-pills-custom .nav-link {
    color: #aaa;
    background: #fff;
    position: relative;
    padding: 0.2rem 1rem !important;
    border-radius: 3px;
    font-size: 13px;
}

    .VerticalTab .nav-pills-custom .nav-link.active {
        color: #fff;
        background: #6777ef;
    }


/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
    .VerticalTab .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #6777ef;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -9px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

.VerticalTab .nav-pills-custom .nav-link.active::before {
    opacity: 1;
}

.VerticalTab .custom_tabs .tab-content {
    padding: 0px 0px 15px;
}

.title_class {
    font-size: 17px;
    margin-bottom: 0px;
    font-weight: 600;
    color: #1b1b9b;
}

.VerticalTab .custom_width_2 {
    flex: 0 0 13%;
    max-width: 13%;
}

.VerticalTab .custom_width_10 {
    flex: 0 0 87%;
    max-width: 87%;
}

.VerticalTab .custom_width_3 {
    flex: 0 0 17%;
    max-width: 17%;
}

.VerticalTab .custom_width_9 {
    flex: 0 0 83%;
    max-width: 83%;
}
/*----------------------------------------------------------------------*/
.br-upload input {
    display: none;
}

.br-upload .upload-button {
    color: #1351b4;
    cursor: pointer;
    height: 35px;
    min-height: 35px;
    justify-content: center;
    overflow: hidden;
    padding: 0 24px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px dashed #c9c9c9;
    border-radius: 0px;
    display: block;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    margin-top: 4px;
    max-width: 550px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: left;
    width: 100%;
}

    .br-upload .upload-button:not(:disabled):focus {
        outline: none;
    }

.br-upload .fas.fa-upload {
    padding-right: 10px;
}
/*----------------switch start------------------------------*/

.custom_switch .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 21px;
    float: left;
    padding-right: 5px;
}

    .custom_switch .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.custom_switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #6E6E6E;
    transition: 0.4s;
}

    .custom_switch .slider:before {
        position: absolute;
        content: "";
        height: 14px;
        width: 14px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        transition: 0.4s;
    }

.custom_switch input:checked + .slider {
    background-color: #1849AB;
}

.custom_switch input:focus + .slider {
    box-shadow: 0 0 0 4px rgba(21, 156, 228, 0.7);
    outline: none;
}

.custom_switch input:checked + .slider:before {
    transform: translateX(19px);
}

.custom_switch .slider.round {
    border-radius: 34px;
}

    .custom_switch .slider.round:before {
        border-radius: 50%;
    }

.switchText {
    padding-left: 8px;
    line-height: 1;
    font-size: 13px;
    color: #34395e;
    position: relative;
    top: -3px;
}
/*---------------- switch ENd ------------------------------*/
/*---------------- Legend Start ----------------*/
.address_info fieldset {
    padding: 0 20px;
    background: white;
    min-width: 0;
    margin: 0;
    border: 1px solid #ced4da;
    border-radius: 3px;
    margin-bottom: 15px;
}

.address_info fieldset legend {
    font-size: 14px;
    margin-bottom: 0;
    color: #1b1b9b;
    display: block;
    width: auto;
    max-width: 100%; 
    padding: 0 5px;
    line-height: inherit;
    white-space: normal;
    font-weight: 500;
    position: relative;
    top: -15px;
    background: #fff;
}
/*---------------- Legend End ----------------*/

/*----------------------- Scrollable Tab Start -------------------------*/
.scrtabs-tab-container * {
    box-sizing: border-box;
}

.scrtabs-tab-container {
    height: 42px;
    display: flex;
}

    .scrtabs-tab-container .tab-content {
        clear: left;
    }

    .scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container > .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }

.scrtabs-tabs-fixed-container {
    float: left;
    height: 42px;
    overflow: hidden;
    width: 100%;
}

.scrtabs-tabs-movable-container {
    position: relative;
}

    .scrtabs-tabs-movable-container .tab-content {
        display: none;
    }

.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container > ul.nav-tabs {
    padding-right: 0;
}

.scrtabs-tab-scroll-arrow {
    border: 1px solid #dddddd;
    /*  border-top: none;*/
    color: #428bca;
    background: #c2c2c2;
    display: none;
    float: left;
    font-size: 12px;
    height: 40px;
    margin-bottom: -1px;
    padding-left: 6px;
    padding-top: 11px;
    width: 20px;
    border-radius: 3px;
}

    .scrtabs-tab-scroll-arrow:hover {
        background-color: #eeeeee;
    }

    .scrtabs-tab-scroll-arrow,
    .scrtabs-tab-scroll-arrow .scrtabs-click-target {
        cursor: pointer;
    }

        .scrtabs-tab-scroll-arrow.scrtabs-with-click-target {
            cursor: default;
        }

        .scrtabs-tab-scroll-arrow.scrtabs-disable,
        .scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target {
            color: #ddd;
            cursor: default;
        }

            .scrtabs-tab-scroll-arrow.scrtabs-disable:hover {
                background-color: initial;
            }

.scrtabs-tabs-fixed-container ul.nav-tabs > li {
    white-space: nowrap;
}
/*----------------------- Scrollable Tab End -------------------------*/

/*----------------- Custom checkbox Start --------------------------- */
.custom-checkbox .custom-control-label::before {
    border-radius: 2px;
}

.custom-checkbox .custom-control-label {
    font-size: 13px;
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}
/*---------------------------------------------------*/
.custom-control.custom-checkbox.checkAllCheckbox {
    line-height: 1;
    min-height: 1px;
}

.custom-control.custom-checkbox.checkAllCheckbox .custom-control-label {
    font-size: 13px;
    color: #6777ef;
    font-weight: 500;
}

.custom-control.custom-checkbox.checkAllCheckbox .custom-control-label::before {
    position: absolute;
    top: -3px;
    border: #6777ef solid 1px;
}

.custom-control.custom-checkbox.checkAllCheckbox .custom-control-label::after {
    position: absolute;
    top: -3px;
}
/*Custom checkbox End */
.CoApp_dropdown {
    font-size: 13px;
    white-space: nowrap;
    margin-right: 5px;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 2.5;
}
/*----------------- Custom checkbox End ------------------------*/

.scrtabs-tabs-fixed-container ul.nav-tabs > li:after {
    content: "";
    display: inline-block;
    background: transparent;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    right: -30px;
    position: absolute;
    z-index: 1;
}
/*-----------------------------------------------------*/
.finance_tab_table .table_heading_custom {
    font-size: 13px;
    color: #1b1b9b;
}
/*.finance_tab_table .table{
    margin-bottom: 0rem;
}*/
.finance_tab_table .table thead th, .finance_tab_table .table thead td {
    text-transform: capitalize !important;
}

.modal-open {
    padding-right: 0px !important;
}

/*.border_right_class{
    content: '';
    border-right: 1px dotted #555;
    position: relative;
    top: 4px;
}*/
.dashboardCard_head_Color {
    color: #7f7f7f;
    font-weight: 500;
}

.banner-img img {
    width: 3.5rem;
    position: absolute;
    right: 15px;
    top: 15px;
}

.add_new_btn_css {
    width: 100%;
    margin-right: 10px;
}

.add_pluss_icon {
    font-size: 21px;
    line-height: 1.4;
    color: #1b1b9b;
}

.custom_card_css {
    border: 1px dashed #c9c9c9 !important;
}

.custom_card_height {
    height: 465px;
    background-color: #fbfbfb !important;
}

.tfooter_bg_color {
    background: whitesmoke;
}
/*.card .card-header{
    border-bottom-color: transparent;
}*/
/*------------------------------------------------------------------*/
#footer {
    -moz-transition: bottom 0.2s ease;
    -webkit-transition: bottom 0.2s ease;
    -ms-transition: bottom 0.2s ease;
    transition: bottom 0.2s ease;
    position: fixed;
    bottom: -20em;
    color: #FFF;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 9999;
}

    #footer.show {
        bottom: 0;
    }

    #footer .info {
        position: relative;
        display: inline-block;
        text-decoration: none;
        border-radius: 50% 50% 0 0;
        background: #e74c3c;
        width: 3em;
        height: 3em;
        margin-bottom: -1.75em;
        color: #FFF;
        font-size: 1.25em;
        padding-top: .35em;
    }

        #footer .info span {
            display: none;
        }

    #footer .inner {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -moz-align-items: stretch;
        -webkit-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch;
        display: -ms-flexbox;
        -ms-flex-align: center;
        -ms-flex-pack: center;
        position: relative;
        z-index: 10003;
        background: #e74c3c;
        padding: 2em;
        height: 20em;
    }

        #footer .inner .content,
        #footer .inner .copyright {
            width: 50%;
            text-align: left;
            color: rgba(255, 255, 255, 0.75);
            padding: 2em;
            display: inline-block;
        }

            #footer .inner .content h3,
            #footer .inner .copyright h3 {
                color: #FFF;
                font-size: 1.75em;
            }

            #footer .inner .content a,
            #footer .inner .copyright a {
                color: #FFF;
            }

                #footer .inner .content a:hover,
                #footer .inner .copyright a:hover {
                    color: rgba(255, 255, 255, 0.75);
                }

            #footer .inner .content p,
            #footer .inner .copyright p {
                margin: 0;
            }

            #footer .inner .copyright ul {
                border-bottom: 1px solid rgba(255, 255, 255, 0.15);
                padding-bottom: 1em;
            }

@media screen and (max-width: 980px) {

    #footer {
        position: relative;
        bottom: 0;
    }

        #footer .inner {
            height: auto;
            display: block;
        }

            #footer .inner .content,
            #footer .inner .copyright {
                display: block;
                width: 100%;
                text-align: center;
            }

        #footer .info {
            display: none;
        }
}

@media screen and (max-width: 480px) {

    #footer .inner {
        padding: 2em;
    }

        #footer .inner .content,
        #footer .inner .copyright {
            padding: 1em;
        }
}
/*    ------------------------------------------------------------*/


#reader {
    width: 500px;
}

.result {
    background-color: green;
    color: #fff;
    padding: 20px;
}

.reader_row {
    display: flex;
}

#reader__scan_region {
    background: white;
}
/*------------------------------------------------*/
/*.sidebar-mini .main-sidebar, .feather.feather-align-justify {
    display: block !important;
}
.main-sidebar{
    left: auto;
    right: 0;
}
.sidebar-mini .main-sidebar:after{
    left: auto;
    right: 0;
}
.sidebar-mini .main-content, .sidebar-mini .main-footer{
    padding-right: 90px;
}
.main-content{
    padding-left: 30px;
    padding-right: 280px;
    padding-top: 110px;
    width: 100%;
    position: relative;
}*/
.settingSidebar {
    height: calc(100% - 70px);
    /*overflow-x:hidden;
    overflow-y:auto;*/
}
.settingSidebar .settingPanelToggle {
    padding: 6px 15px;
    color: #fff;
    position: absolute;
    top: 30%;
    left: -66px;
    width: 100px;
    border-radius: 10px 10px 0px 0px;
    transform: rotate(-90deg);
    text-align: center;
}

    .settingSidebar .settingPanelToggle:hover {
        color: #fff;
        text-decoration: none;
    }

.settingSidebar {
    width: 400px;
    right: -400px;
}

    .settingSidebar .setting-panel-header {
        display: block;
        padding: 15px 20px;
        color: #212529;
        font-size: 13px;
        border: 1px solid #eae9e9;
        background: #e9ecef;
    }

    .settingSidebar .setting-panel-body {
        display: block;
        padding: 0px 20px;
        color: #212529;
        font-size: 13px;
        background: #fff;
        height: calc(84vh - 85px);
        overflow-x: hidden;
        overflow-y: auto;
    }

    .settingSidebar .nav-link {
        padding: 0.2rem 1rem;
    }

    .settingSidebar .nav-pills .nav-item .nav-link {
        padding-left: 5px !important;
        padding-right: 5px !important;
        width: 90px;
        text-align: center;
        background-color: lightgrey;
        border-radius: 30px;
        font-size:12px;
        margin-left:3px;
        color:#000;
    }

    .settingSidebar .nav-pills .nav-item .nav-link.active {
        background-color: #6777ef !important;
        color: #fff;
    }

    .settingSidebar .logs .log_title {
        font-size: 13px;
        font-weight: 400;
        line-height: 1;
        margin-bottom: 5px;
        color: #000;
    }

        .settingSidebar .logs .log_title span {
            font-weight: 600;
        }

    .settingSidebar .logs .log_DateTime {
        font-size: 11px;
        font-weight: 400;
        line-height: 1;
        margin-bottom: 0px;
        color: #a5a3a3;
    }

    .settingSidebar .logs hr {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        border-top: 1px solid rgb(137 137 137 / 13%);
    }
/*----------------------------------------------------------------*/
.custom_tabs .nav-tabs .nav-link {
    font-size: 0.75rem;
    padding: 0.3rem 0.5rem;
    line-height: 1.2;
    font-weight: 500;
}

.navbar {
    padding: 0rem 1rem;
}

.application_info {
}

    .application_info .card {
        margin-bottom: 0px;
    }

    .application_info .step .step-item:not(:first-child)::before {
        display: none;
    }

    .application_info .applicant_name {
        margin-bottom: 4px;
        font-size: 13px;
        color: #ffffff;
        line-height: 1;
        text-transform: uppercase;
    }

    .application_info .applicant_phone {
        margin-bottom: 0;
        font-size: 13px;
        color: #ffffff !important;
        line-height: 1;
    }

    .application_info .head_text {
        margin-bottom: 4px;
        font-size: 12px;
        color: #fff;
        line-height: 1;
        font-weight: 400;
        text-transform:uppercase;
    }

    .application_info .content_text {
        margin-bottom: 0px;
        font-size: 14px;
        color: #ffffff !important;
        line-height: 1;
        font-weight: 600;
    }

textarea.form-control::-webkit-resizer {
    display: none;
}
/*------------------------------------------------------------------*/
/*Camera Start*/
#open-camera {
    background: #b2b2b2;
    cursor: pointer;
    padding: 15px;
    border: 2px solid white;
    color: #fff;
    display: block;
    margin-bottom: 5px;
    width: 200px;
    height: 200px;
    border: 1px dashed #7b7b7b;
}

/* Base style */

#camera {
    background-color: #000;
    /*  position: fixed;*/
    display: block;
    opacity: 1;
    /*  height: 100%;*/
    width: 100%;
    left: 0;
    top: 0;
    z-index: 12;
    margin-bottom: 15px;
    position: relative;
}

    /* Orientation warning */
    #camera #camera-orientation-warning {
        position: fixed;
        top: 0;
        margin: 5px 0 0 10px;
        ;
        color: red;
        z-index: 3;
        text-shadow: 1px 1px 2px black;
    }

        #camera #camera-orientation-warning i {
            font-size: 18px;
            margin-right: 5px;
        }

    /* Top controls */

    #camera #camera-controls-top {
        position: relative;
        z-index: 3;
    }

    /* Camera */

    #camera canvas#camera-photo {
        position: relative;
        z-index: 2;
    }

    #camera video#camera-video {
        z-index: 1;
    }

    /* Bottom controls */

    #camera #camera-controls-bottom {
        z-index: 3;
        bottom: 0;
        position: relative;
        padding: 7px;
        width: 100%;
    }

    #camera .ccb-action-buttom {
        border: none;
        box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.20);
        cursor: pointer;
        border-radius: 100%;
        color: black;
        position: relative !important;
        border: 1px solid #676767;
    }

        #camera .ccb-action-buttom > i {
            position: relative;
            top: 2px;
            left: 0.3px;
            font-size: 25px;
        }

    #camera .ccb-ab-normal {
        font-size: 24px;
        width: 40px;
        height: 40px;
    }

    #camera .ccb-ab-small {
        font-size: 25px;
        width: 33px;
    }

    #camera button#camera-pic-take {
        position: absolute;
        left: 50%;
        margin-left: -28px;
        box-shadow: none;
        bottom: 10px;
        border: none;
    }

        #camera button#camera-pic-take:after {
            content: '';
            padding: 56px 27px 0 30px;
            border: 2px solid #dddddd;
            border-radius: 100%;
            position: absolute;
            right: -10px;
            top: -10px;
            box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.20);
        }

        #camera button#camera-pic-take.camera-shot:after {
            border-color: greenyellow;
        }

    #camera button#ccb-confirm-photo {
        position: absolute;
        left: 50%;
        margin-left: -95px;
    }

    #camera button#camera-back {
        position: absolute;
        left: 50%;
        margin-left: 5px;
    }

    #camera button#ccb-rotate-pic {
        position: absolute;
        left: 50%;
        margin-left: 5px;
    }

    /* Helper classes */

    #camera .center-on-screen {
        /*transform: translate(-50%, -50%);
  position: relative;
  object-fit: contain;
  left: 50%;
  top: 50%;*/
        max-width: 100%;
        max-height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
    }

.hide {
    display: none !important;
}

#camera .button:focus, #camera .button:active {
    outline: none;
}

/* Animations */

@keyframes camera-shot {
    0%, 100% {
        background-color: greenyellow;
        transform: scale(0.9);
    }
}

@keyframes warning-blink {
    to {
        visibility: hidden;
    }
}
/*Camera End*/
/*------------------------------ preview-images start---------------------------------------------*/
.custom_Image_preview {
    width: 120px;
    height: 120px;
    min-width: 120px;
    max-width: 120px;
    border: 1px dashed #bbbbbb;
    vertical-align: middle;
    line-height: 120px;
    text-align: center;
    font-size: 13px;
    background: whitesmoke;
    margin-bottom: 10px;
    margin-right: 10px;
}

    .custom_Image_preview a, .custom_Image_preview a:hover {
        text-decoration: none;
        display: inline-block;
        color: #1351b4;
        font-size: 13px;
        font-style: italic;
        font-weight: 400;
        line-height: 1.5;
        position: relative;
        top: 5px;
    }

.preview-images-zone {
    width: 100%;
    border: 0px solid #ddd;
    min-height: 0px;
    /* display: flex; */
    padding: 5px 5px 0px 0px;
    position: relative;
    overflow: auto;
}
    /*.preview-images-zone > .preview-image:first-child {
    height: 185px;
    width: 185px;
    position: relative;
    margin-right: 5px;
}*/
    .preview-images-zone > .preview-image {
        height: 120px;
        width: 120px;
        position: relative;
        margin-right: 10px;
        float: left;
        margin-bottom: 5px;
    }

        .preview-images-zone > .preview-image > .image-zone {
            width: 100%;
            height: 100%;
        }

            .preview-images-zone > .preview-image > .image-zone > img {
                width: 100%;
                height: 100%;
                border: 1px solid #cdcdcd;
                /*    border-radius: 5px;*/
            }

        .preview-images-zone > .preview-image > .tools-edit-image {
            position: absolute;
            z-index: 100;
            color: #fff;
            bottom: 0;
            width: 100%;
            text-align: center;
            margin-bottom: 10px;
            display: none;
        }

        .preview-images-zone > .preview-image > .image-cancel {
            font-size: 15px;
            position: absolute;
            top: 5px;
            right: 5px;
            font-weight: bold;
            margin-right: 0px;
            cursor: pointer;
            display: none;
            z-index: 100;
            background: white;
            height: 20px;
            width: 20px;
            text-align: center;
            line-height: 20px;
            box-shadow: 0px 0px 2px #00000063;
            border-radius: 10px;
        }

.preview-image:hover > .image-zone {
    cursor: move;
    opacity: .75;
}

.preview-image:hover > .tools-edit-image,
.preview-image:hover > .image-cancel {
    display: block;
}

.ui-sortable-helper {
    width: 90px !important;
    height: 90px !important;
}

/*------------------------- preview-images end -----------------------------------*/
.Loan_Terms_col_width {
    -ms-flex: 0 0 14.2857%;
    -webkit-box-flex: 0;
    flex: 0 0 14.2857%;
    max-width: 14.2857%;
}
/*-----------------------------------------------------------------------*/
.shubox-webcam {
    width: 640px;
    height: 360px;
    margin: auto;
    margin-top: 20px;
    position: relative;
    background: silver;
    font-family: "San Francisco Display Bold";
}

.webcam-buttons {
    width: 640px;
    display: flex;
    margin: 20px auto;
    list-style: none;
    padding: 0;
    justify-content: space-between;
}

    .webcam-buttons li {
        width: 28%;
        background: #efefef;
        text-align: center;
        padding: 10px;
    }

        .webcam-buttons li:hover {
            background: gray;
        }

            .webcam-buttons li:hover a {
                color: white;
            }

/*a {
  color: black;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  font-family: "San Francisco Display Bold";
}
*/
.shubox-webcam .dz-preview {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
}

.shubox-webcam .dz-image {
    display: none;
}

.shubox-webcam.shubox-success {
    cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='40' height='48' viewport='0 0 100 100' style='fill:black;font-size:24px;'><text y='50%'>👍</text></svg>") 16 0,auto;
}

.shubox-webcam.shubox-uploading {
    cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='40' height='48' viewport='0 0 100 100' style='fill:black;font-size:24px;'><text y='50%'>📸</text></svg>") 16 0,auto;
}

.shubox-webcam.shubox-webcam-started {
    cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='40' height='48' viewport='0 0 100 100' style='fill:black;font-size:24px;'><text y='50%'>📷</text></svg>") 16 0,auto;
}

.shubox-webcam-uninitialized {
    position: relative;
    background: silver;
    cursor: pointer;
}

    .shubox-webcam-uninitialized::before {
        display: block;
        content: "Click to start webcam  📷";
        line-height: 20px;
        top: 50%;
        margin-top: -10px;
        width: 100%;
        color: gray;
        text-align: center;
        position: absolute;
        color: gray;
    }



/* ******** */

.dz-progress {
    display: block;
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
}

.dz-upload {
    border-radius: 3px;
    height: 5px;
    background: #bce29e;
    display: block;
    clear: both;
}

    .dz-upload[style="width: 100%;"] {
        display: none;
    }

.dz-error-message,
.dz-filename,
.dz-size,
.dz-success-mark,
.dz-error-mark {
    display: none;
}

.dz-complete.dz-success .dz-success-mark,
.dz-complete.dz-error .dz-error-mark {
    display: block;
    position: absolute;
    right: 5px;
    bottom: 0px;
    text-shadow: 1px 1px white;
}

.dz-error .dz-error-mark {
    color: red;
}

.dz-success .dz-success-mark {
    color: green;
}
/*--------------------------------------------------*/
.card_layout {
    border: 1px dashed #cdd4e0;
    box-shadow: none;
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 7px 7px;
    background: #fbfbfb;
    text-align: center;
}

    .card_layout img {
        width: 100%;
    }

    .card_layout h6 {
        font-size: 12px;
        margin: 5px 5px 0px;
        font-weight: 400;
        font-style: italic;
        color: #333;
    }

    .card_layout a:hover {
        text-decoration: none;
    }

.loan_type h4 {
    margin: 0 auto 30px;
    width: 60%;
    line-height: 1.5;
}

.loan_type .service-card {
    position: relative;
    margin-bottom: 15px;
}

    .loan_type .service-card:hover {
        cursor: pointer;
    }

.loan_type .bg_img {
    background-image: url('../img/map.png');
    background-repeat: no-repeat;
    background-size: cover;
    /*    height: 100vh;*/
}

.loan_type .service-card__content {
    position: relative;
}

.loan_type .service-card__content__inner {
    background-color: #f9f9f9;
    border-bottom: 2px solid #cfcfcf;
    padding: 15px 15px;
    text-align: center;
    position: relative;
    transition: all 500ms ease;
    border-radius: 3px;
    min-height: 125px;
}

.loan_type .service-card__icon {
    width: 55px;
    height: 55px;
    background-color: transparent;
    /*    box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.05);*/
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #878787;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    /*    margin-bottom: -46px;*/
    position: relative;
    z-index: 10;
    transition: all 500ms ease;
    /*position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);*/
}

.loan_type .service-card__title {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    color: #1c1c27;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

    .loan_type .service-card__title a {
        color: inherit;
        transition: all 500ms ease;
        font-weight: 500;
    }

        .loan_type .service-card__title a:hover {
            text-decoration: none;
        }

.service-card__text {
    line-height: 1.4;
}

.loan_type .service-card__link {
    width: 40px;
    height: 40px;
    background-color: #f2ede9;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #68686f;
    transition: all 500ms ease;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    bottom: -21px;
    margin-top: -21px;
    z-index: 11;
}

.service-card__content__inner::after {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -3px;
    left: 0;
    transform-origin: left center;
    transform: scale(0, 1);
    background-color: var(--thm-black);
    transition: transform 500ms ease;
}

.service-card:hover .service-card__icon i {
    color: #e63a27;
}

.service-card:hover .service-card__content__inner {
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
    /*    border-bottom: 3px solid red;*/
}

.service-card:hover .service-card__title {
    font-weight: 800;
    color: #e63a27;
}

.service-card:hover .service-card__content__inner::after {
    transform: scale(1, 1);
    transform-origin: right center;
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -1px;
    left: 0;
    /*transform-origin: left center;
    transform: scale(0, 1);*/
    background-color: #e63a27;
    transition: transform 500ms ease;
}

.service-card:hover .service-card__link {
    color: #fff;
    background-color: #1c1c27;
}

.post_icon {
    position: absolute;
    bottom: 5px;
    right: 5px;
    border-radius: 50px;
}
/*---------------- Delete page css Start -----------------*/
.delete_page {
    color: black;
    background: white;
    padding: 35px 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    border-top: 3px solid red;
    border-radius: 0px;
    width: 360px;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}

.delete_page h3 {
    position: relative;
    color: #ff0000;
    font-size: 20px;
    margin-bottom: 20px;
}

.delete_page h3:after {
    content: '';
    width: 50px;
    height: 2px;
    background: #ff0000;
    position: absolute;
    bottom: -40%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.delete_page p {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 20px;
}
.delete_page p b {
    color: #ff0000;
}
.delete_icon_css {
    position: absolute;
    left: 43%;
    top: -14%;
    background: red;
    width: 50px;
    height: 50px;
    line-height: 57px;
    text-align: center;
    border-radius: 50px;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}
.delete_icon_css i {
    font-size: 18px;
    color: #fff;
}
.delete_any_btn {
    padding: 9px 0;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background-color: #ff7070;
    border: 1px solid #ff7070;
    border-radius: 0;
    line-height: 1;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    width: 80px;
}
.delete_any_btn:hover {
    color: #fff !important;
    background-color: #f94848;
    border: 1px solid #f94848;
}
.back_to_list_btn {
    padding: 9px 0;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background-color: #8d8d8d;
    border: 1px solid #8d8d8d;
    border-radius: 0;
    line-height: 1;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    width: 80px;
}
.back_to_list_btn:hover {
    color: #fff !important;
    background-color: #817f7f;
    border: 1px solid #817f7f;
}
/*---------------- Delete page css End -----------------*/

.referbackSend_btn {
    color: #fff;
    background-color: #7a3bce;
    border: 1px solid #7a3bce;
    padding: 3px 0px;
    height: 32px;
}

.referbackSend_btn:hover {
    color: #fff;
    background-color: #692bbc;
    border: 1px solid #692bbc;
    padding: 3px 0px;
    height: 32px;
}
.WidgetName_css {
    background: hsl(30, 90%, 65%);
    box-shadow: -3px 4px 10px rgba(0,0,0,0.5);
    font-size: 13px;
    line-height: 1.0;
    text-align: center;
    margin: 0 auto;
    padding: 3px 0;
    position: relative;
    width: 100%;
    max-width: 100%;
    position: fixed;
    /*top: 12% !important;*/
    top: 80px !important;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    z-index: 100;
}
.WidgetName_css:before,
.WidgetName_css:after {
    /*border: 1.5em solid hsl(30, 82%, 62%);*/
    content: '';
    display: block;
    position: absolute;
    bottom: -1em;
    z-index: -1;
}
.WidgetName_css:before {
    left: -2em;
    border-right-width: 1.5em;
    border-left-color: transparent;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
.WidgetName_css:after {
    right: -2em;
    border-left-width: 1.5em;
    border-right-color: transparent;
    box-shadow: -2px 2px 2px rgba(0,0,0,0.5);
}
.ribbon-content {
    border-top: 1px dashed hsl(30, 90%, 44%);
    border-bottom: 1px dashed hsl(30, 90%, 44%);
    /*box-shadow: inset 0px 1px 1px rgba(0,0,0,0.08), inset 0px -1px 1px rgba(255,255,255,0.08), 0px -1px 1px rgba(255,255,255,0.2), 0px 1px 1px rgba(0,0,0,0.08);*/
    display: block;
    padding: 4px 0;
    color: #ffffff !important;
    font-weight: 600;
    text-transform: uppercase;
}
.ribbon-content:before,
.ribbon-content:after {
    content: '';
    display: block;
    position: absolute;
    border-style: solid;
    border-color: hsl(30, 80%, 40%) transparent transparent transparent;
    bottom: -1em;
}

.ribbon-content:before {
    left: 0;
    border-width: 1em 0 0 1em;
}

.ribbon-content:after {
    right: 0;
    border-width: 1em 1em 0 0;
}
.WidgetName_css a {
    color: hsl(30, 90%, 40%);
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.25);
}
@media(max-width:1366px) {
    .WidgetName_css {
        /*top: 12% !important;*/
        top: 80px !important;
    }
}
@media(max-width:768px){
    .WidgetName_css {
        /*top: 7.5% !important;*/
        top: 80px !important;
    }
}
@media (max-width: 480px) {
    .WidgetName_css {
        /*top: 9.5% !important;*/
        top: 80px !important;
    }
}

/*------------ Status Css Start ------------*/
.Status {
    padding: 2px 5px;
    white-space: nowrap;
    color: #fff;
    display: inline-block;
    border-radius: 23px;
}
.NewStatus {
    /*border: 1px solid #16a88b;
    background-color: #16a88b;*/
    color: #16a88b;
    font-weight: 800;
}
.InprogressStatus {
    border: 1px solid #c78800;
    background-color: #c78800;
}
.ApprovedStatus {
    border: 1px solid #c471f5;
    background-color: #c471f5;
}
.RejectedStatus {
    border: 1px solid #dc0000;
    background-color: #dc0000;
}
.PendingStatus {
    border: 1px solid #fc9403;
    background-color: #fc9403;
}
.ClosedStatus {
    border: 1px solid #666666;
    background-color: #666666;
}
.ExceptionRaisedStatus {
    border: 1px solid #ff885d;
    background-color: #ff885d;
}
.ExceptionApprovedStatus {
    border: 1px solid #077E8C;
    background-color: #077E8C;
}
/*------------ Status Css End ------------*/

/*------------ Org Table start------------*/
.org_tables .table thead tr, .org_tables .table tbody tr {
    background: #fff;
    border-bottom: 4px solid #f6f6f6;
}
.org_tables .table thead th {
    border: none;
    padding: 20px !important;
    font-size: 13px;
    font-weight: 500;
    color: gray !important;
    vertical-align: bottom !important;
    background-color: #fff;
}
.org_tables .table tbody th, .org_tables .table tbody td {
    border: none;
    padding: 20px !important;
    font-size: 13px;
    background: #fff;
    vertical-align: middle !important;
}
.org_tables .table tbody td .edit_icon, .org_tables .table tbody td .delete_icon {
    color: #909090;
    margin-left: 6px;
}
.org_tables .table tbody td .edit_icon:hover {
    color: #6464fe;
}
.org_tables .table tbody td .delete_icon:hover {
    color: #ff5e5e;
}
.org_tables .add_new_css {
    border-radius: 0px;
    box-shadow: none;
}
/*------------ Org Table End------------*/

@media(max-width:1024px) {
    .settingSidebar {
        display: block;
    }

    .VerticalTab .custom_width_2 {
        flex: 0 0 16%;
        max-width: 16%;
    }

    .VerticalTab .custom_width_10 {
        flex: 0 0 84%;
        max-width: 84%;
    }
    .signup .signup-form {
        margin-left: 20px !important;
        margin-right: 20px !important;
        width: 35% !important;
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}

@media(max-width: 768px) {
    .brand_logo .header-logo-lg {
        height: 24px;
    }
    .settingSidebar{
        display: block;
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .login_form .auth-form-transparent {
        width: 93%;
        border: 1px solid #838383;
    }

    .loan_subType_modal .modal-content {
        width: 60% !important;
    }
    /*    ----------------------Vertical tabs---------------------------*/
    .flex-column {
        flex-direction: inherit !important;
        /*-webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);*/
        /* display: flex; */
        /*position: fixed;
        left: -9.01rem;
        top: 344px;*/
        /*z-index: 99999999999999999999;*/
    }

    .flex-column.field_verification_tab1 {
        left: 15px;
        position: fixed;
        transform: rotate(90deg);
        transform-origin: 0% 50%;
        top: 17rem;
        z-index: 99999999999999999999;
        width:520px;
    }

    .flex-column.field_verification_tab2 {
        left: 15px;
        position: fixed;
        transform: rotate(90deg);
        transform-origin: 0% 50%;
        top: 17rem;
        z-index: 99999999999999999999;
    }

    .VerticalTab .custom_width_2, .VerticalTab .custom_width_3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .VerticalTab .custom_width_10, .VerticalTab .custom_width_9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .VerticalTab .p-3 {
        padding: 0px 0px !important;
    }

    .VerticalTab .mb-3, .VerticalTab .my-3 {
        margin-bottom: 0rem !important;
    }

    .VerticalTab .nav-pills-custom .nav-link {
        border-radius: 0px;
        border: 1px solid #6676ed;
    }

    .custom_card_height {
        height: auto;
    }

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

    .application_info .head_text {
        font-size: 11px;
    }

    .application_info .applicant_name, .application_info .content_text {
        font-size: 12px;
    }
    .card .card-header{
        padding:10px 15px;
    }
    .title_class {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .custom_tabs .nav-tabs .nav-link {
        font-size: 11px;
    }
    .banner-img img {
        width: 22%;
        top: 10px;
    }
}
@media(max-width:480px){
    .col-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-12 {
        -ms-flex: 0 0 100% !important;
        -webkit-box-flex: 0 !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .flex-column {
        left: -9.01rem;
    }
    /*.p-4 {
        padding: 0rem !important;
    }
    .shadow {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }*/
    .dashboard_card{
        margin-bottom:15px;
    }
    .dashboard_card .card-statistic-4 {
        padding: 10px;
        min-height: 75px;
    }
    .banner-img img {
        width: 30%;
        right: 5px;
    }
    .branchName_css{
        display:none;
    }
    .settingSidebar {
        width: 380px;
        right: -380px;
    }
    .mobile_btn_scroll {
        overflow: auto;
        white-space: nowrap;
    }
    .address_info fieldset {
        padding: 0 6px;
    }
    .hideOnMobile{
        display:none;
    }
    .org_tables .add_new_css {
        width: 23px;
        height: 23px;
        line-height: 23px;
        border-radius: 15px;
        font-size: 10px;
        padding: 0px;
    }
}


.CalculateModal {
    max-width: 830px;
    width: 830px;
    min-width: 830px;
}

.EMPLOYED,
.SELF-EMPLOYED {
    display: none;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: #cdd4e0;
    /* display: none; */
}

.bank_details_cust_col_width {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%;
}

@@media(max-width:768px) {
    .bank_details_cust_col_width {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@@media(max-width:480px) {
    .bank_details_cust_col_width {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.percent_sign {
    position: absolute;
    right: 12px;
    top: 26px;
    color: #515558;
    font-size: 11px;
}

.wrapper_tooltip {
    position: relative;
}


    .wrapper_tooltip b.tooltip_text {
        opacity: 1;
    }

    .wrapper_tooltip b.tooltip_text i {
        color: #454c9e;
    }

    .wrapper_tooltip b.tooltip_text span.hover_text {
        background: none repeat scroll 0 0 #2c2c2c;
        color: #F0B015;
        font-family: 'Helvetica';
        font-size: 0.8em;
        font-weight: normal;
        line-height: 1.5em;
        padding: 10px 10px;
        width: auto;
        left: 0em;
        top: -6em;
        margin-left: 0;
        opacity: 0;
        position: absolute;
        text-align: left;
        z-index: 2;
        text-transform: none;
        border-radius: 3px;
    }

    .wrapper_tooltip b.tooltip_text i:hover ~ span.hover_text {
        opacity: 1;
        top: -6em;
        left: -1.8em;
        z-index: 99;
        cursor: pointer;
    }

    .wrapper_tooltip b.tooltip_text span.hover_text:after {
        border-color: #2c2c2c rgba(0, 0, 0, 0);
        border-style: solid;
        border-width: 15px 15px 0;
        bottom: -15px;
        content: "";
        display: block;
        left: 9px;
        position: absolute;
        width: 0;
    }




.calculate_loan_amt_btn {
    position: absolute;
    right: 0;
    top: -9px;
    padding: 3px 5px !important;
    line-height: 1;
    border-radius: 2px !important;
    font-weight: 400;
}

.CalculateModal .form-control:disabled, .CalculateModal .form-control[readonly] {
    border: 1px solid #252525;
}

.add_InEX_btn {
    margin-left: 15px;
    font-size: 20px;
    position: relative;
    top: -4px;
}