/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/*h1, .h1 {
    font-size: 2em !important;
}

h2, .h2 {
    font-size: 1.5em !important;
}

h3, .h3 {
    font-size: 1.17em !important;
}

h5, .h5 {
    font-size: 0.83em !important;
}

h5, .h5 {
    font-size: 0.67em !important;
}*/

.windent-logo {
    background: linear-gradient(90deg,rgba(16, 180, 236, 1) 0%, rgba(16, 108, 244, 1) 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 700;
    display: inline;
}

.poliwin-logo {
    background: linear-gradient(90deg,rgba(232, 68, 212, 1) 0%, rgba(144, 4, 252, 1) 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 700;
    display: inline;
}

.winodlab-logo {
    background: linear-gradient(90deg,rgba(252, 188, 100, 1) 0%, rgba(244, 108, 68, 1) 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 700;
    display: inline;
}

.dettfatt-logo {
    background: linear-gradient(90deg, rgba(100, 220, 100, 1) 0%, rgba(0, 140, 70, 1) 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 700;
    display: inline;
}

.quaderno-logo {
    background: linear-gradient(90deg, rgba(8, 116, 252, 1) 0%, rgba(232, 52, 164, 1) 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 700;
    display: inline;
}

.tema-chiaro .fuori-preventivo, .tema-scuro .fuori-preventivo {
    border-radius: 1.4rem !important;
    background-color: #c6a7ff !important;
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

.tema-chiaro .text-fuori-preventivo, .tema-scuro .text-fuori-preventivo {
    color: #4c00d7 !important;
}

.tema-chiaro .text-nonpiuin-preventivo, .tema-scuro .text-nonpiuin-preventivo {
    border-radius: 1.4rem !important;
    background-color: #f488c9 !important;
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

.tema-chiaro .text-nonpiuin-preventivo, .tema-scuro .text-nonpiuin-preventivo {
    color: #ff00a3 !important;
}

body.agenda.tema-scuro .event * {
    text-shadow: none !important;
}

body.agenda.tema-scuro .event i {
    filter: none !important;
}

.carousel-indicators.paziente button {
    width: 32px;
    height: 32px;
    background-image: url('../../img/varie/qe_bianco.svg'); /* Percorso relativo al tuo file */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    opacity: 0.5;
    transition: opacity 0.3s ease;
    filter: drop-shadow(0 0 1px black);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

    .carousel-indicators.paziente button:hover {
        transform: scale(1.2);
        opacity: 1;
    }

.carousel-control-prev-icon, .carousel-control-next-icon {
    filter: drop-shadow(0 0 2px black);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon {
    transform: scale(1.2);
    opacity: 1;
}

.carousel-control-prev,
.carousel-control-next {
    transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    background-color: #ffffff38;
}

.carousel-indicators.paziente .active {
    opacity: 1;
}

.border-text {
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.border-text-mini {
    text-shadow: -0.6px -0.6px 0 #000, 0.6px -0.6px 0 #000, -0.5px 0.5px 0 #000, 0.5px 0.5px 0 #000;
}

.pannello-appuntamenti {
    background-color: #ffffdc !important;
}

.pannello-pazienti {
    background-color: #ffdcdc !important;
}

.pannello-fatture {
    background-color: #deffdc !important;
}

.pannello-incassi {
    background-color: #bcceff !important;
}

.card-giornaliero:hover {
    transform: scale(1.03);
}

.card-giornaliero {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.bg-grigio {
    background-color: #ebeef4 !important;
}

.bg-secondary_ {
    background-color: #6c757d !important
}

.bg-pallino-verde {
    background-color: #298404 !important;
    box-shadow: 0 .5rem 1rem rgb(0 0 0 / 27%) !important;
}

.bg-pallino-celeste {
    background-color: #17a2b8 !important;
    box-shadow: 0 .5rem 1rem rgb(0 0 0 / 27%) !important;
}

.bg-pallino-grigio {
    background-color: #6c757d !important;
    box-shadow: 0 .5rem 1rem rgb(0 0 0 / 27%) !important;
}

.border-collapse {
    border-bottom: 0px !important;
    border-radius: 6px 6px 0px 0px !important;
}

.app-sidebar-minified .logo-sidebar {
    padding-left: 14px !important;
}

button[onclick="popolaModalInfo()"] {
    display: none !important;
}

body.fatture .table-condensed .active.selected.range-start.range-end.day,
body.fatture .table-condensed .active.selected.range-start.day,
body.fatture .table-condensed .selected.range-end.day,
body.fatture .table-condensed .selected.range-start.day,
body.fatture .table-condensed .active.selected.range-end.day {
    background-color: #028824 !important;
    border-color: #028824 !important;
    background: #028824 !important;
    color: white;
}

body.fatture .datepicker .datepicker-days table tbody tr td.selected:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: -1px;
    background: white;
    width: 1px;
    left: -1px;
}

body.fatture .table-condensed .datepicker-switch:hover, body.fatture .table-condensed .next:hover, body.fatture .table-condensed .prev:hover {
    color: #028824 !important;
}

body.fatture .datepicker .datepicker-days table tbody tr td:hover, body.fatture .table-condensed th.today:hover {
    background-color: #80d0a6 !important;
}

#radio-selezione-tipo-risorsa,
#QJSMiniCalendar,
#select-lista-medici,
#agenda-full-container .col.scrollable-col,
#risorse-wrapper > * {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

#btnShowMedici,
#QJSMiniCalendar  {
    width: 256px !important;
}

body.desktop #qjsMini,
body.desktop #select-lista-medici,
body.desktop #lista-risorse-studio,
body.desktop #lista-risorse-medico {
    width: 256px !important;
}

body.mobile #qjsMini,
body.mobile #select-lista-medici,
body.mobile #lista-risorse-studio,
body.mobile #lista-risorse-medico,
body.mobile #QJSMiniCalendar,
body.mobile #radio-selezione-tipo-risorsa,
body.mobile #btnShowMedici {
    width: 236px !important;
}

body.mobile #agenda-full-container {
    display: flex;
    justify-content: center;
}

body.mobile .risorsa div {
    z-index: 30 !important;
}

/*#sidebar-agenda {
    padding-right: 0px !important;
}*/

    #sidebar-agenda #qjsRisorse {
    padding-bottom: .5rem !important;
}

body.mobile #qjsCalendario {
    width: 100% !important;
}

@media (min-width: 768px) {
    body.mobile #giorno-qjs {
        top: 55px !important;
    }
}

@media (max-width: 767px) {
    body.mobile #giorno-qjs {
        top: 45px !important;
    }
}

body .table-time-row td:not([class]),
body tr.row-risorse {
    background: repeating-linear-gradient(-45deg, rgb(255 255 255), #ffffff 2px, rgb(255 255 255) 2px, rgb(255 255 255) 7px) !important;
    z-index: 30 !important;
}

body tr.row-risorse {
    position: relative;
    position: sticky;
    top: 0;
}

body .orario-cell.text-nowrap {
    position: relative;
    position: sticky;
    left: 0;
    background-color: white;
    border-right: 1px solid #dae0ec !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

#qjsCalendario {
    padding: 0px !important;
}

#QJSCalendar ::-webkit-scrollbar-thumb {
    background: #888 !important;
}

#qjsMainCalendarTitle {
    white-space: nowrap !important;
}

/*
body.mobile #qjsc-btn-settings {
    display: none !important;
}*/

body.mobile.agenda {
    height: calc(100vh - 60px) !important;
    margin-bottom: 0px !important;
}

body.mobile.agenda #qjsc-btn-nuovo {
    height: 43px !important;
    width: 43px !important;
}

body.mobile.agenda #qjsc-select-tipo-calendario option:not([value="3"]) {
    display: none;
}

#events-layer td:not(.orario-col),
.risorsa,
.table-time-row td:not(.orario-cell) {
    max-width: 90px !important;
    white-space: nowrap;
}

#sidebar-agenda {
    overflow-y: auto;
    overflow-x: hidden;
}

body.desktop.agenda #content {
    padding-left: 1rem !important;
    padding-right: .5rem !important;
}

#container-qjs {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

body.desktop #giorno-qjs.oggi-cell:hover {
    background-color: #c45600 !important;
}

#giorno-qjs:not(.oggi-cell) {
    transition: all 0.25s ease;
    height: 50px;
    padding: 1px;
    width: 50px;
}

body.desktop #giorno-qjs:not(.oggi-cell):hover {
    background-color: #b4b4b4 !important;
    height: 50px;
    padding: 1px;
    width: 50px;
}

body.mobile.agenda.tema-chiaro .switch-daily-weekly:hover {
    background-color: white !important;
}

body.mobile.agenda #qjsToolbar-container .select-wrapper > :nth-child(4) {
    display: none !important;
}

#qjsToolbar-container {
    position: absolute !important;
    top: 89% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 60 !important;
    border-radius: 9px !important;
}

#qjsToolbar-container #qjsToolbar,
#qjsToolbar-container #qjsToolbar > div,
#qjsToolbar-container #qjsToolbar,
#qjsToolbar-container #qjsToolbar > div > div,
#qjsToolbar-container .select-wrapper {
    background-color: transparent !important;
    border-radius: 9px;
}

#qjsToolbar-container .select-wrapper a,
#qjsToolbar-container .select-wrapper button {
    background-color: white !important;
}

#qjsToolbar-container .select-wrapper {
    background-color: white;
    margin-right: 0px !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

#qjsCalendar {
    height: 100%;
}

body.giornaliero #qjsToolbar-container select {
    display: none;
}

@media(min-width: 768px) {
    body.giornaliero #qjsToolbar-container .select-wrapper > :nth-child(1) {
        border-top-left-radius: 9px !important;
        border-bottom-left-radius: 9px !important;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

    body.giornaliero #qjsToolbar-container .select-wrapper > :nth-child(6) {
        border-top-right-radius: 9px !important;
        border-bottom-right-radius: 9px !important;
    }
}

@media (max-width: 767px) {
    #qjsToolbar-container select {
        width: 147px !important;
    }

    #qjsToolbar-container .select-wrapper {
        width: 149px !important;
    }

    /* senza .giornaliero */

    body:not(.giornaliero) #qjsToolbar-container .select-wrapper > :nth-child(6) {
        border-top-right-radius: 9px;
    }
    body:not(.giornaliero)  #qjsToolbar-container select {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 9px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 9px;
    }
    body:not(.giornaliero) #qjsToolbar-container .select-wrapper > :nth-child(1) {
        border-top-left-radius: 9px !important;
        border-bottom-left-radius: 0px !important;
    }

    /* con .giornaliero */
    body.giornaliero #qjsToolbar-container .select-wrapper > :nth-child(1) {
        border-top-left-radius: 9px !important;
        border-bottom-left-radius: 9px !important;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }
    body.giornaliero #qjsToolbar-container .select-wrapper > :nth-child(6) {
        border-top-right-radius: 9px !important;
        border-bottom-right-radius: 9px !important;
    }
}

#qjsToolbar-container .select-wrapper > *:hover {
    background-color: #ff9500 !important;
    color: #000 !important;
}

body.giornaliero .switch-daily-weekly {
    pointer-events: none !important;
}

