:root {
    --btn-text-hover-color: #fff;
    --content-background-color: #f5f6fa;
    --body-color: #f5f2ed;
    --primary: #565264;
    --primary-dark: #484554;
    --secondary: #545F66;
    --secondary-dark: #444c52;
    --default: #fff;
    --default-dark: #fff;
    --success: #a7d49b;
    --success-dark: #99c48d;
    --info: #5bc0de;
    --info-dark: #31b0d5;
    --warning: #f0ad4e;
    --warning-dark: #ec971f;
    --danger: #A10000;
    --danger-dark: #8f0000;
    --light: #f8f9fa;
    --dark: #343a40;

    --sidebar-background-hover: #f3eee73b;
    --sidebar-text-color: #fff;
    --sidebar-text-color-hover: #fff;
    --border-radius: 12px;

    /****************/

    --header-background: transparent;
}


/*general*/

/*no_authenticated*/

body.nth-no_authenticated .container-fluid {
    min-height: calc(100vh - 75px);
}

.nth-login-row > .col-xs-12 {
    min-height: calc(100vh - 75px);
}

#bootstrap-overrides.nth-no_authenticated .navbar.navbar-default {
    background: transparent;
    border: none;
    opacity: 1;
}

#bootstrap-overrides.nth-no_authenticated .navbar.navbar-default .navbar-img img {
    max-height: 70px !important;
    height: 55px;
}

#bootstrap-overrides.nth-no_authenticated .navbar.navbar-default .navbar-right {
    min-height: 75px;
    display: flex;
    align-items: center;
}

body.nth-no_authenticated #navbar-header .nav > li > a {
    color: #fff;
}

body.nth-no_authenticated #id_email {
    color: var(--secondary);
}

body.nth-no_authenticated #id_password {
    color: var(--secondary);
}

body.nth-no_authenticated #navbar-header.container-fluid {
    background: linear-gradient(90deg, #f08244 0%, #a7d49b 100%);
}

body.nth-no_authenticated .container-fluid {
    background: linear-gradient(90deg, #f08244 0%, #a7d49b 100%);
}

/*sidebar*/

#sidebar {
    background-image: none;
    background: #fd751e;
}

#sidebar .logo{
    justify-content: center;
}

#sidebar .logo img {
    max-height: 50px !important;
    height: 50px;
}

#sidebar ul.nav > li a {
    padding-left: 30px;
}

#sidebar ul.nav > li.active > a {
    border-radius: var(--border-radius);
    margin: 10px 15px;
    border: 1px solid;
    box-shadow: 0 10px 30px rgb(0 37 132 / 2%);
    padding-left: 15px;
}

#sidebar ul.nav > li .navbar-nav-submenu {
    margin: 0 15px 10px;
    border-radius: var(--border-radius);
    background-color: var(--sidebar-background-hover);
}

#sidebar ul.nav > li .navbar-nav-submenu > li a {
    margin: 0;
    padding-left: 20px;
}

#sidebar ul.nav > li.active .navbar-nav-submenu > li.active a {
    border: none
}

#sidebar .nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    color: #333333;
}

#sidebar ul.nav > li ul {
    padding: 0;
}

#sidebar ul.nav > li ul li {
    list-style-type: none;
}

#sidebar ul.nav .nav.navbar-nav-submenu > li.active {
    background-color: transparent;
}

/*panel*/

.panel-group .panel {
    border-radius: var(--border-radius);
}

.panel {
    border-radius: var(--border-radius);
}

/*carousel*/

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    background-color: #a7d49b !important;
    height: 60px;
    color: var(--light);
    border: 1px solid var(--light) !important;
}

.carousel-inner > .next, .carousel-inner > .prev {
    top: 73px !important;
}

/*navs*/

.nav-tabs {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    border-bottom: none;
}

/*nav-pills*/

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff !important;
    border: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
}

.nav-pills > li > a {
    border-radius: var(--border-radius);
}

/*btn*/

#bootstrap-overrides .btn {
    border-radius: var(--border-radius);
}

#bootstrap-overrides .btn-nethive {
    border-radius: var(--border-radius);
}

#bootstrap-overrides .btn-primary {
    color: #fff !important;
    border: 1px solid var(--primary) !important;
}

#bootstrap-overrides .btn-nethive {
    color: #fff !important;
    border: 1px solid var(--primary) !important;
}

#bootstrap-overrides .btn-nethive:hover{
    color: #fff!important;
}


#bootstrap-overrides .btn-primary-outline {
    color: var(--primary) !important
}

/*table*/

#bootstrap-overrides .fresh-table {
    border-radius: var(--border-radius);
}

#bootstrap-overrides .table-action,
#bootstrap-overrides .pager a {
    color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
}

.fresh-table .progress-bar {
    background: #6207AB;
}

/*dropdown*/

.dropdown-menu {
    border: none;
}

/*input*/

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
    -webkit-box-shadow: inset 0 -2px 0 var(--secondary) !important;
    box-shadow: inset 0 -2px 0 var(--secondary) !important;
}

select:focus,
select.form-control:focus,
.fs-label-wrap.form-control:focus {
    -webkit-box-shadow: inset 0 -2px 0 var(--secondary) !important;
    box-shadow: inset 0 -2px 0 var(--secondary) !important;
}

/*checkbox & radio*/

input[type="checkbox"]:checked:after,
.checkbox input[type="checkbox"]:checked:after,
.checkbox-inline input[type="checkbox"]:checked:after {
    background-color: var(--secondary);
    border-color: var(--secondary);
}

input[type="radio"]:checked:after,
.radio input[type="radio"]:checked:after,
.radio-inline input[type="radio"]:checked:after {
    border-color: var(--secondary);
}

input[type="radio"]:before,
.radio input[type="radio"]:before,
.radio-inline input[type="radio"]:before {
    background-color: var(--secondary);
}

input[type="checkbox"]:focus:after,
.checkbox input[type="checkbox"]:focus:after,
.checkbox-inline input[type="checkbox"]:focus:after {
    border-color: var(--secondary);
}

#sidebar::-webkit-scrollbar {
    width: 0.5em;
}

#sidebar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

#sidebar::-webkit-scrollbar-thumb {
    background-color: #ec6b23 !important;
    outline: 1px solid transparent;
}

@media (max-width: 767px) {
    .carousel-inner > .next, .carousel-inner > .prev {
        top: 70px!important;
    }
}

@media (max-width: 1200px) {
    .equal {
        display: block !important;
    }
}


@media (max-width: 768px) {
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
        background-color: var(--secondary) !important;
    }

}