.error {
    color: #c74040 !important;
    font-weight: normal !important;
}

* {
    font-family: "Poppins", sans-serif;
}


body {
    font-family: Gilroy;
    color: #212529;
}

.btn-primary {
    /* background: linear-gradient(180deg, #A50022 0%, #66000B 100%); */
    /* background-color: #3f48cc !important; */
    background-color: #00BACD !important;
    /* border-color: #3f48cc !important; */
    border-color: #00BACD !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-primary:hover,
.btn-primary:checked,
.btn-primaty.active,
.btn-primaty:active,
.btn-primaty:focus,
/* .btn-primaty:focus-visible {
    background: #3f48cc;
    border-color: #3f48cc; */
/* } */
.btn-primaty:focus-visible {
    background: #00BACD;
    border-color: #00BACD;
}

.btn-secondary {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* .btn-danger {
    background-color: #FD3939;
    border-color: #FD3939;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-danger:hover,
.btn-danger.active,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:focus-visible {
    background-color: #D11818;
    border-color: #D11818;
}

.btn-info.disabled,
.btn-info:disabled {
    color: #000;
    background-color: #dddddd;
    border-color: #dddddd;
}

.btn-info {
    color: #fff;
    background-color: #29CC97;
    border-color: #29CC97;
    box-shadow: none;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-info:hover,
.btn-info.active,
.btn-info:active,
.btn-info:focus,
.btn-info:focus-visible {
    background-color: #363740d8 !important;
    border-color: #5b5c63 !important;
    color: #FFF !important;
}

.btn-outline-secondary {
    color: #F66D6D;
    border-color: #F66D6D;
}


.btn-outline-secondary:hover,
.btn-outline-secondary.active,
.btn-outline-secondary:active,
.btn-outline-secondary:focus,
.btn-outline-secondary:focus-visible {
    color: #FFF;
    border-color: transparent;
    background-color: #F66D6D !important;
} */

/* .btn-info.disabled,
.btn-info:disabled {
    color: #000;
    background-color: #dddddd;
    border-color: #dddddd;
}

.btn-info {
    color: #fff;
    background-color: #3f48cc;
    border-color: #3f48cc;
    box-shadow: none;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-info:hover,
.btn-info.active,
.btn-info:active,
.btn-info:focus,
.btn-info:focus-visible {
    background-color: #363740d8 !important;
    border-color: #5b5c63 !important;
    color: #FFF !important;
} */


/* ========================================= Sidebar Starts ============================================ */

.main-sidebar {
    /* background: linear-gradient(180deg, #FFA500 0%, #090549 100%); */
    background: linear-gradient(180deg, #3c2b95 0%, #667eea 100%);
    /* background: linear-gradient(180deg, #FA3838 0%, #060101 100%); */
    position: fixed !important;
}

.sidebar {
    height: 100vh;
    overflow-y: scroll;
}


[class*=sidebar-dark-] .sidebar a,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
    color: #FFF;
}


.nav-sidebar>.nav-item {
    text-transform: uppercase;
}

.nav-sidebar>.nav-item>.nav-link {
    font-weight: 500;
    border-radius: 8px;
    padding: 10px 6px !important;
}
.nav-sidebar>.nav-item>.nav-link.active {
    background-color: #ffffffdb !important;
    color: #000 !important;
    font-weight: 600;
    box-shadow: 0 1px 3px rgb(255 255 255 / 12%), 0 1px 2px rgb(255 255 255 / 24%) !important;
}

.user-panel {
    border-color: #fff !important;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link,
[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link,
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
    /* background-color: rgb(255 255 255 / 30%) !important; */
    background-color: rgb(0 0 0 / 50%) !important;
}


[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    /* background-color: rgb(255 255 255 / 100%) !important;
    color: #000 !important; */
    background-color: rgb(255 255 255 / 21%) !important;
    color: #fff !important;
}

.nav-sidebar>.nav-item>.nav-link.active:hover {
    color: #FFF !important;
}

/* ========================================= Top header Starts ============================================ */

.navbar-light .navbar-nav .nav-link {
    color: rgb(0 0 0);
}

.main-header {
    padding-left: 30px;
}

/* ========================================= Content-Wrapper Starts ============================================ */

/* .content-wrapper {
    /* background-color: rgb(201 201 201 / 10%); 
} */

.content-header {
    padding: 15px 20px !important;
}

.content-wrapper .content {
    padding: -10px 10px 10px 10px;
}

.content-header h1 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
}

a {
    /* color: rgb(38 38 38 / 60%); */
    color: rgb(38 38 38 / 100%);
}

a:hover {
    color: #7b7b7b;
}

.card {
    border: 1px solid #dbdbdb;
    border-radius: 8px;
    box-shadow: 0 0.15rem 1.75rem #21283226 !important;

}

.card-header {
    background-color: #efefef;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.content-wrapper .content .container-fluid .row .col-12 .card {
    margin-bottom: 0px;
}

.card-title {
    font-weight: 600;
}

.card-footer {
    background-color: transparent !important;
    padding: 16px 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.form-control:focus {
    border-color: #ebbcbc;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #D11818;
    border-color: #D11818;
}

.page-link {
    color: #212529;
}

.page-link:hover {
    color: #212529;
}

.page-link:focus {
    box-shadow: none !important;
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 1px !important;
}

.table td {
    padding: 4px 0.75rem;
}

.table td,
.table th {
    vertical-align: middle !important;
}

.modal-content {
    border: none !important;
    border-radius: 8px !important;
}


input[type=checkbox] {
    width: 20px;
    height: 20px;
    border-radius: 5px !important;
    border: 1px solid rgb(0, 0, 0) !important;
    accent-color: #3785BC;
    margin-right: 10px;
    position: relative;
}

input[type=checkbox]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid rgb(0, 0, 0) !important;
    opacity: 0.4;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 3px !important;
}

.checkbox label {
    display: flex;
    align-items: center;
}

.dropdown-menu {
    border: none;
}

[class*=sidebar-dark] .list-group-item {
    background-color: #000;
    border-color: #000;
}

div.dt-button-collection {
    padding: 0.5rem 10px;
}

div.dt-button-collection .dt-button {
    min-width: 100%;
}

div.dt-button-collection div.dropdown-menu .dropdown-item.active,
div.dt-button-collection div.dropdown-menu .dropdown-item:active {
    background-color: #00000000;
    color: #000;
}


div.dt-button-collection div.dropdown-menu .dropdown-item.active:hover,
div.dt-button-collection div.dropdown-menu .dropdown-item:active:hover {
    background-color: #000;
    color: #FFF;
}


#table_listing .btn-info {
    margin: 2px 5px 0px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: none;
    font-weight: 500;
}



#table_listing .btn-danger {
    box-shadow: none;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 2px 5px 0px 0px;
}

#table_listing .btn-success {
    color: #fff;
    background-color: #29CC97;
    border-color: #29CC97;
    box-shadow: none;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 2px 5px 0px 0px;
}

#table_listing .btn-danger:hover,
#table_listing .btn-success:hover {
    background-color: #F18F8F !important;
    border-color: #F18F8F !important;
    color: #262626 !important;
}


