@font-face {
    font-family: 'LatoRegular';
    src: url('../css/font/Lato-Regular.ttf');
}
@font-face {
    font-family: 'LatoBold';
    src: url('../css/font/Lato-Bold.ttf');
}
@font-face {
    font-family: 'LatoBoldItalic';
    src: url('../css/font/Lato-BoldItalic.ttf');
}
@font-face {
    font-family: 'LatoItalic';
    src: url('../css/font/Lato-Italic.ttf');
}
@font-face {
    font-family: 'MontserratMedium';
    src: url('../css/font/Montserrat-Medium.ttf');
}
@font-face {
    font-family: 'MontserratRegular';
    src: url('../css/font/Montserrat-Regular.ttf');
}
@font-face {
    font-family: 'MontserratSemiBold';
    src: url('../css/font/Montserrat-SemiBold.ttf');
}
@font-face {
    font-family: 'MontserratBold';
    src: url('../css/font/Montserrat-Bold.ttf');
}

#contentWrap
{
    position: absolute;
    top: 32px;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto;
}

html, body {
    font-family: MontserratRegular;
    font-size: 14pt;
    padding: 0px;
    margin: 0px;
}

div {
    padding: 0px;
    margin: 0px;
}

.elementHover:hover {
    background-color: #dfe0e3;
}

a {
    color: inherit !important;
}

.ui-page {
    background-color: white;
    overflow: hidden;
}

.centrato {
    text-align: center;
}

/*-------------------------IMPOSTAZIONI DATEBOX-----------------------------*/
/*GIORNI DISABILITATI*/
.ui-datebox-griddate.ui-corner-all.ui-btn.ui-btn-a.ui-datebox-griddate-disable
{
    background-color: #EAEAE9;
    border-color: #7D8182;
    color: black;
    text-shadow: none;
}

/*GIORNI ABILITATI*/
.ui-datebox-griddate.ui-corner-all.ui-btn.ui-btn-a {
    background-color: #EAEAE9;
    border-color: #7D8182;
    color: #c41228;
    text-shadow: none;
}

/*GIORNO SELEZIONATO E GIORNO CORRENTE*/
.ui-datebox-griddate.ui-corner-all.ui-btn.ui-btn-b {
    background-color: #c41228;
    border-color: #c41228;
    color: white;
    text-shadow: none;
}

/*BOTTONI DATEBOX TEMA A*/
div.ui-page-theme-a div.ui-input-datebox a.ui-btn, div.ui-page-theme-a div.ui-datebox-container a,
div.ui-page-theme-a div.ui-datebox-container div.ui-btn {
    background-color: #c41228;
    border-color: #c41228;
    color: #ffffff;
    text-shadow: none;
}

/*HEADER CALENDARIO*/
.ui-datebox-container>.ui-header:first-child {
    background-color: #c41228;
    color: white;
    top: -1px;
}

/*ICONA CALENDARIO*/
div.ui-input-text a.ui-btn.ui-icon-calendar {
    background-color: #c41228 !important;
    border-color: #c41228 !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

/*-------------------------FINE IMPOSTAZIONI DATEBOX-----------------------------*/

/*-------------------------IMPOSTAZIONI POPUP-----------------------------*/
.ui-popup>.ui-btn-right {
    right: 0px !important;
}

.ui-popup>.ui-btn-left {
    left: 0px !important;
}

.ui-popup>.ui-btn-left, .ui-popup>.ui-btn-right {
    top: 0px !important;
}

div.ui-popup a.ui-btn {
    background-color: #c41228 !important;
    border-color: #c41228 !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

/*-------------------------FINE IMPOSTAZIONI POPUP-----------------------------*/

/*---ICONA SEARCH-------*/
.ui-btn.ui-icon-search {
    background-color: #c41228 !important;
    border-color: #c41228 !important;
    color: #ffffff !important;
    text-shadow: none !important;
    height: 100% !important;
}

/*----BORDO RETTANGOLARE PER I BOTTONI SENZA TESTO-----*/
.custom-border-radius .ui-btn-icon-notext.ui-corner-all {
    -webkit-border-radius: .3125em;
    border-radius: .3125em;
}

.ui-page.ui-page-theme-a.ui-page-active, .ui-btn {
    text-shadow: none !important;
}

.banner {
    position: absolute;
    height: 25px;
    top: 0px;
    right: 0px;
    left: 0px;
    background-color: #f7f7f7;
    color: black;
    text-align: left;
    padding-top: 5px;
    padding-left: 10px;
    border-bottom: 1px solid #9d9d9d;
    font-family: MontserratSemiBold;
    font-size: 13pt;
    font-weight: bold;
}

@media screen and (orientation:portrait) {
    #content {
        position: absolute;
        top: 75px;
        bottom: 50px;
        right: 0px;
        left: 0px;
    }
    @media screen and (max-width:322px) {
        html, body {
            font-size: 11pt;
        }
    }
    @media screen and (max-height:480px) {
        .tastitext {
            font-size: 10pt;
        }
        #content {
            position: absolute;
            top: 75px;
            bottom: 45px;
            right: 0px;
            left: 0px;
        }
    }
    @media screen and (min-height:481px) and (max-height:570px) {
        .tastitext {
            font-size: 10pt;
        }
        #content {
            position: absolute;
            top: 75px;
            bottom: 50px;
            right: 0px;
            left: 0px;
        }
    }
    @media screen and (min-height:571px) and (max-height:640px) {
        .tastitext {
            font-size: 12pt;
        }
        #content {
            position: absolute;
            top: 75px;
            bottom: 60px;
            right: 0px;
            left: 0px;
        }
    }
    @media screen and (min-height:641px) and (max-height:753px) {
        .tastitext {
            font-size: 14pt;
        }
        #content {
            position: absolute;
            top: 75px;
            bottom: 70px;
            right: 0px;
            left: 0px;
        }
    }
    @media screen and (min-height:753px) and (max-height:960px) {
        .tastitext {
            font-size: 14pt;
        }
        #content {
            position: absolute;
            top: 75px;
            bottom: 80px;
            right: 0px;
            left: 0px;
        }
    }
    @media screen and (min-height:961px) and (max-height:1024px) {
        .tastitext {
            font-size: 16pt;
        }
        #content {
            position: absolute;
            top: 75px;
            bottom: 90px;
            right: 0px;
            left: 0px;
        }
    }
    @media screen and (min-height:1025px) and (max-height:1280px) {
        .tastitext {
            font-size: 18pt;
        }
        #content {
            position: absolute;
            top: 75px;
            bottom: 100px;
            right: 0px;
            left: 0px;
        }
    }
}

@media screen and (orientation:landscape) {

    .ui-page{
        height: 480px;/*100vw;*/
    }

    #content {
        position: absolute;
        top: 75px;
        bottom: 50px;
        right: 0px;
        left: 0px;
    }

    @media screen and(max-width:480px) {
        .ui-page{
            height: 480px;
        }
    }
    @media screen and (min-width:481px) and (max-width:570px) {
        .ui-page{
            height: 570px;
        }
    }
    @media screen and (min-width:571px) and (max-width:640px) {
        .ui-page{
            height: 640px;
        }
    }
    @media screen and (min-width:641px) and (max-width:753px) {
        .ui-page{
            height: 753px;
        }
    }
    @media screen and (min-width:753px) and (max-width:960px) {
        .ui-page{
            height: 960px;
        }
    }
    @media screen and (min-width:1025px) and (max-width:1280px) {
        .ui-page{
            height: 1280px;
        }
    }
}