/* Identity */

.login-page {
    background-image: url('../img/bg-login.png');
    background-size: cover;
}

.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 .h1>img {
    max-width: 100%;
}

.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-msg,
.identity .register-box-msg {
    margin: 0;
    padding: 0 20px 20px;
    text-align: center;
}

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

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

.identity .card .nav.flex-column:not(.nav-sidebar) > li {
    border: 0;
}

.dark-mode.identity .login-box a {
    color: #cccccc;
}

    .dark-mode.identity .login-box a.hover,
    .dark-mode.identity .login-box a:hover,
    .dark-mode.identity .login-box a.active,
    .dark-mode.identity .login-box a:active,
    .dark-mode.identity .login-box a.focus,
    .dark-mode.identity .login-box a:focus {
        color: #ffffff;
    }

/* Colors */

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

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

text-yellow {
    color: #ecc13f !important;
}

.dark-mode {
    --kendo-color-surface: #212529;
    --kendo-color-surface-alt: #343a40;
    --kendo-color-base: #343a40;
    --kendo-color-border: #40464f;
    --kendo-color-border-alt: #40464f;
    --kendo-color-base-hover: #454d55;    
    /*--kendo-color-primary-on-surface: #fff;
    --kendo-color-primary: #fff;*/
}

/* Theme */

:root {
    --kendo-spacing-1: .375rem;
    --kendo-spacing-2: .575rem;
    --kendo-color-error: #dc3545;
    /*--kendo-spacing-1: .375rem;
    --kendo-spacing-2: .575rem;*/
}

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;
}*/

.validation-summary-errors ul {
    margin-bottom: 0;
    padding-left: 1rem;
}

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

table tr.bg-danger th,
table tr.bg-danger td {
    color: #fff !important;
}

.card .card-header.bg-warning .card-tools .btn-tool {
    color: #343a40 !important;
}

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

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

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

.tooltip {
    top: 0;
}

.text-sm .brand-link {
    font-size: 1.2rem;
}

.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;
}

.top-right-buttons .btn {
    margin-bottom: .2rem;
}

/* Dark Mode */

.dark-mode {
    background-color: #1e2022 !important;
}

    .dark-mode .content-wrapper {
        background-color: #1e2022;
    }

    .dark-mode .table > :not(caption) > * > * {
        border-bottom-width: 0 !important;
    }

    .dark-mode .table-striped > tbody > tr:nth-of-type(odd) > * {
        color: #fff;
    }

    .dark-mode .card-body .table td,
    .dark-mode .card-body .table th {
        border-top-color: #272c31; 
    }

    .dark-mode pre {
        color: #dbdbdb;
    }

    .dark-mode .navbar-dark {
        background-color: #282c31;
        border-color: #31363c;
    }

    .dark-mode .main-footer {
        background-color: #282c31;
        border-color: #31363c;
    }

    .dark-mode [class*="sidebar-dark-"] {
        background-color: #282c31;
    }

    .dark-mode [class*="sidebar-dark"] .user-panel,
    .dark-mode [class*="sidebar-dark"] .brand-link {
        border-bottom: 1px solid #31363c;
    }


    .dark-mode .card {
        background-color: #282c31;
    }

    .show > .dark-mode .btn-warning.dropdown-toggle,
    .dark-mode .btn-warning:not(:disabled):not(.disabled).active, .dark-mode .btn-warning:not(:disabled):not(.disabled):active,
    .dark-mode .btn-warning.focus, .dark-mode .btn-warning:focus,
    .dark-mode .btn-warning:hover {
        color: #1f2d3d !important;
    }

    .dark-mode .link-dark.text-danger {
        color: #dc3545 !important;
    }

    .dark-mode a.link-danger:hover {
        color: #b02a37 !important;
    }

    .dark-mode a.text-dark:focus,
    .dark-mode a.text-dark:hover {
        color: #ced4da !important;
    }

    .dark-mode .select2-container--bootstrap4 .select2-selection {
        background-color: #343a40;
    }

    .dark-mode .modal-content {
        background-color: #282c31;
    }

    .dark-mode .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
        color: #ffffff;
    }

    .dark-mode .accordion-item {
        background-color: #282c31;
    }

    .dark-mode .accordion-button {
        background-color: #343a40;
        color: #fff;
        box-shadow: none !important;
    }

    .dark-mode .accordion-body {
        background-color: #2d3339;
    }

    .dark-mode .table td, .dark-mode .table th {
        border-top-color: #343a40;
    }

    .dark-mode .table > :not(:first-child) {
        border-top: 0; 
    }

    .dark-mode .table tfoot {
        border-top: 1px solid #30363b !important;
    }

    .dark-mode .table thead {
        border-bottom: 1px solid #30363b !important;
    }

    .dark-mode .modal-footer, .dark-mode .modal-header {
        border-color: #343a40;
    }


/* Report Viewer */
.viewer-container {
    height: calc(100vh - 200px); /* o quello che ti serve */
    display: flex;
    flex-direction: column;
}

#reportViewer {
    flex: 1;
    min-height: 0;
}