@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url('../fonts/Roboto-400.woff2');font-display:swap}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:url('../fonts/Roboto-400-italic.woff2');font-display:swap}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url('../fonts/Roboto-700.woff2');font-display:swap}
@font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:url('../fonts/Roboto-700-italic.woff2');font-display:swap}
html{height:100%}
body{height:100%;font-family:'Roboto',Verdana,sans-serif;color:#333}
#wrapper{position:relative;min-height:100%}
#content{padding-bottom:3em}

a{color:#204593}

/* CSS styles */
.panel,.panel-heading,.panel-group .panel{border-radius:0}
.panel-info>.panel-heading{color:#204593}
.nav-tabs>li>a{border-radius:0}
.tab-content{background-color:#fff;border:1px solid #e8e8e8;border-top-color:transparent;padding:20px}
.nav-tabs>li>a{font-size:150%}

h2{font-size:1.1rem;margin:0;padding:5px 0}
h3{font-size:1.1rem;margin:1rem 0;font-weight:bold}
a:not(.btn){color:#204593}

a#skiptomaincontent{display:block;background-color:white;color:black !important;padding:10px;font-size:16px}

#logo img{width:290px;height:auto}
.navbar-toggler-icon{padding:.2em .25em .15em}
.navbar-toggler{padding:0;opacity:.7}
#topbar-top .navbar-toggler{color:#333}
#topbar-top{background-color:#e8e8e8;min-height:50px;padding:20px 60px 20px}
#topbar-top .navbar-brand{color:#fff;line-height:24px}
#topbar-cerca .form-control{background-color:#333;color:#e8e8e8;border:0}
#topbar-cerca form .btn{background-color:#204593;color:#e8e8e8}
#topbar-cerca label{color:#e8e8e8}
#topbar-cerca ::placeholder{color:#e8e8e8}
#topbar-bottom{background-color:#204593;min-height:50px}
#topbar-bottom .navbar-brand{color:#fff;font-size:1.5rem;line-height:24px}
#topbar-bottom .navbar-toggler{color:#e8e8e8}

#topbar-menu a{color:#fff;line-height:50px;padding:0 1rem}
#langmenu a{min-width:50px}
#langmenu a{background-color:#204593}

.box{padding-top:20px;margin:0}

#header .box-left img{width:100%;max-width:150px}
.header-superfunzione{font-size:1.5rem;margin-bottom:2.5rem;font-weight:bold;color:#204593;position:relative}
.header-superfunzione:before{content:"";position:absolute;left:0;bottom:-10px;height:1px;width:6rem;border-bottom:7px solid #204593}
.header-qualifica{font-size:1.25rem}
.header-ssd{padding-top:1rem}

#content .box-left{padding:0}
#content .box-left h2{background-color:#204593;color:#eee;padding:.5rem}
#content .box-main{border-top:1px solid #204593;padding-top:10px;margin-top:36px}
#content .list-group{margin-bottom:1rem}

.funzioni-box:not(:last-child){margin-bottom:1.5rem}

/* FOOTER */
#footer{background-color:#e8e8e8;text-align:center;padding:1em}