@import url("header.css");

body, html {
    width: 100%;
    height: 100%;
    background-color: white;
    margin: 0;
    font-family: Calibri, Verdana, Geneva, sans-serif;
}
/*BOOTSTRAP OVERIDE*/
.btn:hover{
    background-color: #a8a8a8;
}
.btn-outline-success:hover {
    background-color: #198754;
}
.btn-outline-danger:hover {
    background-color: #dc3545;
}
.table {
    --bs-table-bg: none;
    vertical-align: middle;
}
    .table > :not(caption) > * > * {
        color: currentColor;
    }
/*TABLE*/
.tblView {
    width: 100%;
}
    .tblView th,
    .tblView td {
        padding: 0.5rem;
    }

.table-cell {
    padding-right: 20px;
}
.tabAvvisi {
    width: 100%;
    font-size: 80%;
}

    .tabAvvisi .labelCell {
    }

    .tabAvvisi .dataCell {
        font-weight: bold;
    }

.tabAvvisi2 {
    width: 100%;
    font-size: 80%;
}

    .tabAvvisi2 tr td {
        padding-top: 4px;
        padding-bottom: 4px;
    }


    .tabAvvisi2 .labelCell {
        white-space: nowrap;
        width: 1px;
        vertical-align: top !important;
    }

    .tabAvvisi2 .dataCell {
        vertical-align: top;
    }

.minWidthCell {
    white-space: nowrap;
    width: 1px;
}
/*PATOLOGIE*/
.tblPatologie tr td {
    vertical-align: middle;
}

.tblPatologie .Note {
    width: 100%;
    /*  height:40px; */
}

.tblPatologie .Label {
    font-size: 120%;
    font-weight: bold;
}

.tblPatologie .cellPatologia {
    width: 25%;
}

.tblPatologie .listaPatologie {
    width: 100%;
}
.PatologiaConFarmaci {
    color: #24ab21 !important;
}
.PatologiaSenzaFarmaci {
    color:#dc3545 !important;
}

.PatologiaNonStandard {
    font-style: italic;
    font-weight: normal !important;
}

.FarmaciPatologia {
    font-weight: normal;
    font-size: 90%;
    color: #494949;
}
/*LENGTHS*/
.fullHeight {
    height: 100%;
}

