.error{
	color:red !important;
}

.alert-success {
    color: white;
    border-color: green !important;
    background-color: green !important;
}

.main-menu.menu-light .navigation > li ul .active{
    color: #fa626b !important;
}
.contact-wrapper, .contact-form-wrapper{padding: 80px 0 70px 10px; background:#f2f6ff;}
.loginpagecls{padding: 130px 0 70px 10px !important;}
.nav-link {
    color: #000000;
    font-weight: 600;
}
.header {
    box-shadow: 8px 10px 30px 12px rgb(0 0 0 / 7%);
}
.login_panel a{color:#ffffff}
.account-wrapper .card .card-body .form-group {
    width: 100%;
    margin: 0 15px 20px;
}
.custom-form-group {
    width: 100%;
}
.logoimage {width: 44%;}

.bottom-header {background-color: #ffffff;}

.account-wrapper .card .card-body .form-inline .form-group .form-control
{
    height: 56px;
    color: #6D6C6F;
    font-size: 16px;
    border-color: #DEE0E6;
    padding-top: 0px;
}
.dark-logo {width:50%;}

#personal_infomation .form-inline .form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px; /* Add some space between the groups */
}

#personal_infomation .form-inline .form-group label {
    margin-bottom: 5px; /* Add some space between the label and the input */
    color:#25201e;
    font-size: 16px;
}
.leadscontent{padding:0 0 50px 0px;}

.leadsclass { padding:50px 0 80px 0; }

/*.header{padding:7px !important;}*/
.order_nw,.order_btn,.update_btn .details_btn{ background:#30c05e !important; padding:13px 11px 13px 11px !important; }
.order_nw:hover,.order_btn:hover,.update_btn .details_btn:hover{ background:#30c05e !important; }

.rgister_mobile {box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border: none;
    border-radius: 13px;
    background: #ffffff;
}
.register_right ul li{
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    box-shadow: 0 0 8px 0 #30c05e !important;
}
.register_right h3{
    text-align: center;
}
.hero_register {
    padding-top: 100px !important;  /* Adjust this value to the height of your fixed header */
}
.footer_mb
{
    background: #091A38 !important;
}
.avatar img{ width: 60px !important; max-width: unset !important;}
.register_right ul li {
    list-style-type: none;
    display: block;
    margin-bottom: 10px;
    border-radius: 30px;
    box-shadow: 0 0 8px 0 #30c05e !important;
}

.mylist {
    background: #ffffff;
    margin-bottom: 12px;
    padding: 0px;
    border-radius: 2px;
    list-style-type: none;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    font-weight: 400 !important;
}
body.vertical-layout.vertical-menu.menu-expanded .navbar-header
{
    width: 300px;
}    
body.vertical-layout.vertical-menu.menu-expanded .main-menu
{
    width: 300px;
}
body.vertical-layout.vertical-menu.menu-expanded .content, body.vertical-layout.vertical-menu.menu-expanded .footer
{
    margin-left: 300px;
}
#personal_infomation .form-group select.form-control {

    height: 56px;

    border-radius: 8px;

    color: #6D6C6F;
    box-shadow: 0 0 8px 0 #30c05e;
}
.form-control 
{
    padding: .75rem .5rem !important;
}
/*.card-header
{
    padding-bottom: 0px !important;
}*/

.card-body{
    padding-top: 0px !important;
    /* background-color: red; */
}
form .form-group, .form-group
{
    padding-top: 0px !important;
    margin-bottom: 5px !important;
}
.custom-file-label {
    padding: .7rem .2rem;
}
.card .card-title {
    font-size: 1.5rem;
}
.table tbody tr:hover {
    background-color: #E6FAEE; /* Slightly more visible */
    transition: background-color 0.3s ease-in-out; /* Smooth transition */
}

.btn-primary
{
    background-color: #30c05e;
}
.filter-container {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.filter-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.filter-item label {
    white-space: nowrap;
}

.filter-item input {
    width: 150px;
}

.search-box {
    display: flex;
    align-items: center;
    gap: 5px;
}

.search-box input {
    width: 200px;
}

.search-box button {
    background: none;
    border: none;
    cursor: pointer;
}

/*ul.list-inline li {
    display: inherit;
}*/

select[name="search_loanstatus"] {
    margin-top: 31px;
}

input[name="search"] {
    margin-top: 31px;
}

.card-header
{
    padding: 2.5rem 1.5rem;
}

.main-menu ul
{
    height: -webkit-fill-available;
}

.btn-primary:hover
{
    border-color: #30c05e;
    background-color: #30c05e; 
    box-shadow: 0 1px 2px 0 #30c05e, 0 1px 3px 1px #30c05e;
}

#register_user .form-check:hover {
    background-color: #E6FAEE; /* Slightly more visible */
    transition: background-color 0.3s ease-in-out; /* Smooth transition */
}

input:not([type="file"]) {
    box-shadow: 0 0 8px 0 #30c05e;
}

/* Responsive Styles */
@media (max-width: 768px) { /* Tablets & Mobile */
    .filter-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .filter-item input,
    .search-box input {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .rgister_mobile {
      margin-top:40px;
    }
    .dark-logo {width:40%;}
    .mobile-menu .headerlogo {width: 30%;}
    
    .mobile-menu .menu_icon{top:-15px !important;color: #25201e;}
    
    .contact-wrapper, .contact-form-wrapper {
        padding: 35px 0 100px 10px;
    }
    .footer_mb_logo { width: 149px !important; }
    .account-wrapper .card .card-body .form-inline{display: inline !important;}
    .account-wrapper .card .card-body .form-inline .form-group{width: 92%  !important;}
    .order_nw {margin-left: 20px;}
    .register_right {padding-top: 40px;}

    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .left-sidebar
    {
        position: unset;
    }
    .left-sidebar{
        position: unset;
        width: 100%;
    }

  }