::-webkit-scrollbar {
    width: 5px !important;
    height: 5px !important;
    background: rgba(86, 111, 233, 0.1);
    border-radius: 6px !important;
}
::-webkit-scrollbar-thumb {
    width: 5px !important;
    background-color: #03a9f3 !important;
    border-radius: 6px !important;
}
svg.w-5.h-5 {
    width: 20px;
}
.color-table.muted-table thead th{vertical-align: middle;}
p.text-sm.text-gray-700.leading-5 {
    width: auto;
    float: left;
}
div#list_wrapper {
    padding: 0;
}
.light-logo,
.dark-logo {
    height: 50px;
    width: 50px;
}
.navbar-header {
    width: 110px !important;
}
.topbar .top-navbar .navbar-header {
    padding-left: 30px;
}
.horizontal-nav .sidebar-nav #sidebarnav > li > a {
    padding: 9px 15px !important;
    border-bottom: 0px !important;
}
.topbar .navbar-collapse {
    padding-left: 20px !important;
}
.horizontal-nav .left-sidebar {
    border-radius: 5px !important;
    box-shadow: none !important;
    background: transparent;
}

ul.navbar-nav.my-lg-0 {
    background: rgba(0, 0, 0, 0.05);
}
.sidebar-nav ul li a {
    color: #fff !important;
}
.sidebar-nav > ul > li > a i {
    color: #fff !important;
}
.horizontal-nav .sidebar-nav #sidebarnav > li:hover > a {
    background: transparent !important;
}
ul.collapse {
    border-radius: 5px;
    background: #fff !important;
    padding: 0px !important;    max-height: max-content !important;
    width: 220px !important;
}
ul.collapse li a {
    color: #03a9f3 !important;
}
.page-wrapper {
    min-height: 86vh !important;
}
aside.left-sidebar.animated.slideInDown {
    background: #fff !important;
    box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08) !important;
    left: 0 !important;
}
aside.left-sidebar.animated.slideInDown .sidebar-nav ul li a {
    color: #8d97ad !important;
}
aside.left-sidebar.animated.slideInDown .sidebar-nav > ul > li > a i {
    color: #8d97ad !important;
}
.dropdown-divider {
    border-top: 1px solid #e9ecef;
}
.col-3 h4.font-medium,
.col-6 h4.font-medium,
.col-12 h4.font-medium {
    font-size: 14px !important;
}
input.form-control {
    padding: 0.375rem 0.75rem !important;
    border-radius: 5px !important;
}
.btn-rounded {
    padding: 7px 18px !important;
    border-radius: 10px !important;
}
.login-box.card .card-body {
    box-shadow: 0 5px 15px 5px #d4d4d4;
    border-radius: 10px;
}
.login-box.card {
    border-radius: 10px;
}
button#logInButton {
    font-size: 14px;
    background: #03a9f3;
    border-color: #03a9f3;
}
.login-register {
    display: flex;
    align-items: center;
}
.login-box.card .card-body {
    background: #fff !important;
    margin-top: 25px;
}
.login-box.card {
    background: transparent;
}
.rig_logo {
    text-align: center;
}
.rig_logo img {
    max-width: 75px;
}
nav.flex.items-center.justify-between {
    width: 100%;
    float: left;
}
.flex.justify-between.flex-1.sm\:hidden {
    width: auto;
    float: left;
}
.hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between {
    width: 80%;
    float: right;
}
span.relative.z-0.inline-flex.shadow-sm.rounded-md {
    width: auto;
    float: right;
}

.customtab li a.nav-link.active,
.profile-tab li a.nav-link.active {
    border-bottom: 2px solid #03a9f3;
    color: #03a9f3;
    background-color: transparent;
}

