@import url("root.css");

.logo {
    position: absolute;
    top: 20px;
    width: 250px;
    height: var(--header-size-m);
    background-image: url("../images/loto.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 20px;
}
.custom-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.k-wizard-content {
    height: calc(100vh - 250px);
    display:flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
}

.prescription-header-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5%;
    justify-content: center;
}

.prescription-header-container .prz-form-column {
    display: flex;
    flex-direction: column;
    width: 40%;
    min-width: 450px;
}

.prescription-header-container .prz-form-column.single {
    width: 85%;
    min-width: 956px;
}

@media (max-width: 1020px) {
    .prescription-header-container .prz-form-column {
        width: 85%;
    }

    .prescription-header-container .prz-form-column.single {
        min-width: 450px;
    }
}

.prescription-header-container .prz-label {
    width: 200px;
    min-width: 200px;
}

.patient-searcher-container .prz-row {
    flex-direction: row;
}

.patient-searcher-container .prz-column {
    flex-direction: column;
}

.wizard-container {
    width: 100%;
    margin: 0 auto;
}

.prescrizione-header > h2 {
    padding: 0;
    margin: 0;
}

.prescrizione-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    width: 100%;
    z-index: 10;
}

.prescrizione-header-patient {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.prescrizione-header .azioni-header {
    /*border-radius: var(--border-radius-m);*/
    /*background-color: var(--color-background-extralight);*/
    height: var(--header-size-m);
    position: absolute;
    top: 24px;
    right: 20px;
    width: 22vw;
    z-index:99;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*padding: 0px 25px;*/
}
.azioni-container{
    width: 22vw;
    display:flex;
    flex-direction: row;
    justify-content: space-around;
    border-radius: var(--border-radius-m);
    background-color: var(--color-background-extralight);
    padding: 7px 0;
}
.azioni-buttons{
    /*width:100%;*/
    display: flex;
    justify-content:  space-around;
}
.prescrizione-header .patient-header {
    justify-content: center;
}

.wizard-container .k-stepper {
    border-radius: var(--border-radius-m);
    background-color: var(--color-background-extralight);
    height: var(--header-size-m);
    align-content: center;
}

.wizard-container .k-progressbar-horizontal {
    background-color: #CCC;
}

.other-pages-button{
    width: 180px;
}
.prescription-header-container .tipo-prescrizione .prz-input .radio-as-buttons .k-radio-label {
    border-radius: var(--border-radius-ml);
    padding: 0px var(--size-l);
    font-weight: normal;
    font-size: var(--font-size-oversize);
    height: var(--size-l);
    align-content: center;
    color: #212529;
}

.prescription-header-container .tipo-prescrizione .prz-input
.radio-as-buttons,
.prescription-header-container .tipo-prescrizione .prz-input .radio-as-buttons .k-radio-label {
    border-radius: var(--border-radius-ml);
}

.prescription-header-container .prz-input
.radio-as-buttons .k-radio:checked + .k-radio-label {
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    color: white;
}


.prescription-header-container .tipo-prescrizione
.radio-as-buttons {
    border: none;
}


.esente {
    align-content: center;
    margin-right: 10px;
}

#chkEsente {
    width: 1.5em;
    height: 1.5em;
    background-color: white;
    border-radius: 50%;
    vertical-align: bottom;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    text-align: end;
    margin-right: 5px;
}

#chkEsente:checked {
    background-color: var(--color-primary);
}

.exemption-button {
    color: white;
    background-color: var(--color-primary);
}


/* PRESCRIZIONE PRESTAZIONI */

/*
    SERVICES
*/
.page-container.services-page {
}

.service-addition-container {
    width: 100%;
}

.editprofile-added-container {
    width: 100%;
    margin-top: 10px;
}


.service-added-container {
    width: 100%;
    margin-top: 10px;
}

.prestazioni-selezionate-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}


.prestazioniprofilo-selezionate-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}


.empty-list-button {
    margin-bottom: 5px;
}

