body {
    background-color: var(--body-bg-main)!important;
    font-family: "Poppins", sans-serif;
    /*  */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

body.customers_login {
    background-image: url("/assets/images/insurance-agent-working-during-site-car-accident-claim-process-people-car-insurance-claim-scaled.jpg?a");
}

#header {
    background: var(--body-bg-main);
    height: 70px;
}

#side-menu li .nav-second-level li a {
    color: var(--color-primary-600)!important;
}

.btn-info,
.btn-info:hover {
    background-color: var(--color-secondary)!important;
}

.navbar-default {
    background-color: var(--top-bar-background-color)!important;
}

.article_group_wrapper {
    margin-top: 30px;
}

.navbar-default .navbar-nav>li>a {
    color: #666!important;
}

.menu>li>a {
    padding: 3.95rem 2rem;
}

.attachments {
    padding-bottom: 20px;
}

.login-heading {
    color: #fff!important;
}

.owl-theme .owl-nav .owl-next {
    right: 20px!important;
}

.owl-theme .owl-nav .owl-prev {
    left: 20px!important;
}

.owl-theme .owl-nav [class*='owl-']:not(.disabled):hover {
    background-color: var(--color-theme-300);
    border-color: var(--color-theme-300);
    color: #fff;
}

.panel_s .panel-body {
    /* background: #ffffffaa!important; */
    background: #fff!important;
    border: none!important;
    border-radius: 4px;
    box-shadow: none!important;
    /* padding: 0px!important; */
    position: relative;
    /* min-height: 400px; */
}

.navbar-default {
    background: #fff;
}

footer {
    color: #eee!important;
    background: var(--footbar-background-color)!important;
    padding: 2vh;
    line-height: 2vh;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.form-control,
.dropdown-menu {
    background-color: #fff!important;
}

.checkbox label::before {
    background-color: #eee!important;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color: #999!important;
}


/* #theme-navbar-collapse .navbar-nav{display: none;} */

.navbar a.navbar-brand img {
    height: 40px;
}

.navbar a.navbar-brand {
    padding: 10px 0 15px 0;
}

.navbar-default .navbar-nav>li>a {
    font-size: 14px;
}

.metis-menu li a i {
    color: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 30px!important;
    border-radius: 50%;
    background: linear-gradient(120deg, var(--color-secondary) 20%, var(--color-primary) 100%);
}

#side-menu {
    background-color: var(--body-bg-main);
}

.container-fluid {
    padding-left: 25px;
    padding-right: 25px;
}

body.hide-sidebar:not(.show-sidebar) #wrapper {
    /* padding: 10px; */
    margin-left: 20px;
}

body.hide-sidebar:not(.show-sidebar) #menu {
    margin-left: -260px;
}

.form-control-feedback {
    top: 3px;
    color: #fff;
}

#logo img {
    height: 60px!important;
}

#logo {
    margin-left: 0;
}

#wrapper {
    margin: 0!important;
}

.caret {
    display: none!important;
}

.navbar-default .navbar-collapse {
    margin-left: auto!important;
    margin-right: 0!important;
}

.client-profile-image-small {
    height: 32px;
    width: 32px;
    border-radius: 50%;
}