.dt-buttons {
    gap: 5px;
}

.dt-buttons .btn {
    border-radius: 5px !important;
}

.buttons-colvis {
    width: 100% !important;
}



.progress {
    border-radius: 10px;
}

.card input {
    border-radius: 6px;
    border: 1px solid rgba(19, 37, 51, 0.20);
    background: #FFF;
}

.input-group-text {
    border-radius: 6px 0px 0px 6px;
    height: 44px;
}

#stage_2_form_2 .form-check .checkbox label {
    flex-wrap: wrap;
}

.btn.rounded-circle,
.plus-form.btn-add4 {
    border-radius: 5px !important;
}

table#exampledone .form-group,
table#example .form-group {
    margin-bottom: 0px;
}

table#exampledone td {
    padding: 5px;
}

h4 input,
h5 input {
    margin-top: 10px;
}


@media (max-width: 480px) {
    .content-wrapper .content {
        padding: 0px 10px 20px;
    }

    .content-wrapper .content .container-fluid .row .col-12 .card .card-header .btn {
        width: 100%;
        margin-top: 10px;
    }
}


/* Time line Dashboard */

.timeline-main {
    background-color: #f5f5f5 !important;
}

.timeline-div {
    padding: 50px 0px;
}


.timeline-left .timeline-content,
.timeline-right .timeline-content {
    padding: 0px;

}

