@charset "utf-8";

.sweet-alert {
    max-height: 90%;
    overflow-y: auto;
    margin-top: 0 !important;
    transform: translateY(-50%);
    animation: none !important;
}

/* CSS Document */
h4{ font-weight:300 }
.logo{
	width:100%;
	display:block;
	text-align:center;
}
.dettaglio{
	font-weight: bold;
}
.dettaglio:hover{
    color: #00F;
}
.toupper{ text-transform:uppercase }
.p20{ padding:20px 0 }
.spaziatura{ padding:0 40px 40px 40px; }
.link{ text-transform:uppercase; cursor:pointer; font-size:0.7em; font-weight:bold; }
.link:hover{ text-decoration:underline }
.nascosto{ display:none }
.disabled{ display:none !important }
#menu-laterale-container{ padding-top:40px; border-right:1px solid #DDD }
#main-page{ padding-bottom:40px }
.menu-laterale-testo{ padding:10px; font-size:1.1em; background:#2C3E50; color:#FFF }
#my-menu{ padding-top:20px; }
#my-menu ul li{ cursor:pointer }
#my-menu ul li span{
	border-bottom: 1px solid #DDD;
    padding: 10px;
    position: relative;
    color: #DDD;
    background: #2C3E50;
    display: block;
    font-weight: bold;
}
.menuselected{background-color: #566472!important;}
#my-menu ul li a{ border-bottom:1px solid #DDD; padding:10px; position:relative; color:#666; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; display:block; padding-left: 30px; }
#my-menu ul li a:after{
	content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #666;
    font-size: 1.3em;
    right:10px;
	top:10px;
	display:block;
	position:absolute
}
#my-menu ul li span:after{
	content: "";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #666;
    font-size: 1.3em;
    right:10px;
	top:10px;
	display:block;
	position:absolute
}
#my-menu ul li:first-child a{ border-top:1px solid #DDD; }
#my-menu ul li a:hover, #my-menu ul li.title a{ background:#DDD; }
#my-menu ul li.selected a,#my-menu ul li.selected span{ background:#EEE; color:#2C3E50 }
#my-menu ul li.selected a:after,#my-menu ul li.selected span:after{ color:#2C3E50; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; content:'\f013' }
a{ cursor:pointer; }
.go-back{ margin-top:20px; padding:10px 0; border-top:1px solid #EFEFEF; }
input[type="submit"]{
	background:#FFF;	
}
.wrapperMargin{
	width:90%;
	margin-left:10%;	
}

.boxLogin{
	width:350px;
	margin:0 auto;	
	text-align:left;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	padding:20px;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.75);
	/*min-height:500px;*/
}
.boxLogin label{ font-size:1.3em }
.tabellaLogin{
	width:100%;	
	font-size:18px;
	color:#000;
}
.tabellaLogin tr td{
	width:48%;
	padding:1%;
}
.tabellaLogin tr td input{
	padding:5px;
	background:#FFF;	
}
.tabellaLogin tr td:nth-child(1){
	text-align:right;	
}
.tabellaLogin tr td:nth-child(2){
	text-align:left;	
}
.tabellaAdmin tbody tr td{
	padding:5px;	
	color:#000;
	border-bottom:1px solid #CCC;	
}
.tabellaCommenti tbody tr td{
	padding:5px;	
	color:#000;
	border-bottom:1px solid #CCC;
	/*vertical-align:top;	*/
}
.tabellaCommenti select,.tabellaCommenti input{ margin:0; }
#tabellaHidden, #tabellaHiddenGruppi, .tabellaHidden, .trHidden, #tabellaHiddenVideo, .tableHidden{
	display:none;	
}
.switchAdmin, .switchAttivo, .switchVideo, .switchLotto{
	cursor:pointer;	
}
#nuovoCommentoForm textarea{
	width:94%;
	height:100px;
	background:#FFF;
	margin:2%;
	padding:1%;
}
.boxMessaggioAdmin{
	display:none;
	position:fixed;
	right:10px;
	bottom:68px;
	background:#FFF;
	border:3px solid #00adef;
	width:320px;
	height:430px;
	padding:10px;	
}
#formMessaggioAdmin{
	width:100%;
}
#formMessaggioAdmin input{
	width:310px;
	background:#FFF;
	margin:0;
	margin-bottom:10px;
	padding:5px;
}
#formMessaggioAdmin textarea{
	width:310px;
	padding:5px;
	height:240px;
	margin:0;
	margin-bottom:10px;	
	background:#FFF;
}
#chiudiBoxMessaggio{
	position:absolute;
	top:5px;
	right:5px;
	color:#00adef;
	font-size:24px;
	font-weight:bold;	
	cursor:pointer;
}
.descrizioneVideo{
	font-size:14px;
	color:#000;
	margin:20px 10px;	
}
.commentoVideo{
	font-weight:bold;
	color:#444444;
	font-size:14px;	
	margin:20px 10px 10px 10px;	
}
.frecciaGuida{
	background:#a7a7a7;
	float:left;
	line-height:40px;
	padding:0 1%;
	margin-left:1%;
	height:40px;
}
.active{
	background:#00adef;
}
.frecciaGuidaImg{
	float:left;
	max-width:100%;
	height:40px;	
}
.frecciaGuida a{
	color:#FFF;
	font-size:14px;
}
.listaAllegati{
	margin:20px 10px;	
	font-size:15px;
	font-weight:bold;
}
.bordiColorati{
	border-bottom:3px solid #00adef;
	/* width:1156px; */
	padding:4px 4px 0 4px;	
	margin:2px 0 20px 0;
}
.titoloBordi{
	/*background:url(bg.png) left no-repeat;*/
	margin:20px 0;
	font-weight:bold;
}
.tabella-questionario{
	width:100%;	
}
.tabella-questionario th{
	border:3px solid #CCC;
	border-left:0;
	color:#000;
}
.tabella-questionario th:first-child{
	border:3px solid #CCC;
}
.tabella-questionario td{
	border:3px solid #EFEFEF;
	border-top:0;
	border-left:0;
	color:#000;
}
.tabella-questionario td:first-child{
	border:3px solid #EFEFEF;
	border-top:0;
}
.tabella-questionario td, .tabella-questionario th{
	padding:5px;	
}
.select-l{
	width:500px;
	padding:5px;
	font-size:16px;	
}
.input-l{
	width:490px;
	padding:5px;
	font-size:16px;
	
}
.input-s{
	width:90px;
	padding:5px;
	font-size:16px;	
}
h5.titolo-domanda{ border:1px solid #00adef; border-left:5px solid #00adef; border-bottom:3px solid #00adef; color:#333; font-weight:bold; margin-bottom:5px; padding:10px; }
p.suggerimento{ margin:5px 0 20px 0; font-size:1.1em; font-style:italic; }
.risposta{ margin-bottom:8px; }
.risposta-tabella{ display:block; padding:5px; color:#FFF; margin-top:5px; }
.risposta-tabella:first-child{ margin:0 }
.risposta-tabella.esatta{ background:#090; }
.risposta-tabella.sbagliata{ background:#C00 }
.risposta.esatta:before{
	content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #1dd159;
    font-size: 18px;
    padding-right: 10px;
	display:inline-block;
	width:20px
}
.risposta.sbagliata:before{
	content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #C00;
	width:20px;
    font-size: 18px;
    padding-right: 10px;
	display:inline-block;
}
.risposta input[type="checkbox"] { display: none; }
.risposta input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  font-size:1.3em;
  font-weight:400;
  color: #333;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.risposta input[type="checkbox"] + label:last-child { margin-bottom: 0; }
.risposta input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #00adef;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}
.risposta input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fine-domanda{ margin-bottom:20px; border-bottom:1px solid #DDD; padding-bottom:10px; }
.fine-domanda span{
	display:inline-block;
	font-size:0.8em;
	padding:5px;
	color:#00adef;
	cursor:pointer;
	text-decoration:underline;
	font-weight:bold;
}
.aggiungi_risposta{ margin-bottom:15px; }
.aggiungi_risposta span{
	display:inline-block;
	font-size:0.8em;
	padding:5px;
	color:#00adef;
	cursor:pointer;
	text-decoration:underline;
	font-weight:bold;
}
#modal{ background:rgba(0,0,0,0.6); position:fixed; top:0; right:0; left:0; bottom:0; z-index:99; display:none }
#modal #modal-container{ 
	width:600px;
	margin:auto;
	margin-top:40px;
	background:#FFF;
	padding:20px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	position:relative;
	overflow-y:scroll;
}
#modal .modal-chiudi-icon{ font-size:2em; position:absolute; top:5px; right:5px; z-index:100; color:#000; cursor:pointer; }
#modal .modal-titolo{ font-size:2em; border-bottom:1px solid #EFEFEF; margin-bottom:10px; padding-bottom:5px; color:#000; }
#modal .modal-testo{ font-size:1.1em; color:#333; padding:5px; }
#soluzione td{ vertical-align:middle }
.punteggio{ font-size:1.2em; color:#000; }
ul.lista-esami li{ font-size:1.3em; color:#333; line-height:2em; margin-bottom:15px; }
ul.lista-esami li.superato:before{
	content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #1dd159;
	width:20px;
    font-size: 18px;
    padding-right: 10px;
	display:inline-block;
}
ul.lista-esami li.nonsuperato:before{
	content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #C00;
	width:20px;
    font-size: 18px;
    padding-right: 10px;
	display:inline-block;
}
ul.lista-esami li.inattesadigiudizio:before{
	content: "\f253";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #FC0;
	width:20px;
    font-size: 18px;
    padding-right: 10px;
	display:inline-block;
}
.blocco_blue{ background:#2C3E50; color:#FFF !important; padding:8px; margin-bottom:15px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.blocco_blue ul.lista-esami li{ color:#EFEFEF; border-top:1px solid #FFF; }
.blocco_blue ul.lista-esami li:first-child{ border-top:none }
.risposta-aperta-container{ padding:10px; background:#EFEFEF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#trigger-upload { cursor:pointer }
.checkboxes{ margin-bottom:0 }
.label-corso{ font-size:1.4em; }
.tabellanormale{ width:100%; margin-bottom:20px; padding:0; border-collapse:collapse; font-size:1.1em; }
.tabellanormale thead{ background:#EEE; }
.tabellanormale thead th{ color:#000; }
.tabellanormale tbody tr{ border-bottom:1px solid #EEE; }
.tabellanormale td, .tabellanormale th{ padding:5px; }
.corsi-container{ padding:10px; margin-bottom:20px; font-size:1.2em; cursor:pointer }
.corso-anno{ margin:5px 0; background:#D8EBFE; padding:10px; font-size:1.3em; font-weight:bold; -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.75); box-shadow:0px 2px 5px 0px rgba(50, 50, 50, 0.75); }
.corso-materia{ margin-bottom:2px; background:#DDFFD9; font-size:1.2em; padding:10px; -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.75); box-shadow:0px 2px 5px 0px rgba(50, 50, 50, 0.75); }
.corso-file{ background:#FEF5DA; padding:10px; border-bottom:1px solid #999; }
.corso-file:last-child{ border:none }
.corso-file a:hover{ text-decoration:underline }
.corsi-sub{ padding-left:20px; display:none; }
.chiuso::after{
	content:'\f0fe';
	font-family:'FontAwesome';
	display:block;
	float:right;
	font-size:1.4em;
	padding-right:15px;
}
.aperto::after{
	content:'\f146';
	font-family:'FontAwesome';
	display:block;
	float:right;
	font-size:1.4em;
	padding-right:15px;
}
.lista-corsi li{ font-size:1.3em; }
.lista-corsi li span{ color:#C00; font-weight:bold; display:inline-block; padding-right:10px; cursor:pointer }
.immagine{ text-align:center }
.immagine img{ max-width:100%; height:auto }
.titolohome{ font-size:2.5em; padding:20px 0 40px 0; }
.titolohome span{ color:#00adef; font-weight:bold }
.allarme{ font-size:1.2em; color:#C00; }
#checkaula{ font-size:1.4em; padding-bottom:20px; }
.consigli{ font-size:1.3em; margin-bottom:20px; background:#EFEFEF; padding:10px; }
ul.lista{ list-style:circle; margin:10px 0 10px 30px; }
ul.lista li{ padding:5px 0; list-style:circle; }

/* SKELETON */
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 550px */
@media (min-width: 550px) {
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  font-family: 'Open Sans', sans-serif;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #00adef;
  border-color: #00adef; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #006991;
  border-color: #006991; }
    .button.button-rosso,
button.button-rosso,
input[type="submit"].button-rosso,
input[type="reset"].button-rosso,
input[type="button"].button-rosso {
  color: #FFF;
  background-color: #c60f0f;
  border-color: #c60f0f; }
.button.button-rosso:hover,
button.button-rosso:hover,
input[type="submit"].button-rosso:hover,
input[type="reset"].button-rosso:hover,
input[type="button"].button-rosso:hover,
.button.button-rosso:focus,
button.button-rosso:focus,
input[type="submit"].button-rosso:focus,
input[type="reset"].button-rosso:focus,
input[type="button"].button-rosso:focus {
  color: #FFF;
  background-color: #870a0a;
  border-color: #870a0a; }

.button.button-grigio,
button.button-grigio,
input[type="submit"].button-grigio,
input[type="reset"].button-grigio,
input[type="button"].button-grigio {
  color: #FFF;
  background-color: #818285;
  border-color: #818285; }
.button.button-grigio:hover,
button.button-grigio:hover,
input[type="submit"].button-grigio:hover,
input[type="reset"].button-grigio:hover,
input[type="button"].button-grigio:hover,
.button.button-grigio:focus,
button.button-grigio:focus,
input[type="submit"].button-grigio:focus,
input[type="reset"].button-grigio:focus,
input[type="button"].button-grigio:focus {
  color: #FFF;
  background-color: #4f5054;
  border-color: #4f5054; }

.button.button-verde,
button.button-verde,
input[type="submit"].button-verde,
input[type="reset"].button-verde,
input[type="button"].button-verde {
  color: #FFF;
  background-color: #6bce69;
  border-color: #6bce69; }
.button.button-verde:hover,
button.button-verde:hover,
input[type="submit"].button-verde:hover,
input[type="reset"].button-verde:hover,
input[type="button"].button-verde:hover,
.button.button-verde:focus,
button.button-verde:focus,
input[type="submit"].button-verde:focus,
input[type="reset"].button-verde:focus,
input[type="button"].button-verde:focus {
  color: #FFF;
  background-color: #458443;
  border-color: #458443; }
  
.button.button-azzurro,
button.button-azzurro,
input[type="submit"].button-azzurro,
input[type="reset"].button-azzurro,
input[type="button"].button-azzurro {
  color: #FFF;
  background-color: #00abff;
  border-color: #00abff; }
.button.button-azzurro:hover,
button.button-azzurro:hover,
input[type="submit"].button-azzurro:hover,
input[type="reset"].button-azzurro:hover,
input[type="button"].button-azzurro:hover,
.button.button-azzurro:focus,
button.button-azzurro:focus,
input[type="submit"].button-azzurro:focus,
input[type="reset"].button-azzurro:focus,
input[type="button"].button-azzurro:focus {
  color: #FFF;
  background-color: #0082bf;
  border-color: #0082bf; }

.button.button-giallo,
button.button-giallo,
input[type="submit"].button-giallo,
input[type="reset"].button-giallo,
input[type="button"].button-giallo {
  color: #FFF;
  background-color: #fdb813;
  border-color: #fdb813; }
.button.button-giallo:hover,
button.button-giallo:hover,
input[type="submit"].button-giallo:hover,
input[type="reset"].button-giallo:hover,
input[type="button"].button-giallo:hover,
.button.button-giallo:focus,
button.button-giallo:focus,
input[type="submit"].button-giallo:focus,
input[type="reset"].button-giallo:focus,
input[type="button"].button-giallo:focus {
  color: #FFF;
  background-color: #d69b11;
  border-color: #d69b11; }
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="date"],
input[type="tel"],
input[type="url"],
input[type="datetime-local"],
input[type="password"],
input[type="time"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="date"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="datetime-local"],
input[type="password"],
input[type="time"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="url"]:focus,
input[type="datetime-local"]:focus,
input[type="password"]:focus,
input[type="time"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #00adef;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-size:1.5em;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }
  .u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }
  button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
  .row:after,
.u-cf, #main-page:after {
  content: "";
  display: table;
  clear: both; }
.button.button-facebook{ background:#3b5998; border-color:#3b5998; color:#FFF }
.button.button-facebook:hover{ background:#2c4370; color:#FFF }
#eliminaForm{ margin:0 }

/* SPIN */
#waiting{ background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; bottom:0; right:0; z-index:5; display:none }
#waiting-titolo{ color:#FFF; font-size:2em; text-align:center; width:600px; margin:20% auto 20px auto }
.sk-circle {
	margin:auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #FFF;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}


/* CSS IMPORTATO */
@charset "utf-8";
/* CSS Document */
.verde{ color:#6bce69; }
.rosso{ color:#c60f0f !important }
.arancione{ color:#F60 !important }
.no-margin{ margin:0; }
.disabilitato{ background:#DDD; color:#666 }
.chiudi-icon{ position:absolute; top:0; right:0; color:#FFF; z-index:5; display:block; width:60px; height:25px; background:#C00; text-align:center; line-height:25px; cursor:pointer }
.chiudi-icon::before{ content:'\f00d'; font-family:FontAwesome; font-size:1.5em; }
#reset, #logout, #delete{ display:none; }
.hidden{ display:none !important }
.accordition{ display:none; padding-top:20px; }
#loading{ position:fixed; z-index:99; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.5); }
.sottoform{ padding:30px; background:#DDD; margin-bottom:20px; display:none }
.sottoform form{ margin:0; }
.titolo-campi{ font-size:1.4em; border-left:4px solid #818285; padding:5px 0; padding-left:10px; background:#DDD; margin-bottom:1.5rem; font-weight:300 }
#ricerca{ display:none; padding-top:20px }
.tab-switcher span{
	display:inline-block;
	padding:8px 15px;
	text-transform:uppercase;
	font-size:0.9em;
	color:#000;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor:pointer;
}
.tab-switcher span.tab-active, .tab-switcher span:hover{ background:#666; color:#FFF }
.tabs{ margin-bottom:20px; }
.tabs form{ margin:0 }
.tab{ display:none; padding:20px; border:1px solid #999; font-size:0.8em; }
.tab-open{ display:block }
.filtri-ricerca{ background:#EFEFEF; padding:10px; font-size:1.2em; margin-bottom:20px; }
.filtri-ricerca ul{ margin-bottom:0 }
.tabs input, .tabs select{ height:auto }
.tabs input[type="checkbox"]{ margin:0 0 5px 0; }
.passaggio{ background:url(passaggio.jpg) right center no-repeat; background-size:cover; padding:10px; min-height:200px; }
.passaggio-finale{ background:url(passaggio-finale.jpg) right center no-repeat; background-size:cover; padding:10px; min-height:200px; }
.sola-lettura{ color:#777; }
.separa-colonne{ background:url(separa-colonne.png) center center no-repeat; /*background-size:cover;*/ margin-top:10px; margin-bottom:10px; }
.pannello-info h5{ font-size:1.3em; border-left:5px solid; padding:10px; margin-bottom:5px }
.contatto{ padding:10px; background:#F9F9F9; margin-bottom:5px; font-size:0.9em; }
.contatto h6{ margin-bottom:5px; font-size:1.1em }
.contatto .button{ margin-bottom:5px; padding:0 10px; }
.contatto .nome-ref{ text-transform:uppercase; font-size:1em; padding-top:5px; }
.contatto .tipologia-ref{ text-transform:uppercase; font-size:0.8em; padding-bottom:5px; }
.contatto-commerciale{ background:#c9dae1; padding:10px 10px 1px 10px; margin-bottom:20px; }
.utente-richiesta{ padding:5px 10px; background:#ddcf9b; border-bottom:1px solid #a89c74; margin-bottom:10px; position:relative }
.docente-template{ padding:10px; border:1px solid #999; margin-bottom:10px; position:relative; }
.informazioni{ font-size:0.8em; }
.documenti-richiesti{ font-size:0.8em; color:#333; font-weight:bold; text-transform:uppercase }
.documenti-richiesti .doc-ok{ color:#090; }
.documenti-richiesti .doc-ok::before{ font-family: FontAwesome; content: "\f058"; display: inline-block; padding: 0 5px 0 10px; }
.documenti-richiesti .doc-ko{ color:#C00; }
.documenti-richiesti .doc-ko::before{ font-family: FontAwesome; content: "\f057"; display: inline-block; padding: 0 5px 0 10px; }
.modulistica{ padding:10px; border-left:1px solid #EFEFEF; border-right:1px solid #EFEFEF }
.modulistica .row{ padding:5px; border-bottom:1px solid #E6EEEE; }
.modulistica .row:last-child{ border-bottom:none }
.modulistica .row:hover{ background:#E6EEEE }
.modulistica .row:first-child:hover{ background:none }
.campo-verbale{ display:inline-block; padding:5px; width:110px; margin:5px; }
.campo-verbale input{ display:inline-block; margin:0; padding:2px; }
.input-personalizzato{ display:inline; width:50px; }
.altezza-overflow{ max-height:400px; overflow:scroll; padding:0 10px 10px 10px; margin-bottom:10px }
.attiva-tr{ cursor:pointer }
table{ width:100%; }
table.sortable{ border:none; }
table.sortable th, table.sortable td{ border-bottom: 1px solid #E1E1E1; }
pre, blockquote, dl, figure, table, ol, form {
    margin-bottom: 1.5rem;
}
.separatore-imported {
    height: 1px;
    margin: 20px 0;
    background: #666;
}
.acc-offerta{ background:#c0c9f7; padding:10px; font-size:1.2em; margin-top:10px }
.offerta-contratto{ background: #f1f3ff; padding: 10px; margin-bottom: 20px; position:relative }
.offerta-contratto label{ position:relative }
.offerta-contratto input{ height:auto }
.offerta-contratto form, .offerta-contratto input, .offerta-contratto .button{ margin-bottom:8px; }
.corso-preparazione{ padding:8px; background:#CEDCEC; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom:10px; position:relative }
#barra-upload{ background:#0658a2; width:0; height:25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top:10px }
#up_return{ padding:5px 0 10px 0; font-size:0.9em; font-weight:300; color:#0658a2; border-bottom:1px solid #DDD; margin-bottom:10px; }
.documento{ display:inline-block; overflow:hidden; -webkit-box-shadow: 2px 2px 9px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:    2px 2px 9px 0px rgba(50, 50, 50, 0.75); box-shadow:         2px 2px 9px 0px rgba(50, 50, 50, 0.75); padding:10px 20px; position:relative; margin-bottom:15px; }
.documento a{ color:#333; font-size:11px; }
.info{ color:#999; font-size:10px; }
.media-single{ cursor:pointer; position:absolute; top:0; right:0; text-align:center; padding:5px; background:#C00; color:#FFF; font-size:9px; font-weight:bold; z-index:4 }
tr.hide{ display:none; background:#F9F9F9; text-align:center }
tr.add{ background:#F9F9F9; text-align:center }
tr.hide input, tr.hide select, tr.add input, tr.add select{ margin:0; height:auto }
.pulsante-upload{ position:relative; overflow:hidden; }
.upload-label{ border: 2px solid gray; color: gray; background-color: white; padding: 12px; border-radius: 8px;font-size: 14px; font-weight: bold; text-align:center; text-transform:uppercase; min-height:40px }
.pulsante-upload input[type=file] { position: absolute; left: 0; top: 0; bottom:18px; right:0; width:100%; opacity: 0; }
.barra-upload{ background:#0658a2; width:0; height:15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top:10px }
.tassa-aggiunta{ position:relative }
.importo-parziale{ font-size:10px; margin-bottom:5px; position:relative }
.importo-parziale-elimina{ color:#F00; position:absolute; top:2px; right:2px; cursor:pointer }
.mostra-parziali{ display:inline-block; font-weight:bold; font-size:10px; padding-left:5px; cursor:pointer }
.form-tassa,
.form-chiusura { padding:10px 20px; background:#F9F9F9; font-size:0.8em; margin-bottom:10px; }
.checker{ padding:10px; text-align:left; margin-bottom:10px;color:#FFF; background:#ff6b6b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.lampeggia { animation: blinker 1s linear infinite; }
#nuovo-dettaglio-contatto{ /*color: #FFF;cursor: pointer;background: #069;padding: 10px 20px;font-weight: bold;*/ }
.storico{ font-size:13px; }
.storico-single{ padding:5px; border-bottom:1px solid #999; margin-bottom:5px; }
.storico-single p{ margin:0; }
.risultato-ricerca{ font-size:0.8em; background:#F9F9F9; padding:8px; margin-bottom:10px }
.tabella-statistiche{ width:100%; font-size:10px; border-collapse:collapse }
.tabella-statistiche th{ border-bottom:1px solid #999 }
.tabella-statistiche th, .tabella-statistiche td{ padding:3px }
.tabella-statistiche th:nth-child(odd), .tabella-statistiche td:nth-child(odd){ background:#b8d1f3; }
.tabella-statistiche th:nth-child(even), .tabella-statistiche td:nth-child(even){ background:#dae5f4; }
.tabella-clienti{ width:100%; font-size:10px; border-collapse:collapse; margin:0 }
.tabella-clienti td{ padding:3px; }
.tabella-clienti tr:last-child td{ border-bottom:none !important }
table.alternata tr:nth-child(odd){ background-color:#F9F9F9; }
.tabella-clienti tr{ background:none !important }
.alert-pagamenti{ background:#900; color:#FFF; font-size:16px; padding:10px; margin-bottom:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.paginazione{ text-align:center; margin:20px 0; }
.paginazione .paginazione-pagina{ color:#383e42; border:1px solid #383e42; display:inline-block; margin-right:5px; width:30px; line-height:30px; text-align:center; cursor:pointer }
.paginazione .paginazione-pagina:hover{ color:#666; border-color:#666 }
.paginazione .paginazione-corrente{ border:1px solid #595959; display:inline-block; margin-right:5px; width:30px; line-height:30px; text-align:center; font-weight:600;}

@keyframes blinker { 50% { opacity: 0; } }


/* DESKTOP */
@media (min-width: 1200px){
	.documento{ width:20%; margin-right:2%; height:65px; }
}
/* TABLET ORIZZONTALE */
@media (min-width: 992px) and (max-width: 1199px){
	.documento{ width:25%; margin-right:1%; height:90px; }
}
/* TABLET VERTICALE */
@media (min-width: 768px) and (max-width: 991px){
	.documento{ width:40%; margin-right:1%; height:90px; }
}
/* SMARTPHONE */
@media (max-width: 767px){
	.documento{ display:block; height:90px; }
}
@media print{
	.noprint{ display:none }
	#main-page{ width:100%; }
}

#beefree-editor {
	height: 100vh;
	margin-bottom: 50px;
	border: solid 1px #eee;
}

.scrollable {
    height: auto;
    max-height: 200px;
    overflow-y: auto;
    background-color: #eee;
    padding: 10px 20px;
}

.scrollable p {
    margin-top: 0 !important;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px !important;
}

.chosen-container-single .chosen-single {
    height: 30px!important;
}