/* Identity */

.identity .login-box {
    width: 991px;
    max-width: 90%;
}

.identity .login-box-sm {
    width: 360px !important;
}

.identity .login-box .card-header .h1 {
    font-size: 2rem;
}

.identity .login-box h1 {
    font-size: 1.7rem;
    font-weight: bold;
}

.identity .login-box h2,
.identity .login-box h3 {
    font-size: 1.2rem;
}

.identity .login-box .checkbox {
    margin-left: 20px;
    margin-top: .5rem;
}

.identity .login-box .btn {
    margin-bottom: .5rem;
}

.identity .login-box p {
    margin-bottom: .5rem;
}


.identity .login-box .form-floating {
    margin-bottom: .5rem;
}

.identity .login-box-msg,
.identity .register-box-msg {
    margin: 0;
    padding: 0 20px 20px;
    text-align: center;
}

.identity .nav .nav-item a {
    font-weight: bold;
}

    .identity .nav .nav-item a.active {
        color: #FFFFFF;
    }

.identity .card .nav.flex-column > li {
    border: 0 !important;
}

.identity h3 {
    font-weight: bold;
}

/* Colors */

.text-primary {
     color: #19a396 !important;
}

.bg-primary {
    background-color: #19a396 !important;
}

.bg-red, .bg-danger {
    background-color: #b3424d !important;
}

.text-red, .text-danger {
    color: #b3424d !important;
}

.bg-yellow, .bg-danger {
    background-color: #ecc13f !important;
    color: #000 !important;
}

    .bg-yellow h3 {
        color: #000 !important;
    }

.text-yellow, .bg-warning {
    color: #ecc13f !important;
}

.text-green, .text-success {
    color: #4dbf1b !important;
}

.text-blue {
    color: #4da6db !important;
}

.bg-green, .bg-success {
    background-color: #4dbf1b !important;
}

.bg-white h1, .bg-white h2, .bg-white h3, .bg-white h4, .bg-white h5, .bg-white h6 {
    color: #292929;
}

.bg-blue {
    background-color: #4da6db !important;
}

.bg-grey-dark {
    background-color: #282828 !important;
}

.bg-fuchsia {
    background-color: #bc36c8 !important;
}

.icon-primary {
    color: #41a69e;
}

.border-color-secondary {
    border-color: rgb(34 99 94) !important;
}

.border-red {
    border-color: #b3424d !important;
}

.border-blue {
    border-color: #4da6db !important;
}

.border-green {
    border-color: #4dbf1b !important;
}

.border-white {
    border-color: #ffffff !important;
}

.border-primary {
    border-color: #41a69e !important;
}

.border-yellow {
    border-color: #ecc13f !important;
}

/* Theme */

* {
    font-family: Oswald;
}

html {
    background: #292929;
}

body {
    font-weight: 300;
}

body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #fff;
}

a {
    color: #19a396;
}

    a:hover {
        color: #1fc7b7;
    }

.btn-primary {
    border-color: #19a396;
    background-color: #19a396;
}

    .btn-primary:hover,
    .btn-primary:focus {
        border-color: #1fc7b7;
        background-color: #1fc7b7;
    }

    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        border-color: #1db7a8;
        background-color: #1db7a8;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        border-color: #19a396;
        background-color: #19a396;
    }

.btn-secondary {
    border-color: #22635e;
    background-color: #22635e;
}

    .btn-secondary:hover,
    .btn-secondary:focus {
        border-color: #22635e;
        background-color: #26736d;
    }

    .btn-secondary:not(:disabled):not(.disabled).active,
    .btn-secondary:not(:disabled):not(.disabled):active,
    .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        border-color: #22635e;
        background-color: #22635e;
    }

.btn-danger {
    background-color: #b3424d;
    border-color: #b3424d;
}
    .btn-danger:hover,
    .btn-danger:focus {
        border-color: #bd4e59;
        background-color: #bd4e59;
    }

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

.btn-group-toggle .btn-primary {
    background-color: #292929;
    border-color: #22635e; /*#41a69e*/
}

    .btn-group-toggle .btn-primary.active,
    .btn-group-toggle .btn-primary:not(:disabled):not(.disabled).active,
    .btn-group-toggle .btn-primary:not(:disabled):not(.disabled):active {
        background-color: #22635e; /*#41a69e*/
        border-color: #22635e; /*#41a69e*/
    }

