:root {
    --argos-primary-nettuno: #ea641d; /*(234, 100, 29)*/
    --argos-primary-nettuno-unselected: #f5b28f;

    --argos-primary-pomezia: #d30558;
    --argos-primary-pomezia-unselected: #ed9bbc;

    --argos-planning-secondary: #f89602;

    --argos-operatori: rgba(211, 5, 88, 1);
    --argos-operatori-light: rgb(215, 61, 120);
    --argos-famiglie: #ea641d;
    --argos-bacheca: #f9b52a;
    --argos-bacheca-light: rgba(249, 181, 42, 0.4);
    --argos-dark-grey: #2e3c45;
    --argos-light-grey: #7d878d;
    --argos-red: #F64F6654;
    --argos-danger: #a32035;
    --classic-border-color: #ced4da;
}

body.nettuno {
    --argos-primary: var(--argos-primary-nettuno);
    --argos-planning-secondary: #f89602;

    --argos-primary-unselected: #f5b28f;
    --argos-primary-bg: #fbe0d2;
    --argos-primary-bg-light: #fef7f3;
}

body.pomezia {
    --argos-primary: var(--argos-primary-pomezia);
    --argos-planning-secondary: #ed5595;

    --argos-primary-unselected: #ed9bbc;
    --argos-primary-bg: #fed9e6;
    --argos-primary-bg-light: #fdf2f6;
}

.main-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: auto;
    margin: 2% 2%;
    float: none;
    clear: none;
    text-align: left;
    object-fit: fill;
    background-color: transparent;
}

/* ----- BUTTONS ------- */

.classic-button {
    display: inline-block;
    padding: 9px 12px;
    cursor: pointer;
    position: static;
    margin-top: 0px;
    margin-right: 12px;
    border: 1px solid transparent;
    border-radius: 3px;
    font-family: 'Helvetica neue lt 75', sans-serif;
    font-size: 15px;
    line-height: 17px;
    font-weight: 700;
    text-indent: 1px;
    text-decoration: none;
    color: #fff;
    background-color: var(--argos-primary);
}

.classic-button:hover {
    opacity: 0.8;
    color: white;
}

.classic-button.tag:hover{
    opacity: unset;
}

.classic-button:disabled {
    opacity: 0.6;
    color: white;
    cursor: not-allowed;
}

.classic-button.danger {
    background-color: var(--argos-danger);
    color: #fff;
}

.classic-button.secondary {
    background-color: var(--argos-planning-secondary);
    color: #fff;
}

.classic-button.grey {
    background-color: var(--argos-light-grey);
    color: #fff;
}

.classic-button.dark-grey {
    background-color: var(--argos-dark-grey);
    color: #fff;
}

.side-button {
    background-color: transparent;
    border-radius: 0;
    width: 100%;
    min-width: 200px;
    text-align: left;
    border-bottom: 0.5px solid var(--argos-primary);
    color: var(--argos-primary);
    font-size:18px;
    font-family: 'Helvetica neue lt 65', sans-serif;
    margin-top: 2%;
    padding: 5% 5%;
}

.side-button:hover {
    color: var(--argos-dark-grey);
    border-bottom: 0.5px solid var(--argos-dark-grey);
}

.login-button {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px;
}

.classic-button.sede-button {
    padding: 9px 20px;
    font-size: 16px;
    margin-bottom: 3%;
}

.sede-button.nettuno {
    color: #fff;
    background-color: var(--argos-primary-nettuno);
}
.sede-button.pomezia {
    color: #fff;
    background-color: var(--argos-primary-pomezia);
}

.sede-button.nettuno.inactive {
    background-color: var(--argos-primary-nettuno-unselected);
}

.sede-button.pomezia.inactive {
    background-color: var(--argos-primary-pomezia-unselected);
}

.sede-button.inactive:hover {
    opacity: 0.8;
}

button:focus {
    outline: none;
    box-shadow: none;
}

/* -------- TEXT FIELDS ------------ */

.heading.planning {
    flex: 1;
    font-family: 'Helvetica neue lt 75', sans-serif;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: normal;
    color: var(--argos-dark-grey);
}

