@import url("root.css");


/* ServiceSearcher */
.patient-searcher-container {
    display: flex;
    width:100%;
    justify-content:space-between;
}

    .patient-searcher-container > div {
        display: flex;
        flex-grow: 1;
    }

    .patient-searcher-container .prz-row > div{
        width:0%;
        margin-right:1%;
    }

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

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

    .patient-searcher-container .ddn {
        min-width: 120px;
    }

    .patient-searcher-container .sesso {
        min-width: 120px;
    }

    .patient-searcher-container .codice-fiscale {
        min-width: 150px;
    }

    .patient-searcher-container .codice-sanitario {
        min-width: 150px;
    }

/*@media screen and (max-width: 1280px) {
    .patient-searcher-container {
        flex-direction: column;
    }
        .patient-searcher-container > div {
            flex-direction: row;
            justify-content: space-between;
        }
        .patient-searcher-container > div > span {
            max-width:80%;
        }*/
.patientDetail-page {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
}
.patientDetail-page .prz-input{
    width:100%;
}
.patientDetail-page .prz-row{
    gap:50px;
}

.patient-header {
    width: 22vw;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    z-index: 10;
    border-radius: var(--border-radius-m);
    background-color: var(--color-background-extralight);
    padding: 7px 0;
}

.patient-identification-container {
}

.patient-identification {
    display: flex;
    justify-content: space-between;
    height: 33px;
    width: 33px;
}

    .patient-identification span.k-button-text {
        display: flex;
        justify-content: space-between;
    }

    .patient-identification.inprogress {
        font-size: var(--font-size-normal);
        font-weight: bold;
        color: #00566d;
    }

    .patient-identification.success {
        font-size: var(--font-size-normal);
        color: darkgreen;
        font-weight: normal;
    }

    .patient-identification.error {
        font-size: var(--font-size-normal);
        font-weight: bold;
        color: red;
    }
    .patient-identification.warning {
        font-size: var(--font-size-normal);
        font-weight: bold;
        color: red;
        width: 66px !Important;
    }

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