.btn-default {
    background-color: #343434;
    border-color: #22635e;
    color: #ffffff;
}

    .btn-default:hover,
    .btn-default:focus {
        border-color: #22635e;
        background-color: #3d3d3d;
        color: #ffffff;
    }

    .btn-default:not(:disabled):not(.disabled).active,
    .btn-default:not(:disabled):not(.disabled):active,
    .show > .btn-default.dropdown-toggle {
        border-color: #22635e;
        background-color: #3d3d3d;
        color: #ffffff;
    }

    .btn-default i {
        color: #1fc7b7;
    }

.cursor-pointer {
    cursor: pointer;
}

.login-page {
    background-color: #2C2C2C;
}

    .login-page .card-header {
        background-color: #19a396;
        border-bottom-color: #234642;
    }

    .login-page .card-primary.card-outline {
        border-top-color: #234642;
    }

:focus {
    outline: none !important;
}

a.link-default,
a.link-default:hover,
a.link-default:focus {
    color: #000;
    border-bottom: 1px dashed #8c9cd5;
}

.custom-checkbox {
    margin-bottom: .75rem;
}

    .custom-checkbox label {
        font-weight: 400 !important;
        line-height: 1.5rem
    }

.validation-summary-valid,
.validation-summary-errors,
.field-validation-error {
    display: none;
}

.input-validation-error {
    border-color: #dc3545 !important;
}

.validation-message {
    color: #dc3545 !important;
}

.content-wrapper > .content {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
}

.accordion-button:focus {
    box-shadow: none;
}

.table.table-striped td, .table.table-striped th {
    border-top: 0;
}

.tooltip {
    top: 0;
}

.btn-group-toggle .btn {
    white-space: nowrap;
}

.swal2-styled {
    box-shadow: none !important;
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 6px;
    outline: none !important;
}

.navbar .navbar-nav h1.page-title {
    font-size: 2em;
    margin: 0;
    padding: 0;
    font-weight: 200;
    color: #19a396;
    text-transform: uppercase;
}

.form-control {
    background-color: #1D1D1D;
    border-color: #383838;
    color: #fff;
}

    .form-control:focus {
        background-color: #292929;
        border-color: #383838;
        color: #fff;
    }

.card, .modal-content {
    background-color: #234642;
}

.card-header {
    background-color: #22635e;
    border-bottom-color: #22635e;
    padding: .5rem .75rem;
}

.card-footer {
    background-color: rgba(0, 0, 0, .1);
}

.card-primary.card-outline {
    border-top-color: #1fc7b7;    
}

.card-ticket.card-outline {
    border-top-width: 6px;
}

    .card-ticket.card-outline .card-header {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.card-ticket .card-header > .card-tools {
    margin-right: 0;
    padding-left: .5rem;
}

.card-ticket .card-header .card-title {
    float: none;
    display: flex;
}

.card-attivita {
    background: #e3e3e3;
}

    .card-attivita .card-body {
        color: #000;
    }

        .card-attivita .card-body .icon-primary {
            color: #25625d;
        }

    .card-attivita .card-header {
        background: #7c7c7c;
        border-color: #7c7c7c;
    }

.card .form-control,
.modal-content .form-control,
.card .k-picker-solid,
.modal-content .k-picker-solid,
.card .k-input-solid,
.modal-content .k-input-solid {
    background-color: #1c3b37;
    border-color: #1c3b37;
    color: #ffffff;
}

.card-header .card-tools .badge {
    font-weight: 300;
    font-size: 100%;
}

.card-header .card-tools .badge-primary {
    background-color: #41a69e;
}

.card-header .card-tools .badge-secondary {
    background-color: #169187;
}

.card-header .card-tools .badge-warning {
    background-color: #cda323;
}

.card-header .card-tools .badge-danger {
    background-color: #b3424d;
}

.card-header h3 {
    margin: 0;
    padding: 0;    
    line-height: 1.5rem;
}

.card-header > .card-tools {
    margin-right: 0;
}

@media (max-width: 991px) {
    .card-header, .card-footer {
        padding: .5rem .75rem;
    }
}

.modal-header {
    background-color: #22635e;
    border-color: #22635e;
}

    .modal-header .close,
    .modal-header .close:hover,
    .modal-header .close:focus {
        opacity: 1;
        text-shadow: none;
        color: #fff;
    }

.modal-footer {
    background-color: #1c3b37;
    border-color: #1c3b37;
    justify-content: space-between;
}

[class*=sidebar-dark-] {
    background-color: #234642 !important;
}

.content-wrapper {
    background-color: #292929;
}

.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]) {
    background-color: #234642 !important;
}

.navbar, .main-footer {
    background-color: #343434;
    border-color: #3d3d3d;
    color: #818181;
}

    .main-footer a {
        color: #19a396 !important;
    }

        .main-footer a:hover {
            color: #1fc7b7 !important;
        }