.timeline-container::after {
    top: 35px !important;
}


.timeline-left.timeline-container::after {
    border: 4px solid #2294d5;
}

.timeline-left .timeline-content {
    padding: 20px 10px;
    text-align: center;
    color: #FFF;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    border-radius: 20px;
    border: 10px solid #FFF;
    box-shadow: 0px 0px 20px #0000006e;
}

.timeline-content p {
    margin-bottom: 0px !important;
}

.timeline-left::before {
    top: 27px !important;
    z-index: 2 !important;
    right: 20px !important;
    border-width: 20px 0 20px 30px !important;
}

.timeline-right::before {
    top: 27px !important;
    z-index: 2 !important;
    left: 20px !important;
    border: medium solid white;
    border-width: 20px 30px 20px 0 !important;
}

.timeline-container:nth-child(1n+0) .timeline-content {
    background: linear-gradient(180deg, #01B2B8 0%, #00A8F7 100%);
}

.timeline-container:nth-child(1n+0) .timeline-content:before {
    border-top-color: #26779d;
    border-bottom-color: transparent;
}

.timeline-container:nth-child(2n+0) .timeline-content {
    background: linear-gradient(180deg, #FF9B69 0%, #FF6A6C 100%);
}

.timeline-container:nth-child(2n+0) .timeline-content:before {
    border-top-color: #c97c08;
    border-bottom-color: transparent;
}

.timeline-left .timeline-content h5,
.timeline-right .timeline-content h5 {
    padding: 10px 30px;
    box-shadow: 0px 19.572050094604492px 13.048033714294434px 0px rgba(13, 114, 186, 0.05);
}

.timeline-right .timeline-content {
    padding: 20px 10px;
    text-align: center;
    color: #FFF;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    border-radius: 20px;
    border: 10px solid #FFF;
    box-shadow: 0px 0px 20px #0000006e;
}




@media (max-width: 600px) {
    .timeline-div::after {
        left: 29px !important;
    }

    .timeline-right::before {
        left: 50px !important;
    }

    .timeline-left::before {
        left: 50px !important;
        border-width: 20px 30px 20px 0 !important;
    }
}



@media (max-width: 576px) {
    #page_links a {
        width: 100%;
        min-width: 100% !important;
    }

    .list-inline {
        margin-left: 0px !important;
    }
}






.dataTables_wrapper .btn-secondary {
    background-color: #dc3545 !important;
    border-color: #dc3545;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dataTables_wrapper .btn-secondary:hover,
.dataTables_wrapper .btn-secondary.active,
.dataTables_wrapper .btn-secondary:active,
.dataTables_wrapper .btn-secondary:focus,
.dataTables_wrapper .btn-secondary:focus-visible {
    color: #dc3545;
    border-color: #dc3545;
    background-color: transparent !important;
}


.form-group label:not(.form-check-label):not(.custom-file-label) {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 500;
}

.form-control {
    height: 44px;
}

.save-next-btn {
    background-color: #05C46B !important;
    border-color: #05C46B;
    color: #FFF;
}

.save-next-btn:hover {
    border-color: #05C46B !important;
}

.plus-form,
.details_of_other_concerns {
    background-color: #29CC97 !important;
    border-color: #29CC97;
    color: #FFF;

}

.plus-form:hover,
.details_of_other_concerns:hover {
    background: #29CC97 !important;
    border-color: #29CC97;
    color: #FFF;

}

.plus-form.btn-danger {
    color: #fff;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    box-shadow: none;
}



.dt-buttons .buttons-copy,
.dt-buttons .buttons-csv,
.dt-buttons .buttons-excel,
.dt-buttons .buttons-pdf,
.dt-buttons .buttons-print {
    position: relative;
    padding-right: 30px;
}


.dt-buttons .buttons-copy::after {
    content: '';
    position: absolute;
    background: url('../img/copy-icon.png') no-repeat;
    background-position: 90%;
    background-size: 14px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.dt-buttons .buttons-csv::after {
    content: '';
    position: absolute;
    background: url('../img/csv-icon.png') no-repeat;
    background-position: 90%;
    background-size: 14px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.dt-buttons .buttons-pdf::after {
    content: '';
    position: absolute;
    background: url('../img/pdf-icon.png') no-repeat;
    background-position: 90%;
    background-size: 14px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.dt-buttons .buttons-print::after {
    content: '';
    position: absolute;
    background: url('../img/print-icon.png') no-repeat;
    background-position: 90%;
    background-size: 14px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.dt-buttons .buttons-excel::after {
    content: '';
    position: absolute;
    background: url('../img/excel-icon.png') no-repeat;
    background-position: 90%;
    background-size: 14px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.dt-buttons button:hover::after {
    filter: invert(1);
}

#table_listing .btn-primary {
    background-color: #05C46B !important;
    width: 100%;
}

/* #table_listing .btn-danger {
    width: 100%;
} */


#table_listing .btn-primary:hover {
    background-color: #29CC97 !important;
}


.custom-switch input[type=checkbox] {
    opacity: 0;
    width: 25px;
}

.custom-switch input[type=checkbox]::before {
    display: none;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #05C46B !important;
    background-color: #05C46B !important;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff !important;
}

.manage-role-table table {
    border: 1px solid #dee2e6;
}

th.heading {
    background: #00000014;
}

.checkbox-wrapper label {
    margin-bottom: 0px !important;
}

.checkbox-wrapper input[type=checkbox]::before {
    border-radius: 3px !important;
}

table.loan-limit-table th,
table.loan-limit-table td {
    font-size: 16px;
}

table.loan-limit-table tbody {
    width: 100%;
}


.centered-form .card-title {
    max-width: 90%;
}

#unable_btn {
    background-color: #28a745 !important;
}

.nav-tabs .btn-success {
    background-color: #28a745 !important;
}

input.btn-success {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

input.btn-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

input.btn-dark {
    background-color: #8e1f1f !important;
    border-color: #8e1f1f !important;
}

@media (max-width: 576px) {
    .btns-wrapper>.btn {
        min-width: 100%;
        width: 100%;
    }

    .btn.btn-info.my-2.mr-2 {
        min-width: 100% !important;
    }
}


/* Profile pages */

.profile-img {
    max-height: 250px;
    display: block;
    margin: 0px auto 30px;
    border-radius: 50%;
    box-shadow: 0 0.15rem 1.75rem #21283212 !important;
}

.my-profile {
    padding: 10px 40px;
    display: table;
    color: #fff;
    margin: 0 auto;
    background-color: #00BACD !important;
    border-color: #00BACD !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 5px;
}

.my-profile input[type="file"] {
    display: none;
}

.sign-img {
    max-height: 130px;
    flex: 0 0 30%;
    padding: 0px 10px !important;
    border-radius: 20px 20px 20px 20px !important;
}

.profile-menus>.dropdown-item.active,
.profile-menus>.dropdown-item:active {
    background-color: #dc3545 !important;
}


/* .buttons-wrapper .btn {
    background-color: #6AB187;
    border-color: #6d968b;
    min-width: 370px !important;
} */
.buttons-wrapper .btn {
    background-color: #a92727;
    border-color: #470e0e;
    min-width: 370px !important;
}

/* #page_links .btn {
    background-color: #6AB187;
    border-color: #6d968b;
    min-width: 370px !important;
} */
* #page_links .btn {
    background-color: #dc8e0a;
    border-color: #090549;
    min-width: 370px !important;
}

* #page_links .btn {
    background-color: #a92727;
    border-color: #470e0e;
    min-width: 370px !important;
}

.chart-container {
    width: 100%;
    height: 400px;
}

@media (max-width: 767px) {
    canvas#msme_piechart {
        height: 360px !important;
    }
}


.card-body {
   overflow-x: auto;
}

.dataTables_filter {
    max-width: 300px;
    margin: 0 0px 0 auto !important;
}
.dataTables_filter input {
    width: 150px !important;
}
@media screen and (max-width: 767px){
   div.dataTables_filter {  
         text-align: right !important;
    }
}