@tailwind base;
@tailwind components;
@tailwind utilities;

.dandelion-cmp .datebutton {
    width: 75px;
    background: #d2d2d2;
    text-align: center;
    color: #000;
    line-height: 32px;
    text-decoration: none;
}

.dandelion-cmp .datebutton:hover:enabled {
    background: #0e567f;
    color: #fff;
}

.new-case {
    float: right;
}

.v-main {
    /*  background-color: #f6f6f2;*/
}

.create-case {
    background-color: var(--secondary-color);
    color: white !important;
}

/*Label variable group*/
.dandelion-cmp fieldset {
    margin: 0 0 50px 0;
    padding-left: 20px;
    border: none;
    border-left-color: currentcolor;
    border-left-style: none;
    border-left-width: medium;
}

.dandelion-cmp fieldset fieldset {
    margin: 0 20px 15px 0;
}

.dandelion-cmp .pageDescription {
    padding: 15px;
    margin-top: 100px;
    text-align: center;
    font-weight: 100;
    font-size: 25px;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.7);
    box-shadow: 0 245 16px rgba(0, 0, 0, 0.8);
}

.cerebralAneurysm>div>section,
.cerebralAneurysmNonBleed>div>section {
    grid-column: 1 / -1;
}

.fulldivider {
    grid-column: 1 / -1;
    width: 100%;
}

.dandelion-cmp fieldset fieldset legend {
    color: #404040;
    text-align: left;
    font-size: 1.3em;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
}

#core\.reasonForAdmission\.admVenSupportReas>h4 {
    display: none;
}

#core\.comorbiditiesPage\.comorbidities-wrapper>span {
    display: none;
}

.dandelion-cmp ul.checkboxlist h4 {
    text-transform: capitalize;
    font-weight: bold;
    font-size: 20px;
    padding-top: 1.5rem;
    /* padding-bottom: 8px;*/
    grid-column: 1 / -1;
}

.dandelion-cmp section {
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 5px;
    /* max-width: 1920px; */
}

/*Label accanto agli input field*/
.dandelion-cmp .checkBoxDescription,
.dandelion-cmp .setDescription {
    color: #3a6c9d;
    display: inline-block;
    font-weight: bold;
    padding: 0 10px 0 0;
    vertical-align: top;
}

.dandelion-cmp .setDescription {
    display: block;
    margin-bottom: 10px;
}

.dandelion-cmp li>div {
    vertical-align: middle;
}

.dandelion-cmp li>span {
    padding-right: 15px;
    vertical-align: middle;
}

/*dataType="text"*/

.dandelion-cmp section input,
.dandelion-cmp section textarea {
    position: relative;
    border: 1px solid #dadada;
    background-color: #ebf0f3 !important;
    border-radius: 3px;
    margin: 2px 0;
    padding: 4px 0;
    display: table-cell;
    vertical-align: middle;
}

.dandelion-cmp section textarea {
    width: 300px;
}

/*dataType="number"*/

.dandelion-cmp section input[type='number'] {
    width: 60px;
}

.dandelion-cmp section input[type='checkbox'] {
    width: 1em;
    height: 1em;
    margin-right: 0.65rem;
    accent-color: #388087;
}

.dandelion-cmp section section fieldset .checkboxlist-wrapper,
.dandelion-cmp section section fieldset fieldset {
    grid-column: 1 / -1;
}

/*dataType="radio"*/
.dandelion-cmp input[type='radio'] {
    width: 1em;
    height: 1em;
    margin-right: 0.65rem;
    accent-color: #388087;
}

.dandelion-cmp ul {
    margin: 2px 0px;
    /* grid-column-gap: 20px; */
    list-style-type: none;
    /* grid-template-columns: 1fr 1fr 1fr; */
}

