:root {
    --primary-color: #009a3d;
    --primary-color-lighten-5: #00B246;
    --primary-color-lighten-10: #00CB51;
    --primary-color-lighten-60: #6BF8A2;
    --primary-color-darken-10: #00732E;
    --primary-color-darken-20: #113c2b;
    --secondary-color: #b1b2b3;
    --secondary-color-darken-10: #9fa0a1;
    --red: #F00;
}

.has-error .help-block {
    color: var(--red);
}

.show-required div.required label.control-label:after {
    content: " * ";
    color: var(--red);
}

.ju-cil {
    font-size: 1.5rem;
}

/* Colori */
a {
    color: var(--primary-color-darken-20);
}

a:hover {
    color: var(--primary-color-darken-10);
}

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

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

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    background-color: var(--primary-color-darken-10);
    border-color: var(--primary-color);
}

.btn-primary:hover {
    background-color: var(--primary-color-darken-10);
    border-color: var(--primary-color);
}

.btn-primary:focus,
.btn-primary.focus {
    background-color: var(--primary-color-darken-10);
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.1rem var(--primary-color-lighten-60) !important;
}

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

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: white;
    background-color: var(--secondary-color-darken-10);
    border-color: var(--secondary-color);
}

.btn-secondary:hover {
    color: white;
    background-color: var(--secondary-color-darken-10);
    border-color: var(--secondary-color);
}

.btn-secondary:focus,
.btn-secondary.focus {
    color: white;
    background-color: var(--secondary-color-darken-10);
    border-color: var(--secondary-color);
    box-shadow: 0 0 0 0.1rem var(--secondary-darken-10) !important;
}

.btn-info {
    background-color: var(--primary-color-lighten-10);
    border-color: var(--primary-color-lighten-10);
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
    background-color: var(--primary-color);
    border-color: var(--primary-color-lighten-10);
}

.btn-info:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color-lighten-10);
}

.btn-info:focus,
.btn-info.focus {
    background-color: var(--primary-color);
    border-color: var(--primary-color-lighten-10);
    box-shadow: 0 0 0 0.1rem var(--primary-color-lighten-60) !important;
}

.btn-excel {
    background-color: var(--excel-color);
    border-color: var(--excel-color);
}

.btn-excel:not(:disabled):not(.disabled):active,
.btn-excel:not(:disabled):not(.disabled).active,
.show>.btn-excel.dropdown-toggle {
    background-color: var(--excel-color-darken);
    border-color: var(--excel-color);
}

.btn-excel:hover {
    background-color: var(--excel-color-darken);
    border-color: var(--excel-color);
}

.btn-excel:focus,
.btn-excel.focus {
    background-color: var(--excel-color-darken);
    border-color: var(--excel-color);
    box-shadow: 0 0 0 0.1rem var(--excel-color-lighten-60) !important;
}

.form-control:focus,
.select2-container--krajee-bs4.select2-container--open:not(.select2-container--disabled) .select2-selection,
.select2-container--krajee-bs4:not(.select2-container--disabled) .select2-selection:focus {
    border-color: var(--primary-color) !important;
    outline: 0;
    box-shadow: 0 0 0 0.02rem var(--primary-color) !important;
}

.select2-container--krajee-bs4:not(.select2-container--disabled) .select2-dropdown {
    border: 1px solid var(--primary-color);
}

.select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow {
    border-left: none;
}

.select2-container--krajee-bs4 .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px);
    line-height: 1.5;
    font-size: 0.875rem;
    font-weight: 400;
    border: 1px solid;
    color: #768192;
    background-color: #fff;
    border-color: #d8dbe0;
    border-radius: 0.25rem;
    box-shadow: none;
}

.select2-container--krajee-bs4 .select2-results__option.select2-results__option--selected,
.select2-container--krajee-bs4 .select2-results__option[aria-selected=true] {
    color: white;
    background-color: var(--primary-color-lighten-10);
}

.select2-container--krajee-bs4 .select2-results__option--highlighted[aria-selected] {
    color: white;
    background-color: var(--primary-color-lighten-10);
}

.c-sidebar {
    background-color: var(--primary-color-darken-20);
}

.c-sidebar-brand {
    flex: 0 0 4rem;
}

/* .c-sidebar {
    background-color: var(--primary-color);
    width: 230px;
}
.c-sidebar.c-sidebar-lg-show:not(.c-sidebar-right).c-sidebar-fixed~.c-wrapper,
.c-sidebar.c-sidebar-show:not(.c-sidebar-right).c-sidebar-fixed~.c-wrapper {
    margin-left: 230px !important;
} */

