@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,700);

html{
    background-color:#f5f5f0;
    min-width:320px;
}

body {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    background-color: #f5f5f0;
    font-size: 10px;  min-width:320px;
}

/*<a href="http://www.regione.lombardia.it" target="_blank" id="lnkRegioneLombardia" class="cssParentHtml">Regione Lombardia</a>*/
.cssParentHtml, #lnkRegioneLombardia:hover, #lnkRegioneLombardia:visited, #lnkRegioneLombardia:focus {
    color: white;
    text-decoration: none;
}

#ucHeader_lblUser{
    font-weight:900; color:white; padding:0px 10px 0px 0px; margin:0px; vertical-align: bottom
}

#ucHeader_lblRegioneLombardia, #ucHeader_btnExit, #ucHeader_lblFollowUs1, #ucHeader_lblFollowUs2{
    font-weight:900; color:white; padding:0px; margin:0px;
}
#ucHeader_lblMunicipalityName, #ucHeader_lblApplicationFlow, #ucHeader_lblApplicationFlow2{font-weight:900; color:white;}

#ucHeader_lblApplicationName, #ucHeader_lblApplicationName2 {color:white; }
#ucHeader_lblDash, #ucHeader_lblDash2 {color:white; font-size: 1.6em; }

#ucHeader_cboLanguageExpand, #ucHeader_cboLanguageCollapse{
    background-color: #0066CC;
    color: #ffffff;
    border-color: #0066CC;
    vertical-align: central;
}
#ucHeader_itemsLanguageExpand, #ucHeader_itemsLanguageCollapse{
    background-color: #0066CC;
    color: #ffffff;
    border-color: #0066CC;
}
#ucHeader_itemsLanguageExpand > li, #ucHeader_itemsLanguageCollapse > li {
    background-color: #0066CC;
    color: #FFFFFF;
}

#ucHeader_itemsLanguageExpand > li > a, #ucHeader_itemsLanguageCollapse > li > a {
    color: #FFFFFF;
}

#ucHeader_itemsLanguageExpand > li > a:hover, #ucHeader_itemsLanguageCollapse > li > a:hover {
    background-color: #0066CC; text-decoration:none;
    color: #ffffff;
}

.vertical-align {
    display: flex;
    align-items: center;
}

/*Extra small devices (portrait phones, less than 576px) ... (max-width: 575px) ... */
@media (max-width: 767px) { 
    #ucHeader_lblRegioneLombardia, #ucHeader_btnExit, #ucHeader_lblFollowUs1, #ucHeader_lblFollowUs2, #ucHeader_lblApplicationFlow, #ucHeader_lblApplicationFlow2, #ucHeader_lblUser{
        font-size:1.2em;
    }
    #ucHeader_lblApplicationName, #ucHeader_lblApplicationName2 { font-size: 1.2em; }
    .cssColMunWidth { width:51px;} /*36+15*/
    #ucHeader_lblMunicipalityName{
        font-size:1.6em;
    }
    
    #ucHeader_imgFb1::before, #ucHeader_imgFb2::before { content: url("../../Images/320/icon_facebook_20.png"); }
    #ucHeader_imgTw1::before, #ucHeader_imgTw2::before { content: url("../../Images/320/icon_twitter_20.png"); }
    #ucHeader_imgLinkedIn1::before, #ucHeader_imgLinkedIn2::before { content: url("../../Images/320/icon_linkedin_20.png"); }

    #ucHeader_imgCollapseHeader::before { content: url("../../Images/320/collapse_header_25.png"); }
    #ucHeader_imgExpandHeader::before { content: url("../../Images/320/expand_header_25.png"); }
}

/*Small devices (landscape phones, 576px and up) ... (min-width: 576px) and (max-width: 767px) ... */
@media (min-width: 768px) and (max-width: 991px) { 
    #ucHeader_lblRegioneLombardia, #ucHeader_btnExit, #ucHeader_lblFollowUs1, #ucHeader_lblFollowUs2, #ucHeader_lblApplicationFlow, #ucHeader_lblApplicationFlow2, #ucHeader_lblUser{
        font-size:1.4em; 
    }
    #ucHeader_lblApplicationName, #ucHeader_lblApplicationName2 { font-size: 1.3em; }
    .cssColMunWidth { width:55px;} /*40+15*/
    #ucHeader_lblMunicipalityName{
        font-size:2em;
    }
    #ucHeader_imgFb1::before, #ucHeader_imgFb2::before { content: url("../../Images/640/icon_facebook_23.png"); }
    #ucHeader_imgTw1::before, #ucHeader_imgTw2::before { content: url("../../Images/640/icon_twitter_23.png"); }
    #ucHeader_imgLinkedIn1::before, #ucHeader_imgLinkedIn2::before { content: url("../../Images/640/icon_linkedin_23.png"); }

    #ucHeader_imgCollapseHeader::before { content: url("../../Images/640/collapse_header_28.png"); }
    #ucHeader_imgExpandHeader::before { content: url("../../Images/640/expand_header_28.png"); }
}