.heading.mobilePlanning {
    flex: 1;
    font-family: 'Helvetica neue lt 75', sans-serif;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: normal;
    color: var(--argos-dark-grey);
}

.small-heading.planning {
    flex: 1;
    font-family: 'Helvetica neue lt 75', sans-serif;
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: normal;
    color: var(--argos-dark-grey);
}

.date-heading.planning {
    flex: 0 auto;
    font-family: 'Helvetica neue lt 45', sans-serif;
    color: var(--argos-primary);
    font-size: 28px;
    display: flex;
    width: auto;
    margin: 10px 0px 10px 0px;
    padding-left: 0px;
}

.date-heading.mobilePlanning {
    flex: 0 auto;
    font-family: 'Helvetica neue lt 45', sans-serif;
    color: var(--argos-primary);
    font-size: 24px;
    display: flex;
    width: auto;
    margin: 5px 0 5px 0;
    padding-left: 0;
}

.classic-label {
    font-family: 'Helvetica neue lt 45', sans-serif;
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 18px;
}

.classic-label-bold {
    font-family: 'Helvetica neue lt 67', sans-serif;
    color: var(--argos-dark-grey);
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 18px;
}

.header-caps {
    margin-bottom: 0px;
    font-family: 'Helvetica neue lt 45', sans-serif;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--argos-primary);
}

.header-caps.danger {
    color: var(--argos-danger);
    font-weight: 900;
    letter-spacing: 5px;
    font-size: 16px;
    margin-top: unset;
}

.section-header {
    margin-bottom: 20px;
    font-family: 'Helvetica neue lt 75', sans-serif;
    font-size: 21px;
    line-height: 36px;
    color: var(--argos-primary);
    border-bottom: 1px solid var(--argos-primary);
}

.section-header.small {
    font-size: 18px;
}

.classic-select,
.classic-text-field,
.select2-search__field,
.select2-selection__rendered,
.select2-search--dropdown,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option
{
    border-radius: 3px;
    font-family: 'Helvetica neue lt 45', sans-serif;
    font-size: 16px;
    min-width: 150px;
}