#qjsToolbar-container .select-wrapper > :nth-child(1) {
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
}

body.giornaliero #qjsToolbar-container .select-wrapper > :nth-child(1) {
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
}

#sidebar-agenda #QJSMiniCalendar > section {
    padding: 8px !important;
}

#qjsToolbar-container #qjsc-btn-nuovo {
    display: none;
}

@media (max-width: 1400px) {
    body .desktop #qjsSidebar {
        display: none !important;
    }

    body.desktop #sidebar-agenda #qjsSidebar {
        display: inline !important;
    }

    body.desktop #qjsCalendario {
        width: 100% !important;
    }
}

#qjsSidebar {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

.app-sidebar-minified .brand-sidebar, .app-sidebar-minified .label-licenze {
    display: none !important;
}

.app-sidebar-minified .gruppo-licenza {
    padding: 0px !important;
}

.app-sidebar-minified #labelicenze {
    border-radius: 0.6rem !important;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    cursor: pointer !important;
}

.app-sidebar-minified #stato-sincro {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

.app-sidebar-minified #testo-sincro {
    display: none !important;
}

.prestazioneDataDifferente::marker{
    color: red !important;
}

.app-sidebar-minified #labelicenze > i {
    height: 16px !important;
    width: 18px !important;
}

.app-sidebar-minified .danascondere-sidebar {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.app-sidebar-minified .sidebar-show {
    display: inline !important;
}

.tema.chiaro .text-winodlab, .tema-scuro .text-winodlab {
    color: #ffc107 !important;
}

.tema.chiaro .text-poliwin, .tema-scuro .text-poliwin {
    color: #d624c0 !important;
}

.app-sidebar-minified #select-licenza {
    width: 0px !important;
    color: transparent !important;
    background-color: transparent !important;
    position: relative !important;
    bottom: 35px !important;
    border: 0px !important;
    cursor: pointer !important;
}

.app-sidebar-minified #select-licenza:focus {
    border-color: #ffffff00;
    outline: 0;
    box-shadow: 0 0 0 0rem #ffffff00;
}

.app-sidebar-minified #container-sidebar-licenze {
    height: 35px !important;
}

/* Quando #app NON ha la classe .app-sidebar-minified */
#app:not(.app-sidebar-minified) .sidebar-show {
    display: none !important;
}

.tema-chiaro .testo-blu {
    color: #1f6bff !important;
}

.tema-scuro .testo-blu {
    color: #fffc !important;
}

.tema-chiaro .testo-incasso {
    color: #1f6bff !important;
    font-size: 125px;
}

.tema-chiaro .testo-paziente {
    color: #e6180d !important;
    font-size: 125px;
}

.tema-chiaro .testo-appuntamento {
    color: #ff9500 !important;
    font-size: 125px;
}

.tema-chiaro .testo-prestazione {
    color: #0dcaf0 !important;
    font-size: 125px;
}

.tema-chiaro .testo-fattura {
    color: #198754 !important;
    font-size: 125px;
}

.tema-scuro .testo-paziente, .tema-scuro .testo-incasso, .tema-scuro .testo-fattura, .tema-scuro .testo-appuntamento, .tema-scuro .testo-prestazione {
    color: #fffc !important;
    font-size: 125px;
}

.tema-chiaro .timeline-vertical {
    border-left-style: dotted;
    border-left-width: 5px;
    border-left-color: #717c90;
}

.tema-scuro .timeline-vertical {
    border-left-style: dotted;
    border-left-width: 5px;
    border-left-color: #fffc;
}

.tema-scuro .app-float-submenu {
    border: 1px solid white !important;
    background-color: #303f50 !important
}

.tema-scuro .app-float-submenu a:hover {
    background-color: #4a5a7a !important;
}

.app-sidebar-minified .select-licenze {
    display: block !important;
    width: 100% !important;
    padding: .375rem 2.25rem .375rem .75rem !important;
    -moz-padding-start: calc(.75rem - 3px) !important;
    font-size: .875rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #3c4e71 !important;
    background-color: #fff !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: right .75rem center !important;
    background-size: 16px 12px !important;
    border: 1px solid #c9d2e3 !important;
    border-radius: 6px !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    appearance: none !important;
    padding-left: 8px !important;
    padding-right: 0px !important;
}

.header-desktop {
    /*background-color: rgba(235, 238, 244, 0.6) !important;*/
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    z-index: 1030 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    position: sticky !important;
    top: 0 !important;
}

.header-desktop-paziente {
    /*background-color: rgba(235, 238, 244, 0.6) !important;*/
    z-index: 1030 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    position: sticky !important;
    top: 0 !important;
}

.header-blur {
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.iframe-carosello a {
    display: none !important;
}

.btn-outline-brown:hover, .btn-brown {
    background-color: #855d50;
    color: #fffc !important;
}

.text-brown {
    color: #855d50;
}

.tema-chiaro .link-brown, .tema-scuro .link-brown {
    color: #855d50;
    background-color: transparent !important;
}

.bg-brown {
    background-color: #855d50;
    color: #fffc !important;
}

/*temi */
.tema-chiaro {
    background-color: #ebeef4 !important;
}

.tema-scuro, .link-brown {
    background-color: #131920 !important;
}

.tema-qe {
    background: linear-gradient(90deg, #0070ff94, #f43fc785) !important;
}

@keyframes tema-qe {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.bg-white {
    background-color: white;
}

.text-white {
    color: #fffc;
}

.text-dark {
    color: black;
}

.tema-scuro .text-dark, .tema-scuro .text-white {
    color: #fffc !important;
}

/*sezioni */
.tema-scuro .sezione-scura {
    background-color: #303f50 !important;
    color: #fffc !important;
}

.tema-scuro input[type="checkbox"]:checked::before {
    border-color: #fffc !important;
    accent-color: #303f50 !important;
}

.tema-chiaro .btn-primary, .tema-chiaro .btn-danger, .tema-chiaro .btn-success {
    color: #fffc !important;
}

.sezione-qe {
    background-color: rgba(235, 238, 244, 0.6) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 0px !important;
}

.tema-scuro .card-giornaliero {
    background-color: #303f50 !important;
    color: #fffc;
}

.tema-scuro .dropdown-item:hover, .tema-scuro .incasso-card:hover {
    background-color: #4a5a7a;
}

.tema-scuro .btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e) center / 1em auto no-repeat;
    border: 0;
    border-radius: 6px;
    opacity: .5;
    filter: invert(1) grayscale(100%) brightness(200%);
}

    .tema-scuro .btn-close:hover {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }

.text-grigino {
    color: #6c6c6c;
}
.eui-widget-title.es-widget-title.eapps-instagram-feed-title {
    font-size: 20px !important;
}

    .eui-widget-title.es-widget-title.eapps-instagram-feed-title a {
        color: #3897f0 !important;
    }

.tema-scuro .eapps-instagram-feed-popup-item,
.tema-scuro .eapps-instagram-feed-popup-item-text-author,
.tema-scuro .eapps-instagram-feed-loader,
.tema-scuro .es-post-user-name,
.tema-scuro .eapps-instagram-feed-popup-item-text a {
    background-color: #303f50 !important;
    color: #fffc !important;
}

.tema-scuro .eapps-instagram-feed-posts-item-instagram-link svg{
    fill: #fffc !important;
}

.tema-scuro .eapps-instagram-feed-container * {
    color: #fffc !important;
}

.tema-scuro .eapps-instagram-feed-header,
.tema-scuro .eapps-instagram-feed-posts-item {
    background-color: #303f50 !important;
}

.tema-scuro .eapps-instagram-feed-content {
    border: 1px solid white !important;
}

.eapps-instagram-feed-content {
    border-radius: 1.4rem !important;
}

.tema-chiaro .eapps-instagram-feed-content {
    border: 1px solid #dae0ec !important;
}

.eapps-instagram-feed-header-container,
.eapps-instagram-feed-header {
    border-radius: 1.4rem 1.4rem 0rem 0rem !important;
}

.eapps-instagram-feed-posts-container,
.eapps-instagram-feed-posts-slider,
.eapps-instagram-feed-posts-slider-inner,
.eapps-instagram-feed-posts-view eui-slider-slide {
    border-radius: 0rem 0rem 1.4rem 1.4rem !important;
}

.tema-chiaro .ricarcaglobale:hover,
.tema-scuro .ricarcaglobale:hover {
    color: white !important;
}

.tema-scuro table * {
    border-color: white !important;
}
/*.tema-chiaro .bg-white{
    background-color: white !important;
}*/
/* AGENDA */
.tema-chiaro #QJSMiniCalendar,
.tema-chiaro #QJSMiniCalendar-toolbar {
    background-color: #ffa526 !important;
    color: #fffc !important;
}

.tema-scuro #QJSMiniCalendar,
.tema-scuro #QJSMiniCalendar-toolbar {
    background-color: #303f50 !important;
    color: #fffc !important;
    border-color: #fffc !important;
}

.tema-chiaro #QJSMiniCalendar table tbody td {
    z-index: unset;
}

.tema-chiaro #qjsc-btn-oggi:hover,
.tema-chiaro #QJSMiniCalendar td:hover,
.tema-chiaro #QJSMiniCalendar td.selected,
.tema-chiaro #QJSMini-header .pre-button:hover,
.tema-chiaro #QJSMini-header .next-button:hover {
    background-color: #dd9126 !important;
    color: #fffc !important;
}

.tema-chiaro #QJSMiniCalendar td.today,
.tema-chiaro .oggi-cell {
    background-color: #f76d00 !important;
    color: white !important;
    transition: all 0.25s ease;
}

.tema-scuro #QJSMiniCalendar td.today:after,
.tema-scuro .oggi-cell,
.tema-scuro #librettoPazientiContainer,
.tema-scuro .modal-body .input-group-text {
    background-color: #303f50 !important;
    color: #fffc !important;
    border: 1px solid #fffc !important;
}

.tema-chiaro #qjsCalendar .qjsc-func-oggi,
.tema-chiaro #qjsCalendar .btn-outline-secondary,
.tema-chiaro #qjsCalendar .btn-primary,
/*.tema-chiaro #btnShowMedici,*/
.tema-chiaro #btnShowStudi {
    background-color: white !important;
    color: #ffa526 !important;
    border-color: #ffa526 !important;
}

    .tema-chiaro #qjsCalendar .qjsc-func-oggi:hover,
    .tema-chiaro #qjsCalendar .btn-outline-secondary:hover,
    .tema-chiaro #qjsCalendar .btn-primary:hover,
    /*.tema-chiaro #btnShowMedici:hover,
    .tema-chiaro #btnShowStudi:hover
    .tema-chiaro #btnShowMedici.active,
    .tema-chiaro #btnShowStudi.active */ {
        background-color: #ffa526 !important;
        color: black !important;
        border-color: #ffa526 !important;
    }

/* test risorse - da togliere*/
#risorse-wrapper>li {
    display: none;
}
input#btnShowMedici {
    border-top: 1px solid #ffa526;
    border-radius: 6px 6px 6px 6px;
}

@media (min-width: 768px) {
    .ps-md-3 {
        padding-left: 16px;
    }
}

#giorno-qjs {
    left: 50% !important;
    position: sticky;
    right: 50% !important;
}

