/*** REGOLE PER L'UTILIZZO DI QUESTO FILE: ****/

/***** - QUESTO FILE DEVE CONTENERE SOLO REGOLE CSS RELATIVE ALLA GRAFICA DEL PROGETTO, OVVERO REGOLE CHE SONO LEGATE A QUESTO CMS ****/
/***** - QUANDO SI AGGIUNGONO REGOLE CSS NON AGGIUNGERLE IN PUNTI A CASO DEL FILE, BENSI' CERCARE LA SEZIONE RELATIVA ALLE REGOLE CHE SI VOGLINO AGGIUNGERE ****/
/***** - SE NON SI TROVA UNA SEZIONE RELATIVA ALLE REGOLE CHE SI VOGLINO AGGIUNGERE CREARNE UNA NUOVA, SEGUENDO LO STANDARD UTILIZZATO PER CREARE LE ALTRE ****/

/***** BORDER ---> ****/

.border-info-support{
    border-top: 1px solid #CCD9E6;
}

.error-border-red {
    border: 1px red  solid !important;
}

/***** <--- BORDER ****/

/***** CHECKBOX ---> ****/

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
    background-color: var(--blue);
    border-color: var(--blue);
}


/***** <--- CHECKBOX ****/



/***** TEXT ---> ****/

.blue-title-modal{
    color: var(--blue);
    font-family: Roboto !important;
    font-size: 30px;
    font-weight: 300;
}

.table-main-column{
    color: #061A40;
    font-family: Roboto !important;
    font-size: 20px;
    font-weight: 600;
}

.subtitle-font{
    color: #061A40;
    font-family: Roboto !important;
    font-size: 16px;
    font-weight: 300;
}

.info-font{
    color: #99ADC7;
    font-family: Roboto !important;
    font-size: 16px;
    font-weight: 300;
}

.specific-type-font{
    color: #5B7295;
    font-family: Roboto !important;
    font-size: 18px;
    font-weight: 400;
}

.link-font{
    color: var(--blue);
    font-family: Roboto !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
}

.first-subtitle-section{
    color: #5B7295;
    font-family: Roboto !important;
    font-size: 14px;
    font-weight: 300;
}

.second-subtitle-section{
    color: #5B7295;
    font-family: Roboto !important;
    font-size: 14px;
    font-weight: 600;
}

.black-font-title{
    color: #10295A;
    font-family: Roboto !important;
    font-size: 18px;
    font-weight: 600;
}

.subtitle-descr-font{
    color: #5B7295;
    font-family: Roboto !important;
    font-size: 14px;
    font-weight: 300;
}

.normal-text-font {
    color: #061A40;
    font-family: Roboto !important;
    font-size: 14px;
    font-weight: 300;
}

.green-status {
    color: #1BB394;
    font-family: Roboto !important;
    font-size: 18px;
    font-weight: 400;
}

.yellow-status {
    color: #F8AC5A;
    font-family: Roboto !important;
    font-size: 18px;
    font-weight: 400;
}

.blue-status {
    color: #00439B;
    font-family: Roboto !important;
    font-size: 18px;
    font-weight: 400;
}

.light-grey-status {
    color: #99ADC7;
    font-family: Roboto !important;
    font-size: 18px;
    font-weight: 400;
}

/***** <--- TEXT ****/

/***** MARGIN & PADDING ---> ****/

.mini-box-padding {
    padding-top: 18px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 18px;
}



.box-padding {
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
}

/***** <--- MARGIN & PADDING  ****/

/***** GENERAL ---> ****/

.flag-country-style{
    background-size: cover !important;
    border-radius: 100% !important;
    background-position: center !important;
    border: none !important;
    margin: 20px !important;
}



.red-gradient-background{
    background-image: linear-gradient(to right, #CC2030, #ED5666);
}



.blue-gradient-background{
    background-image: linear-gradient(to right, #003780, #005FDB);
}



.blue-header-footer-cell {
    border: 1px var(--blue) solid;
    font-size: 16px;
    font-weight: 500;
    background: var(--light-blue);
    color: var(--blue);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}



.grey-header-footer-cell {
    border: 1px var(--grey) solid;
    font-size: 16px;
    font-weight: 500;
    background: var(--light-light-grey);
    color: var(--grey);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}



.blocked-grey-cell {
    font-size: 14px;
    background: #CCD9E633;
    color: var(--text-color-dark);
    border: 1px #CCD9E6 solid;
    border-bottom: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}




.blocked-grey-cell-all-border {
    font-size: 14px;
    background: #CCD9E633;
    color: var(--text-color-dark);
    border: 1px #CCD9E6 solid;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}



.input-only-read-background {
    background: transparent !important;
}


.red-header-cell {
    border: 1px #ED5666 solid;
    font-size: 16px;
    font-weight: 500;
    background: #ED566640;
    color: var(--text-color-dark);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}



.red-sub-header-cell {
    border: 1px #ED5666 solid;
    font-size: 16px;
    font-weight: 500;
    background: #ED56661A;
    color: var(--grey);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}



.yellow-header-cell {
    border: 1px #F8AC5A solid;
    font-size: 16px;
    font-weight: 500;
    background: #F8AC5A40;
    color: var(--text-color-dark);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}



.yellow-sub-header-cell {
    border: 1px #F8AC5A solid;
    font-size: 16px;
    font-weight: 500;
    background: #F8AC5A1A;
    color: var(--grey);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}




.green-header-cell {
    border: 1px #1BB394 solid;
    font-size: 16px;
    font-weight: 500;
    background: #1BB39440;
    color: var(--text-color-dark);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}



.green-sub-header-cell {
    border: 1px #1BB394 solid;
    font-size: 16px;
    font-weight: 500;
    background: #1BB3941A;
    color: var(--grey);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}




.grey-header-cell {
    border: 1px #5B7295 solid;
    font-size: 16px;
    font-weight: 500;
    background: #CCD9E680;
    color: var(--text-color-dark);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}



.grey-sub-header-cell {
    border: 1px #5B7295 solid;
    font-size: 16px;
    font-weight: 500;
    background: #CCD9E633;
    color: var(--grey);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}


/***** <--- GENERAL ****/

/***** BUTTON ---> ****/

.btn-white-text {
    background-color: transparent;
    border: 1px solid var(--white);
    color: var(--white);
}

.btn-white-text:hover,
.btn-white-text:focus,
.btn-white-text:active,
.btn-white-text.active,
.open .dropdown-toggle.btn-white-text,
.btn-white-text:active:focus,
.btn-white-text:active:hover,
.btn-white-text.active:hover,
.btn-white-text.active:focus {
    color: inherit;
    border: 1px solid var(--white);
    color: var(--white);
}

/***** <--- BUTTON ****/

.sa-warning{
    border-color: #ED566666 !important;
}

.pulseWarningIns{
    animation: none !important;
}

.pulseWarning{
    animation: none !important;
}

.sa-body{
    background-color: #ED5666 !important;
}

.sa-dot{
    background-color: #ED5666 !important;
}