.select2-selection__rendered,
.select2-search--dropdown .select2-search__field,
.select2-container--bootstrap-5 .select2-dropdown
{
    border-color: var(--argos-light-grey);
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border-color: var(--argos-light-grey);
    box-shadow: unset;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected {
    background-color: var(--argos-primary-unselected);
    color: black;
}

.classic-text-area {
    border-radius: 3px;
    font-family: 'Helvetica neue lt 45', sans-serif;
    font-size: 16px;
    min-height: 100px !important;
    min-width: 300px;
}

.header-inputs-table {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    margin-bottom: 1%;
}

.search-input-table {
    margin-bottom: 0 !important;
    width: 30%;
    font: 17px 'Helvetica neue lt 45', sans-serif;

}

.search-input-container {
    align-content: flex-start;
}

/*-------- TABLES ------------ */

.table-wrapper {
    overflow-x: scroll;
    margin-bottom: 20px;
    margin-top: 40px;
}

.div-block-table {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    margin-left: 40px;
    margin-right: 600px;
    flex-direction: column;
}

.default-table, .small-table, .small-table-not-hoverable, .small-planning-table {
    font: 17px 'Helvetica neue lt 45', sans-serif;
    margin: 0;
    border-spacing: 0;
    border-radius: 3px;
    table-layout: fixed;
}

.small-planning-table tbody tr td:hover, td.selected {
    background-color: var(--argos-bacheca-light) !important;
}

.small-planning-table td {
    border: 2px solid #f6f9fb !important;
}

.small-planning-table td.border-right-disponibilita-small-table {
    border-right: 8px solid white !important;
}

.default-table td,
.default-table th {
    border: 2px solid white;
    padding: 11px 1rem;
    min-width: 140px;
    min-height: 120px;
    white-space: normal;
}

.small-table-not-hoverable td,
.small-table-not-hoverable th,
.small-table td,
.small-table th,
.small-planning-table td,
.small-planning-table th {
    border: 2px solid white;
    padding: 11px 1rem;
    min-height: 120px;
    white-space: normal;
}

.default-table thead th,
.small-table-not-hoverable thead th,
.small-table thead th,
.small-planning-table thead th {
    padding: 12px;
    position: sticky;
    top: 0;
    z-index: 1;
    width: 25vw;
    color: white;
    background: var(--argos-dark-grey);
    text-align: left;
    background-clip: padding-box !important;
}

.small-table-not-hoverable thead th,
.small-table thead th,
.small-planning-table thead th{
    text-align: center;
}

.small-table-not-hoverable td,
.small-table td,
.small-planning-table td {
    padding: 10px;
    text-align: center;
    background: #f6f9fb;
}

.default-table td {
    padding: 10px;
    text-align: left;
    background: #f6f9fb;
}

.default-table tbody th {
    text-align: left;
    position: sticky;
    left: 0;
    color: white;
    background: var(--argos-light-grey);
    z-index: 1;
    min-width: 190px;
    background-clip: padding-box !important;
}

.small-table-not-hoverable tbody th,
.small-table tbody th,
.small-planning-table tbody th {
    text-align: center;
    position: sticky;
    left: 0;
    color: white;
    background: #f6f9fb;
    z-index: 1;
    min-width: 190px;
    background-clip: padding-box !important;
}

.small-table-not-hoverable tr:nth-child(odd) td,
.small-table tbody tr:nth-child(odd) td,
.small-planning-table tbody tr:nth-child(odd) td,
.default-table tbody tr:nth-child(odd) td {
    background-color: #dce0e3;
}

.small-table tr:hover td,
.default-table tr:hover td {
    background-color: var(--argos-bacheca-light) !important;
    cursor: pointer;
}

.small-table tr:nth-child(odd):hover td,
.default-table tr:nth-child(odd):hover td {
    background-color: var(--argos-bacheca-light) !important;
    cursor: pointer;
}

.radio-inputs {
    accent-color: var(--argos-primary);
}

.check-inputs {
    accent-color: var(--argos-primary);
}

/* ---- NAVBAR ---- */

.navbar {
    display: flex;
    align-items: flex-end;
    margin: 0 2% 0 2%;
    padding-top: 0;
}

.classic-button.navbar-button {
    font-size: 14px;
    padding: 6px 18px;
}

.navbar-panel-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    font-family: 'Helvetica neue lt 75', sans-serif;
    color: var(--argos-dark-grey);
    font-size: 18px;
    margin: 0 1%;
}

.navbar-panel-button:hover {
    color: var(--argos-light-grey);
    text-decoration: none;
}

.navbar-panel-button:focus {
    outline: none;
}

.navbar-panel-button.current {
    color: var(--argos-primary);
    outline: none;
}

.navbar-box {
    flex: 1;
    white-space: nowrap
}

.navbar-box:first-child > span { margin-right: auto; }

.navbar-box:last-child  > span { margin-left: auto;  }

.navigation {
    padding-top: 20px;
    padding-bottom:  0;
}

.logo-image {
    position: static;
    z-index: auto;
    display: block;
    overflow: visible;
    width:5%
}

/* ---- PLANNING VIEW ---- */

/* Default: hidden on screen */
#printing-print-header,
.print-only-header {
    display: none !important;
}

@media print {
    @page { size: auto;  margin: 0mm; }

    body * {
        visibility: hidden !important;
    }

    #planning-print-header {
        display: flex !important;
        visibility: visible !important;
        align-items: center;
        margin-bottom: 12px;
    }

    #planning-heading-date {
        display: none !important;
    }

    #planning-table-content,
    #planning-table-content * {
        visibility: visible !important;
    }

    #planning-table-content {
        position: absolute;
        top: 2%;
        left: 2%;
        zoom: 35%;
        overflow: visible !important;
        max-width: none !important;
        width: auto !important;
    }

    .div-block-planning-table {
        overflow: visible !important;
        width: auto !important;
        max-width: none !important;
    }

    .div-block-planning-table th,
    .div-block-planning-table td {
        position: static !important;
    }
}

.main-section.planning-section {
    margin: 0 0;
}

#planning-container {
    margin: 0 0;
    padding: 0 0;
}

#planning-header {
    background-color: var(--argos-primary-bg-light);
    border-right: 1px solid var(--argos-primary) !important;
}