body.desktop .dropdown-menu.ul-pazienti,
body.desktop .dropdown-menu.ul-onorario {
    min-width: 461px !important;
}

#radio-selezione-tipo-risorsa {
    background-color: transparent !important;
}

body.desktop .form-switch .form-check-input:checked:after {
    left: 160px !important;
}

body.desktop.agenda .form-switch .form-check-input:checked:after {
    left: 160px !important;
}

body.mobile.agenda .form-switch .form-check-input:checked:after {
    left: 140px !important;
}

body.desktop.agenda .form-switch .form-check-input:after {
    left: 35px !important;
}

body.mobile.agenda .form-switch .form-check-input:after {
    left: 20px !important;
}

.tema-scuro .event-cell {
    background-color: #303f50 !important;
}

.tema-scuro .form-switch .form-check-input:before,
.tema-scuro .form-switch .form-check-input:hover:before,
.tema-scuro .form-switch .form-check-input:checked:before {
    background-color: #fffc;
    color: #212837;
}

.tema-chiaro .select-wrapper.input-group > a:hover {
    background-color: #ffa526 !important;
    color: #fffc !important;
}

.tema-scuro td.orariAperturaDelGiorno {
    background: repeating-linear-gradient(-45deg, rgb(255 255 255), rgb(255 255 255) 2px, #253343 2px, #253343 7px) !important;
}

.tema-scuro td.orariAperturaRisorsa {
    background: repeating-linear-gradient(-45deg, rgb(253 0 24), rgb(251 129 140) 2px, #253343 2px, #253343 7px) !important;
}

    .tema-scuro td.orariAperturaRisorsa .event-cell,
    .tema-scuro td.orariAperturaDelGiorno .event-cell {
        background-color: #25334352 !important;
    }

.tema-scuro .popover.fade.show {
    background-color: #303f50 !important;
    color: #fffc !important;
    border: 1px solid #fffc !important;
}

.tema-scuro .popover-header {
    background-color: #303f50 !important;
    color: #fffc !important;
    border-bottom: 1px solid #fffc !important;
}

.gruppo-input-medici .dataInizio {
    border-radius: 6px 0px 0px 6px !important;
    border-right: 0px !important;
}

.gruppo-input-medici .input-group-text {
    border-radius: 0px !important;
}

.gruppo-input-medici .dataFine {
    border-radius: 0px 6px 6px 0px !important;
    border-left: 0px !important;
}

.tema-scuro .gruppo-input-medici input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(100%);
    opacity: 0.8;
}

.tema-scuro .gruppo-input-medici input[type="time"].border-info::-webkit-calendar-picker-indicator {
    filter: invert(45%) sepia(98%) saturate(2283%) hue-rotate(167deg) brightness(95%) contrast(101%);
}

.tema-scuro .popover-body {
    background-color: #303f50 !important;
    color: #fffc !important;
    background-color: transparent !important;
}

.tema-scuro .form-switch .form-check-input:checked {
    border-color: #fffc !important;
    background-color: #303f50 !important;
}

#agenda-full-container button:focus {
    box-shadow: 0 0 0 .25rem #ffa52680 !important;
}

.tema-scuro #qjsCalendar .h-100>.card {
    border-color: #fffc !important;
}

#span-studi {
    left: 180px !important;
}

#span-dottori {
    left: 30px !important;
}

.tema-scuro #qjsCalendar .border-warning {
    border-color: #fffc !important;
}

.tema-scuro #qjsCalendar .border-warning {
    border-color: #fffc !important;
}

.tema-scuro #qjsCalendar .modal-body input:checked {
    background-color: #ff9500 !important;
}

.tema-scuro #qjsCalendar .modal-header button {
    background-color: transparent !important;
}

.tema-scuro #lista-risorse-studio, .tema-scuro #lista-risorse-medico {
    border: 1px solid #fffc !important;
}

.tema-chiaro #qjsc-select-tipo-calendario {
    border-color: #ff9500 !important;
    color: black !important;
}

.event-cell > a {
    color: #f76d00 !important;
}

#current-time-line {
    background-color: #f76d00 !important;
}

.tema-chiaro #qjsCalendar .btn-link:hover {
    color: #ffc107 !important;
}

.tema-scuro #agenda-full-container *:not(.event) {
    color: #fffc !important;
}

.tema-scuro .row-risorse *,
.tema-scuro .orario-cell {
    color: #fffc !important;
    background-color: #303f50 !important
}

#sidebar-agenda #qjsSidebar {
    margin-right: 0px !important;
}

input[name="IdStripe"] {
    background-color: #dae0ec !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    pointer-events: none;
}

.tema-scuro .event {
    color: black !important;
}

.tema-scuro #agenda-full-container select,
.tema-scuro .modal-body select,
.tema-scuro #agenda-full-container .list-group-item {
    background-color: #303f50 !important;
    color: #fffc !important;
}

.tema-scuro #agenda-full-container button {
    background-color: #303f50 !important;
    color: #fffc !important;
    border-color: #fffc !important;
}

.tema-scuro .modal-content,
.tema-scuro .modal-header,
.tema-scuro .modal-body input,
.tema-scuro .modal-body textarea {
    background-color: #303f50 !important;
    color: #fffc !important;
}

/* Fine Agenda */
.tema-chiaro .bg-gradient-custom-blue {
    background: -moz-linear-gradient(right,#1f6bff,#528dff) !important;
    background: -webkit-linear-gradient(right,#1f6bff,#528dff) !important;
    background: linear-gradient(to left,#1f6bff,#528dff) !important;
}

.tema-chiaro .bg-gradient-custom-orange {
    background: -moz-linear-gradient(right,#ee7b5e,#f1957e) !important;
    background: -webkit-linear-gradient(right,#ee7b5e,#f1957e) !important;
    background: linear-gradient(to left,#ee7b5e,#f1957e) !important
}

.tema-scuro .card-scura, .tema-scuro .bg-gradient-custom-blue {
    background-color: #303f50 !important;
    color: #fffc;
    border: 1px solid #fffc;
}

.tema-scuro .bordo-header-scuro-mobile-1 {
    border-left: solid 1px #fffc;
    border-right: solid 1px #fffc;
}

.tema-scuro .bordo-header-scuro-mobile-2 {
    border-left: solid 1px #fffc;
    border-right: solid 1px #fffc;
    border-bottom: solid 1px #fffc;
}

.tema-scuro select option,
.tema-scuro span.pc-list,
.tema-scuro span.pc-element.pc-trigger,
.tema-scuro span.pc-list li {
    background-color: #303f50 !important;
    color: #fffc !important;
}

.tema-chiaro select option {
    background-color: white !important;
    color: black !important;
}

.tema-scuro .form-control.search-input,
.tema-scuro .btn.btn-secondary.dropdown-toggle,
.tema-scuro .card-scura .dropdown-menu {
    background-color: #303f50 !important;
    color: #fffc;
    border: 1px solid #fffc;
}

.tema-scuro .table-hover > tbody > tr:hover {
    --bs-table-accent-bg: #4a5a7a !important;
    color: #fffc !important;
}

.tema-scuro .testo-bianco, .tema-chiaro .testo-bianco {
    color: #fffc !important;
}

.tema-scuro .sfondo-bianco, .tema-chiaro .sfondo-bianco {
    background-color: #fffc !important;
}

.tema-scuro .bianco-solo-in-scuro {
    color: #fffc !important;
}

.tema-scuro .bg-white {
    background-color: #303f50 !important;
    color: #fffc;
}

.tema-scuro .border-dark {
    border-color: #fffc !important;
}

.tema-scuro input.disabled, .tema-scuro select.disabled {
    background-color: #29313d !important;
    color: #939393b8 !important;
}


.content-app {
    padding: 0px 50px;
    position: relative;
    min-height: 100%;
    margin-left: 240px;
    padding-left: 50px;
    padding-right: 50px;
}

.border-1-4 {
    border-radius: 1.4rem !important;
}

.border-1-4-low {
    border-radius: 0rem 0rem 1.4rem 1.4rem !important;
}

.card-header {
    background-color: transparent;
}

.brand-toggle-neura {
    font-weight: 600 !important;
    font-size: 1rem !important;
    color: #212837 !important;
}

.app-content {
    padding-left: 50px;
    padding-right: 50px;
}

/* Mostra il menu a discesa sopra il bottone quando hover */
#specific-dropdown:hover + .dropdown-menu {
    display: block; /* Rende visibile il menu */
    margin-bottom: 0;
    margin-top: -5px; /* Evita sovrapposizioni */
}

/* Forza il menu a aprirsi verso l'alto */
#specific-dropdown:focus + .dropdown-menu,
#specific-dropdown:hover + .dropdown-menu {
    position: absolute;
    bottom: 100%; /* Posiziona il menu sopra il bottone */
    margin-bottom: 0;
}

.card-blur {
    position: relative;
    left: 0;
    padding: 20px 40px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    z-index: 1;
    transform: 0.5s;
    color: #fff;
}

@media (min-width: 992px) {
    .tema-chiaro .app-sidebar {
        top: 80px;
        bottom: 40px;
        background: white;
        border-top: 1px solid #dae0ec;
        border-right: 1px solid #dae0ec;
        border-bottom: 1px solid #dae0ec;
        border-radius: 0 1.4rem 1.4rem 0 !important;
    }

    .tema-scuro .app-sidebar {
        top: 80px;
        bottom: 40px;
        background: #303f50;
        border-top: 1px solid #dae0ec;
        border-right: 1px solid #dae0ec;
        border-bottom: 1px solid #dae0ec;
        border-radius: 0 1.4rem 1.4rem 0 !important;
    }

    .margin-mobile-pazienti {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .height-anamnesi-poliwin {
        height: 337px;
        overflow-y: auto;
    }

    .height-anamnesi-poliwin-mobile {
        height: 337px;
        overflow-y: auto;
    }

    .height-fatture-mancanti {
        height: 434px;
        overflow-y: auto;
    }

    .header-paz {
        position: fixed !important;
        width: calc(100% - 240px);
    }

    .app-sidebar-minified .header-paz {
        position: fixed !important;
        width: calc(100% - 65px);
    }
}

.btn-outline-primary:hover {
    color: white !important;
}

.btn-outline-danger:hover {
    color: white !important;
}

.tema-chiaro #qjsCalendar .btn-outline-warning:hover {
    background-color: #ff9500 !important;
    color: black !important;
}

.tema-scuro #qjsCalendar .btn-outline-warning {
    border-color: #fffc !important;
}

.tema-scuro #qjsCalendar .btn-outline-warning:hover,
.tema-scuro #qjsCalendar .btn-outline-warning:hover i{
    background-color: #fffc !important;
    color: black !important;
}

.tema-scuro #qjsCalendar .btn-outline-warning:hover i {
    background-color: #fffc !important;
    color: black !important;
}

.tema-scuro #RS_Modal .list-group-item {
    background-color: #303f50 !important;
    color: #fffc !important;
}

.tema-scuro #RS_Modal .list-group-item {
    background-color: #303f50 !important;
    color: #fffc !important;
}

