:root{
    --primary-color:#A3A658;
    --secondary-color:#163573;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.btn-secondary {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-primary {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}


.btn-primary:hover {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.content-wrapper {
    padding: 2rem 1.5rem 0 1.5rem !important;
}

.breadcrumb a{
    color: var(--secondary-color);
    text-decoration: none;
}


.auth .login-half-bg {
    background: url(../../new-dashboard/images/auth/login-bg.jpg);
    background-size: cover;
}

.submenu {
    margin-bottom: 0 !important;
    padding-left: 10px;
}

.auth.lock-full-bg {
    background: url(../../new-dashboard/images/auth/lockscreen-bg.jpg);
    background-size: cover;
}

.card .card-body {
    padding: 1.5rem 2rem;
}

.btn-custom {
    padding: 7px;
}

.table td {
    padding: 0.35rem;
}

.table th {
    padding: 0.35rem;
}


.sidebar .nav .nav-item.active > .nav-link i {
    color: var(--primary-color);
}

.table-responsive > .table-bordered {
    border: 1px solid rgba(151, 151, 151, 0.3) !important;
}

.sidebar .nav .nav-item.active > .nav-link .menu-title {
    color: var(--primary-color);
    font-family: "nunito-medium", sans-serif;
}

.sidebar .nav .nav-item.active > .nav-link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5rem;
    bottom: 0;
    background: var(--primary-color);
    height: 24px;
    width: 4px;
}

.sidebar .nav .nav-item .nav-link .icon-bg .menu-icon:after,
.sidebar .nav .nav-item .nav-link .icon-bg .menu-icon:before {
    font-size: 1rem;
    color: var(--primary-color);
}

.sidebar .nav .nav-item .nav-link i.menu-arrow:before {
    content: "\f141";
    font-size: inherit;
    color: var(--primary-color);
}

.sidebar .nav.sub-menu .nav-item .nav-link.active {
    color: var(--primary-color);
    background: transparent;
}

.sidebar .nav.sub-menu .nav-item .nav-link.active:before {
    color: var(--primary-color);
}

.nav-tabs.tab-transparent .nav-item .nav-link.active:after {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--primary-color);
    position: absolute;
    left: 0;
    bottom: 0;
}

.auth.auth-img-bg {
    padding: 0 !important;
}

.nav-pills .nav-link {
    padding: 0.5rem 1rem;
}

.help-block.error-help-block {
    font-size: 12px;
    color: red;
}

.form-check {
    display: block;
    font-size: 0.875rem;
    position: relative !important;
    display: block !important;
    padding-left: 0 !important;
    margin-top: 0;
    margin-bottom: 0;
}

.form-group label {
    margin-bottom: 0;
}

.dropify-font:before,
.dropify-wrapper .dropify-message span.file-icon:before,
.dropify-wrapper
    .dropify-preview
    .dropify-infos
    .dropify-infos-inner
    p.dropify-filename
    span.file-icon:before,
[class*=" dropify-font-"]:before,
[class^="dropify-font-"]:before {
    font-family: "Material Design Icons" !important;
}

.dropify-font-upload:before,
.dropify-wrapper .dropify-message span.file-icon:before {
    content: "\f167" !important;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

span.select2-search.select2-search--inline {
    position: absolute;
    margin-top: 10px;
}
.select2-container--default .select2-selection--multiple {
    height: 46px;
}

label {
    margin-bottom: 0 !important;
}

.sidebar .submenu i.menu-arrow {
    position: absolute;
    right: 0;
}

#submenu-10 > .nav > .nav-item > .nav-link {
    padding-left: 0;
}

#submenu-10 > .nav > .nav-item > .nav-link:before {
    display: none;
}

.sidebar .nav.sub-menu .nav-item .nav-link.active > span i {
    color: var(--primary-color);
}


.tab-content {
    border: 0px !important;
}

.sidebar .nav.sub-menu {
    margin-bottom: 0px !important;
}

.form-group {
    margin-bottom: 1rem !important;
}

.form-control-sm {
    height: 2rem !important;
    font-size: 12px !important;
}

.content-wrapper {
    background: #f0f1f6;
    padding: 1.5rem 1.5rem 0 1.5rem !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff;
}

.nav-pills .nav-link.active-warning,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff;
}
.tab-content {
    padding: 0 !important;
}

.modal-dialog {
    z-index: 1051 !important;
}

@media (max-width: 767px)
{
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
        display: block;
    }

}

.user-avatar {
    text-align: center;
    display: inline-block;
}


.new-data{
    font-size: 12px;
}

select.form-control, .select2-container--default select.select2-selection--single, .select2-container--default .select2-selection--single select.select2-search__field, select.typeahead, select.tt-query, select.tt-hint {
    padding: 0.375rem 1.75rem 0.375rem 0.75rem !important;
}

.table th img, .table td img {
    width: 250px !important;
    height: 100px !important;
    border-radius: 0% !important;
}

.img-avatar.img-avatar48 {
    width: 48px !important;
    height: 48px !important;
    border-radius: 100% !important;
}

.switch {
    --button-width: 3em;
    --button-height: 1.5em;
    --toggle-diameter: 1em;
    --button-toggle-offset: calc(
        (var(--button-height) - var(--toggle-diameter)) / 2
    );
    --toggle-shadow-offset: 10px;
    --toggle-wider: 3em;
    --color-grey: #cccccc;
    --color-green: #4296f4;
}

.slider {
    display: inline-block;
    width: var(--button-width);
    height: var(--button-height);
    background-color: var(--color-grey);
    border-radius: calc(var(--button-height) / 2);
    position: relative;
    transition: 0.3s all ease-in-out;
    cursor: pointer;
}

.slider::after {
    content: "";
    display: inline-block;
    width: var(--toggle-diameter);
    height: var(--toggle-diameter);
    background-color: #fff;
    border-radius: calc(var(--toggle-diameter) / 2);
    position: absolute;
    top: var(--button-toggle-offset);
    transform: translateX(var(--button-toggle-offset));
    box-shadow: var(--toggle-shadow-offset) 0
        calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
    transition: 0.3s all ease-in-out;
}

.switch input[type="checkbox"]:checked + .slider {
    background-color: var(--color-green);
}

.switch input[type="checkbox"]:checked + .slider::after {
    transform: translateX(
        calc(
            var(--button-width) - var(--toggle-diameter) -
                var(--button-toggle-offset)
        )
    );
    box-shadow: calc(var(--toggle-shadow-offset) * -1) 0
        calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
}

.switch input[type="checkbox"] {
    display: none;
}

.switch input[type="checkbox"]:active + .slider::after {
    width: var(--toggle-wider);
}

.switch input[type="checkbox"]:checked:active + .slider::after {
    transform: translateX(
        calc(
            var(--button-width) - var(--toggle-wider) -
                var(--button-toggle-offset)
        )
    );
}