.wrapper{
    background: url(/new/images/bg_01.png) no-repeat;
    background-color: #b1c7d5 !important;
}
.login-page{
    background-image: url(/new/images/bg_01.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 30px;
    background-size: cover !important;
    position: unset !important;
    background-color: #b1c7d5 !important;
}
#feedback_modal .modal-content{
    background-color: #b1c7d5;
}
.login-logo{
    position: absolute;
    top: 80px;
    right: 125px;
}
.login-box{
    margin: 7% 10%;
}
.login-box-body, .register-box-body{
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(0px);
}
#feedback_modal .form-control,
.login-page .form-element .form-control,
.login-page .form-element .form-control:focus{
    background-color: #fff;
    border-radius: 5px !important;
    border-color: #fff;
    padding: 15px 15px;
}

.form-control,
.form-control:focus{
    border-radius: 5px !important;
    padding: 15px 15px !important;
}
.btn-custom-dark,
.btn-custom-light,
.btn-custom-light2{
    background-color: #4a9cdd;
    border-radius: 5px !important;
}
a{
    color: #4a9cdd !important;
}
a.btn,
a.btn i,
a i{
    color: #ffff !important;
}
a.btn:hover,
a.btn:hover i,
a i{
    color: #ffff !important;
}
.skin-green-light .sidebar-menu > li.active > a{
    border-left-color: #4a9cdd !important;
    border-right: 5px solid #4a9cdd !important;
}
.skin-green-light .sidebar-menu > li.active > a, .skin-green-light .sidebar-menu > li.menu-open > a{
    color: #4a9cdd !important;
}
.form-group label{
    color: #666 !important;
}
.login-box-msg, .register-box-msg{
    color: #ffff;
    font-size: 25px;
    font-weight: 600;
}
a.btn.btn-light,
a.btn.btn-light:hover{
    color: #4a9cdd !important;
}
.login-page a i{
    color: #4a9cdd !important;
}
.navbar-custom-menu .navbar-nav > li > span {
    color: #fff !important;
}
.navbar-custom-menu .navbar-nav > li > span:hover{
    color: #4a9cdd !important;
    background: rgba(0, 0, 0, 0.1);
}
.navbar-custom-menu .navbar-nav > li > a:hover i{
    color: #4a9cdd !important;
}

.success_input{
    border: 1px solid #1a943b !important;
}
.error_input,
input.error{
    border: 1px solid #f83f37 !important;
}
.error_hide{
    display: none;
}
.error_show{
    display: block;
}
.error-text{
    color: #f83f37
}
.text-danger, .text-red {
    color: #f83f37;
}
.basket{
    color: white;
}
.dataTables_wrapper {
    width:100%;
}
.pagination {
    float: left;
    text-align: left;
    padding-top: .25em;
}
.pagination li a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    color: #67757c;
    border: 1px solid transparent;
    border-radius: 20px;
}
.pagination li a.current, .pagination li a.current:hover {
    color: #fff;
    border: 1px solid #1a943b;
    background-color: #1a943b;
}
.pagination li a.disabled, .pagination li a.disabled:active, .pagination li a.disabled:hover {
    cursor: not-allowed;
    color: #67757c;
    border: 1px solid transparent;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.pagination li a:hover {
    color: #fff;
    border: 1px solid #1a943b;
    background-color: #1a943b;
}
.pagination li a:active {
    outline: 0;
    background-color: #67757c;
}
.pagination .ellipsis {
    padding: 0 1em;
}
.pagination li.selected a {
    color: #fff;
    border: 1px solid #1a943b;
    background-color: #1a943b;
}
.hidden{
    display: none;visibility: hidden;
}
.menu-toggle-2{
    right: 0px;
}

.box-header img {
    max-width: 85%;
    max-height: 85%;
    position: inherit;
    z-index: 1;
    margin: auto;
    display: block;
}
@media (max-width: 767px) {
    .sidebar-open .main-footer {
        -webkit-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
        -o-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
    }
}
.cust-filter-form .col-sm-3{
    padding-right: 0px;
}
.sidebar li{
    cursor: pointer;
}
.categoryName{
    display: inline;
    position: absolute;
    top: -25px;
    left: 125px;
}
@media (min-width: 767px) {
    .form-filter .form-control{
        width: 40% !important;
    }
}