body{
        background: linear-gradient(90deg, #009DCA 0%, #0F5B89 100%);
    }
    .background-logo-pattern {
        position: fixed; 
        bottom: 0;
        right: 0;
        opacity: 0.6; 
        z-index: -1; 
        width: 389px;
        height: 362px;
    }
    .customers .navbar-default{
        background: linear-gradient(90deg, #009DCA, #0F5B89);
        border-bottom: none;
    }
    .customers footer{
        background: #009DCA;
        border-top: none;
        color: #fff;
        height: auto;
    }
    .navbar-default .navbar-nav>li.customers-nav-item-login>a{
        background: #FAA61A!important;
        border-radius: 50px !important;
    }
    /* Yêu cầu báo giá */
    .customers-nav-item-estimate-request{
        display: none!important;
    }
    .panel_s {
        position: relative;
        border-radius: 1.5rem;
        background: linear-gradient(122.59deg, rgba(255, 255, 255, 0.4) -0.05%,
                                                 rgba(0, 0, 0, 0) 49.95%,
                                             rgba(0, 0, 0, 0.2) 99.95%);
        padding: 24px 40px;
        overflow: hidden;
        color: #fff;
    }
    .panel, .panel-body, .panel_s{
        background-color: transparent;
    }
    .panel-body{
        padding: 0;
    }

    .email-input{
        position: relative;
    }

    .email-input-field {
    width: 100%; 
    height: 48px;
    padding-left: 40px; 
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 16px; 
    border: 1px solid #CCC; 
    background-color: white!important;
    }

    .email-input::before {
    content: url('../images/icons/email.svg'); 
    position: absolute;
    left: 12px; 
    top: 42%;
    transform: translateY(-50%); 
    width: 20px;
    height: 20px;
    pointer-events: none; 
    }

    .password-input{
        position: relative;
    }

    .password-input-field {
    width: 100%; 
    height: 48px;
    padding-left: 40px; 
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 16px; 
    border: 1px solid #CCC; 
    background-color: white!important;
    }
    .form-control{
        border-radius: 8px !important;
    }
    input{
        background-color: #fff;
        color: #000;
    }
    input:focus{
        border-color: transparent!important;
        --tw-ring-color: none!important;
    }
    .password-input::before {
    content: url('../images/icons/password.svg'); 
    position: absolute;
    left: 12px; 
    top: 42%;
    transform: translateY(-50%); 
    width: 20px;
    height: 20px;
    pointer-events: none; 
    }
    .checkbox label:before{
        background-color: transparent;
        border-radius: 6px;
    }
    .checkbox input:checked + label:before{
        background-color: #FAA61A;
        border: none;
    }
    .btn-submit{
        background: #FAA61A;
        border: none;
        height: 48px;
    }
    .btn-submit:hover{
        background: #E19517;
        border: none
    }
    :not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
        width: 100%;
        height: 48px;
    }
    .bootstrap-select .btn{
        height: 100%!important;
    }
    .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
        margin-top: 7px;
    }
    .navbar-default .navbar-nav>li.customers-nav-item-login>a:active, .navbar-default .navbar-nav>li.customers-nav-item-login>a:hover{
        background: #E19517 !important;
        border-radius: 50px !important;
    }
    .btn:hover{
        color: #fff!important;
    }

    @media (min-width: 992px) {
        .col-md-offset-4 {
            margin-left: 30%;
        }
        .col-md-4 {
            width: 40%;
        }
    }