div.c-sidebar-brand {
    background: var(--primary-color) !important;
    /* border-right: 1px solid var(--primary-color-lighten-5); */
}

a.c-sidebar-brand {
    background: transparent !important;
}

.c-sidebar .c-sidebar-minimizer {
    background-color: var(--primary-color);
}

.c-sidebar .c-sidebar-minimizer:hover {
    background-color: var(--primary-color);
}

.c-sidebar-minimized .c-sidebar-nav-dropdown-items .c-sidebar-nav-link,
.c-sidebar-minimized .c-sidebar-nav-dropdown-items .c-sidebar-nav-dropdown-toggle {
    background: var(--primary-color);
}

.c-sidebar .c-sidebar-nav-dropdown-toggle:hover,
.c-sidebar .c-sidebar-nav-link:hover {
    background: var(--primary-color-lighten-5);
}

.c-sidebar.c-sidebar-minimized .c-sidebar-nav-item:hover>.c-sidebar-nav-dropdown-toggle,
.c-sidebar.c-sidebar-minimized .c-sidebar-nav-item:hover>.c-sidebar-nav-link {
    background: var(--primary-color-lighten-5);
}

.c-sidebar .c-active.c-sidebar-nav-dropdown-toggle,
.c-sidebar .c-sidebar-nav-link.c-active {
    background: var(--primary-color-lighten-5);
}

.page-item.active .page-link {
    background-color: var(--primary-color-darken-10);
    border-color: var(--primary-color-darken-10);
}

.page-link:hover {
    background-color: var(--primary-color-darken-10);
    color: white;
}

.page-link {
    color: var(--primary-color-lighten-5);
}

.td-badge {
    padding: 5px 12px;
}

.table:not(.no-margin) {
    margin-top: 20px;
    margin-bottom: 20px;
}

.table.no-margin {
    margin-top: 0px;
    margin-bottom: 0px;
}

.borderless thead th,
.borderless thead td {
    border: none;
}

.borderless thead tr:not(.filters) th {
    padding-bottom: 0;
}

.header-container {
    position: relative;
}

.vertical-center {
    margin-top: 6px;
}

/* .header-button {
    margin-top: 5px;
} */

.dashboard-card-content-title {
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    font-size: 2.1875rem;
}

.dashboard-card-content-subtitle {
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    font-size: 1.09375rem;
}

.bg-icon {
    padding: 1rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    background-color: transparent;
    color: rgba(0, 0, 0, .15);
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: var(--primary-color) !important;
}

.c-action-icon {
    margin: 5px;
}

.kv-date-remove {
    border-left: none !important;
}

.krajee-datepicker:read-only,
.krajee-timepicker:read-only {
    background-color: white;
}

.c-sidebar-brand-full {
    /* width: 140px !important; */
    margin-bottom: 0px;
    font-size: 1.7rem;
}

.c-sidebar-brand-minimized {
    width: 45px !important;
}

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

.bg-primary {
    background-color: var(--primary-color-lighten-5) !important;
    border-color: #d8dbe0 !important;
}

.c-brand-card-logo {
    width: 230px;
}

.c-brand-card-subtitle {
    margin-top: 15px;
    font-size: 16px;
}

.dropdown-menu.dropdown-menu-right,
.dropdown-menu-right .dropdown-header {
    text-decoration: none;
    color: #fff;
    background-color: var(--primary-color-darken-10) !important;
    margin-right: 5px;
}

.dropdown-menu-right .dropdown-item {
    text-decoration: none;
    color: #fff;
    background-color: var(--primary-color-darken-10);
}

.dropdown-menu-right .dropdown-item:hover,
.dropdown-menu-right .dropdown-item.active,
.dropdown-menu-right .dropdown-item:active {
    text-decoration: none;
    color: #fff;
    background-color: var(--primary-color-lighten-5);
}

.c-header {
    color: #fff;
    background-color: #fff !important;
}

.c-header-nav {
    min-height: 4rem !important;
}

.c-header-toggler .c-icon,
.c-header-nav .c-header-nav-link {
    color: #3c4b64 !important;
}

.c-class-toggler.mfs-3.d-md-down-none {
    margin-left: 0px !important;
}

.c-header .c-subheader {
    margin-top: 0px;
    border-top: 1px solid #d8dbe0;
}

.notify.top {
    top: 8px !important;
}