/*.app-sidebar .menu .menu-item.active:not(.has-sub) > .menu-link {
    background: #c9d2e380 !important;
    border-radius: 0.6rem !important;
    margin-bottom: 6px !important;
    margin-top: 6px !important;
}*/
/* fine sidebar paziente */
.tema-chiaro .app-sidebar .menu-item .sidebar-paziente.Home {
    background-color: transparent !important;
    color: black !important;
}

.tema-scuro .app-sidebar .menu-item .sidebar-paziente.Home {
    background-color: transparent !important;
    color: #fffc !important;
}

.app-sidebar .menu-item.active .sidebar-paziente.Home,
.app-sidebar .menu-item .sidebar-paziente.Home:hover {
    background-color: #1f6bff !important;
    color: white !important;
}

.tema-chiaro .app-sidebar .menu-item .sidebar-paziente.Profilo {
    background-color: transparent !important;
    color: black !important;
}

.tema-scuro .app-sidebar .menu-item .sidebar-paziente.Profilo {
    background-color: transparent !important;
    color: #fffc !important;
}

.app-sidebar .menu-item.active .sidebar-paziente.Profilo,
.app-sidebar .menu-item .sidebar-paziente.Profilo:hover {
    background-color: #dc3545 !important;
    color: white !important;
}

.tema-chiaro .app-sidebar .menu-item .sidebar-paziente.Fatture {
    background-color: transparent !important;
    color: black !important;
}

.tema-scuro .app-sidebar .menu-item .sidebar-paziente.Fatture {
    background-color: transparent !important;
    color: #fffc !important;
}

.app-sidebar .menu-item.active .sidebar-paziente.Fatture,
.app-sidebar .menu-item .sidebar-paziente.Fatture:hover {
    background-color: #198754 !important;
    color: white !important;
}

/* fine sidebar paziente */

.app-sidebar .menu .menu-item .menu-link:hover {
    /*background: #c9d2e380;*/
}

.app-sidebar .menu .menu-item .menu-link {
    border-radius: 0.6rem !important;
}

.app-header {
    box-shadow: 0 0px 0px rgb(205 211 222 / 10%);
}

.text-grey-menu {
    color: #2c2f3387 !important;
}

.bg-grey-navy {
    background: #2965da !important;
}

.text-dark-neura {
    color: #141414;
}

.text-dark-sub-neura {
    color: #3A3A3A;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.bootstrap-table .fixed-table-toolbar, .bootstrap-table .fixed-table-pagination {
    padding: 5px;
}

.btn-primary-darkblue {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.full-height {
    height: 100vh;
    overflow: hidden;
}

.scrollable-col {
    /*height: 100%;*/
    overflow-y: auto;
}

body.desktop.agenda #mobile-btn-next,
body.desktop.agenda #mobile-btn-prev,
body.mobile.agenda.settimanale #mobile-btn-next,
body.mobile.agenda.settimanale #mobile-btn-prev,
body.mobile.agenda.mensile #mobile-btn-next,
body.mobile.agenda.mensile #mobile-btn-prev,
body.mobile.agenda.mensile-compatto #mobile-btn-next,
body.mobile.agenda.mensile-compatto #mobile-btn-prev {
    display: none !important;
}

@media (min-width: 992px) {
    #mobile-btn-next {
        position: absolute;
        top: 9%;
        right: 70px;
        transform: translateY(-50%);
        z-index: 1000;
    }

    #mobile-btn-prev {
        position: absolute;
        top: 9%;
        left: 70px;
        transform: translateY(-50%);
        z-index: 1000;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #mobile-btn-next {
        position: absolute;
        top: 8%;
        right: 50px;
        transform: translateY(-50%);
        z-index: 1000;
    }

    #mobile-btn-prev {
        position: absolute;
        top: 8%;
        left: 50px;
        transform: translateY(-50%);
        z-index: 1000;
    }
}

@media (max-width: 767px) {
    #mobile-btn-next {
        position: absolute;
        top: 7%;
        right: 50px;
        transform: translateY(-50%);
        z-index: 1000;
    }

    #mobile-btn-prev {
        position: absolute;
        top: 7%;
        left: 50px;
        transform: translateY(-50%);
        z-index: 1000;
    }
}

body.mobile.agenda th.orario-cell.border-0 {
    border-right: 0px !important;
}
/* Sticky footer styles
-------------------------------------------------- */
html, body {
    font-size: 14px;
}

@media (min-width: 768px) {
    html, body {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}
/* asp studio mod */
.datepicker.datepicker-dropdown {
    z-index: 1100 !important;
}

.dropdown-menu {
    z-index: 1031 !important;
}
/*  MODAL IN MODAL in caso di fallimento validazione non funziona più
.modal:nth-of-type(even) {
    z-index: 1062 !important;
}

.modal-backdrop.show:nth-of-type(even) {
    z-index: 1061 !important;
}

*/
.disabled {
    pointer-events: none;
    /*background-color: #dae0ec;*/
    opacity: 1;
}

/***********LAYOUT QUADERNO****************/
.tema-chiaro #loading-quaderno {
    display: none;
    overflow: hidden !important;
    z-index: 4;
    background: rgba(217, 217, 217, 0.41);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.tema-scuro #loading-quaderno {
    display: none;
    overflow: hidden !important;
    z-index: 4;
    background: rgba(48, 63, 80, 0.41);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.qe-card {
    -webkit-box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
    -moz-box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
    box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
    transition: all 0.45s ease 0s;
    border-radius: 25px;
    -webkit-border-radius: 25px;
}

    .qe-card.active {
        border-left: 5px solid red;
        background: rgba(var(--bs-primary-rgb), 0.04) !important;
        box-shadow: none;
        color: red;
    }

.hide-contabile .el-contabile {
    display: none;
}

/* Pazienti */
.tr-onorario:hover {
    background-color: #f7ffab !important;
}

.shadow-right {
    box-shadow: 0.25rem 0 .25rem rgba(0, 0, 0, 0.075) !important;
}

.border-anagrafica {
    border-top: solid 1px red;
    border-radius: 10px;
}

.td-diario:hover {
    background-color: rgba(255, 0, 0, 0.3) !important;
}

.card-doctor {
    border-radius: 20px;
}

.shadow-interna {
    box-shadow: inset 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}

.border-paziente {
    border-left: solid 4px transparent;
    border-bottom: dashed 1px grey;
}

    .border-paziente:hover, .card-selezionabile.active {
        border-left: solid 4px red;
        border-bottom: dashed 1px grey;
    }

        .border-paziente:hover .nome-paziente {
            color: red;
        }

.border-onorario {
    border-left: solid 4px transparent;
    border-bottom: dashed 1px grey;
}

    .border-onorario:hover {
        border-left: solid 4px #855d50;
        border-bottom: dashed 1px grey;
    }

        .border-onorario:hover .voce-onorario {
            color: #855d50;
        }

.border-medici {
    border-left: solid 4px transparent;
    border-bottom: dashed 1px grey;
}

    .border-medici:hover {
        border-left: solid 4px #4fc8ff;
        border-bottom: dashed 1px grey;
    }

        .border-medici:hover .voce-medici {
            color: #4fc8ff;
        }

.border-fatture {
    border-left: solid 4px transparent;
    border-bottom: dashed 1px grey;
}

    .border-fatture:hover {
        border-left: solid 4px #28a745;
        border-bottom: dashed 1px grey;
    }

        .border-fatture:hover .voce-fatture {
            color: #28a745;
        }

.border-incassi {
    border-left: solid 4px transparent;
    border-bottom: dashed 1px grey;
}

    .border-incassi:hover {
        border-left: solid 4px #2580d3;
        border-bottom: dashed 1px grey;
    }

        .border-incassi:hover .voce-incassi {
            color: #2580d3;
        }
        .border-incassi:hover .voce-incassi-underline {
            text-decoration: underline !important;
        }

.tema-chiaro .campo-modal-incasso {
    background-color: #c6d8f7 !important;
    border-left: solid 4px #2580d3 !important;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.tema-scuro .campo-modal-incasso {
    background-color: #283a5e !important;
    border-left: solid 4px #2580d3 !important;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.tema-scuro .modal-incasso .text-primary {
    color: #fffc !important;
}

.border-empty {
    border-bottom: dashed 1px grey;
}

.border-pagina {
    border-right: solid 3px grey;
}

.active_ {
    border-left: solid 5px blue;
}

.mq-dente {
    height: 100px !important;
}

.mq-spazio {
    display: none;
}

.bg-preventivo {
    background-color: rgba(245,255,240,255);
}

.bg-in-corso {
    background-color: rgba(240,255,255,255);
}

.bg-eseguito {
    background-color: rgba(245,245,245,255);
}

.margin-anamnesi {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.ul_anamnesi {
    max-width: 400px !important;
    max-height: 300px !important;
}

.pulse_card {
    transition: transform 0.3s ease !important;
}

    .pulse_card:hover {
        transform: scale(1.1) !important;
    }

.btn-el {
    background-color: transparent;
}

    .btn-el:hover {
        background-color: white;
    }

.bg-price {
    background: #7FDBB6;
    background: linear-gradient(180deg, #7FDBB6 19%, rgba(245,246,246,0) 79%);
}

.bg-onorario {
    background-color: rgb(255,192,100);
}

.btn-outline-success:hover {
    color: white !important;
}

.btn-odontogramma:hover {
    color: #fff;
    background-color: #1f6bff;
    border-color: #1f6bff;
}

.btn-odontogramma.active {
    color: #fff;
    background-color: #1f6bff;
    border-color: #1f6bff;
}

    .btn-odontogramma.active:hover {
        color: #fff;
        background-color: #1a5bd9;
        border-color: #1956cc;
    }

.btn-odt-modal:hover {
    color: #fff;
    background-color: #1f6bff;
    border-color: #1f6bff;
}

.paz-selezionato {
    background-color: #f7c9c6;
}

.tema-chiaro .inc-selezionato {
    background-color: #c6d8f7;
}

.tema-scuro .inc-selezionato {
    background-color: #283a5e;
}

.tema-chiaro .fatt-selezionata {
    background-color: #a2f7c6 !important;
}

.form-indexmobile.incassi .btn-close:not(.modal-incassi-close),
.modal-ente .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.tema-scuro .shadow-interna {
    background-color: #303f50 !important;
}

.tema-scuro .datepicker,
.tema-scuro .datepicker th,
.tema-scuro .datepicker td,
.tema-scuro .datepicker .range.day {
    background-color: #303f50 !important;
    color: #fffc !important;
}

    .tema-scuro .datepicker .day:hover,
    .tema-scuro .datepicker .range.day:hover {
        background-color: #4a5a7a !important;
        color: #fffc !important;
    }

.tema-scuro .event.draggable {
    background-color: #4a5a7a !important;
    color: #fffc !important;
}

.tema-scuro .fatt-selezionata {
    background-color: #4e7760 !important;
}

.tema-scuro .onor-selezionata {
    background-color: #5a3e36 !important;
}

.tema-scuro #listaPazienti > .dropdown-item {
    color: #fffc !important;
}

.onor-selezionata {
    background-color: #d5bab2;
}

.focus-invisible {
    --bs-focus-ring-color: invisible !important;
}

    .focus-invisible:focus {
        --bs-focus-ring-color: invisible !important;
    }

.fixed-right-arrow {
    position: fixed;
    top: auto; /* Rimuove il posizionamento in alto */
    bottom: 0; /* Puoi impostarlo su 0 o qualsiasi altro valore che preferisci */
    right: 0;
    z-index: 1030; /* Assicurati che l'elemento sia sopra gli altri contenuti */
}

.row.mb-2.width-odontogramma:not(.modal) {
    min-width: 645px;
}

.truncate-multiline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* Limita a 2 righe */
    overflow: hidden;
    text-overflow: ellipsis; /* Aggiunge "..." alla fine */
}

#tbodySala tr {
    border-radius: 10px !important;
}

