@charset "utf-8";
/* CSS Document */
body{ font-family: 'Muli', sans-serif; font-size:13px }
::-webkit-input-placeholder { color: #c1c1c1 }
::-moz-input-placeholder { color: #c1c1c1 }
:-ms-input-placeholde { color: #c1c1c1 }
::placeholder { color: #c1c1c1 }

.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;}

a{ 
	text-decoration:none;
	-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;
}
a:hover { text-decoration:none; }
.mb-0 {
	margin-bottom: 0;
}
ul.menu a{cursor:pointer}
.aligncenter{ text-align:center }
.alignright{ text-align:right }
.alignleft{ text-align:left }
.spazio{ margin-bottom:20px; }
.verde{ color:#6bce69; }
.rosso{ color:#c60f0f; }
.colorluce{background-color: #a6c !important; border-color: #a6c !important;}
.colorgas{background-color: #4285f4  !important;border-color: #4285f4 !important;}
.arancio{background-color: #eaa119 !important;border-color: #eaa119 !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); }
header{
	background:#eee;
	color:#333;
	padding:7px 20px;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:3;
	height:70px;
}
#logo{
	width:100px;
	height:70px;
	overflow:hidden;
	margin:auto;
}
#logo img{
	max-width:100%;
	max-height:70px;	
}
.titolo-pagina{
	font-size:1.8em;
	line-height:50px;
	font-weight:300;
}
.titolo-utente{
	font-size:1.1em;
	font-weight:bold;	
}
.sottotitolo-utente{
	padding-left:15px;
	font-size:12px;
	font-style:italic;
	font-weight:300;
	line-height:13px;
}
.logout{
	font-size:12px;
	font-weight:300;
	cursor:pointer;	
}
.logout a{ color:#2490d8;font-weight: bold; }
#navbar h5{margin-bottom:5px;}
#navbar{
	color:#818285;
	background:#FFF;
	position:fixed;
	top:70px;
	bottom:0;
	left:0;
	width:191px;
	z-index:2;
	-webkit-box-shadow: 1px 0px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 0px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 0px 2px 0px rgba(50, 50, 50, 0.75);
}
#n-inside{
	padding:20px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 97px;
	left: 0;
	overflow-y: auto;
}
#info-barra{
	position:absolute;
	bottom:0;
	width:100%;
	z-index:3;	
}
.footer-barra{
	font-size:12px;
	padding:10px;
	border-top: 1px solid #666;
	color:#FFF;	
	background:#222;
}
#n-inside a{ color:#818285; }
#n-inside a.esami {
	color: #006cf7;
}
.active, #n-inside a:hover{ color:#222 !important }
a.esami.active,
#n-inside a.esami:hover {
	color: #00449c !important;
}

#n-inside a.singlelevel.provelivello{
	color: #fd7900 !important;
}
#n-inside a.singlelevel.provelivello:hover{
	color: #cc6200 !important;
}