button:disabled {
    cursor: not-allowed;
    pointer-events: all !important;
}

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

.card-body ul.nav li {
    padding: 10px 15px;
}

.card-body .nav-stacked {
    display: block;
}

.card-body .nav-stacked>li {
    border-bottom: 1px solid #f4f4f4;
    margin: 0;
}

.nav-stacked>li {
    float: none;
}

.nav-stacked>li:last-of-type {
    border-bottom: none;
}

.nav>li {
    position: relative;
    display: block;
}

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

.dashboard-card-header {
    padding: 0.5rem 0.75rem;
}

.dashboard-card-body {
    padding: 0.5rem;
}

.custom-pager>.pagination>.pagination {
    margin-top: 5px;
    margin-bottom: 5px;
}

.no-dropdown-caret::after {
    display: none;
}

/* VERSIONE 1 */

/* .btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--primary-color);
}

.dropdown-menu,
.dropdown-item {
    color: white;
    background-color: var(--primary-color);
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover {
    color: white;
    background-color: var(--primary-color-lighten-5);
} */

/* VERSIONE 2 */

/* .btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--primary-color-lighten-60);
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover {
    color: white;
    background-color: var(--primary-color-lighten-60);
} */

/* VERSIONE 3 */

.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--primary-color-lighten-60);
}

.dropdown-item.active,
.dropdown-item:active {
    color: black;
    background-color: #ebedef;
}

h4.navbar-brand {
    padding: 0;
    margin: 0;
    font-size: 1.3125rem;
    margin-right: 1rem;
}

/* .dropdown-item.disabled,
.nav-item.disabled {
    cursor: not-allowed;
    pointer-events: auto;
} */

.nav-link {
    font-weight: 600;
    margin-top: 3px;
}

.nav-link:not(.active) {
    color: #95999c;
}

.nav-link.active {
    color: #1e272c;
}

.nav-link:hover:not(.disabled) {
    color: #1e272c;
}

.navbar-toggler {
    padding-top: 8px;
}

.align-middle-table td {
    vertical-align: middle !important;
}

.align-middle-table h5 {
    margin-bottom: 0;
}

.align-middle-table span.badge {
    padding: 0.35rem;
}

.c-header-toggler:focus {
    outline: none !important;
}

a.asc:after {
    margin-left: 3px;
    font-family: "Font Awesome 5 Free";
    content: "\f063";
}

a.desc:after {
    margin-left: 3px;
    font-family: "Font Awesome 5 Free";
    content: "\f062";
}

/* .was-validated .form-control:valid,
.form-control.is-valid {
    border-color: var(--secondary-color);
} */

.link-underlined {
    text-decoration: underline;
}

@media (min-width: 576px) {
    .card-group>.card {
        flex: 1 0 50%;
    }
}

.datepicker table tr td.day:not(.disabled):hover {
    background-color: var(--primary-color-lighten-60) !important;
    color: white;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background-color: #f4f4f4;
    color: gray;
    border-radius: 0px;
}

.fa-inverse {
    color: #3c4b64;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: green;
    background-color: green;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

.wave-btn {
    width: 200px;
    font-size: large;
}

.btn-blu {
    color: #fff;
    background-color: #9eb9cd;
    border-color: #9eb9cd;
}

.btn-blu:not(:disabled):not(.disabled):active,
.btn-blu:not(:disabled):not(.disabled).active,
.show>.btn-blu.dropdown-toggle {
    background-color: #00599a;
    border-color: #00599a;
}

.btn-blu:hover {
    color: #fff;
    background-color: #00599a;
    border-color: #00599a;
}

.btn-blu:focus,
.btn-blu.focus {
    background-color: #00599a;
    border-color: #00599a;
    box-shadow: 0 0 0 0.1rem #00599a !important;
}

.btn-rosso {
    color: #fff;
    background-color: #e49388;
    border-color: #e49388;
}

.btn-rosso:not(:disabled):not(.disabled):active,
.btn-rosso:not(:disabled):not(.disabled).active,
.show>.btn-rosso.dropdown-toggle {
    background-color: #ea2b11;
    border-color: #ea2b11;
}

.btn-rosso:hover {
    color: #fff;
    background-color: #ea2b11;
    border-color: #ea2b11;
}

.btn-rosso:focus,
.btn-rosso.focus {
    background-color: #ea2b11;
    border-color: #ea2b11;
    box-shadow: 0 0 0 0.1rem #ea2b11 !important;
}