#planning-warnings, #planning-datepicker {
    padding: 5% 10% 0;
}

#planning-vista {
    padding: 5% 10% 0;
    margin-bottom: 8%;
}

#planning-buttons-div {
    background-color: var(--argos-primary-bg);
    min-width: 250px;
    padding: 8% 10%;
}

#planning-table-content {
    padding: 2% 1%;
}

/* MEDIUM VIEW */
@media (max-width: 2000px) {
     #planning-container {
        flex-direction: column !important;
    }

    #planning-header {
        display: flex;
        flex-direction: row !important;
        width: 100%;
        gap: 4%;
        border-right: none !important;
        border-bottom: 2px solid var(--argos-primary);;
    }

    #planning-day-info {
        padding-left: 2%;
        margin-right: 5%;
    }

    #planning-actions {
        display: flex;
        margin-left: 4%;
        padding-left: 2%;
        border-left: 1px solid var(--argos-primary);
    }

    #planning-buttons-div {
        padding: 2% 3%;
    }

    #planning-table-content {
        width: 100%;
    }

    #navbar-info-1, #navbar-info-2 {
        display: none !important;
    }
}

/* SMALL VIEW */
@media (max-width: 768px) {
    #planning-header {
        gap: unset;
    }

    #planning-day-info {
        margin-right: 15%;
    }

    #planning-actions {
        flex-direction: column !important;
        padding-left: 0;
        border-left: 1px solid var(--argos-primary);
    }

    #planning-buttons-div {
        padding: 2% 8%;
    }

    .logo-image {
        display: none;
    }
}

/* MOBILE VIEW */
@media (max-width: 500px) {
    body {
        transform: scale(0.8);
        transform-origin: top left;
        width: 125%
    }
    .navbar {
        flex-wrap: nowrap !important;
    }

    #nav-planning-sede {
        margin-right:  0 !important;
    }

    #planning-header {
        /*flex-direction: column !important;*/
        transform: scale(0.8);
        transform-origin: top left;
        width: 125%
    }

    #planning-vista {
        /*display: none;*/
        transform: scale(0.8);
        transform-origin: top left;
        width: 125%
    }

    #planning-actions {
        margin-left: 1%;
        border-top: 1px solid var(--argos-primary);
    }

    #planning-buttons-div {
        padding: 0 4%;
    }

    #planning-table-content {
        margin-top: -10%;
        transform: scale(0.8);
        transform-origin: top left;
        width: 125%
    }
}

/* ---- PLANNING STATS ----- */

.label-list-group {
    font-family: 'Helvetica neue lt 65', sans-serif;
    color: var(--argos-dark-grey);
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 0;
}

.label-list-group-light {
    font-family: 'Helvetica neue lt 45', sans-serif;
    color: var(--argos-dark-grey);
    font-size: 17px;
    margin-bottom: 0;
}

.label-list-group-secondary {
    font-family: 'Helvetica neue lt 45', sans-serif;
    color: var(--argos-dark-grey);
    font-weight: 600;
    font-size: 17px;
    margin-left: 1.5rem;
    margin-bottom: 0;
}

.label-list-group-value {
    font-family: 'Helvetica neue lt 75', sans-serif;
    font-size: 17px;
    margin-left: 30px;
    color: var(--argos-primary);
    text-align: right;
}

.list-group-item-first {
    color: var(--argos-primary);
    border-bottom: 2px solid var(--argos-primary) !important;
    margin: 0;
    padding:0;
}

.list-group-item {
    color: var(--argos-primary);
    border-bottom: 1px solid var(--argos-primary-unselected) !important;
    margin: 0;
    padding:0;
}

/* ---- PLANNING DATE PICKER ----- */

.table-condensed {
    align-self: center;
    width: 281px !important;
    height: 323px !important;
    max-width: 281px !important;
    max-height: 323px !important;
}

.prev, .next, .datepicker-switch {
    color: var(--argos-primary);
    font-size: 18px !important;
}

.active.day, .datepicker table tr td.today:active::selection {
    color: white;
    background-color: var(--argos-primary) !important;
    border-color: var(--argos-primary) !important;
    /*border-radius: 60% !important;*/
}

