/* Colori disponibili utilizzo var(--MRO_BorderColor);*/
:root {
    /* silver sand or grey-76*/
    --MRO_BorderColor: #C2C2C2;
    /* background applicato in alcune maschere da estendere a tutte le maschere
        - da verificare index come eccezione a questa regola */
    --MRO_BackGroundColor: white;
    --MRO_BtnColor: white;
    --MRO_ForeColorTitle: white;
    --MRO_ForeColor: black;
    /* Medium Persian Blue */
    --MRO_BackGroundColorTitleBar: #0066A6;
    /* dark sky blue */
    --MRO_gridTitleBGColor: #90BDDD;
    /* platinum */
    --MRO_MasterBackGroundColor: #E6E7E8;
    
    --icons-size-medium: 1.5rem;
    --icons-size-large: 3rem;

    --header-height: 4.0625rem;
    --footer-height: 3.75rem;
    
    --app-collapsed-width: 5.3125rem;
    --app-sidebar-expanded-width: 18.75rem;
    --app-sidebar-collapsed-width: 5.3125rem;
    /* la side bar parte collassata*/
    --app-sidebar-width:  var(--app-sidebar-collapsed-width);
    --app-horizontal-spacing: 0.3rem;

    --page-content-padding-y: 1.2rem;

    --tables-toolbar-vertical-spacing: 0.8rem;
    --tables-odd-row-background-color: rgb(240, 240, 240);
    --tables-hover-bg-color: rgb(220, 220, 220);
    --card-border-radius: 0.25rem;
    --card-spacing: 0.3rem;

    --tab-panel-header-heigth: 3.5rem;
    --global-toolbar-height: 3.5rem;

    /* custom palette*/
    --color-black-50: rgba(0, 0, 0, .5);
    --color-black-900: #000000;
    --color-white-30: rgba(255, 255, 255, .3);
    
    font-size: 16px;
    
    overflow-y: hidden;
    /* TODO to change to hidden for production later */
    overflow-x: visible;
}

@media (min-width: 768px) {
    :root {
        --app-horizontal-spacing: 1rem;
    }
}

.tableInfoLogin .containerInfo b {
    color: var(--MRO_ForeColorTitle);
}

/* Titolo message box */
.fontLatoBoldTitle {
    font-size: 1.25rem;
    color: var(--MRO_ForeColorTitle);
}

/* font testo pulsanti menù index / favorites / alert */
.fontLatoBoldMenu {
    font-size: 1.5rem;
    color: var(--MRO_ForeColorTitle);
}

.colorYellow{
    color: yellow;
}

/* colore testo spoiler */
.colorTextWhite {
    color: var(--MRO_ForeColorTitle);
}

.colorText0066A6 {
    color: var(--MRO_BackGroundColorTitleBar);
}

.colorText00BDDD {
    color: #00BDDD;
}

.colorTextFF0000 {
    color: #FF0000;
}

.SourceSansPro-Regular11 {
    font-size: 0.9125rem;
}

.LatoBold24 {
    font-size: 2rem;
}

.LatoBold14 {
    font-size: 1.1625rem;
}

.LatoBold10 {
    font-size: 0.83125rem;
}

.LatoBold11 {
    font-size: 0.9125rem;
}

.LatoBold12 {
    font-size: 0.9125rem;
}

input.inputMro[type="text"], select.inputMro,textarea.inputMro {
    font-size: 0.9125rem;
}

select.inputMro option {
    font-size: 0.9125rem;
}

select, input, textarea, span, label, a, p {
    font-size: 0.9125rem;
}