#tbodySala {
    display: inline !important;
}

.rounded-sda {
    border-radius: 15px !important;
}

.rounded-start-sda {
    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
}

.rounded-end-sda {
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.shadow-inset {
    box-shadow: inset 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.linguetta-pazienti {
    background: linear-gradient(to right, #f04948, rgba(240, 73, 72, 255));
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-color: rgba(240, 73, 72, 255);
}

.linguetta-onorario {
    background: linear-gradient(to right, #ffb24e, rgba(255, 178, 78, 255));
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-color: rgba(255, 178, 78, 255);
}

.linguetta-medici {
    background: linear-gradient(to right, #4e90ff, #80bfff);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-color: #80bfff;
}

.linguetta-agenda {
    background: linear-gradient(to bottom, #ffb24e, rgba(255, 178, 78, 255));
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-color: rgba(255, 178, 78, 255);
}

.text-secondary {
    color: #ababab !important;
}

.nav-link-da-eseguire {
    color: #28a745 !important;
    border-color: #28a745 !important;
    background-color: white !important;
}

    .nav-link-da-eseguire.active {
        color: white !important;
        border-color: #28a745 !important;
        background-color: #28a745 !important;
    }

.nav-link-in-corso {
    color: #17a2b8 !important;
    border-color: #17a2b8 !important;
    background-color: white !important;
}

    .nav-link-in-corso.active {
        color: white !important;
        border-color: #17a2b8 !important;
        background-color: #17a2b8 !important;
    }

.nav-link-eseguito {
    color: #6c757d !important;
    border-color: #6c757d !important;
    background-color: white !important;
}

    .nav-link-eseguito.active {
        color: white !important;
        border-color: #6c757d !important;
        background-color: #6c757d !important;
    }


.paziente-tab-item, .paziente-tab-item > .row {
    height: 100%;
}

.nav-item.disabled {
    pointer-events: none !important;
    /*background-color: #dae0ac !important;*/
    opacity: 0.5 !important;
}

.button-modal-fattura {
    border-color: #28a745 !important;
    color: #28a745 !important;
}

    .button-modal-fattura:hover {
        border-color: #28a745 !important;
        background-color: #28a745 !important;
        color: white !important;
    }

    .button-modal-fattura.active {
        border-color: #28a745 !important;
        background-color: #28a745 !important;
        color: white !important;
    }

        .button-modal-fattura.active:hover {
            border-color: #218838 !important;
            background-color: #218838 !important;
            color: white !important;
        }

.button-modal-onorario {
    border-color: #ff9500 !important;
    color: #c27303 !important;
}

    .button-modal-onorario:hover {
        border-color: #ffc107 !important;
        background-color: #ffc107 !important;
        color: black !important;
    }

    .button-modal-onorario.active {
        border-color: #ffc107 !important;
        background-color: #ffc107 !important;
        color: black !important;
    }

        .button-modal-onorario.active:hover {
            border-color: #ffca2c !important;
            background-color: #ffca2c !important;
            color: black !important;
        }

.incasso-card:hover {
    background-color: #ebeef4;
}

.troncate-1-row {
    /*display: -webkit-box !important;*/
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.troncate-2-row {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.height-dropdown-paz {
    height: 40px;
}

.ul-fatture > li > input {
    width: 17px;
    height: 17px;
    cursor: pointer !important;
}

.ul-incassi > li > input {
    width: 17px;
    height: 17px;
    cursor: pointer !important;
}

.width-loading {
    width: calc(100% - 50px) !important;
}

.link-calendario{
    text-decoration: none !important;
}

.ul-anamnesi {
    list-style: none;
    padding-left: 0;
}

.ul-anamnesi .anamnesi-si::before {
    color: green !important;
}

.ul-anamnesi .anamnesi-no::before {
    color: red !important;
}

.ul-anamnesi li::before {
    content: attr(data-status);
    display: inline-block;
    width: 2.5em;
}

.link-calendario:hover{
    text-decoration: underline !important;
}

.bg-success-subtle {
    background-color: #d1e7dd !important;
}

.text-success-emphasis {
    color: #0a3622 !important;
}

.border-success-subtle {
    border-color: #a3cfbb !important;
}

.bg-danger-subtle {
    background-color: #f8d7da !important;
}

.text-danger-emphasis {
    color: #58151c !important;
}

.border-danger-subtle {
    border-color: #f1aeb5 !important;
}

/* wrapped */
.alert-wrapped {
    background: linear-gradient(135deg, #4f46e5 0%, #f472b6 100%) !important;
    color: #fffc;
}

.carousel-item.carousel-wrapped .alert {
    opacity: 0;
    transform: translateY(-20px);
}

.carousel-item.carousel-wrapped.active .alert {
    animation: fadeDown 0.6s ease forwards;
}

.carousel-item.carousel-wrapped.active .alert:nth-child(1) {
    animation-delay: 0.1s;
}

.carousel-item.carousel-wrapped.active .alert:nth-child(2) {
    animation-delay: 0.3s;
}

.carousel-item.carousel-wrapped.active .alert:nth-child(3) {
    animation-delay: 0.5s;
}

.carousel-item.carousel-wrapped.active .alert:nth-child(4) {
    animation-delay: 0.7s;
}

.carousel-item.carousel-wrapped.active .alert:nth-child(5) {
    animation-delay: 0.9s;
}

.carousel-item.carousel-wrapped.active .alert:nth-child(6) {
    animation-delay: 1.1s;
}

.carousel-item.carousel-wrapped.active .alert:nth-child(7) {
    animation-delay: 1.3s;
}

.carousel-item.carousel-wrapped.active .alert:nth-child(8) {
    animation-delay: 1.5s;
}

.carousel-item.carousel-wrapped.active .alert:nth-child(9) {
    animation-delay: 1.7s;
}

.carousel-item.carousel-wrapped.active .alert:nth-child(10) {
    animation-delay: 1.9s;
}

.carousel-item.carousel-wrapped.active .alert:nth-child(11) {
    animation-delay: 2.1s;
}

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.option-with-icon {
    position: relative;
    padding-left: 25px; /* Per spostare il testo a destra e lasciare spazio per l'icona */
}

    .option-with-icon::before {
        content: "\F638"; /* Codice Unicode per l'icona */
        font-family: 'Bootstrap Icons'; /* Font delle icone (assicurati che sia caricato) */
        position: absolute;
        left: 5px; /* Posiziona l'icona a sinistra dell'opzione */
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.2rem; /* Imposta la dimensione dell'icona */
        color: #f39c12; /* Colore dell'icona */
    }

.circle-width-paziente {
    padding: 2px !important;
    border: solid 1px !important;
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    margin-right: 5px !important;
}

.btn-mobile-pazienti {
    border-radius: 7px;
}

    .btn-mobile-pazienti:hover {
        background-color: #f7e0e3;
    }

.btn-mobile-fatture {
    border-radius: 7px;
}

    .btn-mobile-fatture:hover {
        background-color: #e0f7e4;
    }

.btn-mobile-agenda, .btn-mobile-onorario {
    border-radius: 7px;
}

    .btn-mobile-agenda:hover, .btn-mobile-onorario:hover {
        background-color: #f7f4e0;
    }

.btn-mobile-medici {
    border-radius: 7px;
}

    .btn-mobile-medici:hover {
        background-color: #e0f4f7;
    }

.btn-mobile-incassi {
    border-radius: 7px;
}

    .btn-mobile-incassi:hover {
        background-color: #cdd5f8;
    }

.sezione-filtri-mobile {
    border-bottom-left-radius: 2rem !important;
    border-bottom-right-radius: 2rem !important;
}

.agenda-desktop {
    height: 870px !important;
}

    .agenda-desktop .card:not(.card-expand) > section.p-3.p-md-4.w-100.h-100.d-flex.flex-column {
        height: 840px !important;
    }

    .agenda-desktop #agenda-full-container .col.scrollable-col {
        overflow-y: unset !important;
    }

    .agenda-desktop #lista-risorse-medico {
        max-height: 350px !important;
        overflow: auto !important;
    }

    .agenda-desktop #lista-risorse-studio {
        max-height: 380px !important;
        overflow: auto !important;
        margin-top: 8px !important;
    }

    .agenda-desktop #qjsSidebar {
        overflow-y: unset !important;
    }

    #items-container {
        background-color: white !important;
        padding: 0.5rem !important;
        border-radius: 20px !important;
        /* margin-top: 60px !important;*/
    }

.scrollbar-qjs {
    /*overflow: auto;*/
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.scrollbar-qjs::-webkit-scrollbar {
    display: none;
}

.tema-scuro #items-container {
    background-color: #303f50 !important;
    padding: 0.5rem !important;
    border-radius: 20px !important;
    /* margin-top: 60px !important;*/
}

.ul-pazienti li:hover, .ul-fatture li:hover, .ul-onorario li:hover, .ul-medici li:hover, .ul-incassi li:hover {
    text-decoration: underline !important;
}

#searchMobileModalFatture {
    margin-top: -100px !important;
    --bs-modal-width: 100% !important;
    --bs-modal-margin: 0rem !important;
}

.border-form-mobile-fatture {
    border: solid 4px #198754;
    background-color: #198754;
}

.foto-profilo {
    width: 30px;
    height: 30px;
}

.foto-profilo-desktop {
    width: 40px;
    height: 40px;
}

.foto-profilo-generale {
    width: 130px;
    height: 130px;
}

.tema-chiaro .logoqe-nero, 
.tema-scuro .logoqe-bianco {
    display: inline !important;
}

.tema-chiaro .logoqe-bianco,
.tema-scuro .logoqe-nero {
    display: none !important;
}

.ul-pazienti input:checked {
    accent-color: #dc3545;
}

.ul-fatture input:checked {
    accent-color: #198754;
}

.ul-incassi input:checked {
    accent-color: #2f72ff;
}

.ul-onorario input:checked {
    accent-color: #ce8115;
}

.ul-medici input:checked {
    accent-color: #239ed6 !important;
}

.nav-dati, .nav-storico, .nav-appuntamenti {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: transparent;
    border-radius: 0px !important;
    /* width: 116px;
    height: 39.39px;*/
}

    .nav-dati:hover,
    .nav-storico:hover,
    .nav-appuntamenti:hover {
        background-color: transparent !important;
        color: #1f6bff !important;
        border-color: transparent !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

    .nav-dati.active {
        border-width: 0px 0px 3px 0px;
        border-color: #1f6bff !important;
        border-bottom-left-radius: 1.4rem !important;
        color: #1f6bff !important;
        background-color: transparent !important;
    }

    .nav-storico.active {
        border-width: 0px 0px 3px 0px;
        border-color: #1f6bff !important;
        color: #1f6bff !important;
        background-color: transparent !important;
    }

    .nav-appuntamenti.active {
        border-width: 0px 0px 3px 0px;
        border-color: #1f6bff !important;
        border-bottom-right-radius: 1.4rem !important;
        color: #1f6bff !important;
        background-color: transparent !important;
    }

.input-paz-mobile:focus {
    color: #3c4e71;
    background-color: #fff;
    border-color: #FF5200;
    box-shadow: 0 0 0 .25rem rgba(255, 0, 0, 0.25) !important;
}

.nav-onorario {
    border-color: #ff9500 !important;
    color: #ff9500 !important;
    background-color: transparent !important;
    font-weight: 500 !important;
}

    .nav-onorario:hover {
        border-color: #ff9500 !important;
        color: white !important;
        background-color: #ff9500 !important;
        font-weight: 500 !important;
    }

    .nav-onorario.active {
        border-color: #ff9500 !important;
        color: white !important;
        background-color: #ff9500 !important;
        font-weight: 500 !important;
    }

        .nav-onorario.active:hover {
            border-color: #b16c0b !important;
            color: white !important;
            background-color: #b16c0b !important;
            font-weight: 500 !important;
        }

.page-item.page-pazienti.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #e6180d;
    border-color: #e6180d;
}

.page-item.page-pazienti .page-link:focus {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 .25rem rgb(255 31 31 / 25%);
}

.page-item.page-pazienti .page-link:hover {
    border-color: #f07c9d !important;
    background-color: #f07c9d !important;
    color: #fdfeff !important;
}

.page-item.page-pazienti.active .page-link:hover {
    border-color: #bb2d3b !important;
    background-color: #bb2d3b !important;
    color: #fdfeff !important;
}

.page-item.page-fatture.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #028824;
    border-color: #028824;
}

.page-item.page-fatture .page-link:focus {
    border-color: #028824 !important;
    box-shadow: 0 0 0 .25rem rgb(63 255 31 / 25%);
}

.page-item.page-fatture .page-link:hover {
    border-color: #80d0a6 !important;
    background-color: #80d0a6 !important;
    color: #fdfeff !important;
}

.page-item.page-fatture.active .page-link:hover {
    border-color: #157347 !important;
    background-color: #157347 !important;
    color: #fdfeff !important;
}

.page-item.page-onorario.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #855d50;
    border-color: #855d50;
}

.page-item.page-onorario .page-link:focus {
    border-color: #855d50 !important;
    box-shadow: 0 0 0 .25rem rgb(255 193 31 / 25%);
}

.page-item.page-onorario .page-link:hover {
    border-color: #855d50 !important;
    background-color: #855d50 !important;
    color: #fffc !important;
}

.page-item.page-onorario.active .page-link:hover {
    border-color: #523b33 !important;
    background-color: #523b33 !important;
    color: #fffc !important;
}

.page-item.page-medici.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #4fc8ff;
    border-color: #45c5ff;
    color: black;
}