.fullWidth {
    width: 100%;
}
.w-20{
    width:20%;
}
.w-15{
    width:15%;
}
.w-10{
    width:10%
}
.w-5 {
    width: 5%
}
/*SWAL*/
.saveSwal-title {
    font-size: 16px;
    text-align: center;
    color: #494949;
    font-weight:bold;
}
.saveSwal-popup {
    background: linear-gradient(to bottom, #FFFFFF, #A8A8A8);
    width: 350px;
    min-height: 90px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    display:flex;
    align-items:center;
    justify-content:center;
}
.buttonSwal-sovrascrivi {
    color: white !important;
    font-weight: bold !important;
    background-color: #cc4444 !important;}

.buttonSwal-keep {
    color: white !important;
    font-weight: bold !important;
    background-color: #494949 !important;
}
.buttonSwal-chiudi {
    color: white !important;
    background-color: #2d57e0 !important;
    font-weight:500!important;
}
div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
    background: rgba(0, 0, 0, .7)!important;
}
div:where(.swal2-container) .swal2-html-container {
    font-size: 1.25rem!important;
    font-weight: bold!important;
}
/*FLEX*/
.flex-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.flex-wrap-end {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: end;
}
.flex-start {
    display: flex;
    align-items: center;
    justify-content: start;
}
.flex-center {
    display: flex!important;
    align-items: center;
    justify-content: center;
}
.flex-end {
    display: flex !important;
    align-items: center;
    justify-content: end;
}
.flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-around {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.flex-column-2 {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-direction:column;
}
.bg-plus-minus {
    padding: 3px;
    border-radius: 25%;
    background-color: #494949;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*OVERLAY*/
.hover-btn {
    transition: transform 0.3s ease, box-shadow 0.3s ease, box-shadow 0.3s ease;
    padding: 10px;
    border-radius: 5px;
    cursor:pointer;
}
.hover-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
}
.z-blackScreen{
    z-index:499;
}
.z-popup{
    z-index:500;
}
.loading {
    z-index: 500;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 2rem;
}
.hover-effect {
    transition: color 0.4s ease, transform 0.4s ease;
}
    .hover-effect:hover {
        color: white !important;
        transform: scale(1.02);
    }

.login-page {
    min-height: calc(100vh - 90px);
    background-color: #494949;
    color: white;
}

.overflow{
    overflow:auto;
    scrollbar-width:thin;
}
.mainPanelWidth {
    width: 100%;
    min-width: 550px;
    -webkit-overflow-scrolling: touch;
}
/*SCHEDA DATI*/
.schedaDati {
}

    .schedaDati > div {
        display: table;
        margin-top: 8px;
    }

        .schedaDati > div > div {
            display: table-cell;
            padding-left: 8px;
            padding-right: 8px;
        }
/*POPUP PANEL*/
.popupPanel {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 500;
    padding: 25px;
    border-radius: 20px;
    background-color: white;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .65);
}
    .popupPanel .Controls {
        width: 100%;
        text-align: right;
    }
        .popupPanel .Controls .Option {
            display: inline-block;
            margin-left: 6px;
        }
    .popupPanel .Frame {
        width: 100%;
        min-height:400px;
        min-width:800px;
        background-color: white;
        border: none;
    }
.popupHidePanel {
    background-color: Black;
    filter: alpha(opacity=10);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    position: absolute;
    z-index: 500;
    top: 0px;
    left: 0px;
}
/*ICONS*/
.warnIconSpacer {
    display: inline-block;
    width: 40px; /*space for 2 icons*/
    height: 18px;
}
.warnIconContainer {
    position: absolute;
    top: 0px;
    right: 0px;
}
.warnIconSmall {
    width: 20px;
    height: 18px;
}
.warnIconSmallest {
    width: 16px;
    height: 14px;
}
    .pageNavHeader {
    width: 100%;
    height: 24px;
    text-align: right;
}
.sectionHeader {
    display: table;
    padding-left: 20px;
    padding-right: 100px;
    font-size: 120%;
    color: #558ed5;
    padding-bottom: 4px;
    border-bottom: solid 2px #558ed5;
    margin-bottom: 3px;
    margin-top: 10px;
    margin-left: 6px;
    width: auto;
}
.scroll {
    display: block;
    text-align: right;
    text-decoration: none;
    color: black;
}

.bg-scroll,
.bg-scroll-white{
    width: 30px;
    aspect-ratio: 1;
}
.bg-scroll-white {
    z-index: 999;
    border-radius: 50%;
    width: 40px;
}
/*INFOPOPUP*/
.infoPopup,
.infoPopupTerapie,
.infoPopupAlert,
.infoPopupInfo {
    max-width: 450px;
    padding: 10px;
    border-radius: 5px;
    font-size: 0.9rem;
    font-weight: 600;
    max-height: 300px;
    overflow: auto;
    scrollbar-width: thin;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .65);
    color: white;
    z-index:501;
}
.infoPopup {
    background-image: linear-gradient(#ffc107, #ffcd33, #ffeb3b);
    color: #494949;
}
.infoPopupTerapie {
    background-image: linear-gradient(#24ab21, #198c16);
    z-index:50;
}
.infoPopupAlert {
    background-image: linear-gradient(#ff7a8a, #dc3545);
}
.infoPopupInfo {
    background-image: linear-gradient(#4f81bd, #2c6394);
}
/*QUESTIONARIO*/
.questionario .nDomanda {
    width: 0px;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 6px;
    vertical-align: top;
}
.questionario .options {
    vertical-align: top;
    white-space: nowrap;
    padding-left: 10px;
}
.questionario thead tr th {
    text-align: left;
}
/*HEADER TABLES*/
.headerWithSorter {
    text-align: center;
    position: relative;
    padding-right: 13px !important;
}
    .headerWithSorter span {
        display: table-cell;
        vertical-align: middle;
        padding-right: 5px
    }
.sortIconContainerTop {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 12px;
    vertical-align: middle;
}
.sortIconContainerBottom {
    position: absolute;
    bottom: 3px;
    right: 3px;
    width: 12px;
    vertical-align: middle;
}
.sortIconContainerTop img {
    display: block;
    width: 12px;
}
.sortIconContainerBottom img {
    display: block;
    width: 12px;
}
/*MESSAGES*/
.notifyMessage {    
    padding: 5px 15px 5px 15px;
    border-radius: 8px;
    color: #40a22c;
    margin-top: 4px;
    margin-bottom: 4px;
}
    .notifyMessage a, .notifyMessage a:visited {
        color: #11a39a;
        text-decoration: underline;
    }
        .notifyMessage a:hover {
            color: #11a39a;
            text-decoration: underline;
        }
.alertMessage {
    background-color: #ffe9a6;
    border: 1px solid #ffc34f;
    color: #ff7d1e;
}
.errorMessage {
    color: Red;
    font-size: 12pt;
    font-weight: bold;
}
.infoMessage {
    background-color: #b5d1ff;
    border: 1px solid #55a9ff;
    color: #2366ff;
}
/*TERAPIE*/
.tabPrintTerapie {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid black;
}
    .tabPrintTerapie td, .tabPrintTerapie th {
        border: 1px solid black;
        text-align: center;
    }
    .tabPrintTerapie .Farmaco {
        font-weight: bold;
    }
    .tabPrintTerapie .PrincipioAttivo {
        font-size: 90%;
    }
.tabTerapie {
}

    .tabTerapie .Posologia {
        width: 12%;
    }

    .tabTerapie .Patologia {
        width: 12%;
        text-align: left;
    }

    .tabTerapie .Farmaco {
    }

    .tabTerapie .Avvisi {
        white-space: nowrap;
    }


    .tabTerapie .Controlli {
        white-space: nowrap;
        width: 1px;
    }

    .tabTerapie .TipoTerapia {
        text-align: center;
        width: 12em;
    }

    .tabTerapie .DataTerapia {
        width: 6em;
        text-align: center;
    }
/*MAIN CONTAINERS*/
.mainLayoutPart {
    width: 100%;
}

.mainContainerNoTabs {
    flex: 1;
    scrollbar-width:thin;
    overflow:auto;
}

.mainContainerWithTabs {
    flex: 1;
    scrollbar-width: thin;
    overflow:auto;
}

.mainLayoutFooter {
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-top: solid 1px #b0b0b0;
    color: #b0b0b0;
    font-size: 8pt;
}
/*DROPDOWN*/
.dropdown-menu {
    font-family: Calibri, Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.9rem !important;
    right: 0 !important;
    left: inherit !important;
    padding: 10px !important;
    text-align: center !important;
    border: 0px !important;
}
.dropdown-menu li {
    margin-top: 5px;
}

.dropdown-menu li:last-of-type {
    margin-bottom: 5px;
}

.dropdown-menu a, .dropdown-menu a:visited {
    text-decoration: none !important;
}
    .dropdown-menu li:hover {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.6) ;
        transition: color .15s ease-in-out, background-color .15s ease-in-out;
    }
/*Varius*/
.bg-redWords,
.rigaCancellata,
.PatologiaSenzaFarmaci,
.PatologiaConFarmaci,
.Evidenziato{
    color: #dc3545;
    font-weight: 700 !important;
    background-color: rgba(240, 240, 240, .1) !important;
    padding: 5px !important;
    border-radius: 2px;
}
.bg-Infologic-link {
    background-color: rgba(255, 255, 255, .4) !important;
    border-radius: 2px;
    padding: 1px !important;
}
.overflow {
    scrollbar-width: thin;
    overflow: auto;
}
.nowrap {
    white-space: nowrap;
}
.dangerText {
    color: #dc3545 !important
}
.PazNome {
    overflow: hidden;
}
.containerInterazioni {
    padding-left: 15px;
    padding-bottom: 20px;
}
.interazIcon {
    position: absolute;
    top: 2px;
    right: 2px;
}
.anamensiTable .Note {
    display: inline;
    position: relative;
    font-size: 90%;
    color: #464646;
}
    .anamensiTable .Note::after {
        display: block;
        content: " ";
    }
.borderlessTable {
    border-collapse: collapse;
    border-spacing: 0px;
}
.adminIconCell {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.takeCareContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
}
.user-popup-item {
    white-space: nowrap;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
}
.img-header{
    width: 20px;
    aspect-ratio:1;
}
/*PRINT*/
.printHeader {
    font-weight: bold;
}
@media print {
    .no-print {
        display: none;
    }
    .no-border {
        border: none !important;
    }
}
/*TRANSITIONS*/
.timeline-enter-active, .timeline-leave-active {
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.timeline-enter-from, .timeline-leave-to {
    opacity: 0;
    transform: translateY(3px);
}

.timeline-leave-from, .timeline-enter-to {
    opacity: 1;
    transform: translateY(3px);
}
.patologie-enter-active, .patologie-leave-active {
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, scale 0.2s ease-in-out;
}

.patologie-enter-from, .patologie-leave-to {
    opacity: 0;
    transform: translateY(- 10px);
    scale: 0.95;
}

.patologie-leave-from, .patologie-enter-to {
    opacity: 1;
    transform: translateY(0);
    scale: 1;
}