.titilliumRegular{font-family: 'Titillium Web', sans-serif;font-weight: 400}
.titilliumBold{font-family: 'Titillium Web', sans-serif;font-weight: 700}

.blu{color:#004994 !important}
.rosso{color:#bd1818 !important}
.giallo{color:#ffd600 !important}
.arancio{color:#f08012 !important;}
.bianco{color:#fff !important;}
.verde{color: #adcc54 !important}
.colore-primario{color: !important}
.bordo-thumb{border:2px solid  !important}
.colore-secondario{color: !important}

.border-top-razionale{border-top: 2px solid ;margin-top:0 !important}
.border-bottom-razionale{margin-top:25px;border-top: 2px solid ;}
.border-primario{
    border: 2px solid ;	
    background-color: rgba(255,255,255,0.3);
    margin-bottom:10px;
    padding:20px  30px;
  
  }

.background-bianco{background-color: #fff !important}
.background-grigio{background-color: #d9dee1}
.background-blu{background-color: #004994}
.background-rosso{background-color: #bd1818}
.background-azzurrino{background-color: rgba(107,199,229, 0.3)}
.background-desc{background-color:  !important;}
.background-header-alt{background-color: rgb(247 247 247) !important}
.background-footer{background-color:  !important}

.background-header-loghi{
    background: url(../img/loghi-header.jpg) no-repeat top left;
    background-size: contain;
}

.background-header{
    background: url(../img/) center no-repeat;
    background-size: cover;
    min-height: 500px;
}

.vcenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

.margin10-top{margin-top:10px !important;}
.margin20-top{margin-top:20px;}
.margin40-top{margin-top:40px;}
.margin50-top{margin-top:50px;}

.margin20-bottom{margin-bottom: 20px}
.margin40-bottom{margin-bottom:40px;}

.margin20-row{margin-top:20px;margin-bottom: 20px}
.margin30-row{margin-top:30px;margin-bottom: 30px}
.margin40-row{margin-top:40px;margin-bottom: 40px}

.padding15-row{padding-top:15px;padding-bottom: 15px}
.padding20-row{padding-top:20px;padding-bottom: 20px}

.padding10{padding:10px;}
.padding20{padding:20px;}

.no-padding{padding: 0 !important;}
.no-padding-left{padding-left: 0 !important;}
.no-padding-right{padding-right: 0 !important;}

.alert-login{font-size:20px;}
.titolo-sezione-materiale{font-size:31px;}
.titolo-materiale{font-size:24px;min-height:52px}
.testo-materiale{font-size:16px;min-height:49px;line-height: 19px;}
.testo-copyright-footer{font-size: 14px;color: #fff;margin-top: 25px;}
.logout-mk{text-align: center;font-size: 18px;color: #fff;margin-top: 25px;}
.logout-mk:hover{color: #fff;}
.link-download{font-size: 25px;color: #fff;margin-top: 25px;display: block;text-align: center;}
.link-download:hover{color: #fff;}
.contenuti-contatti{font-size: 27px;line-height: 32px;}
.titolo-login{font-size: 34px;min-height: 52px;}
.testo-login{font-size: 20px;min-height: 49px;line-height: 30px;}
.testo-azzurro{color: #67aadb;}
.testo-blu{color: #104b86;}
.titolo-certificazione{font-size: 19px;}
.titolo-alta-formazione {width:auto; font-size:42px; display:block; padding-top: 20px; font-weight: 600;}
.percorso-citta {color: white; font-weight: 700; font-size: 24px;}
.testo-richiesta-info{font-size: 16.5px;line-height: 18px;}
.titolo-label{font-size:20px;font-weight:20px;}
label{font-size: 15.5px;}
.titolo-testata{font-size: 35px;}

.form-control-custom {
	height: 42px !important;
}
.form-control{
	border-radius: 0 !important;
	border: 1px solid #104b86 !important;
}
.form-control, output {
	font-size: 15.5px !important;
}
.img-center{margin:0 auto;}
.img-icon{max-width: 110px !important;}
.img-mk{max-width: 250px !important;}


.embed-video{
	width: 100%;
	min-height: 425px;
}

.home-features-azzurrino-item{
	background: #4fabe0;
	color: #FFFFFF;
	padding: 58px;
	clear: both;
	margin-bottom: 25px;
	margin-top: 25px;
}


.home-features-item {
    text-align: center;
    background-color: #cdf3e0;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    padding: 20px;
    border-left: 1px solid #cdf3e0;
    border-right: 1px solid #cdf3e0;
    border-top: 4px solid #00a352;
    border-bottom: 4px solid #00a352;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
	min-height: 359px;
}
.home-features-item:hover{
    background-color: #00a352;
    color: #e6e9ef;
}
.home-features-item:hover h2{
	color: #e6e9ef;
}
.home-features-item:hover p{
	color: #e6e9ef;
}

.btn-blu, .btn-blu:focus {
    display: block;
    width: 100%;
    font-weight: bold;
    min-height: 42px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #fff;
    background-color:#104b86;
    background-image: none;
    border: solid 1px #104b86;
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.btn-blu:hover, .btn-blu:active, .btn-blu:visited {
    color: #104b86;
    background-color: #fff;
    border: solid 1px #104b86;
}

.home-features-item > .btn-default {
    background-color: transparent;
    color: #003d6b;
    border-color: #003d6b;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}
.home-features-item:hover > .btn-default{
    background-color: transparent;
    color: #fff;
    border-color: #fff;
	transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
}
.home-features-item > .btn-default:hover {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}

.home-features-bianco-item {
    text-align: center;
    background-color: #fff;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    padding: 40px 20px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 4px solid #00a352;
    border-bottom: 4px solid #00a352;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
	min-height: 332px;
}

.home-feautures-bianco-item h2{
	margin-top: 10px;
}

.home-features-bianco-item:hover{
    background-color: #fff;
    color: #003d6b;
}
.home-features-bianco-item:hover h2{
	color: #003d6b;
}
.home-features-bianco-item:hover p{
	color: #003d6b;
}

.home-features-bianco-item > .btn-default {
    background-color: transparent;
    color: #003d6b;
    border-color: #003d6b;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}
.home-features-bianco-item:hover > .btn-default{
    background-color: transparent;
    color: #003d6b;
    border-color: #003d6b;
	transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
}
.home-features-item > .btn-default:hover {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}
.medikey-login-button input {
    color: #ebebeb;
    font-size: 0;
    text-indent: -999em;
    background: url(/images/medikey-login-button.jpg) no-repeat 45% center #ebebeb;
    border-radius: 0px;
    padding: 50px 0;
    width: 90%;
    margin: 10px auto;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.loginform{
	padding-left: 20px;
}
.card-body a:hover{
	text-decoration: none;
}
.hr-rosso{
	margin-top: 0px;
    margin-bottom: 0px;
    border-top: 3px solid #004994;
}
.hr-blu{
	margin-top: 0px;
    margin-bottom: 0px;
    border-top: 3px solid #104b86;
}
.inattivo { opacity: 0.4; }

/* ACCORDION */
a:hover, a:focus{
 outline: none;
 text-decoration: none;
}
#accordion .panel{
 border:0px none;
 box-shadow:none;
}
#accordion .panel-heading{
 padding:0;
 background: #fff;
}
#accordion .panel-title a{
 display: block;
 position: relative;
 background:transparent;
 color:#104b86;
 font-size:14px;
 font-weight: bolder;
 text-transform:uppercase;
 margin-bottom:15px;
 padding:15px 20px;
 border-bottom:5px solid #104b86;
 border-radius: 0 15px 0 15px;
 transition:all 0.10s linear 0s;
}
#accordion .panel-title a.collapsed{
 color:#6a6060;
 border-bottom:2px solid #6a6060;
 margin: 0;
}
#accordion .panel-title a i{
 color:#104b86;
 position: absolute;
 top: 14px;
 left:25px;
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
 content:"";
 position: absolute;
 bottom:-19px;
 left:36px;
 border:7px solid transparent;
 border-top:7px solid #104b86;
}
#accordion .panel-title a.collapsed:before{
 content:"";
 border: 0px none;
}
#accordion .panel-title a.collapsed:hover{
 color: #6a6060;
}
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
 content: "\f106";
 font-family: 'Font Awesome 5 Free';
 color: #104b86;
 font-size: 20px;
 line-height: 20px;
 position: absolute;
 top: 14px;
 right:25px;
}
#accordion .panel-title a.collapsed:after{
 content: "\f107";
 color:#808080;
}
#accordion .panel-body{
 border-top:0 none;
 color:#808080;
}
/* 
Generic Styling, for Desktops/Laptops 
*/
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
}

table tr {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table th, table td {
  padding: .625em;
  /*text-align: center;*/
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 639px) {

table { border: 0; }

table thead { display: none; }

table tr {
  border-bottom: 3px solid #ddd;
  display: block;
  margin-bottom: .625em;
}

table td {
  border-bottom: 1px solid #ddd;
  display: block;
  font-size: .8em;
  text-align: right;
}

table td:before {
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}
table td:last-child {
	border-bottom: 0px;
}
}
@media only screen and (max-width: 600px) {
    .img-xs-center{margin: 0 auto;}
    .text-xs-center{text-align: center !important;}
    .background-header{
        background: none;
        min-height: 0px !important;
    }
    #fasciaA{padding:0}
}
@media only screen and (max-width: 768px) {
    .img-xs-center{margin: 0 auto;}
    .text-xs-center{text-align: center !important;}
    .background-header{
        background: none;
        min-height: 0px !important;
    }
    #fasciaA{padding:0}
}
@media only screen and (min-width: 968px) and (max-width: 1300px){
    .background-header{
        background: url(../img/) center no-repeat;
        background-size: cover;
        min-height: 0px !important;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1500px){
    .background-header{
        background: url(../img/) center no-repeat;
        background-size: cover;
        min-height: 370px !important;
    }
}