.datepicker td, .datepicker th {
    font-size: 1rem;
    line-height: 1.5 !important;
    padding: 8px;
}

/* ------- PLANNING TABLE --------- */

.div-block-planning-table {
    margin-left: 0;
    margin-right: 0;
    margin-top: 32px;
    width: 100%;
    height: 80vh;
    overflow-x: scroll;
}

/* General table settings */
.planning-table {
    font: 17px 'Helvetica neue lt 45', sans-serif;
    table-layout: fixed;
    flex-direction: column;
}

/* Cell hover color */
.planning-table tbody tr td:hover, td.selected {
    background-color: var(--argos-bacheca-light);
    cursor: pointer;
}

/* Planning Table thead Settings */
.planning-table thead th, .side-column {
    padding: 12px;
    color: white;
    background: var(--argos-dark-grey);
    border: 2px solid white;
    text-align: center;
    background-clip: padding-box !important;
    /*sticky header and column*/
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important;

}

.side-column {
    min-width: 10% !important;
}
.side-column:hover {
    background: var(--argos-dark-grey) !important;
}

.sticky-columns {
    /*sticky header and first column*/
    position: sticky !important;
    z-index: 2 !important;
}

/* Planning Table Grouped Elements settings */
.grouped-element {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
    text-align: right;
    color: black;
    font: 12px 'Helvetica neue lt 75', sans-serif;
    background: white !important;
    left: 0 !important;
    vertical-align: text-bottom;
}
.grouped-element-colored {
    border: 0 !important;
    padding: 8px;
    left: 0 !important;
    color: black !important;
}

.grouped-element-colored.npi {
    border-bottom: 2px solid #f6f9fb !important;
    background: #f6f6ae !important;
}

.grouped-element-colored.psico {
    border-bottom: 2px solid #f6f9fb !important;
    background: #ffcccc !important;
}

.grouped-element-colored.logo {
    border-bottom: 2px solid #f6f9fb !important;
    background: #ffccff !important;
}

.grouped-element-colored.tnpee {
    border-bottom: 2px solid #f6f9fb !important;
    background: #d1eaf2 !important;
}

.grouped-element-colored.fisio {
    border-bottom: 2px solid #f6f9fb !important;
    background: #ccccff !important;
}

.grouped-element-colored.idk {
    border-bottom: 2px solid #f6f9fb !important;
    background: rgba(243, 164, 252, 0.47) !important;
}

.grouped-element-colored.to {
    border-bottom: 2px solid #f6f9fb !important;
    background: rgba(164, 164, 252, 0.87) !important;
}

.grouped-element-colored.ort {
    border-bottom: 2px solid #f6f9fb !important;
    background: #86aafa !important;
}

.grouped-element-colored.mus {
    border-bottom: 2px solid #f6f9fb !important;
    background: #9eedfc !important;
}

.grouped-element-colored.dnz {
    border-bottom: 2px solid #f6f9fb !important;
    background: #abecc5 !important;
}

.grouped-element-colored.fisia {
    border-bottom: 2px solid #f6f9fb !important;
    background: #8ec4a0 !important;
}

.grouped-element-colored.edu {
    border-bottom: 2px solid #f6f9fb !important;
    background: #b0c48e !important;
}

.grouped-element-colored.trp {
    border-bottom: 2px solid #f6f9fb !important;
    background: #c4b58e !important;
}

/* Planning Table First Column settings */
.first-column {
    text-align: left;
    color: white;
    min-width: 120px !important;
    background: var(--argos-dark-grey) !important;
    background-clip: padding-box !important;
}

.first-column-nohover {
    text-align: left;
    color: white;
    cursor: default;
    min-width: 120px !important;
    background: var(--argos-dark-grey) !important;
    background-clip: padding-box !important;
}

.first-column.spec, .first-column-nohover.spec {
    min-width: unset !important;
    padding-inline: 0;
}

/* Hide first cell of heading */
.first-column.heading, .first-column-nohover.heading {
    font: 15px 'Helvetica neue lt 45', sans-serif;
    text-align: left;
    background: white !important;
    border-left-width: 0px;
}