.menu{ list-style-type:none }
.menu .multilevel:before{ font-family: FontAwesome; content: "\f1b3"; display: inline-block; padding-right: 10px; }
.menu .singlelevel:before{ font-family: FontAwesome; content: "\f1b2"; display: inline-block; padding-right: 10px; }
.menu .voce_menu{ 
	/* font-family: FontAwesome; */
	content: "\f1b2"; 
	display: inline-block; 
	padding-right: 10px; 
	font-size: 14px;
}
.menu li ul{ list-style-type:none; margin:0.3rem 0 0 2rem }
.menu li ul li{ margin-bottom:0 }
#content{
	color:#222;
	position:absolute;
	background:#FFF;
	top:70px;
	bottom:0;
	right:0;
	left:190px;
	z-index:1;
}
#c-inside{ padding:20px; }
.link-azioni a{
	font-size:12px;
	color:#666;
	font-weight:bold;
	display:inline-block;
	margin-right:10px;	
}
.link-azioni a:hover{ text-decoration:underline }
.separatore{
	height:1px;
	margin:20px 0;
	background:#666;	
}
.miniatura{
	width:150px;
	max-height:150px;
	overflow:hidden;
	border:1px solid #EFEFEF;
	margin-bottom:10px;	
}
.miniatura img{
	max-width:100%;
	height:auto;	
}
.hide{display:none}
.checker{
	padding:10px;
	text-align:left; 
	margin-bottom:10px;
	color:#FFF;
	background:#ff6b6b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* The container */
.containercb {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-top: 26px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containercb input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: solid 2px;
  border-color: #ccc;
}

/* On mouse-over, add a grey background color */
.containercb:hover input ~ .checkmark {
  background-color: #ccc;
  /*background-color: #40ce71;*/
}

/* When the checkbox is checked, add a blue background */
.containercb input:checked ~ .checkmark {
  /*background-color: #2196F3;*/
  background-color: #40ce71;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containercb input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containercb .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



span.select2.select2-container{width:100%!important}
li.select2-selection__choice, li.select2-search.select2-search--inline, input.select2-search__field{margin-bottom:0}
.sottoform{ padding:30px; background:#DDD; margin-bottom:20px; display:none }
.sottoform form{ margin:0; }
.titolo-campi{ font-size:1.1em; border-left:4px solid #818285; padding:5px 0; padding-left:10px; background:#DDD; }
#ricerca{ display:none; padding-top:20px }
.tab-switcher span{
	display:inline-block;
	padding:8px 15px;
	text-transform:uppercase;
	font-size:0.7em;
	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; }
.tab-open{ display:block }
.filtri-ricerca{ background:#EFEFEF; padding:10px; font-size:1.2em; margin-bottom:20px; }
.filtri-ricerca ul{ margin-bottom: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-left:10px; }
.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; }
.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 }


/* CSS RELATIVO AL PANNELLO MEDIA */
#media-background{ position:fixed; z-index:10; background:rgba(0,0,0,0.7); top:0; left:0; right:0; bottom:0; display:none; }
#media-panel{ position:relative; width:80%; padding:20px 40px 20px 20px; min-height:200px; background:#f9f9f9; margin:5% auto; border:1px solid #666 }
#media-container{ padding:10px; background:#FFF; color:#333; height:500px; overflow:scroll; border:1px solid #DDD; margin-top:10px; }
.miniatura{ width:100px; height:100px; float:left; text-align:center; margin:0 10px 10px 0; padding:6px; border:3px solid #DDD; cursor:pointer }
.miniatura img{ max-width:100%; height:auto; max-height:100px; }
.media-close{ position:absolute; top:10px; right:10px; font-size:2em; z-index:11; cursor:pointer; }
.media-single{ padding-bottom:8px; font-weight:300; font-size:14px; word-wrap:break-word; white-space:-moz-pre-wrap; white-space:pre-wrap }
.media-single span,.media-single a{ font-weight:400; padding-top:3px; display:block }
.media-selected{ border-color:#0658a2 }
#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; }

/* DESKTOP */
@media (min-width: 1200px){

}
/* TABLET ORIZZONTALE */
@media (min-width: 992px) and (max-width: 1199px){

}
/* TABLET VERTICALE */
@media (min-width: 768px) and (max-width: 991px){

}
/* SMARTPHONE */
@media (max-width: 767px){

}
/* SMARTPHONE PICCOLO*/
@media (max-width: 480px){

}

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

.immagine-joint-design + p {
	text-align: center;
}

.immagine-joint-design img {
	width: 200px;
	height: 200px;
	margin-bottom: 10px;
	border: solid 1px #eee;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

input[type="text"]:focus, input[type="number"]:focus, input[type="date"]:focus {
    font-weight: bold;
} 
.aggiungi-file span {
    display: inline-block;
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFF;
    background: #4cb73e;
    cursor: pointer;
}
#cliente_personalizzato{
	padding: 10px;
    margin-bottom: 15px;
    border: 2px solid rgb(204, 204, 204);
}
.divisore{border:solid 1px #ccc; display:block;margin:20px 0;}

/* The container */
.containerrad {
   display: inline;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 10px;
}

/* Hide the browser's default checkbox */
.containerrad input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmarkrad {
 position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ccc;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.containerrad:hover input ~ .checkmarkrad {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerrad input:checked ~ .checkmarkrad {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmarkrad:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containerrad input:checked ~ .checkmarkrad:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerrad .checkmarkrad:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}



.ricerca_clienti {
	margin-top:2%;
	backgroud-color: #ddd;
}

#nuova_offerta_standard_luce, #nuova_offerta_standard_gas, #nuova_offerta_personalizzata{background: rgb(239, 239, 239);padding: 10px;}

.button-chiudi{
	color: #c60f0f;
    font-size: 24px;
    display: inline-block;
    float: unset;
    cursor: pointer;
}

.button-elimina{
	color: #c60f0f;
    font-size: 22px;
    display: inline-block;
    float: unset;
    cursor: pointer;
    margin:10px 0;
}

.button-modifica{
	color: #999;
    font-size: 24px;
    display: inline-block;
    float: unset;
    cursor: pointer;
    padding-right: 5%;
}

.button-modifica-agente{
	color: #999;
    font-size: 20px;
    display: inline-block;
    float: unset;
    cursor: pointer;
    padding-right: 5%;
}

.button-firma{
	color: #003ba7;
    font-size: 20px;
    display: inline-block;
    float: unset;
    cursor: pointer;
    padding-right: 5%;
}

.button-firma-amministratore{
	color: #003ba7;
    font-size: 24px;
    display: inline-block;
    float: unset;
    cursor: pointer;
    padding-right: 5%;
}

.button-offerta{
	color: #fdb813;
    font-size: 24px;
    display: inline-block;
    float: unset;
    cursor: pointer;
    padding-right: 5%;
}

.button-crea-offerta{
	color: #6bce69;
    font-size: 14px;
    display: inline-block;
    float: unset;
    cursor: pointer;
    padding-right: 5%;
}

.titoloTabella {
	color: #6bce69;
	font-weight: bold;
}

.mostraTutto {
	font-style: italic;
	font-weight: bold;
	color: #027cc7;
}

.autenticazione {
	color: red;
	font-size: 24px;
	float: unset;
}

.iconapdf {
	color: #003ba7;
	font-size: 24px;
	float: unset;
	font-weight: bold;
}

.iconapdf-agente {
	color: #003ba7;
	font-size: 20px;
	float: unset;
	font-weight: bold;
}

.iconaSubentro {
	color: red;
	font-size: 26px;
} 

.iconaVoltura {
	color: #fdb813;
	font-size: 26px;
} 

.scrollOrizzontale {
	overflow-x: auto;
}


/*
::-webkit-scrollbar {
  width: 12px;
  height: 8px;
}


::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 

::-webkit-scrollbar-thumb {
  background: #6bce69; 
  border-radius: 7px;
}

::-webkit-scrollbar-thumb:hover {
  background: #428c41; 
}
*/



}