.navbar-light .navbar-nav .nav-link {
    color: #fff;
}

    .navbar-light .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link:focus {
        color: #fff;
    }

.nav .nav-item a {
    color: #fff !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #19a396;
}

[class*="sidebar-dark"] .user-panel {
    border-bottom: 1px solid #28655e;
}

[class*="sidebar-dark"] .brand-link {
    border-bottom: 0;
}

[class*=sidebar-dark-] .sidebar a {
    color: #fff;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #1d746c;
    color: #fff;
}

.sidebar .text-muted {
    color: #22635e !important;    
}

#blazor-error-ui {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

#components-reconnect-modal {    
    color: #000;
}

/* Kendo */

/* Blocca lo scroll del contenuto sotto la dialog */
body.k-dialog-open {
    overflow: hidden !important;
}

.k-widget * {
    box-sizing: border-box !important;
}

.k-picker-md .k-input-inner {
    padding-left: .5rem;
    padding-right: .5rem;
}

.k-calendar .k-content {
    width: auto;
}

.k-calendar .k-calendar-decadeview,
.k-calendar .k-calendar-monthview,
.k-calendar .k-calendar-yearview {
    padding: 0 !important;
}

.k-grid,
.k-menu,
.k-picker-md,
.k-list-md,
.k-button-md,
.k-input-md,
.k-calendar-md {
    /*font-size: 1rem !important;*/
}

    .k-grid td, .k-grid th {
        padding: .3rem .5rem;
    }

    .k-grid td {
        line-height: 1.2rem;
    }

    .k-grid .k-command-cell .k-button {
        padding: .35rem .5rem;
        font-size: .85rem;
        line-height: 1rem;
    }

.k-filter-row th,
.k-grid-header th.k-header {
    padding-right: 8px !important;
}

.k-checkbox::before {
    content: ' ';
}

.k-filtercell > span > .k-button,
.k-filtercell .k-spin-button {
    display: none
}

.k-grid .k-input-md .k-input-inner,
.k-grid .k-picker-md .k-input-inner {
    padding-right: 0 !important;
}

.k-detail-row .k-grid {
    margin-bottom: .5rem;
}