/* Planning Table Body Cell Settings */
.planning-table td {
    padding: 10px;
    text-align: left;
    /*background: white;*/
    border: 2px solid #f6f9fb;
    min-width: 140px;
    min-height: 120px;
    /*sticky header and first column*/
    position: sticky;
    left: 0;
    z-index: 1;
}

.blocked-cell, .assenza-prolungata.blocked-cell, .holiday-cell.blocked-cell {
    background: #dce0e3 !important;
    background-clip: padding-box !important;
}

.assenza-prolungata, .holiday-cell {
    background: var(--argos-red) !important;
    background-clip: padding-box !important;
}

.blocked-cell.straordinari-cell {
    background: rgba(140, 217, 131, 0.48) !important;
    background-clip: padding-box !important;
}

.out-cell.blocked-cell, .out-cell {
    background: rgba(239, 141, 248, 0.6) !important;
    background-clip: padding-box !important;
}

.partita-iva-cell {
    background: rgba(131, 217, 210, 0.48) !important;
    background-clip: padding-box !important;
}

.blocked-cell.partita-iva {
    background: rgba(131, 217, 210, 0.48) !important;
    background-clip: padding-box !important;
}

.idk-cell {
    background: rgba(40, 239, 219, 0.91) !important;
    background-clip: padding-box !important;
}

.npi-cell {
    background: rgba(239, 141, 55, 0.84) !important;
    background-clip: padding-box !important;
}

.special-cell {
    background:  #f6f6ae;
    background-clip: padding-box !important;
}

/* Cell hover color */
.blocked-cell:hover, .first-column:hover,
.straordinari-cell:hover, .partita-iva-cell:hover,
.idk-cell:hover, .assenza-prolungata:hover, .holiday-cell:hover,
.selected {
    background-color: var(--argos-bacheca-light) !important;
    cursor: pointer;
    background-clip: padding-box !important;
}

/* --- VIEW MODALI --- */

.toast-container {
    display: flex;
    flex-direction: column-reverse; /* stack from bottom up */
    align-items: flex-end; /* right-align if needed */
    gap: 0.5rem; /* spacing between toasts */
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 1080;
}

.toast-image {
    margin-right: 1%;
    width: 40px;
    height: auto;
}

.toast {
    min-width: 350px;
    background-color: rgba(255,255,255,.95);
}

.toast-title {
    font-family: 'Helvetica neue lt 75', sans-serif;
    color: #2e3c45;
    font-size: 16px;
    font-weight: 700;
    padding-inline: 3%;
    margin-right: 30%;
}

#toast-unreads {
    color: var(--argos-primary);
    font-weight: 700;
}

.toast-header .btn-close {
    margin: 0;
}

.toast-header {
    border-bottom: 0.5px solid var(--argos-primary);
}

.modal {
    display: none; /* Hidden by default */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-view {
    display: flex;
    padding-bottom: 40px;
    /* external boundaries - horizontal */
    margin-inline: 28%;
    /* external boundaries - vertical */
    overflow-y: scroll;
    -ms-overflow-style: scrollbar;
    max-height: 85%;
    margin-block-start: 60px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 3px 3px 9px 0 rgba(46, 60, 69, 0.34);
    border-top: 15px solid var(--argos-primary);
    border-bottom: 15px solid var(--argos-primary);
}

.modal-view-section-title {
    font-family: 'Helvetica neue lt 75', sans-serif;
    color: #2e3c45;
    font-size: 22px;
    line-height: 48px;
    font-weight: 700;
    margin: 0 0 40px 0;
    padding-inline: 3%;
    border-bottom: 3px solid var(--argos-primary);
}

.modal-view-section-title.alert {
    border-style: none none dotted;
    border-bottom-width: 4px;
    border-bottom-color: var(--argos-primary);
}

.modal-view-section-title.danger {
    border-style: none none dotted;
    border-bottom-width: 4px;
    border-bottom-color: var(--argos-danger);
}

.modal-form {
    padding-inline: 3%;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px 10px rgba(255, 255, 255, .60);
    border: solid 3px transparent;
}

::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, .25);
    border-radius: 40px;
    border: solid 3px transparent;
}