/* ServiceSearcher */
.service-searcher-container {
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.service-searcher-container > div {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
}

.service-searcher-container .disciplina {
    flex-grow: 1;
    max-width: 500px;
}

.service-searcher-container .siss-code {
    max-width: 150px;
}

.service-searcher-container .regional-code {
    max-width: 150px;
}

.service-searcher-container .description {
    flex-grow: 1;
}

.service-searcher-container .button {
    flex-direction: row;
    align-items: flex-end;
    gap: 5px;
}

/*Service config */
.service-config-window {
    width: 85vw;
    max-height: 95vh;
    max-width: 900px;
}

.service-config-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.highlight{
    background:yellow;
}

.config-title {
    font-size: 20px;
}

.config-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.config-content > div {
    padding: 5px 10px;
}

.config-spacer {
    margin-top: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.config-alerts {
    display: flex;
    flex-direction: column;
    /*justify-content : space-between;
    */
}

.config-qty {
    max-width: 80px;
}

.config-priority {
    flex-grow: 1;
}

.config-rao {
    margin-right: 10px;
    width: 100%;
    flex-shrink: 0;
    max-width: 850px;
}

.config-base {
    display: flex;
    flex-direction: row;
    max-width: 850px;
    flex-wrap: wrap;
}

.config-qty {
    margin-right: 10px;
}

.config-exemption-title, .config-mef span, .config-mef-desc span {
    font-weight: bold;
}

/* PrescriptionListSearcher */
.prescriptionList-searcher-container {
    display: flex;
    flex-direction: row;
    gap: 5px;
    width: 100%;
    margin-bottom: 5px;
}

.prescriptionList-searcher-container > div {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
}

.prescriptionList-searcher-container .cognome {
    min-width: 150px;
    flex-grow: 1;
}

.prescriptionList-searcher-container .nome {
    min-width: 150px;
    flex-grow: 1;
}

.prescriptionList-searcher-container .dataNascita {
    min-width: 148px;
}

.prescriptionList-searcher-container .CF {
    min-width: 128px;
}

.prescriptionList-searcher-container .dateRicetta {
    min-width: 300px;
    max-width: 300px;
}

.prescriptionList-searcher-container .dateRicetta
.k-daterange-picker .k-dateinput,
.prescriptionList-searcher-container .dateRicetta
.k-daterangepicker .k-dateinput {
    width: 400px;
}

.prescriptionList-searcher-container .numPrescrizione {
    min-width: 150px;
}

.prescriptionList-searcher-container .IUP {
    min-width: 150px;
}

.prescriptionList-searcher-container .button {
    flex-direction: row;
    align-items: flex-end;
    gap: 5px;
}


/* Service profile searcher*/
.service-profile-searcher-container {
    display: flex;
    flex-direction: row;
}

.service-profile-searcher-container > div {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
}

.service-profile-searcher-container .description {
    flex-grow: 1;
}

.service-profile-searcher-container .button {
    flex-direction: row;
    align-items: flex-end;
}


/* 
    Prescription Result
*/
.prescription-result-container {
    padding: 20px;
    margin: 0 auto;
    height: 80vh;
    gap: 5px;
    margin-bottom: 5px;
}


/* 
    Prescription List 
*/


.prescription-details .prz-control > div {
    font-weight: bold;
}


.icon-l {
    font-size: 24px;
}

.k-grid-table td .td_priority_U {
    background: #ffb400;
    color: white;
    text-align: center;
    border-radius: 5px;
}

.k-grid-table td .td_priority_B {
    background: #edff00;
    color: black;
    text-align: center;
    border-radius: 5px;
}

.k-grid-table td .td_priority_D {
    background: #c5f307;
    color: black;
    text-align: center;
    border-radius: 5px;
}

.k-grid-table td .td_priority_P {
    background: #07f321;
    color: black;
    text-align: center;
    border-radius: 5px;
}

.prescription-details {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 200px;
}

.prescription-details p {
    margin: 0px;
    font-weight: bold;
}


/* TODO cambiare workaround per demo*/
.prescription-details p.custom-ellipsis {
    max-width: 25vw;
    min-width: 0;
}

.k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected {
    background-color: var(--color-background-light);
}

.k-tabstrip-items-wrapper .k-item, .k-tabstrip-items-wrapper .k-item, .k-tabstrip-items-wrapper .k-item {
    border-color: #dee2e6;
    color: var(--color-primary);
    background-color: #fff;
}

/* PHARMA */
.pharma-searcher-container {
    display: flex;
    flex-direction: row;
    gap: 25px;
}

.pharma-config-container{
    height: 65vh;
    min-height:400px;
    overflow-y:auto;
    overflow-x:hidden;
}
.pharma-searcher-container div{
    display:flex;
}
.pharma-searcher-container > div{
    flex-grow: 1;
    flex-direction:column;
}

/* doctor info */
.phone-number, .address {
    display:flex;
    flex-direction: row;
}
.phone-number-container div, .address div{
    flex-grow:1;
}

.address .house-number{
    max-width: 110px;
}

.phone-number-container  .international-prefix-input{
    max-width:80px;
}
.address .house-number .house-number-input{
    float:right;
}
/* RICOVERO */

.prescription-header-container .prz-form-column.big-text-area{
    width:85%;
}

.big-text-area .k-input textarea{
    height:30vh;
}

� /* STATISTICHE */
.page-container.prescription-reporting {
    height: 100%;
}

.prescription-reporting-container.prz-row {
    gap: 2%;
}

.prescription-reporting-container .prz-column {
    width: 49%;
}

.single-message-container{
    width: 100vw;
    height: 100vh;
    align-content: center;
    justify-items: center;
}
.single-message{
    text-align: center;
    font-weight: bold;
    font-size: var(--font-size-large);
}