.k-filter-menu-container .k-datepicker .k-input-button {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.k-detail-row td b {
    font-weight: normal !important;
}

.k-filter-menu-container label > input {
    margin-right: .5rem;
}

.k-grid .btn-primary,
.k-grid .btn-secondary,
.k-grid .btn-info,
.k-grid .btn-success,
.k-grid .btn-danger {
    color: #ffffff;
}

/* Kendo Grid - Inline Edit */

.k-grid .k-edit-cell > input:not([type="checkbox"]):not([type="radio"]),
.k-grid .k-edit-cell > select,
.k-grid .k-edit-cell > .k-widget:not(.k-switch),
.k-grid .k-grid-edit-row td > input:not([type="checkbox"]):not([type="radio"]),
.k-grid .k-grid-edit-row td > select,
.k-grid .k-grid-edit-row td > .k-widget:not(.k-switch),
.k-grid .k-grid-edit-row .k-table-td > input:not([type="checkbox"]):not([type="radio"]),
.k-grid .k-grid-edit-row .k-table-td > select,
.k-grid .k-grid-edit-row .k-table-td > .k-widget:not(.k-switch) {
    border-radius: 4px;
    outline: none !important;
    padding: .35rem .75rem;
    border: 1px solid #dee2e6;
}

.k-input-md .k-input-inner, .k-picker-md .k-input-inner {
    padding: .5rem .75rem;
}

.k-table-td .badge {
    font-size: .75rem;
}

.k-table-thead,
.k-table-header,
.k-table-group-sticky-header {
    color: #fff;
}

.k-grid-header,
.k-grid-header-wrap,
.k-grouping-header,
.k-grid .k-table-th,
.k-grid-footer,
.k-grid-footer-wrap,
.k-grid-content-locked,
.k-grid-footer-locked,
.k-grid-header-locked,
.k-filter-row > .k-table-th,
.k-filter-row > td,
.k-filter-row > .k-table-td,
.k-toolbar,
.k-grid,
.k-grid-pager,
.k-grid .k-grid-content,
.k-grid .k-grid-content-locked,
.k-grid .k-grid-header-locked,
.k-input-solid {
    /*border-color: #353535;*/
    border-color: rgba(255, 255, 255, 0.08)
}

.k-pager,
.k-toolbar-solid {
    color: #fff;
    border-color: #353535;
}

.k-button-solid-primary {
    border-color: #234642;
    background-color: #19a396;
}

    .k-button-solid-primary:hover,
    .k-button-solid-primary:focus {
        border-color: #234642;
        background-color: #1fc7b7;
    }

    .k-button-solid-primary:focus, .k-button-solid-primary.k-focus {
        box-shadow: 0 0 0px 2px rgb(79 230 212 / 30%);
    }

.k-button-flat-primary {
    color: #19a396;
}

.k-checkbox:checked, .k-checkbox.k-checked {
    border-color: #19a396;
    color: #ffffff;
    background-color: #19a396;
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel, .k-selected.k-list-custom-value {
    color: #ffffff;
    background-color: #19a396;
}

    .k-list-item.k-selected:hover,
    .k-selected.k-list-optionlabel:hover,
    .k-selected.k-list-custom-value:hover,
    .k-list-item.k-selected.k-hover,
    .k-selected.k-hover.k-list-optionlabel,
    .k-selected.k-hover.k-list-custom-value {
        background-color: #19a396;
    }

.k-grid-header .k-grid-filter.k-active,
.k-grid-header .k-header-column-menu.k-active,
.k-grid-header .k-grid-header-menu.k-active,
.k-grid-header .k-hierarchy-cell .k-icon.k-active {
    color: #ffffff;
    background-color: #19a396;
}

.k-window {
    font-size: 1rem;
}

.k-window-title {
    font-size: 1.275rem;
}

.k-window .k-button-md {
    font-size: 1rem !important;
    padding-left: .75rem;
    padding-right: .75rem;
}

/* container più ampio */
.custom-checkbox {
    margin-bottom: 0.5rem;
}

/* nascondo l’input standard */
.custom-check-input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    top: 3px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease-in-out;
    margin-right: .275rem;
}

    /* stato selezionato: grigio scuro */
    .custom-check-input:checked {
        background-color: #19a396; /* grigio scuro bootstrap */
        border-color: #19a396;
    }

        /* spunta bianca */
        .custom-check-input:checked::after {
            content: "✔";
            color: #fff;
            font-size: 14px;
            position: absolute;
            top: -3px;
            left: 3px;
        }

    /* hover effetto */
    .custom-check-input:hover {
        /*border-color: #19a396;*/
    }

.toast-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.toast-notification {
    min-width: 260px;
    max-width: 350px;
    padding: 12px 20px;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.25);
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    opacity: 0;
    transform: translateX(100%);
    animation: slideIn 0.3s forwards, fadeOut 0.5s ease-in-out 2.5s forwards;
}

    .toast-notification.success {
        background-color: #19a396;
    }

    .toast-notification.error {
        background-color: #b3424d;
    }

@keyframes slideIn {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeOut {
    to {
        opacity: 0;
        transform: translateX(100%);
    }
}

.k-switch-on .k-switch-track {
    border-color: #19a396;
    background-color: #19a396;
}

.k-upload {
    border-color: rgb(34 99 94);
    color: #EBEBEB;
    background-color: #333333;
}

.k-button-solid-base {
    border-color: #474747;
    color: #EBEBEB;
    background-color: #343434;
}

.k-upload .k-dropzone .k-dropzone-hint,
.k-upload .k-upload-dropzone .k-dropzone-hint,
.k-upload .k-upload-status {
    color: #EBEBEB;
}

.k-upload .k-dropzone, .k-upload .k-upload-dropzone {
    border-color: rgb(35 70 66);
    color: #EBEBEB;
    background-color: #1f3f3b;
}

.upload-dropzone {    
    border-radius: 4px;    
    text-align: center;        
    color: #fff;
    background: #1c3b37;
}

    .upload-dropzone:hover {
        background: #1c3b37;
        border-color: #19a396;
    }

#previewContainer img,
#previewContainer video {
    max-width: 100%;
    max-height: 250px;
    border-radius: 4px;
    display: block;
    margin: 0.5rem auto;
}

.preview-file {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0.5rem;
}

.preview-filename {
    word-break: break-all;
}

.btn-outline-secondary {
    border-color: #fff;
    color: #fff;
}

    .btn-outline-secondary:hover,
    .btn-outline-secondary:focus {
        border-color: #fff;
        color: #1c3b37;
        background: #fff;
    }

.k-tabstrip {
    font-size: 16px;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    background-color: #1f3e3b;
}

.k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected {
    background-color: #1f3e3b;
}

.k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-hover,
.k-tabstrip-items-wrapper .k-item {
    color: #FFFFFF;
}

    .k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-focus {
        box-shadow: none;
    }