.customtab li a.nav-link:hover,
.profile-tab li a.nav-link:hover {
    color: #03a9f3;
}
.dataTables_filter input:focus {
    background-image: linear-gradient(#03a9f3, #03a9f3),
        linear-gradient(#e9ecef, #e9ecef);
}
.dataTables_length select:focus {
    background-image: linear-gradient(#03a9f3, #03a9f3),
        linear-gradient(#e9ecef, #e9ecef);
}
.o-income .c3 line,
.o-income .c3 path {
    stroke: #e9ecef;
}
.cmin-height {
    height: 105px;
}
.text-7E1E79 {
    color: #7e1e79 !important;
}
a,
a:hover {
    color: #03a9f3;
}
.dropify-download {
    position: absolute;
    opacity: 0;
    z-index: 7;
    top: 10px;
    right: 45px;
    background: 0 0;
    border: 2px solid #fff;
    text-transform: uppercase;
    font-size: 11px;
    padding: 4px 8px;
    font-weight: 700;
    color: #fff;
}
.dropify-wrapper:hover .dropify-download {
    opacity: 1;
}
.dropify-wrapper:hover .dropify-edit {
    opacity: 1;
}
.dropify-wrapper .dropify-preview .dropify-render img {
    top: 0% !important;
    -webkit-transform: none !important;
    transform: none !important;
}
.dropify-edit {
    position: absolute;
    opacity: 0;
    z-index: 7;
    top: 10px;
    right: 85px;
    background: 0 0;
    border: 2px solid #fff;
    text-transform: uppercase;
    font-size: 11px;
    padding: 4px 8px;
    font-weight: 700;
    color: #fff;
}
.horizontal-nav .sidebar-nav #sidebarnav > li {
    line-height: 36px;
}
.app-search .form-control {
    margin-right: 5px !important;
    border-radius: 37px !important;
}
.app-search .form-control:focus {
    width: 220px;
}
.col-2 h4.font-medium {
    font-size: 14px !important;
}
.chat-right-aside {
    border-left: 1px solid #e9ecef;
}
.mainHeading {
    line-height: 34px;
    font-weight: 600;
    font-size: 19px;
}
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background-color: #03a9f3 !important;
    border: 1px solid #03a9f3 !important;
}
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    color: #fff !important;
}
.custom-swal-background {
    background-color: rgba(
        0,
        0,
        0,
        0.5
    ) !important; /* Adjust the transparency by changing the alpha value (0.5 for 50% transparency) */
}
.swal2-popup {
    /* background-color: rgba(0, 0, 0, 0.5) !important; */
}
.select2-container {
    width: 100% !important;
}
nav.sidebar-nav.active li.active {
    background: rgba(0, 0, 0, 0.1);
}

/* responsive */
@media (max-width: 768px) {
    span.paymetn {
    font-size: 35px !important;
}
.tab-content.new_cls .col-3.p-t-20 {
    width: 100%;
}
.card-body.new-cls h6 {
    text-align: center;
}
.card-body.new-cls h3.card-title.nw {
    text-align: center;
}
    li.nav-item span.hidden-xs-down {
    display: block !important;
}
div#loansTab {
    padding: 0px ;
}
.row.page-titles {
    margin: 0;
}
h5.text-themecolor {
    padding: 10px;
    margin: 0;
}
ul.pagination {
    margin-bottom: 1rem !important;
    justify-content: flex-start !important;
    margin-top: 10px !important;
        margin-left: -9px !important;
}
    a.navbar-brand span.hidden-sm-down {
    display: block !important;
}
.light-logo, .dark-logo {
    height: 35px;
    width: 35px;
}
.navbar-header {
    width: auto !important; 
    padding: 0px 15px !important;min-width: max-content !important;
}
div#list_wrapper .col-sm-12 {
    overflow: auto;
}
div#list_wrapper {
    padding: 0;
}
div#list_filter {
    width: 100%;
}
div#list_filter label {
    width: 100%;
}
div#list_wrapper .col-sm-12.col-md-6 {
    padding: 0;
}
li.fw-normal.fs-4 {
    padding: 0px !important;
    font-size: 15px !important;
}ul.navbar-nav.me-auto {
    flex-direction: column !important;
}



    img.nw {
        width: 9% !important;
    }
    h2.m-b-0.text-black.font-bold {
        font-size: 25px;
    }
}
@media (max-width: 600px) {
    h4.card-title {
        font-size: 16px;
    }
    .tab-content.new_cls .col-8 {
    width: 100%;
}
.tab-content.new_cls div#underwritingTab {
    padding: 0;
}
div#contactsTab {
    padding: 0;
}
    .page-wrapper.nwe .container-fluid {
        background: #fff !important;
    }
    .page-wrapper.nwe .container-fluid .row.page-titles {
        background: #000 !important;
        display: flex !important;
        justify-content: center !important;
        margin-bottom: 0px !important;
    }
    img.nw {
        width: 18% !important;
    }
    h2.m-b-0.text-black.font-bold {
        width: 100% !important;
        float: left;
        font-size: 15px;
    }
}