/*radio list*/
.dandelion-cmp ul.radiolist {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.dandelion-cmp ul.radiolist li {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-bottom: 0;
}

.dandelion-cmp ul.radiolist li input {
    /*background: url("../images/bg-input.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);*/
    border: 1px solid #dadada;
    display: inline;
    padding: 4px 0;
}

.dandelion-cmp ul.radiolist .valueLabel,
.dandelion-cmp ul.checkboxlist .valueLabel {
    display: inline-flex;
    align-items: center;
    color: #000000;
    font-weight: normal;
}

.dandelion-cmp>section>section fieldset fieldset fieldset {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dandelion-cmp>section>section fieldset fieldset fieldset {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*checkbox list*/
@media (max-width: 1400px) {
    .dandelion-cmp ul.checkboxlist li label {
        color: #000000;
        width: auto;
        font-weight: normal;
        font-size: 0.9rem;
    }
}

.dandelion-cmp ul.checkboxlist {
    display: grid;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    grid-template-columns: 1fr 1fr 1fr;
    /* white-space: nowrap; */
    justify-items: start;
    margin-bottom: 1rem;
}

.dandelion-cmp ul.checkboxlist header + li{
    grid-column: 1;
}

.dandelion-cmp ul.checkboxlist li {
    position: relative;
    display: inline-block;
    padding-bottom: 0;
    white-space: nowrap;
}

.dandelion-cmp ul.checkboxlist li input {
    position: relative;
    /*background: url("../images/bg-input.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);*/
    border: 1px solid #dadada;
    margin: 0px 6px 0px 0px;
    padding: 4px 0;
    display: inline-block;
}

/* Sets */
.dandelion-cmp .set>ul {
    list-style-type: none;
}

.dandelion-cmp .set>ul>li {
    display: inline-block;
    background-color: #e3e3e9;
    border-radius: 3px;
    margin: 0 10px 10px 0;
    padding: 10px;
}

.dandelion-cmp .itemSelector {
    margin-bottom: 25px;
}

.dandelion-cmp .itemSelector nav {
    margin-top: 10px;
}

.dandelion-cmp .itemSelector nav button {
    margin: 0;
}

/* Other */
.dandelion-cmp p {
    margin-bottom: 10px;
}

.dandelion-cmp button:hover {
    background-color: #bcd;
}

.dandelion-cmp section select {
    border: 1px solid #dadada;
    border-radius: 3px;
}

.dandelion-cmp input.ng-invalid {
    border: 2px solid #f34141;
}

.dandelion-cmp .help {
    display: inline-block;
    font-size: small;
    background-color: Gray;
    padding: 5px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: bottom;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    width: 17px;
}

.dandelion-cmp .help label,
.dandelion-cmp ul.checkboxlist li .help label,
.dandelion-cmp ul.radiolist li .help label {
    vertical-align: middle;
    display: inline-block;
    font-size: small;
    color: whitesmoke;
    padding: 0;
}

.dandelion-cmp .help:hover {
    background-color: #4030ff;
}

.dandelion-cmp .tooltip span {
    background-color: #4030ff;
    border-radius: 3px;
    vertical-align: middle;
    padding: 2px 10px;
}

/* Using  
 tooltip can go on new line*/
.dandelion-cmp .ui-tooltip {
    white-space: pre-line;
}

.dandelion-cmp .success,
.dandelion-cmp .error,
.dandelion-cmp .warning,
.dandelion-cmp .solvedWarning,
.dandelion-cmp .requirement {
    display: block;
    border-radius: 5px;
    border: 2px solid;
    padding: 10px;
    margin: 20px 0;
}

.dandelion-cmp .success {
    background-color: lightseagreen;
    border-color: green;
    color: green;
}

.dandelion-cmp .error {
    background-color: lightcoral;
    border-color: darkred;
    color: darkred;
}

.dandelion-cmp .requirement {
    background-color: rgb(143, 111, 111);
    border-color: rgb(66, 25, 25);
    color: rgb(66, 25, 25);
}

.dandelion-cmp .warning {
    background-color: lightgoldenrodyellow;
    border-color: darkgoldenrod;
    color: darkgoldenrod;
}

.dandelion-cmp .solvedWarning {
    background-color: lightskyblue;
    border-color: darkblue;
    color: darkblue;
}

.dandelion-cmp .warning input,
.dandelion-cmp .solvedWarning input {
    margin-left: 20px;
}

.dandelion-cmp .page-link {
    display: block;
    max-width: fit-content;
    height: fit-content;
    padding: 0.5rem 0.8rem;
    margin: 5px 0;
    background-color: lightskyblue;
    color: white;
    cursor: pointer;
    box-shadow: 0 0.125rem 1.25rem 0 rgb(0 0 0 / 20%);
    border-radius: 0.25rem;
    font-size: 1em;
}

main header {
    grid-column: 1/3;
    background-color: var(--bg-color);
    background: linear-gradient(180deg, var(--bg-color) 0%, rgba(var(--bg-color-for-alpha), 0) 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 2rem var(--global-padding) 1rem var(--global-padding);*/
    position: sticky;
    top: 0;
    z-index: 1;
}

main header h2 {
    color: var(--secondary-color);
    font-size: 1.5rem;
}

main aside {
    position: sticky;
    top: 6rem;
    z-index: 1;
    /* align-self: flex-start;*/
    padding-left: var(--global-padding);
}

main aside #tree-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
}

.proceduresList {
    margin: 0px !important;
    padding: 0px !important;
}

ul .proceduresList,
ul .rebleedingEsa,
ul .flowDiagram,
ul .callSixDetails,
ul .callTwelveDetails,
ul .surgicalList,
ul .nonSurgicalList
ul .vasospasmInterventionsEsa,
ul .ECMO,
ul .ICPSenzaliquor,
ul .drenaVentEst,
ul .ICPliquor,
ul .tableSeasHospEveHospWeek,
ul .tableGCSPupils{
    display: none;
}

.dandelion-cmp .nonSurgicalList .setDescription,
.dandelion-cmp .ecmo .setDescription,
.dandelion-cmp .monitoraggioICPSenzaLiquor .setDescription,
.dandelion-cmp .monitoraggioICPLiquor .setDescription,
.dandelion-cmp .drenaggioVentricolareEsterno .setDescription,
.dandelion-cmp .chirurgiaGastrointestinale .setDescription,
.dandelion-cmp .chirurgiaEpatica .setDescription,
.dandelion-cmp .chirurgiaVieBiliari .setDescription,
.dandelion-cmp .chirurgiaVacolareToracica .setDescription,
.dandelion-cmp .chirurgiaVascolareAddominale .setDescription,
.dandelion-cmp .chirurgiaVascolarePeriferica .setDescription,
.dandelion-cmp .chirurgiaMaxillofacciale .setDescription,
.dandelion-cmp .chirurgiaOftalmica .setDescription,
.dandelion-cmp .chirurgiaNefrourologica .setDescription,
.dandelion-cmp .chirurgiaPatologicaVascolareAcquisita .setDescription,
.dandelion-cmp .chirurgiaAortaToracica .setDescription,
.dandelion-cmp .altraCardiochirurgia .setDescription,
.dandelion-cmp .ChirurgiaORL .setDescription,
.dandelion-cmp .chirurgiaToracica .setDescription,
.dandelion-cmp .chirurgiaEsofagea .setDescription,
.dandelion-cmp .chirurgiaOrtopedica .setDescription,
.dandelion-cmp .chirurgiaNeurochirugica .setDescription,
.dandelion-cmp .radiologiaInterventistica .setDescription,
.dandelion-cmp .cardiologiaInterventistica .setDescription,
.dandelion-cmp .neuroradiologiaInterventistica .setDescription,
.dandelion-cmp .endoscopiaInterventistica .setDescription {
    display: none;
}

.tree-component {
    overflow-y: auto;
}

.tree-component>span {
    margin: 1rem;
}

.SingleProcedureDate {
    margin: 0;
    padding: 0 !important;
}

.ProceduresDates {
    display: grid;
    grid-template-columns: 22.5% 16.5% 16.5% 44.5%;
    justify-items: center;
}

.proceduresTreatments>div {
    display: grid;
    grid-template-columns: 1fr;
}

.procedurePeriods {
    margin: 0px;
}

.procedurePeriods details,
.singleDate details {
    width: 100%;
}

.procedurePeriods details ul li,
.singleDate details ul li {
    display: flex;
    margin-bottom: 1rem;
}

.proceduresList,
.proceduresTreatments span table{
    max-width: 100% !important;
}

.tree-component section li {
    text-transform: capitalize;
}

.surgicalInterventions table,
.nonSurgicalInterventions table,
.rebleedingPage table,
.flowDiagramPage table,
.radiologicalInterventionsVasospasm table,
.terapiaIntensiva table,
.chirurgiaEmergenza table{
    grid-column: 1 / -1;
}

.nonSurgicalInterventions>div {
    grid-template-columns: 56% 42% !important;
}

.nonSurgicalInterventions button.remove-item,
.nonSurgicalInterventions button.add-item {
    margin: 0 1.5%;
}

.dandelion-cmp .proceduresList legend,
.dandelion-cmp .surgicalInterventions legend,
.dandelion-cmp .rebleedingEsa legend,
.dandelion-cmp .flowDiagram legend,
.dandelion-cmp .callSixDetails legend,
.dandelion-cmp .callTwelveDetails legend,
.dandelion-cmp .nonSurgicalInterventions legend
.dandelion-cmp .vasospasmInterventionsEsa legend{
    display: none;
}

.dandelion-cmp .ecmo summary,
.dandelion-cmp .monitoraggioICPSenzaLiquor summary,
.dandelion-cmp .monitoraggioICPLiquor summary,
.dandelion-cmp .drenaggioVentricolareEsterno summary,
.dandelion-cmp .chirurgiaGastrointestinale summary,
.dandelion-cmp .chirurgiaEpatica summary,
.dandelion-cmp .chirurgiaVieBiliari summary,
.dandelion-cmp .chirurgiaVacolareToracica summary,
.dandelion-cmp .chirurgiaVascolareAddominale summary,
.dandelion-cmp .chirurgiaVascolarePeriferica summary,
.dandelion-cmp .chirurgiaMaxillofacciale summary,
.dandelion-cmp .chirurgiaOftalmica summary,
.dandelion-cmp .chirurgiaNefrourologica summary,
.dandelion-cmp .chirurgiaPatologicaVascolareAcquisita summary,
.dandelion-cmp .chirurgiaAortaToracica summary,
.dandelion-cmp .altraCardiochirurgia summary,
.dandelion-cmp .ChirurgiaORL summary,
.dandelion-cmp .chirurgiaToracica summary,
.dandelion-cmp .chirurgiaEsofagea summary,
.dandelion-cmp .chirurgiaOrtopedica summary,
.dandelion-cmp .chirurgiaNeurochirugica summary,
.dandelion-cmp .radiologiaInterventistica summary,
.dandelion-cmp .cardiologiaInterventistica summary,
.dandelion-cmp .neuroradiologiaInterventistica summary,
.dandelion-cmp .endoscopiaInterventistica summary{
    display: none;
}



.dandelion-cmp .surgicalInterventions span table,
.dandelion-cmp .nonSurgicalInterventions span table,
.dandelion-cmp .rebleedingEsa span table {
    margin: 30px 35px;
}

.dandelion-cmp .surgicalInterventions span table,
.dandelion-cmp .nonSurgicalInterventions span table,
.dandelion-cmp .rebleedingEsa span table {
    width: 50%;
}

.dandelion-cmp .myProcedureList {
    display: grid;
    grid-template-columns: 24% 1fr;
    justify-content: flex-start;
}

.infectionAdmProcedure fieldset .radiolist,
.infectionStayProcedure fieldset .radiolist,
.stayPharynstayBronchotracheal ul .radiolist,
.stayPharyngeal ul .radiolist,
.admissionBronchoTracheal ul .radiolist,
.admissionPharyngeal ul .radiolist,
.stayBronchoTracheal ul .radiolist {
    display: grid;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    grid-template-columns: 1fr 1fr 1fr;
    white-space: nowrap;
    justify-items: start;
    margin-bottom: 1rem;
}

.admissionPharyngeal ul .radiolist,
.stayBronchoTracheal ul .radiolist{
    display: grid;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    grid-template-columns: 1fr 1fr 1fr;
    white-space: nowrap;
    justify-items: start;
    margin-bottom: 1rem;
}
.infectionStayList>details >ul >li,
.infectionAdmList>details>ul>li {
    border-radius: var(--rounded-box, 1rem);
    margin: 2rem 0;
    width: 90%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1.5rem;
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.stayPharynstayBronchotracheal > ul >li,
.stayPharyngeal details > ul > li,
.admissionBronchoTracheal details > ul > li,
.admissionPharyngeal details > ul > li,
.proceduresList > details > ul  > li,
.stayBronchoTracheal details > ul  > li{
    border-radius: var(--rounded-box, 1rem);
    margin: 1rem 0;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1rem 0;
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dandelion-cmp .contactList ul li {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin: 1rem;
}

.dandelion-cmp .surgicalList ul li,
.dandelion-cmp .callSixDetails ul li,
.dandelion-cmp .callTwelveDetails ul li {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.dandelion-cmp .flowDiagram ul li{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5%
}


.dandelion-cmp .vasospasmInterventionsEsa ul li {
    display: flex;
    justify-content: flex-start;
    gap: 0.5%;
    align-items: center;
}


.dandelion-cmp .flowDiagramProcedureDate {
    align-items: center;
}

.dandelion-cmp .surgicalList ul li,
.dandelion-cmp .nonSurgicalList ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.dandelion-cmp .rebleedingEsa ul li  {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12%;
}

.dandelion-cmp .surgicalList,
.dandelion-cmp .rebleedingEsa,
.dandelion-cmp .flowDiagram,
.dandelion-cmp .callSixDetails,
.dandelion-cmp .callTwelveDetails,
.dandelion-cmp .nonSurgicalList,
.dandelion-cmp .vasospasmInterventionsEsa,
.dandelion-cmp .tableDateAndHoure {
    box-shadow: none;
}

.dandelion-cmp .surgicalList ul li:not(:last-child),
.dandelion-cmp .rebleedingEsa ul li:not(:last-child),
.dandelion-cmp .flowDiagram ul li:not(:last-child),
.dandelion-cmp .callSixDetails ul li:not(:last-child),
.dandelion-cmp .callTwelveDetails ul li:not(:last-child),
.dandelion-cmp .nonSurgicalList ul li:not(:last-child),
.dandelion-cmp .tableDateAndHoure ul li:not(:last-child){
    margin-bottom: 0.75rem;
}

.dandelion-cmp .rebleedingEsa .myRebleedingEsa {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap:35%
}

.dandelion-cmp .tableDateAndHoure > div{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap:38% !important;
}

.dandelion-cmp .tableDateAndHoure {
    grid-column: 1 !important;
}


.dandelion-cmp .surgicalList .surgicalInterventions,
.dandelion-cmp .nonSurgicalList .nonSurgicalInterventions{
    display: grid;
    width: 52%;
    grid-template-columns: 64% 36%;
}


.dandelion-cmp .flowDiagram .myFlowDiagram {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18%;
}

.dandelion-cmp .vasospasmInterventionsEsa .vasospasmInterventionsEsaList {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    gap: 4%;
   
}

.dandelion-cmp .ecmo .ECMO,
.dandelion-cmp .monitoraggioICPSenzaLiquor .ICPSenzaliquor,
.dandelion-cmp .monitoraggioICPLiquor .ICPliquor,
.dandelion-cmp .drenaggioVentricolareEsterno .drenaVentEst,
.dandelion-cmp .outputISS,
.dandelion-cmp .chirurgiaGastrointestinale .chirurgiaAddominale,
.dandelion-cmp .chirurgiaEpatica .chirurgiaAddominale,
.dandelion-cmp .chirurgiaVieBiliari .chirurgiaAddominale,
.dandelion-cmp .chirurgiaVacolareToracica .chirurgiaVascolare,
.dandelion-cmp .chirurgiaVascolareAddominale .chirurgiaVascolare,
.dandelion-cmp .chirurgiaVascolarePeriferica .chirurgiaVascolare,
.dandelion-cmp .chirurgiaMaxillofacciale .chirurgiaMaxilloFacciale,
.dandelion-cmp .chirurgiaOftalmica .ChirurgiaOftalmica,
.dandelion-cmp .chirurgiaNefrourologica .chirurgiaNefroUrologica,
.dandelion-cmp .chirurgiaPatologicaVascolareAcquisita .chirurgiaCardiochirurgica,
.dandelion-cmp .chirurgiaAortaToracica .chirurgiaCardiochirurgica,
.dandelion-cmp .altraCardiochirurgia .chirurgiaCardiochirurgica,
.dandelion-cmp .ChirurgiaORL .chirurgiaOrl,
.dandelion-cmp .chirurgiaToracica .chirurgiaToracica,
.dandelion-cmp .chirurgiaEsofagea .chirurgiaToracica{
    display: grid;
    align-items: center;
    grid-template-columns: repeat(4, minmax(0, 1fr));
   
}
.dandelion-cmp .chirurgiaOrtopedica .chirurgiaOrtopedica,
.dandelion-cmp .chirurgiaNeurochirugica .chirurgiaNeurochirugica,
.dandelion-cmp .radiologiaInterventistica .radInt,
.dandelion-cmp .cardiologiaInterventistica .cardInt,
.dandelion-cmp .neuroradiologiaInterventistica .neuroRadInt,
.dandelion-cmp .endoscopiaInterventistica .endoInt{
     display: grid;
    align-items: center;
    grid-template-columns: repeat(3, minmax(0, 1fr));
   
}
/*
.dandelion-cmp .outputISS div{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0rem !important;
}
*/
.dandelion-cmp .flowDiagram .myFlowDiagram .radiolist,
.dandelion-cmp .callSixDetails .callSixDetailsList,
.dandelion-cmp .callTwelveDetails .callTwelveDetailsList{
    display: flex;
    /* width: 52%; */
    /* grid-template-columns: 64% 36%; */
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-start;
}


.dandelion-cmp .callSixDetails .callSixDetailsList .radiolist,
.dandelion-cmp .callTwelveDetails .callTwelveDetailsList .radiolist {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}

.dandelion-cmp .myProcedureList fieldset {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
}

.dandelion-cmp .myProcedureList>div {
    justify-items: start;
}

.dandelion-cmp .myProcedureList div,
.dandelion-cmp .surgicalList .surgicalInterventions div,
.dandelion-cmp .nonSurgicalList .nonSurgicalInterventions div{
    display: flex;
    align-items: center;
    justify-content: center;
}



.dandelion-cmp .rebleedingEsa div label {
    display: inline-block;
    margin-right: 5px; /* Aggiunge un po' di spazio tra l'etichetta e l'input */
}

.dandelion-cmp .myProcedureList div label,
.dandelion-cmp .surgicalList div label,
.dandelion-cmp .nonSurgicalList div label,
.dandelion-cmp .rebleedingEsa div label,
.dandelion-cmp .vasospasmInterventionsEsa div label,
.dandelion-cmp .ECMO div label,
.dandelion-cmp .ICPSenzaliquor div label,
.dandelion-cmp .drenaVentEst div label,
.dandelion-cmp .ICPliquor div label,
.dandelion-cmp .chirurgiaAddominale div label,
.dandelion-cmp .chirurgiaVascolare div label,
.dandelion-cmp .chirurgiaMaxilloFacciale div label,
.dandelion-cmp .ChirurgiaOftalmica div label,
.dandelion-cmp .chirurgiaNefrourologica div label,
.dandelion-cmp .chirurgiaCardiochirurgica div label,
.dandelion-cmp .chirurgiaOrl div label,
.dandelion-cmp .chirurgiaToracica div label,
.dandelion-cmp .chirurgiaOrtopedica div label,
.dandelion-cmp .chirurgiaNeurochirugica div label,
.dandelion-cmp .radiologiaInterventistica div label,
.dandelion-cmp .cardiologiaInterventistica div label,
.dandelion-cmp .neuroradiologiaInterventistica div label,
.dandelion-cmp .endoscopiaInterventistica div label,
.dandelion-cmp .tableDateAndHoure div label{
    display: none;
}

.criticalCareScores > .div{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

fieldset .respiratoryFailure div:nth-child(3),
fieldset .cardiovascularFailure div:nth-child(3),
fieldset .neurologicalFailure div:nth-child(3),
fieldset .hepaticFailure div:nth-child(3),
fieldset .renalFailure div:nth-child(3),
fieldset .skinFailure div:nth-child(3),
fieldset .metabolicFailure div:nth-child(3),
fieldset .coagulationFailure div:nth-child(3){
    padding-left: 40%;
}
/*.criticalCareScores>div>fieldset>div>div {
    display: block !important;
}

.esa>fieldset>div>fieldset>div>div {
    display: block !important;
}*/

.clinicalCourseNotes>div>div {
    display: grid;
}
.clinicalCourseNotes .variableLabel{
    justify-content: left;
}

.clinicalCourseNotes textarea{
    height: 135%;
}
.datapreProcESA legend {
    display: none !important;
}

.myProcedureList:has(:last-child[id*='MaxOne']) {
    display: grid;
    grid-template-columns: 25% 17.5% 12% 12% 33.5%;
    align-items: center;
    justify-items: center;
    width: 94.5%;
}

.spinner {
    padding-top: 20px;
    padding-bottom: 20px;
    max-height: 100px;
    max-width: 100px;
}

.big-spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    max-width: 10vw;
    aspect-ratio: 1;
}

.proceduresList button {
    min-width: 90px;
}

#core\.gcsAtAdmissionToIcu\.gcs-wrapper,
#core\.gcsDuringFirst24Icu\.gcs24-wrapper {
    font-size: 1.5rem;
    font-weight: bold;
}

s #core\.reasonForAdmission\.admVenSupport-wrapper,
#core\.outcome\.icuDisTime-wrapper,
#core\.outcome\.hospOutcomeIT-wrapper .admission .page-link {
    grid-column: 1;
}

#core\.gcsAtAdmissionToIcu\.gcsLabel-wrapper,
#core\.gcsAtAdmissionToIcu\.gcs-wrapper,
#core\.administrativeInfo\.viewDays-wrapper,
#core\.AkinMetabolic\.AkinMetabolicLabel-wrapper,
#core\.sapsiiScore\.sapsiiLabel-wrapper,
#core\.sofaScore\.sofaIntroLabel-wrapper,
#core\.administrativeInfo\.viewAge-wrapper {
    grid-column: 1/-1;
}

#core\.gcsDuringFirst24Icu\.helpLabel-wrapper {
    margin-top: 35px;
}

#core\.gcsDuringFirst24Icu\.gcsOption-wrapper,
#core\.gcsDuringFirst24Icu\.gcsOptionBest24-wrapper {
    margin-top: 15px;
}

.clinicalCourseNotes textarea {
    width: 100%;
}