.page-item.page-medici .page-link:focus {
    border-color: #45c5ff !important;
    box-shadow: 0 0 0 .25rem rgb(31 228 255 / 25%);
}

.page-item.page-medici .page-link:hover {
    border-color: #ace5fb !important;
    background-color: #ace5fb !important;
    color: black !important;
}

.page-item.page-medici .page-link:hover {
    border-color: #ace5fb !important;
    background-color: #ace5fb !important;
    color: black !important;
}

.page-item.page-medici.active .page-link:hover {
    border-color: #31d2f2 !important;
    background-color: #31d2f2 !important;
    color: black !important;
}

/* wrapped */
.btn-outline-wrapped.btn-wrapped, .btn-outline-wrapped:hover {
    position: relative;
    padding: 14px 32px;
    font-size: 16px;
    color: #fff !important;
    cursor: pointer;
    z-index: 999;
    border: none;
    border-radius: 12px;
    /* BG animato */
    background: linear-gradient( 270deg, #ff00cc, #3333ff, #00ffcc, #ffcc00, #ff00cc );
    background-size: 400% 400%;
    animation: borderMove 6s ease infinite;
}

.btn-outline-wrapped.btn-wrapped::before, .btn-outline-wrapped:hover::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px; /* spessore bordo */
    border-radius: 12px;
    /* Bordo animato */
    background: linear-gradient( 270deg, #ff00cc, #3333ff, #00ffcc, #ffcc00, #ff00cc );
    background-size: 400% 400%;
    animation: borderMove 6s ease infinite;
    /* maschera per lasciare solo il bordo */
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.btn-outline-wrapped:not(:hover):not(.btn-wrapped) {
    position: relative;
    padding: 14px 32px;
    font-size: 16px;
    color: #fff;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 1;
}

.btn-outline-wrapped:not(:hover)::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 12px;
    background: linear-gradient( 270deg, #ff00cc, #3333ff, #00ffcc, #ffcc00, #ff00cc );
    background-size: 400% 400%;
    animation: borderMove 6s ease infinite;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.btn-outline-wrapped:not(.btn-wrapped):hover::before {
    position: inherit !important;
    opacity: 0 !important;
}

@keyframes borderMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
/* fine wrapped */

.page-item.page-incassi.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #1f6bff;
    border-color: #1f6bff;
}

.page-item.page-incassi .page-link:focus {
    border-color: #1f6bff !important;
    box-shadow: 0 0 0 .25rem rgb(0 87 255 / 25%);
}

.page-item.page-incassi .page-link:hover {
    border-color: #ace5fb !important;
    background-color: #ace5fb !important;
    color: black !important;
}

.page-item.page-incassi .page-link:hover {
    border-color: #9cb3f9 !important;
    background-color: #9cb3f9 !important;
    color: black !important;
}

.tema-scuro .table-warning {
    --bs-table-bg: #ffcc83 !important;
    color: #303f50 !important;
}

.tema-scuro .table-danger {
    --bs-table-bg: #f28b86 !important;
    color: #303f50 !important;
}

.tema-scuro .lib-anamnesi.card-body {
    background-color: #303f50 !important;
}

.page-item.page-incassi.active .page-link:hover {
    border-color: #1b56ca !important;
    background-color: #1b56ca !important;
    color: #fffc !important;
}

.no-focus:focus {
    border-color: transparent !important;
    box-shadow: 0 0 0 .25rem rgb(31 107 255 / 0%) !important;
}

.modal-body.cpo input[type="checkbox"]:checked {
    background-color: #4fc8ff;
    border: #4fc8ff;
}

.no-focus2:focus {
    box-shadow: 0 0 0 .25rem rgb(31 107 255 / 0%) !important;
}

.focus-paziente:focus {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 .25rem rgb(255 31 31 / 25%);
}

.focus-fatture:focus {
    border-color: #028824 !important;
    box-shadow: 0 0 0 .25rem rgb(63 255 31 / 25%);
}

.focus-onorario:focus {
    border-color: #ff9500 !important;
    box-shadow: 0 0 0 .25rem rgb(255 193 31 / 25%);
}

.focus-medici:focus {
    border-color: #45c5ff !important;
    box-shadow: 0 0 0 .25rem rgb(31 228 255 / 25%);
}

.focus-paziente.form-control:focus {
    color: #3c4e71;
    background-color: #fff;
    border-color: #dc3545;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(255 31 31 / 25%);
}

.focus-onorario.form-control:focus {
    color: #3c4e71;
    background-color: #fff;
    border-color: #ff9500;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(255 193 31 / 25%);
}

.search-onorario {
    width: 33%;
}

.height-table-pdt {
    max-height: calc(100vh - 300px); /* Regola 200px in base agli altri contenuti */
    overflow-y: auto;
}

.height-table-pdt-ente {
    max-height: calc(100vh - 310px); /* Regola 200px in base agli altri contenuti */
    overflow-y: auto;
}

.two-badges {
    transform: translate(-0%, -50%) !important;
}

.height-partial-paz-mobile {
    height: 93.5%;
}

.border-btn-anamnesi {
    border: 2px solid transparent;
}

    .border-btn-anamnesi.active {
        border: 2px solid #e6180d !important;
    }

.tema-scuro .app-vecchio {
    --bs-table-bg: #131920;
    --bs-table-striped-bg: #dcdde0;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: #dcdde0;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: #e2e4e6;
    --bs-table-hover-color: #000000;
    color: #fffc;
    border-color: #dcdde0;
}

.tema-scuro input[type="checkbox"]:not(:checked):not(.form-switch>input) {
    background: #303f50 !important;
    border: .5px solid white !important;
    border-radius: 4px;
    appearance: none;
}

.tema-scuro input[type="checkbox"]:checked:not([role="switch"]) {
    border-radius: 4px !important;
}

.tema-scuro input[type="radio"]:not(:checked) {
    background: #303f50 !important;
    border: .5px solid white !important;
    border-radius: 10px;
    appearance: none !important;
}

.tema-scuro *::-webkit-scrollbar {
    background-color: #303f50 !important;
    width: 12px;
}

.pannello-home-paziente {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 30px;
    border-radius: 0px 0px 1.4rem 1.4rem !important;
}

.eapps-instagram-feed-content {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.tema-scuro *::-webkit-scrollbar-thumb {
    background-color: #fffc !important;
    border-radius: 10px;
}

    .tema-scuro *::-webkit-scrollbar-thumb:hover {
        background-color: #cccccc !important;
    }

.tema-scuro .app-nuovo {
    --bs-table-bg: #303f50;
    --bs-table-striped-bg: #dcdde0;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: #dcdde0;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: #e2e4e6;
    --bs-table-hover-color: #000000;
    color: #fffc;
    border-color: #dcdde0;
}

.cpo-prenotazioni {
    max-height: 700px !important;
}

.cpo-prenotazioni-elaborazione {
    max-height: 650px !important;
}

.app-vecchio {
    --bs-table-bg: #ccced2;
    --bs-table-striped-bg: #dcdde0;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: #dcdde0;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: #e2e4e6;
    --bs-table-hover-color: #000000;
    color: #000;
    border-color: #dcdde0;
}

.table-hover > tbody > tr.table-prestazioni:hover {
    --bs-table-accent-bg: #c6e0ec;
    color: var(--bs-table-hover-color);
}

.table-hover > tbody > tr.app-vecchio:hover {
    --bs-table-accent-bg: #d5d767;
    color: var(--bs-table-hover-color);
}

.table-hover > tbody > tr.app-nuovo:hover {
    --bs-table-accent-bg: #fff3cd;
    color: var(--bs-table-hover-color);
}

.tema-scuro .table-vocifa:hover > tr {
    --bs-table-bg: #4a5a7a;
    color: #fffc;
}

.tema-scuro .cpo .form-switch input {
    background-color: #fffc !important;
    border-radius: 32px !important;
}

.tema-scuro .cpo .form-switch input:checked {
    background-color: #30beff !important;
    border-radius: 32px !important;
}

.tema-chiaro .cpo .form-switch input:checked {
    background-color: #30beff !important;
    border-color: #30beff !important;
}

.tema-chiaro .cpo .disabled .form-switch input:checked {
    background-color: #3f7a9575 !important;
    border-color: #3f7a9575 !important;
}

.btn-sound:focus {
    border-color: #528dff;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(31, 107, 255, .25);
}

.dropdown-item.active.sound {
    color: #fff;
    text-decoration: none;
    background-color: #a4aaa4;
}

.nuovo-app-sda {
    position: relative;
    border-radius: 16px;
    color: white;
}

.nuovo-app-sda::before {
    content: '';
    position: absolute;
    inset: -5px;
    border-radius: 20px;
    background: linear-gradient(45deg, #4f46e5, #06b6d4, #ec4899, #06b6d4, #4f46e5);
    background-size: 400% 400%;
    z-index: -1;
    animation: aurora-glow-extended 4s ease-in-out infinite;
    filter: blur(25px);
    opacity: 0.6;
    will-change: transform, filter;
}

@keyframes aurora-glow-extended {
    0% {
        background-position: 0% 50%;
        opacity: 0.6;
    }

    50% {
        background-position: 100% 50%;
        opacity: 0.8;
    }

    100% {
        background-position: 0% 50%;
        opacity: 0.6;
    }
}

.tema-chiaro .cpo input:focus,
.tema-scuro .cpo input:focus {
    box-shadow: 0 0 0 .25rem #30beff40;
}

.tema-scuro .text-danger, .tema-chiaro .text-danger {
    color: #e6180d !important;
}

#sidebar-agenda {
    display: flex !important;
    flex-direction: column !important;
}

#sidebar-agenda #qjsSidebar {
    order: 1;
}

#sidebar-agenda #cache-btn {
    order: 2;
}

/*.tema-chiaro .sezione-scura.modal-fattura{
    background-color: white !important;
    color: black !important;
}

.tema-chiaro .sezione-scura.header-fattura {
    background-color: #028824 !important;
    color: white !important;
}
*/
.tema-scuro .sda input[type="checkbox"]:checked:not([role="switch"]) {
    border-radius: 8px !important;
}

.tema-scuro .sda input,
.tema-scuro .sda select {
    background-color: #303f50 !important;
    color: #fffc !important;
}

#carouselSDA {
    height: calc(100vh - 370px) !important;
}

