/*=============================================================================
    COLORI GENERALI 
/*===========================================================================*/
/* mep-colors*/
:root {
    --miceblue: #004268;
    --light-miceblue: #307EEB;
    --desk-blue-disabled: #3D7799;
    --desk-light-blue: #0081CC; /*#005F96;    /*     #417AB3 #005F96  #478EB0  */
    --desk-light-grey: #D8D8D8; /*#D2D6E0; /*usato nei bordi*/
}
/*///////////////////////////////////////////////////////////////////////////*/








/*=============================================================================
    BASE CSS 
/*===========================================================================*/
html, body { background-color: #FFFFFF; font-family: 'Questrial', sans-serif; }
input, button { font-family: 'Questrial', sans-serif; }
/*a {
    color: red;
}
a:hover{
    color: red;
}*/
/*///////////////////////////////////////////////////////////////////////////*/






/*=============================================================================
    STILE PER I COMPONENTI DEL LAYOUT
/*===========================================================================*/
#c_border_top { width: 100%; height: 9px; position: fixed; top: 0px; left: 0px; }
#c_border_bottom { width: 100%; height: 9px; position: fixed; bottom: 0px; left: 0px; }
#c_border_top_ghostmode { width: 100%; height: 45px; position: fixed; top: 0px; left: 0px; }
/*///////////////////////////////////////////////////////////////////////////*/
























/*=============================================================================
    COMPONENTE CSS: LIVELLI Z INDEX
/*===========================================================================*/
/*
100 kendo
2    header - footer
1    bluetop - bluebottom
0    page 
*/
.z-1 {
    z-index: 100;
}
.z-2 { z-index: 200; }
.z-3 { z-index: 300; }
.z-4 { z-index: 400; }
.z-5 { z-index: 500; }
.z-6 { z-index: 600; }
.z-7 { z-index: 700; }
.z-8 { z-index: 800; }
.z-9 { z-index: 900; }
.z-10{ z-index: 10000; }
.z-11{ z-index: 11000; }
/*///////////////////////////////////////////////////////////////////////////*/








/*=============================================================================
    ESTENSIONE BACKGROUND COLOR
/*===========================================================================*/
.bg-miceblue{ background-color: var(--miceblue);}
a.bg-miceblue { color: var(--miceblue); }
a.bg-miceblue:hover{ color: var(--light-miceblue); }
/*///////////////////////////////////////////////////////////////////////////*/






/*=============================================================================
    COMPONENTE CSS: BOTTONI
/*===========================================================================*/
/*.bg-miceblue{ background-color: var(--miceblue);}
a.bg-miceblue { color: var(--miceblue); }
a.bg-miceblue:hover{ color: var(--light-miceblue); }*/

/*button.btn-miceblue, a.btn-miceblue {
    color: #fff;
    background-color: var(--miceblue);
    border-color: var(--miceblue);
}*/


/*
.text-miceblue { color: var(--miceblue); }
a.text-miceblue { color: var(--miceblue); }
a.text-miceblue:hover{ color: var(--light-miceblue); }*/

/*///////////////////////////////////////////////////////////////////////////*/









































/*Default bootstrap is XS size*/
.show-under-xs{ display:inline; }
.show-under-sm{ display:inline; }
.show-under-md{ display:inline; }
.show-under-lg{ display:inline; }
.show-under-xl{ display:inline; }

.hide-under-xs{ display:none; }
.hide-under-sm{ display:none; }
.hide-under-md{ display:none; }
.hide-under-lg{ display:none; }
.hide-under-xl{ display:none; }

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .show-under-xs{ display:none; }
    .show-under-sm{ display:inline; }
    .show-under-md{ display:inline; }
    .show-under-lg{ display:inline; }
    .show-under-xl{ display:inline; }

    .hide-under-xs{ display:inline; }
    .hide-under-sm{ display:none; }
    .hide-under-md{ display:none; }
    .hide-under-lg{ display:none; }
    .hide-under-xl{ display:none; }
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .show-under-xs{ display:none; }
    .show-under-sm{ display:none; }
    .show-under-md{ display:inline; }
    .show-under-lg{ display:inline; }
    .show-under-xl{ display:inline; }

    .hide-under-xs{ display:inline; }
    .hide-under-sm{ display:inline; }
    .hide-under-md{ display:none; }
    .hide-under-lg{ display:none; }
    .hide-under-xl{ display:none; }
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .show-under-xs{ display:none; }
    .show-under-sm{ display:none; }
    .show-under-md{ display:none; }
    .show-under-lg{ display:inline; }
    .show-under-xl{ display:inline; }

    .hide-under-xs{ display:inline; }
    .hide-under-sm{ display:inline; }
    .hide-under-md{ display:inline; }
    .hide-under-lg{ display:none; }
    .hide-under-xl{ display:none; }
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .show-under-xs{ display:none; }
    .show-under-sm{ display:none; }
    .show-under-md{ display:none; }
    .show-under-lg{ display:none; }
    .show-under-xl{ display:inline; }

    .hide-under-xs{ display:inline; }
    .hide-under-sm{ display:inline; }
    .hide-under-md{ display:inline; }
    .hide-under-lg{ display:inline; }
    .hide-under-xl{ display:none; }
}