.div-block-modal-planning {
    display: flex;
    justify-content: flex-start;
    align-self: flex-start;
    flex-wrap: wrap;
}

.modal-view.large {
    margin-inline: 10%;
}

.modal-view.medium {
    margin-inline: 22%;
}

.modal-view.small {
    margin-inline: 40%;
}

.modal-view.mobile {
    margin-inline: 3%;
}

.modal-view.danger {
    border-top: 15px solid var(--argos-danger);
    border-bottom: 15px solid var(--argos-danger);
}

/* ----- ALTRO  ---- */

.form-check {
    margin: 2% 0;
}

.form-check-input {
    margin-top: 0.45rem;
    border-radius: 3px;
    height: 18px;
    width: 18px;
}

.form-check-input:checked {
    background-color: var(--argos-primary) !important;
    border-color: var(--argos-primary) !important;
}

.form-check-input:not(:checked) {
    background-color: white !important;
    border-color: #76797b !important;
}

.form-check-input:disabled {
    background-color: white !important;
    border-color: #ececec !important;
}

.form-check-input:focus {
    border-color: var(--argos-light-grey);
    box-shadow: unset;
}

.form-check-label {
    font: 16px 'Helvetica neue lt 45', sans-serif;
    padding-top: 6px;
    padding-left: 2px;
}

.form-check-label.lg {
    font: 17px 'Helvetica neue lt 45', sans-serif;
    padding-top: 6px;
    padding-left: 2px;
}

.container-small {
    margin-bottom: 2%;
    margin-right: 3%;
    min-width: 20%;
}

.container-medium {
    margin-bottom: 2%;
    margin-right: 3%;
    min-width: 60%;
}

.div-line {
    margin-right: 16px;
    margin-bottom: 23px;
    padding-bottom: 33px;
    border-bottom: 1px solid var(--argos-primary);
}

.border-right-disponibilita-table {
    border-right: 8px solid white !important
}

.border-left-argos-operatori {
    border-left-color: var(--argos-operatori) !important;
}

.alert {
    width: 100%;
}

.custom-alert {
    margin-top: 20px;
    text-align: center;
    background-color: #a32035;
    color: white;
    font-size: 13px;
    border-radius: 20px;
    width: fit-content;
    padding: 8px 24px;
}

.alert-toggle {
    padding: 9px 15px;
    margin-bottom: 0px;
    font-family: 'Helvetica neue lt 75', sans-serif;
    font-size: 13px;
}

.badge.danger {
    background-color: var(--argos-danger);
    color: white;
}

/*.btn-close {*/
/*    width: 0.5em;*/
/*    height: 0.5em;*/
/*    padding: 0.2em;*/
/*    margin-top: 1.5em;*/
/*    margin-right: 0.5em;*/
/*}*/

.btn-close:focus {
    box-shadow: unset;
}

.button-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    margin-left: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-control:focus {
    border-color: var(--argos-light-grey);
    box-shadow: unset;
}

.was-validated .form-control:valid {
    border-color: var(--classic-border-color);
    background-image: unset;
}

.was-validated .form-control:valid:focus {
    border-color: var(--argos-light-grey);
    box-shadow: unset;
}

.was-validated .form-check-input:valid {
    border-color: var(--classic-border-color);
}

.was-validated .form-check-input:valid~.form-check-label {
    color: inherit;
}

.was-validated .form-check-input:valid:focus {
    box-shadow: unset;
}

.was-validated select:valid+.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.was-validated select:valid+.select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: var(--argos-light-grey);
    box-shadow: unset;
}

.was-validated select:valid+.select2-container--bootstrap-5 .select2-selection {
    border-color: var(--classic-border-color);
}

summary {
    font-family: 'Helvetica neue lt 75', sans-serif;
    font-size: 18px;
    border-bottom: 1px solid var(--argos-primary);
    color: var(--argos-primary);
    padding: 10px;
}

details[open] summary {
    border-radius: 5px 5px 0 0;
}

details {
    border-radius: 5px;
}

article {
    font-family: 'Helvetica neue lt 67', sans-serif;
    padding: 1em;
    background: #f6f9fb;
}

.footer-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
/* -------------------- */