#carouselSDA.fs-sda {
    height: calc(100vh - 160px) !important;
}

.salaDattesaSection article {
    height: 80px !important;
}

.cerchio-sda {
    height: 45px !important;
    width: 45px !important;
}

.notizie-track {
    display: inline-flex;
    white-space: nowrap;
    animation: scroll 1000s linear infinite;
}

.notizia-item {
    margin-right: 50px;
    font-size: 1.5rem;
}

.notizie-container:hover .notizie-track {
    animation-play-state: paused;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.tema-scuro .btn-close.btn-close-ts {
    padding-right: 30px !important;
    padding-top: 30px !important;
}

.tema-scuro .paz-selezionato {
    background-color: #583735;
}

.tema-chiaro .circle-width-paziente {
    border-color: #c9d2e3 !important;
}

.tema-scuro .circle-width-paziente {
    border-color: #c9d2e3 !important;
}

/*.tema-chiaro .sezione-scura{
    background-color: white;
}*/
.tema-scuro .text-secondary {
    color: #ababab !important;
}

body.tema-scuro {
    scrollbar-color: #a8a8a8 #303f50 !important;
    scrollbar-width: thin !important;
}

.tema-scuro .table-success {
    --bs-table-bg: #3a5f4a;
    --bs-table-striped-bg: #b8d0be;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: #b8d0be;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: #bdd6c3;
    --bs-table-hover-color: #000000;
    color: #fffc;
    border-color: #b8d0be;
}

    .tema-scuro .table-success:hover {
        --bs-table-bg: #193826;
        --bs-table-striped-bg: #b8d0be;
        --bs-table-striped-color: #000000;
        --bs-table-active-bg: #b8d0be;
        --bs-table-active-color: #000000;
        --bs-table-hover-bg: #bdd6c3;
        --bs-table-hover-color: #000000;
        color: #fffc;
        border-color: #b8d0be;
    }

.tema-scuro .table-secondary {
    --bs-table-bg: #575865;
    --bs-table-striped-bg: #b8d0be;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: #b8d0be;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: #bdd6c3;
    --bs-table-hover-color: #000000;
    color: #fffc;
    border-color: #b8d0be;
}

    .tema-scuro .table-secondary:hover {
        --bs-table-bg: #44444a;
        --bs-table-striped-bg: #b8d0be;
        --bs-table-striped-color: #000000;
        --bs-table-active-bg: #b8d0be;
        --bs-table-active-color: #000000;
        --bs-table-hover-bg: #bdd6c3;
        --bs-table-hover-color: #000000;
        color: #fffc;
        border-color: #b8d0be;
    }

.tema-scuro .table-info {
    --bs-table-bg: #346586;
    --bs-table-striped-bg: #b8d0be;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: #b8d0be;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: #bdd6c3;
    --bs-table-hover-color: #000000;
    color: #fffc;
    border-color: #b8d0be;
}

    .tema-scuro .table-info:hover {
        --bs-table-bg: #1c4865;
        --bs-table-striped-bg: #b8d0be;
        --bs-table-striped-color: #000000;
        --bs-table-active-bg: #b8d0be;
        --bs-table-active-color: #000000;
        --bs-table-hover-bg: #bdd6c3;
        --bs-table-hover-color: #000000;
        color: #fffc;
        border-color: #b8d0be;
    }

.btn-espandi {
    --bs-btn-color: #1f6bff;
    --bs-btn-border-color: #1f6bff;
    --bs-btn-hover-color: #1f6bff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #1f6bff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #1f6bff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #1f6bff;
    border-radius: 0.375rem 0.375rem 0px 0px;
    color: #1f6bff;
}

    .btn-espandi:hover {
        color: white !important;
        background-color: #1f6bff;
    }

    .btn-espandi:focus {
        box-shadow: 0 0 0 .25rem #ffffff00 !important;
    }

.sezione-espansa {
    border-radius: 0px 0px 0.375rem 0.375rem !important;
    border-top: 0px !important;
}

.tema-scuro .modal-incasso .border-primary{
    border-color: #fffc !important;
}

.dropdown-medico:hover {
    background-color: #c6e0ec;
}

.sezione-riep-contabile {
    background-color: rgb(253, 237, 218);
    padding: 1.5rem;
    border: 2px dashed grey;
}

.form-data-onorario {
    display: block;
    width: 100%;
    padding: .375rem .75rem .375rem .75rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3c4e71;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #c9d2e3;
    border-radius: 6px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none;
}
/* CARICAMENTO */
.ball-container {
    position: relative;
    width: 50px;
    height: 20px;
}

.ball-1,
.ball-2 {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    top: 2px;
}

.ball-1 {
    background-color: #e834a4;
    animation: slide1 .7s ease-in-out infinite;
}

.ball-2 {
    background-color: #0874fc;
    animation: slide2 .7s ease-in-out infinite;
}

@keyframes slide1 {

    0%, 100% {
        transform: translateX(-14);
        z-index: 1;
    }

    50% {
        transform: translateX(9px);
        z-index: 2;
    }
}

@keyframes slide2 {

    0%, 100% {
        transform: translateX(14px);
        z-index: 2;
    }

    50% {
        transform: translateX(-9px);
        z-index: 1;
    }
}

/* media query */
@media(min-width: 1730px) {
    .notizie-container {
        overflow: hidden;
        width: 91.66667%;
        flex: 0 0 auto;
    }

    .meteo-container {
        width: 8.33333%;
        flex: 0 0 auto;
    }
}

@media(max-width: 1729px) and (min-width: 500px) {
    .notizie-container {
        overflow: hidden;
        width: 83.33333%;
        flex: 0 0 auto;
    }

    .meteo-container {
        flex: 0 0 auto;
        width: 16.66667%;
    }
}

@media(max-width: 1659px) {
    .spazio-paziente {
        display: none;
    }
}

@media (min-width: 1470px){
    .carousel.wrapped{
        width: 75% !important;
    }
}

@media (min-width: 1200px) {
    .layout-quaderno_ {
        height: 785px;
    }

    .dimensione-pagina {
        height: 727px;
    }

    .circle-width-paziente {
        padding: 2px !important;
        border: solid 1px !important;
        width: 45px !important;
        height: 45px !important;
        border-radius: 50% !important;
        margin-right: 5px !important;
    }

    .margin-search-paz {
        margin-left: 5px;
    }

    .grafico-grande {
        padding-right: 0px;
    }

    .margin-info-torta {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .margin-search-paz {
        margin-left: 48px;
    }
}

@media (max-width: 1199px) {
    .overflow-custom {
        overflow-x: auto;
    }

    .border-pagina {
        border-right: 0px;
    }

    .spazio-paziente {
        display: none;
    }

    .circle-width-paziente {
        padding: 2px !important;
        border: solid 1px !important;
        width: 45px !important;
        height: 45px !important;
        border-radius: 50% !important;
        margin-right: 5px !important;
    }

    .grafico {
        padding-right: 0px !important;
    }

    .grafico-dx {
        padding-left: 0px !important;
        padding-right: .5rem !important;
    }

    .div-orari-onorario {
        padding-top: .5rem !important;
    }

        .div-orari-onorario #data1 {
            margin-bottom: .5rem !important;
            width: 100% !important;
        }

    .margin-info-torta {
        margin-top: auto !important;
        margin-bottom: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .border-empty {
        display: none !important;
    }
}

@media(min-width: 768px) {
    .position-stato-pdt {
        bottom: 850px;
    }

    .modal-fatture-mobile {
        height: 430px;
    }

    .padding-top-giornaliero {
        padding-top: 1.5rem !important;
    }

    .margin-appuntamenti-numero {
        margin-top: auto;
        margin-bottom: auto;
        margin-right: auto;
        margin-left: auto;
    }

    .carousel-control-prev,
    .carousel-control-next {
        width: 100px !important;
    }

    .carousel-control-prev{
        left: 10px !important;
    }

    .carousel-control-next{
        right: 10px !important;
    }

    .modal-incasso .bg-white.p-3, .modal-ente .tab-pane.px-3 {
        padding-right: 21px !important;
    }
}

@media(max-width: 767px) {
    .position-stato-pdt {
        bottom: 855px;
    }

    .margin-stato-pdt {
        margin-bottom: 1.5rem !important;
    }

    .modal-fatture-mobile {
        height: 400px;
    }

    .search-onorario {
        width: 100% !important;
    }

    .flex-modal-paz {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .height-partial-paz {
        height: 93.5%;
    }

    .w-25-sottoMd {
        width: 25%;
    }

    .height-dropdown-paz {
        height: 35px;
    }

    .margin-appuntamenti-numero {
        margin-top: auto;
        margin-bottom: auto;
    }

    .pt-md-3 {
        padding-top: 1rem !important;
    }

    .form-indexmobile {
        margin-top: 85px;
    }

    .foto-profilo-generale {
        width: 100px;
        height: 100px;
    }

    .modal-incasso .row.align-items-center{
        padding-left: 8px;
        padding-right: 8px;
    }

    .modal-incasso .col-md-4, .modal-ente .row.align-items-center {
        margin-bottom: 8px;
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }

    .pagamento {
        margin-left: 1rem !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .margin-anamnesi {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .height-anamnesi-windent {
        max-height: calc(100vh - 60px);
        overflow-y: auto;
    }

    .form-indexmobile {
        margin-top: 100px;
    }
}

@media (min-width: 992px) {
    .mq_ {
        display: flex !important;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .align-mobile {
        align-items: start !important;
    }

    .margin-custom {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .quaderno-flex {
        display: flex;
        justify-content: center;
    }

    margin-app-content {
        margin-top: 8px !important;
    }

    .padding-lg {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .width-input-fatture {
        width: 23% !important;
    }

    .padding-scroll {
        padding-bottom: 40px !important;
    }

    .sidebar-margin-mobile {
        margin-top: 35px !important;
    }

    .header-search-fatture {
        margin-left: 100px;
        margin-right: 20px;
    }

    .height-modal-mobile:not(.anamnesi) {
        height: 434px !important; /* Regola 200px in base agli altri contenuti */
        overflow-y: auto;
    }

    .height-info-mobile {
        height: 426px !important; /* Regola 200px in base agli altri contenuti */
        overflow-y: auto;
    }

    .height-dati-mobile {
        height: 418px !important; /* Regola 200px in base agli altri contenuti */
        overflow-y: auto;
    }

    .height-anamnesi-windent {
        height: 434px;
        overflow-y: auto;
    }

    .height-modal-onorario {
        min-height: 657px !important;
    }

    .header-indexmobile-padding {
        padding-left: 23px !important;
        padding-right: 23px !important;
    }

    .form-indexmobile {
        margin-top: 110px;
    }

    .form-incassi .sorting {
        padding-right: 8px !important;
    }

    .form-incassi .date {
        padding-right: 16px !important;
    }

    .form-incassi .filtri {
        padding-left: 8px !important;
    }
}

@media (max-width: 991px) {
    body.desktop .form-incassi .sorting,
    body.desktop .form-incassi .date,
    body.desktop .form-incassi .filtri {
        width: 100% !important;
    }

    .mq {
        display: flex !important;
        margin-top: auto !important;
        margin-bottom: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .icon-mobile {
        font-size: 30px !important;
    }

    .align-mobile {
        align-items: center !important;
    }

    .quaderno-flex {
        margin-top: 0.5rem;
    }

    .width-input-fatture {
        width: 100% !important;
    }

    .padding-data-fatture {
        padding-bottom: 0.5rem;
    }

    .circle-width-paziente {
        padding: 2px !important;
        border: solid 1px !important;
        width: 45px !important;
        height: 45px !important;
        border-radius: 50% !important;
        margin-right: 5px !important;
    }

    .width-app-mobile {
        padding-right: 0px !important;
        padding-left: 0px !important;
        padding-top: 10px !important;
    }

    .height-modal-mobile {
        max-height: calc(100vh - 60px); /* Regola 200px in base agli altri contenuti */
        overflow-y: auto;
    }

    .height-anamnesi-poliwin {
        max-height: calc(100vh - 154px);
        overflow-y: auto;
    }

    .height-anamnesi-poliwin-mobile {
        max-height: calc(100vh - 206px);
        overflow-y: auto;
    }

    .w-report-onorario {
        width: 100% !important;
    }

        .w-report-onorario.pdf-onorario {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
        }

    .header-indexmobile-padding {
        padding: 0px !important;
    }

    .padding-right-lg {
        padding-right: 21px;
    }

    .tema-scuro .sezione-scura-sotto-lg {
        background-color: #303f50 !important;
    }

    .tema-chiaro .sezione-scura-sotto-lg {
        background-color: white !important;
    }

    .header-paz {
        position: fixed !important;
        width: 100%;
    }

    .form-incassi .col-4 {
        width: 100% !important;
        padding: 0px !important;
    }

    .form-incassi .sorting, .form-incassi .date {
        margin-bottom: 8px !important;
    }
}

/* Gestione Odontogramma mobile */

@media(min-width: 768px) {
    .dente-button-mobile {
        width: 100%;
    }

    .width-btn-odontogramma {
        min-width: 630px !important;
    }

    .mobile-denti {
        min-width: 770px !important;
    }


    .border-btm-odontogramma {
        border-bottom: 2px solid grey;
    }

    .border-end-odontogramma {
        border-right: 2px solid grey;
    }

    .border-card-appuntamenti {
        border-right: 1px solid #e5e5e5;
        border-bottom: 0px;
    }
}

@media(max-width: 767px) {
    .mobile-denti {
        display: none;
    }

    .dente-button-mobile {
        margin-right: 0.5rem;
    }

    .flex-odontogramma {
        flex-wrap: wrap;
    }

    .height-modal-mobile {
        max-height: calc(100vh - 109px); /* Regola 200px in base agli altri contenuti */
        overflow-y: auto;
    }

    .height-modal-desktop {
        max-height: calc(100vh - 109px); /* Regola 200px in base agli altri contenuti */
        overflow-y: auto;
    }

    .height-table-anamesi-mobile {
        height: 385px !important;
    }

    .menu-modal-desktop {
        display: none !important;
    }

    .circle-width-paziente {
        padding: 2px !important;
        border: solid 1px !important;
        width: 45px !important;
        height: 45px !important;
        border-radius: 50% !important;
        margin-right: 5px !important;
    }

    .height-anamnesi-windent {
        max-height: calc(100vh - 112px);
        overflow-y: auto;
    }

    .border-card-appuntamenti {
        border-right: 0px;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 1rem !important;
        padding-top: .5rem !important;
    }

    .padding-card-appuntamenti {
        padding: 0px !important;
        margin-top: 0px !important;
    }

    .container-fluid.cpo {
        padding: 0px !important;
    }

    .centro-prenotazioni {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    body.centro-prenotazioni {
        margin-bottom: 0px !important;
    }

    .cpo-prenotazioni {
        max-height: calc(100vh - 205px) !important;
    }

    .cpo-prenotazioni-elaborazione {
        max-height: calc(100vh - 255px) !important;
    }
}

@media(min-width: 451px) {
    .pdt-height {
        padding-bottom: 20px;
    }

    .align-desktop {
        justify-content: space-between;
    }

    .padding-desktop {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media(max-width: 450px) {
    .pdt-height {
        height: 450px;
    }

    .pdt-height-ente {
        height: 432px;
    }

    .padding-desktop {
        padding-left: 0;
        padding-right: 0;
    }
}


@media (min-width: 668px) {
    .mq-margin {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .display-none-mobile {
        display: none;
    }

    .mq-modal-dente {
        height: 400px !important;
        overflow-y: auto;
    }
}

@media (max-width: 668px) {
    .rotate-lg {
        transform: rotate(-90deg) !important; /* Ruota l'elemento di -90 gradi */
        width: 100vh !important; /* Imposta la larghezza come altezza della finestra */
        height: 100vw !important; /* Imposta l'altezza come larghezza della finestra */
        top: 0 !important; /* Posiziona l'elemento in alto */
        left: 0 !important; /* Posiziona l'elemento a sinistra */
        margin: 0 !important; /* Rimuove eventuali margini */
        padding: 0 !important; /* Rimuove eventuali padding */
    }

        .rotate-lg option {
            transform: rotate(90deg) !important;
            color: #ff5733 !important; /* Sostituisci con il colore desiderato */
            background-color: #f0f0f0 !important; /* Sostituisci con il colore di sfondo desiderato */
        }

    .denti-mobile {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .display-none-mobile_ {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    .margin-modal-paz {
        margin-left: 3rem;
        margin-right: 3rem;
    }
}

@media (max-width: 575px) {
    .margin-modal-paz {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

    .foto-profilo {
        width: 25px;
        height: 25px;
    }

    .titolo-wrapped {
        font-size: calc(1.27813rem + .3375vw) !important;
    }

    .mb-sm-2 {
        margin-bottom: 7px !important;
    }

    .medico-cpo .tab-content {
        height: calc(100vh - 185px) !important;
        overflow-y: auto;
    }

    .notizie-container {
        overflow: hidden;
        width: 100%;
        flex: 0 0 auto;
    }

    .logo-sda {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

@media (min-width: 576px) {
    .border-fatture:hover .ritenuta {
        display: block !important;
    }

    .space-login {
        padding-top: 8rem !important;
    }

    .iframe-carosello .pannello-iframe {
        left: 5px !important;
        top: 45px !important;
    }

    .mb-sm-2 {
        margin-bottom: 0px !important;
    }

    .medico-cpo .tab-content {
        height: calc(100vh - 400px) !important;
        overflow-y: auto;
    }
}

@media (max-width: 667px) and (min-width: 500px) {
    .mq-spazio {
        display: block;
    }

    .mq-modal-dente {
        height: 250px !important;
        overflow-y: auto;
    }
}

@media (max-width: 500px) and (min-width: 400px) {
    .mq-modal-dente {
        height: 250px !important;
        overflow-y: auto;
    }
}

@media (max-width: 400px) {
    .mq-dente {
        height: 50px !important;
    }

    .mq-modal-dente {
        height: 170px !important;
        overflow-y: auto;
    }

    .circle-width-paziente {
        padding: 2px !important;
        border: solid 1px !important;
        width: 45px !important;
        height: 45px !important;
        border-radius: 50% !important;
        margin-right: 5px !important;
    }
}

/* media query CAROSELLO */
@media(min-width: 1659px) {
    .pannello-home-paziente,
    .carousel.paziente,
    .carousel-item.paziente,
    .carousel-inner.paziente {
        height: 610px !important;
    }

    .iframe-carosello {
        height: 90.5% !important;
    }
}

@media(max-width: 1658px) and (min-width: 1422px) {
    .pannello-home-paziente,
    .carousel.paziente,
    .carousel-item.paziente,
    .carousel-inner.paziente {
        height: 549px !important;
    }

    .iframe-carosello {
        height:89% !important;
    }
}

@media(max-width: 1422px) and (min-width: 992px) {
    .pannello-home-paziente,
    .carousel.paziente,
    .carousel-item.paziente,
    .carousel-inner.paziente {
        height: 485px !important;
    }

    .iframe-carosello {
        height: 88% !important;
    }
    .grafico-contabile {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media(min-width: 1325px){
    .img-contabile {
        width: 350px;
    }
}

@media(max-width: 1324px) {
    .img-contabile {
        width: 250px;
    }
}

@media(max-width: 991px) and (min-width: 768px) {
    .pannello-home-paziente,
    .carousel.paziente,
    .carousel-item.paziente,
    .carousel-inner.paziente {
        height: 401px !important;
    }

    .iframe-carosello {
        height: 85% !important;
    }

    .grafico-contabile {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media(max-width: 767px) {
    .pannello-home-paziente,
    .carousel.paziente,
    .carousel-item.paziente,
    .carousel-inner.paziente {
        height: 300px !important;
    }

    .carousel-indicators.paziente button {
        width: 20px !important;
        height: 20px !important;
    }

    .iframe-carosello {
        height: 80% !important;
    }
}

/**********HEADER*********/
body.desktop .app-header {
    margin-left: 240px;
}

body.desktop .app-sidebar-minified .app-header {
    margin-left: 65px;
}