/*Medium devices (tablets, 768px and up) ... (min-width: 768px) and (max-width: 991px) */  /* ... By designer ... */
@media (min-width: 992px) and (max-width: 1199px) {  
    #ucHeader_lblRegioneLombardia, #ucHeader_btnExit, #ucHeader_lblFollowUs1, #ucHeader_lblFollowUs2, #ucHeader_lblApplicationFlow, #ucHeader_lblApplicationFlow2, #ucHeader_lblUser{
        font-size:1.6em; 
    }
    #ucHeader_lblApplicationName, #ucHeader_lblApplicationName2 { font-size:  1.6em;}
    .cssColMunWidth { width:57px;} /*42+15*/
    #ucHeader_lblMunicipalityName{
        font-size:2.4em;
    }
    #ucHeader_imgFb1::before, #ucHeader_imgFb2::before { content: url("../../Images/1024/icon_facebook_27.png"); }
    #ucHeader_imgTw1::before, #ucHeader_imgTw2::before { content: url("../../Images/1024/icon_twitter_27.png"); }
    #ucHeader_imgLinkedIn1::before, #ucHeader_imgLinkedIn2::before { content: url("../../Images/1024/icon_linkedin_27.png"); }

    #ucHeader_imgCollapseHeader::before { content: url("../../Images/1024/collapse_header_30png.html"); }
    #ucHeader_imgExpandHeader::before { content: url("../../Images/1024/expand_header_30png.html"); }
}

/*Large devices (desktops, 992px and up) ... (min-width: 992px) and (max-width: 1199px) */
@media (min-width: 1200px) and (max-width: 1439px) { 
    #ucHeader_lblRegioneLombardia, #ucHeader_btnExit, #ucHeader_lblFollowUs1, #ucHeader_lblFollowUs2, #ucHeader_lblApplicationFlow, #ucHeader_lblApplicationFlow2, #ucHeader_lblUser{
        font-size:1.7em;
    }
    #ucHeader_lblApplicationName, #ucHeader_lblApplicationName2 { font-size:  1.7em;}
    .cssColMunWidth { width:59px;} /*44+15*/
    #ucHeader_lblMunicipalityName{
        font-size:2.5em;
    }
    #ucHeader_imgFb1::before,  #ucHeader_imgFb2::before { content: url("../../Images/1440/icon_facebook_30.png"); }
    #ucHeader_imgTw1::before, #ucHeader_imgTw2::before { content: url("../../Images/1440/icon_twitter_30.png"); }
    #ucHeader_imgLinkedIn1::before, #ucHeader_imgLinkedIn2::before { content: url("../../Images/1440/icon_linkedin_30.png"); }

    /*#ucHeader_imgCollapseHeader::before { content: url("../../Images/1440/collapse_header_34.png"); }
    #ucHeader_imgExpandHeader::before { content: url("../../Images/1440/expand_header_34.png"); }*/
}

/*Extra large devices (large desktops, 1200px and up) ... (min-width: 1200px) ... */
@media (min-width: 1440px) { 
    #ucHeader_lblRegioneLombardia, #ucHeader_btnExit, #ucHeader_lblFollowUs1, #ucHeader_lblFollowUs2, #ucHeader_lblApplicationFlow, #ucHeader_lblApplicationFlow2, #ucHeader_lblUser{
        font-size:1.8em;
    }
    #ucHeader_lblApplicationName, #ucHeader_lblApplicationName2 { font-size:  1.8em;}
    .cssColMunWidth { width:61px;} /*46+15*/
    #ucHeader_lblMunicipalityName{
        font-size:2.6em;
    }
    #ucHeader_imgFb1::before, #ucHeader_imgFb2::before { content: url("../../Images/9999/icon_facebook_33.png"); }
    #ucHeader_imgTw1::before, #ucHeader_imgTw2::before { content: url("../../Images/9999/icon_twitter_33.png"); }
    #ucHeader_imgLinkedIn1::before, #ucHeader_imgLinkedIn2::before { content: url("../../Images/9999/icon_linkedin_33.png"); }

    /*#ucHeader_imgCollapseHeader::before { content: url("../../Images/9999/collapse_header_38.png"); }
    #ucHeader_imgExpandHeader::before { content: url("../../Images/9999/expand_header_38.png"); }*/
}

@media (orientation:landscape) {
    .col-hide-on-landscape { display: none; }
    .col-show-on-landscape { display:inline-block; }
}

@media (max-width: 320px) and (orientation:portrait) {
    .col-show-xs-on-portrait { display:inline-block; }
}

@media (max-width: 320px) and (orientation:portrait) {
    .col-hide-xs-on-portrait { display: none; }
}

@media (min-width: 321px){
    .col-hide-big { display: none; }
}

@media (max-width: 767px) and (orientation:portrait) {
    #ucHeader_lblUser {padding:0px; }
}

.p-r-10{
    padding-right: 10px;
}

.v-a-b{
    vertical-align: bottom;
}  

/*@media (max-width: 320px) and (orientation:landscape) {
    .hide-xs-on-landscape {
        display: none;
    }
}

@media (max-width: 320px) and (orientation:portrait) {
    .hide-xs-on-portrait {
        display: none;
    }
}

@media (min-width: 321px) {
    .row-hide-big {
        display: none;
    }
}

@media (max-width:320px) and (orientation:landscape) {
    .show-xs-ib-on-landscape {
        display: inline-block;
    }
}

@media (max-width: 320px) and (orientation:portrait) {
    .show-xs-flex-on-portrait {
        display: flex;
    }
}*/