/*
GENERICHE (testi, colori margini, allineamenti etc..)
FANCY CUSTOM
LOGIN
LANDING PAGE
PAGINA AGGIORNAMENTI
MENU UTENTE
MENU GENERALE
TITOLI INTESTAZIONI HEADER
TABELLE CUSTOM BY SITESOLUTIONS
FILTRI
PAGINE INTERNE
CUSTOM LIBRERIE KENDO BOOTSTRAP PARSLEY
MEDIAQUERY
*/
@import url('https://fonts.googleapis.com/css?family=Heebo&display=swap');
/*===================================================*/
/*                 0 GENERICHE                        */
/*===================================================*/
body,html { color:#222; padding:0px; margin:0px; height:100%;    font-size: 14px;  background-color: #fff;}
html,body,td,tr,th,div,a,ul,ol,li,h1,h2,h3,h4,h5,h6,input,submit,textarea{font-family: 'Heebo',Arial, sans-serif; font-weight:400;color:#000; }
.relative{ position:relative}
a {color: #152635; text-decoration: underline;}
a:hover {color: #054f98;text-decoration: underline;}
label{ font-weight:700}

button:hover,
button:active,
button:visited,
button:focus {
    outline: none;
    border: none;
}
/*nascondi, spaziature  e blocchi*/
.no-display,.hidden{ display:none}
.clear{ height:1px;margin:0px; clear: both;}
.clearfix{ height:20px; margin:0px; clear:both}
.clearfixsmall{ height:10px; margin:0px; clear:both}
.clearfixlarge {clear: both;height: 40px;margin: 0;}
.p-5, .p-xs{ padding:5px !important;}
.p-10, p-sm{ padding:10px !important;}
.nounderline,.nounderline:hover{ text-decoration:none!important}
/*varie tipografia elementi etc..*/
th,h1,h2,h3,h4,h5,h6,b,strong,.bold{ font-weight:700}
h4.lbl-colore-agenda{ margin-top: 5px; font-size:14px; padding:5px;min-height: 26px;}

.w-100{ width:100% !important}
.w-80{ width:80%}
.stroke{ border:1px solid #C5C5C5}
.uppercase{ text-transform:uppercase}

.icon-xs, .text-12{ font-size:12px !important;}
.icon-sm, .text-14{ font-size:14px !important;}
.icon-md, .text-16{ font-size:16px !important;}

.sup-icon{position: absolute;
    left: 5px;
    font-size: 20px;}



/*allineamenti e margini*/
.right{ text-align:right !important}
.alignleft{ float:left;}
.alignright{float:right; margin-left:5px}
.align-right{ float:right; text-align:right !important}
.pull-left,.alignleft{ float:left;}
.pull-right{ text-align:right}

.t-a-c,.aligncenter,.center { text-align:center}
.t-a-l,.alignleft,.left{ text-align:left}
.t-a-r,.alignright,.row-right,.right{ text-align:right}

.no-m-t{margin-top:0px !important; padding-top:0px !important}
.no-m-r{margin-right:0px !important;}

.m-t-sm{ margin-top:10px;}
.m-t-md{ margin-top:20px;}
.m-t-lg{ margin-top:30px;}

.m-b-sm{ margin-bottom:10px;}
.m-b-md{ margin-bottom:20px;}
.m-b-lg{ margin-bottom:30px;}
.m-b-xl{ margin-bottom:60px;}

.m-r-sm{ margin-right:10px;}
.m-r-md{ margin-right:20px;}
.m-r-lg{ margin-right:30px;}

.m-l-sm{ margin-left:10px;}
.m-l-md{ margin-left:20px;}
.m-l-lg{ margin-left:30px;}

/*colori di sfondo e colori testo */
.bg-default{ background-color:#e7e7e7}
.bg-green{ background-color:#060}
.bg-orange{ background-color:#DE9400}
.bg-red{ background-color:#f00}
.bg-white{ background-color:#fff}
.bg-lightgrey{ background-color:#f5f5f5}
.bg-yellow{ background-color:#FC0}
.bg-lightblue{ background-color:#1857BC}
.bg-lightgreen{ background-color:#CF9}
.bg-midnightblue{ background-color:#191970}

.icon-red i{ color:#900}
.icon-orange i{ color:#DE9400}
.icon-green i{ color:#060}
.icon-lightgreen i{ color:#00ff21}
.icon-yellow i{ color:#FC0}
.icon-lightblue i{ color:#6CF}
.icon-midnightblue i {color: #191970}
.icon-red:hover i{ color:#c00}
.icon-orange:hover i{ color:#C77E00}
.icon-grey:hover i{ color:#ccc}
.icon-green:hover i{ color:#090}
.icon-yellow:hover i{ color:#FC0}
.icon-lightblue:hover i{ color:#1857BC}
.icon-midnightblue:hover i{ color:#191970}

.green,.verde{color:#069 !important}
.lightgreen,.verde{color:#00ff21 !important}
.red,.rosso,.error{ color:#c00 !important}
.orange,.arancione{ color:#DE9400 !important}
.grey{ color:#ccc !important}
.white,.bianco,a.white{ color:#fff !important}
a.white:hover{ color:#ccc !important}
.lightblue{ color:#1857BC !important}
.yellow,.giallo{ color:#FC0 !important}
.midnightblue {color: #191970 !important}



/*HOME PAGE NUOVA 2020*/
body .wrap.home h1.slogan {
    color: #069;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 10px auto 25px;
    font-size: 24px;
}

#mainIcons .icon-circle{ background-color:#fff; border:5px solid #81ca9d; border-radius:100%; height:250px; width:250px}
#mainIcons a,
#mainIcons a h2{ color:#fff; text-decoration:none; font-size:20px; text-transform:uppercase}

#mainIcons a:hover .icon-circle{border:5px solid #FC0;}
#mainIcons a:hover h2{ color:#fff; text-decoration:none; text-transform:uppercase}


/*slider*/
.altri-servizi h3{ letter-spacing:1px}
.slider.slider_dva.owl-carousel .item{ border:1px solid #f5f5f5; text-align:center;}
.owl-carousel .owl-stage-outer{  z-index: 10;}
.slider.slider_dva.owl-carousel .item a,.slider.slider_dva.owl-carousel .item a:hover{ text-decoration:none}
.slider.slider_dva.owl-carousel .item img{ width:80%; margin:0px auto}
.slider.slider_dva.owl-carousel .item h4{ font-size:14px; text-transform:uppercase;color:#069; text-align:center}
.slider.slider_dva .owl-nav {
    z-index: 2;
    position: absolute;
    top: 55px;
    left: 0px;
    width: 100%;
}
.slider.slider_dva.owl-carousel .owl-nav button.owl-prev{ float:left; margin-left: -50px;}
.slider.slider_dva.owl-carousel .owl-nav button.owl-next{ float: right; margin-right: -50px;}
.slider.slider_dva.owl-carousel.owl-theme .owl-nav [class*=owl-] span{ line-height:10px;font-size: 5rem;}
.slider.slider_dva.owl-carousel.owl-theme .owl-nav [class*=owl-]{background: transparent;  width:35px; height:35px;}
.slider.slider_dva.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover { background: transparent; color:  #069; text-decoration: none;}

.slider.slider_dva.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #069;}


/* //fine HOME PAGE NUOVA 2020 */

/*alert peersonalizzato*/
.alert-dva{
	color: #fff;
background: #1faf3e; /* Old browsers */
background: -moz-linear-gradient(top, #1faf3e 0%, #069 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1faf3e 0%,#069 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1faf3e 0%,#069 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1faf3e', endColorstr='#069',GradientType=0 ); /* IE6-9 */
    border: 2px solid #069;
}


/*BOTTONI*/
button, html input[type=button], input[type=reset], input[type=submit] {    -webkit-appearance: button;   cursor: pointer;}
.btn-tool>a,a>.btn,.btn,.btn a{text-decoration:none}
.btn-danger *,.btn-success *,.btn-primary *,.btn-info *,.btn-danger:hover *,.btn-success:hover *,
.btn-primary:hover *,.btn-info:hover *{ color:#fff; text-decoration:none}
.btn-large.btn{ padding:10px 20px}

.btn-outline-success:hover,.btn-outline-danger:hover,
.btn-outline-success:hover span,.btn-outline-danger:hover span{ color:#fff!important}

/*.btn{ overflow:hidden; padding:6px}
.btn-lg{ padding:10px 10px!important}
.btn-xsmall{ font-size:11px; padding-left:2px; padding-right:2px}*/
.btn-xs,.btn-sx,.btn-xsmall{ font-size:11px; }
.button-bottom{ text-align:center; width:200px; margin:10px auto;}
.btn{ cursor:pointer}
.no-btn{ border:0px; display:block; width:100%; height:24px;  background-color:transparent;  padding:0px 10px !important;  text-indent:10px; }
.btn,.no-btn{ text-transform:uppercase; font-weight:700; width:auto}
.btn.no-padding{ padding:0px!important; position:relative}
.btn.no-padding span{ left: 5px;position: absolute; top: 8px;}
div.btn-tool{ text-align:center; margin:10px auto; padding:0px;}
.btn-round{border-radius: 10px;-webkit-radius: 10px; }

/* TEXT URL action Link fake btn*/
a.text-url{ text-decoration:underline; font-weight:900; color:#152635; letter-spacing:1px}
a.text-url:hover {color: #054f98;text-decoration: underline;}
.fake-btn{padding: 7px 6px; text-align: center;display: inline-block;vertical-align: middle;font-size: 14px;border-radius: 10px;-webkit-radius: 10px; border:1px solid #ccc}
.actionLink{ margin-top:40px;}
	.actionLink a{ font-weight:bold; color:#fff !important; text-decoration:none; background-color:#054f98; border-radius:10px; padding:3px 5px 3px 5px;}
	.actionLink a:hover{ font-weight:bold; color:#fff; text-decoration:none; background-color:#04a8f0; border-radius:10px; padding:3px 5px 3px 5px;}
	table.print td div.actionLink{ display:block; margin:0px; margin-top:12px; width:90px }	

/*ELEMENTI CONTENITORI DI STRUTTURA*/
.main-content{padding: 30px 30px 60px 30px;}
.main-content.stroke{padding: 30px 30px 60px 30px; border-top:0px}
.no-content{ margin:1rem; font-weight:700; text-align:center}
.wrap{ margin:0px auto;  max-width:800px}

/*ELEMENTI VARI*/
div.circle-white{ 
	font-size:16px; 
	background-color:#fff;
	padding:7px; 
	margin:0px 0px 2px 0px;
	border-radius:30px; -webkit-border-radius:30px; text-align:center; }

.greybox {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    margin-bottom: 10px;
    font-family: 'Heebo',Arial, sans-serif;
    font-weight: 400;
    color: #000;
    width:500px;
    margin: 0 auto;
}
	
/* customer picker*/
div#CustomerPicker_Panel{ margin:0px; margin-top:-15px; width:95%; border-radius:10px; border:1px solid #ccc; padding:5px; background-color:#e9f0f3; font-weight:bold; text-align:center; color:#036 }

/*===================================================*/
/*                 0BIS CUSTOM FANCY                       */
/*===================================================*/
.fancy { width: 780px; font-size:14px; line-height:18px;  padding:20px 30px }
.fancy img{ border:1px solid #f5f5f5; margin:10px auto; /*width:40% da verificare*/}
.fancy a:not(.btn):hover,.fancy h2,.fancy h3{color:#069;}
.fancy h2{ margin:0px 0px 10px;}
.fancy h3{ margin:30px 0px 5px;}
.fancy h4{ margin:5px 0px 5px;}

.fancy a.button{ 
	background-color:#069; 
	border-radius:4px; -webkit-border-radius:4px; 
	text-transform:uppercase; font-size:14px; padding:11px 10px; color:#fff; text-decoration:none; font-weight:bold;}
	.fancy a.button:hover{ background-color:#069; }
	
.fancy a.buttonsmall {
    background-color: #069;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
	}
	.fancy a.buttonsmall:hover{ background-color:#069; }

.fancy-intro img{ border:1px solid #ccc; width:auto; max-width:100%}
.fancy-intro a.button{ 
	letter-spacing:1px;
	font-size:16px;padding:10px 20px; }

/*fancy area polizze*/
#area-polizze.fancy {padding: 70px 0px;height:340px}
#area-polizze.fancy img{ width:auto; border:0px; margin:0px}	
/*fancy pagina assistenza*/
.fancy.contatti{border: 1px solid #ccc;}
.fancy.contatti h2{ font-weight:300; color:#333; margin:0px 0px 15px 0px; font-size:30px;}
.fancy.contatti h3{ margin:0px 0px 0px 0px; font-size:22px;}
.fancy.contatti h4{ font-weight:normal; margin:10px 0px}
.fancy.contatti h4 strong{ font-weight:bold}
.fancy.contatti p{ font-size:18px; line-height:22px; margin-bottom:20px}
/* fancybox fatture invio Documento */
.fancy .container{ text-align:center; padding:30px 0px; width:100%}
.fancy .container img{ width:auto}

	
/*===================================================*/
/*                    LOGIN                          */
/*===================================================*/
section.wrap.login{ max-width:780px;margin:20px auto 50px auto;}
	section.wrap.login h1{ margin-bottom:30px; font-weight:normal;}
	section.wrap.login label{ font-weight: 700; font-size:18px;}

.error .login h1{ color:#c00}
.ok .login h1{ color:#069}
/*===================================================*/
/*                  LANDING PAGE                     */
/*===================================================*/
body .wrap.home{ text-align:center;margin:0 auto;}
body .wrap.home .logo img{ max-width:520px}
body .wrap.home h2.slogan{ 
color:#069; font-weight:300; letter-spacing:1px; 
margin:10px auto 25px; font-size:24px}
body .wrap.home .flex-content{
	display: -ms-flexbox;display: flex;
	-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;
	-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
	-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;
}
body .wrap.home .flex-content img{width:100%; max-width:180px;min-width:120px}
body .wrap.home .flex-item a,
body .wrap.home .flex-item a h3,
body .wrap.home .flex-item a h4{
	text-decoration:none; color:#069;
	-webkit-transition: color 0.5s;
    transition: color 0.5s;}
body .wrap.home .flex-item h3,
body .wrap.home .flex-item h4{ 
margin:5px auto; font-weight:900;  text-transform:uppercase;}
body .wrap.home .flex-item a:hover,
body .wrap.home .flex-item a:hover h3,
body .wrap.home .flex-item a:hover h4{  color:#222;}
body .wrap.home .flex-item h3{ font-size:20px;letter-spacing:-1px }
body .wrap.home .flex-item h3 strong{font-weight:900;}
body .wrap.home .flex-item h4{font-size:16px; letter-spacing:-1px }

body .wrap.home .flex-item.off h3,
body .wrap.home .flex-item.off h4{  color:#222; }

/*----------  landing page login NON effettuato Layout unauthorized  NUOVO ----------*/
body.Intro{ 
	min-height:100%;  padding:0px; margin:0px; height:100%;
	background-image:url(/Content/Themes/Base/Images/sfondo.jpg); 
	background-size:cover}
body.Intro .wrap.home .loginBtn{ clear:both; margin:0px; margin-bottom:30px }
body.Intro .wrap.home .loginBtn a{ 
	font-weight:900; font-size:30px; 
	text-transform:uppercase; color:#fff;
	background-color:#069;
	text-decoration:none;
	padding:7px 35px;
	border-radius:7px; -webkit-border-radius:7px;
	transition: background-color 1s;
	}
body.Intro .wrap.home .loginBtn a:hover{ 
	color:#fff; background-color:#036;text-decoration:none;	}
body.Intro .wrap.home .flex-content.icone-small img{min-width:100px }
body.Intro .wrap.home .flex-item{padding:0px 20px;   }

/*----------landing page Login effettuato----------*/
body.Landing .wrap.home{ max-width:1200px; margin-top:30px}
body.Landing .wrap.home .flex-content .flex-item{ border:1px solid #f5f5f5}
body.Landing .wrap.home .flex-content.icone-small img{min-width:60px;max-width:150px }
body.Landing .wrap.home .flex-content .flex-item{padding:0px 40px;   }
body.Landing .wrap.home .flex-content{ margin-top:30px}
body.Landing .wrap.home .flex-content.icone-small .flex-item{padding:0px 20px;   }

/*=================================================*/
/*       PAGINA AGGIORNAMENTI e fancy                  */
/*===================================================*/	

h4.update-title{ color:#333; margin:20px 0px; font-size:18px; text-align:left; font-weight:800}
h4.update-title span{ font-weight:700}
.update-text strong{  font-weight:800}
.update-text button{ margin:10px 0px}
.update-text,.update-text p,.update-text div,.update-text td,.update-text tr,.update-text li{font-size: 14px; line-height: 20px;	text-align: left;}	
.update-text ul li{ margin-bottom:10px;}

.fancy-updates h3{ 
	font-weight: 300;
    text-align: left;
    margin: 0px;
    font-size: 20px;
    margin-bottom: 30px;
    padding-bottom: 0px;
    color: green;}
	
.fancy-updates div{ text-align:left }	
.fancy-updates .update-text{position:relative; padding: 0px 10px 20px 0px; border-bottom:1px dashed #ccc;}
.pag-aggiornamenti .title h2{ text-align:left;color:#069; text-transform:uppercase; border-bottom:1px solid #f5f5f5; margin-bottom:40px;}
.pag-aggiornamenti #AggiornamentoList { border:0px}
.pag-aggiornamenti #AggiornamentoList .newsresume{ padding:0px 0px 20px 0px; border-bottom:1px solid #ccc; margin:0px 0px 20px 0px}
.pag-aggiornamenti #AggiornamentoList .newsresume .btn{ margin-bottom:10px;}

/* Tappo Lavorazione*/
.tappoLavorazione{ 
    padding: 0px;
    border-radius: 20px;
    background-color:#FC0;
    font-size: 12px; margin-top:10px;
    color: #000; text-align:center; width:30px; height:30px; line-height:30px;}
.cruscotto .tappoLavorazione{ 
 	position: absolute;
    top: -20px;
    left:0px;
    }	
.k-grid .tappoLavorazione{ 
 	position: absolute;
    top: -5px;
    left: -7px;
    width: 20px;
    height: 20px;
    padding: 0px 2px;
    font-size: 10px;
    line-height: 20px;
    }

.btn-green {
    background-color: #069;
    color: white;	
}

	
/*===================================================*/
/*                 MENU UTENTE                      */
/*===================================================*/	
/*login display compare quando sei loggato*/	
	body.Intro #logindisplay{ color:#333}
	body.Intro #logindisplay a{ font-size:16px; text-transform:lowercase; color:#666; font-weight:bold}
	body.Intro #logindisplay a:hover{ color:#069; text-decoration:underline}
	body.Intro #logindisplay .rosso a{ color:#c00;}
	body.Intro #logindisplay .rosso a:hover{ color:#069; }

	#logindisplay{ margin-right:30px; padding-top:10px;font-size: 14px;display: block; text-align: right;font-weight:bold;color: #069;}
	#logindisplay a:link,#logindisplay a,#logindisplay a:active,#logindisplay a:visited { text-decoration: underline; font-weight:bold;color: #069;}
	#logindisplay a:hover{ color:#222;text-decoration: none;}
	#logindisplay .rosso a{ color:#c00;}
	#logindisplay .rosso a:hover{ color:#069; }


/*===================================================*/
/*                  MENU GENERALE                    */
/*===================================================*/
	nav, #menucontainer { position:absolute; right:25px; bottom:0px; width:800px;}
	ul#menu {
		border-bottom: 0px #024e9a solid;
		padding: 0px;
		position: relative;
		margin: 0; /*margin-right:5px;*/
		text-align: right;
		
	}
	ul#menu > li {display: inline !important;list-style: none;}
	ul#menu > li#greeting {
		padding: 10px 20px;
		font-weight: bold;
		text-decoration: none;
		line-height: 2.8em;
		color: #fff;
	}	
	ul#menu > li > a {
		padding: 11px 20px;
		font-weight: bold;
		text-decoration: none;
		line-height: 2.8em;
		background-color:white !important;
		color: #222;
		border:1px solid #ccc;
		border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -o-border-top-left-radius: 5px;
		border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -o-border-top-right-radius: 5px;		
		font-size:14px;
		text-transform:uppercase
	}
    
    ul#backmenu {
		border-bottom: 0px #024e9a solid;
		padding: 0px;
		position: relative;
		margin: 0; /*margin-right:5px;*/
		text-align: right;
		
	}
	ul#backmenu > li {display: inline !important;list-style: none;}
	ul#backmenu > li#greeting {
		padding: 10px 20px;
		font-weight: bold;
		text-decoration: none;
		line-height: 2.8em;
		color: #fff;
	}	
	ul#backmenu > li > a {
		padding: 11px 20px;
		font-weight: bold;
		text-decoration: none;
		line-height: 2.8em;
		background-color:white !important;
		color: #222;
		border:1px solid #ccc;
		border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -o-border-top-left-radius: 5px;
		border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -o-border-top-right-radius: 5px;		
		font-size:14px;
		text-transform:uppercase
	}
    		
	ul#menu > li > a:hover { background-color:white !important;color: #069;text-decoration: none;	}
	ul#menu > li > a.active{background-color:#069 !important;color: #fff;text-decoration: none;}
	ul#menu > li.selected > a {background-color: #fff;color: #222;}		

    ul#backmenu > li > a:hover { background-color:white !important;color: #069;text-decoration: none;	}
	ul#backmenu > li > a.active{background-color:#069 !important;color: #fff;text-decoration: none;}
	ul#backmenu > li.selected > a {background-color: #fff;color: #222;}		
	
	
	ul#menu .dropdown:last-child .dropdown-menu{ right:0px; left:auto}
	ul#menu .dropdown-menu {
		border-top: 0px;
		border-bottom:5px solid #ccc;
		border-radius:0px;
		-webkit-border-radius:0px;
		-o-border-radius:0px;
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.176);
		-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.176);
		padding:0px;font-size:12px;
	}
	.dropdown-menu > li {}
	.dropdown-menu > li > a { display:block;padding: 7px 5px; text-decoration:none }
	.dropdown-menu > li > a:hover{color: #069;}
	.dropdown-menu > li {  border-top:1px dotted #ccc}
	.dropdown-menu > li.divided {  border-top:3px solid #ccc}
	.dropdown-menu > li:first-child {border-top:0px dotted #ccc}
    .dropdown-menu > li:hover > .dropdown-menu { display: block;}
    .dropright:hover > .dropdown-menu { display: block;}
    .dropright > .dropdown-toggle:active { pointer-events: none; }

/*dropdown bootstrap terzo livello*/
	.dropright .dropdown-toggle.tlvl::after{
    position: absolute;
    top: .8em;
    right: 10px;   
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-left: .5em solid; color:#1B8C35}
	.dropright .dropdown-menu{margin-left: 0rem; border-left:0px;}
	
	.dropleft .dropdown-toggle.tlvl::before{display:none}
	.dropleft .dropdown-menu{margin-right: 0rem; border-right:0px;}
	 ul#menu .dropright .dropdown-menu,
	 ul#menu .dropleft .dropdown-menu{ border:1px solid #ccc;}

/*===================================================*/
/*             TITOLI INTESTAZIONI HEADER            */
/*===================================================*/	
	div#title {
		position:absolute;text-align: left;
		z-index:8010;color:#fff; font-style:italic;  font-size:30px; letter-spacing:-1px;top:5px; left:30px; overflow:hidden
	}
	#header{ background-color:#fff; height:90px; border-bottom:1px solid #ccc }
	#header #title h3{text-transform:none; font-weight:normal; font-size:18px; color:#fff; margin:0px; font-style:normal; padding:0px; letter-spacing:-1px;}
	header.title .btn{ margin-top:5px;font-style:normal}
	header.title {
		background-color: #069;
		border: 1px solid #DDDDDD;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		color: #fff;
		font-size: 26px;
		font-weight: 300;
		padding: 5px 15px;
		text-transform: uppercase;
	} 
	header.subtitle .btn{ margin-top:5px}
	header.subtitle {
		background-color: #069;
		border: 1px solid #DDDDDD;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		color: #fff;
		font-size:20px; line-height:40px;
		font-weight: 300;
		padding: 5px 15px;
		text-transform: uppercase;
	} 
	div.subtitle {
		background-color: #77c47a;
		color: #fff;
		font-size: 20px;
		font-weight: 300;
		line-height: 40px;
		padding: 5px 15px;
		text-transform: uppercase;
	}
/*===================================================*/
/*            TABELLE CUSTOM BY SITESOLUTIONS       */
/*===================================================*/
table#productTable td input,table#productTable td select,table#productTable td textarea{ font-size:12px}

table.filter  {
    background-color:#f5f5f5;
    border-collapse: collapse;
	border:0px; padding:0px;  border-spacing:0px;
	margin:0px 0px 0px 0px;
	width:auto
}

table.filter  td {
    padding: 5px 10px 5px 10px;
	border:0px;
	vertical-align:top; text-align:left;
	font-size:11px;
}

table.filter td.button { padding: 5px;vertical-align:bottom !important; text-align:left;}

table.print{
    background-color:#f5f5f5;
    border-collapse: collapse;
	border:0px; padding:0px;  border-spacing:0px;
	margin:0px 0px 0px auto;
	width:auto;
}

table.print td {
    padding: 5px 10px 5px 10px;
	border:0px;
	vertical-align:top; text-align:left;
	font-size:11px;
	position:relative;
	width:70px
}

table.dataTable{ background-color:white;border:1px solid #ccc;}
table.dataTable td,table.dataTable th{border:1px solid #ccc; padding:10px 5px}
table.dataTable td.editor-label{ font-weight:700; background-color:#e8eef4; white-space:nowrap; width:15%}

table td.button-action{ width:205px; }
table td.button-action.xl{ width:220px; }
table td.button-action div.btn{ margin:0px 2px 4px;  text-align:left} 
table td.button-action.xl div.btn{ margin:0px 2px 4px; text-align:left} 
table td.button-action div.btn a{font-weight:normal; color:#222}
table td.button-action div.btn-danger,table td.button-action div.btn-info{ margin-bottom:0px;}
table td.button-action div.btn-danger a,table td.button-action div.btn-info a{ color:#fff}
	
/*===================================================*/
/*                        FILTRI                     */
/*===================================================*/
	ul.filter{list-style:none; font-size:14px; margin:0px; padding:0px }
	ul.filter li input[type="text"],
	ul.filter li input[type="tel"],
	ul.filter li input[type="number"] { padding: 4px 5px; }
	
	/*===================================================*/
/*                    PAGINE INTERNE                 */
/*===================================================*/
/* AREA POLIZZE  */
#area-polizze ul{ list-style:none; padding:0px; margin:0px auto}
	#area-polizze ul li{ float:left; text-align:center; width:33%}
	#area-polizze ul li,#area-polizze ul li a,
	#area-polizze ul li:hover a{ 
		text-decoration:none; text-transform:uppercase; 
		font-weight:900; font-size:18px; 
		letter-spacing:-1px; 
		}
	
/*PAGINA ASSISTENZA*/ 
.pag-assistenza{ text-align:center;}
.pag-assistenza .icon-supporto{ position:absolute; left:0px; top:-70px}
.pag-assistenza div.title{ position:relative; text-align:center; margin:0px auto; max-width:980px;}
.pag-assistenza h2{    max-width: 730px; text-align:center; text-transform:uppercase; margin:20px auto 0px; color:#069}
.pag-assistenza h3{    max-width: 730px; text-align:center; margin:5px auto 30px; text-transform:none}
.pag-assistenza table.table{ width:auto; margin:0px auto 30px auto}
.pag-assistenza table.table td{ padding:10px; border-bottom:5px solid #eee}
.pag-assistenza table.table tr:last-child td{ border-bottom:0px solid #eee}
.pag-assistenza table.table td.td-title{padding:10px 20px 10px 10px; text-align:left }
.pag-assistenza table.table td.td-icon,
.pag-assistenza table.table td.td-button{ text-align:center }
.pag-assistenza table.table td.td-button,
.pag-assistenza table.table td.td-contatto{ padding:10px 20px}

.pag-assistenza table.table td.td-icon img{ height:60px}
.pag-assistenza table.table td.td-title h4{ margin:5px 0px;color:#000}
.pag-assistenza table.table td.td-button .btn{margin-right:10px}
.pag-assistenza table.table td.td-button .btn:last-child{margin-right:0px}

/*riga con sottocategorie*/
.pag-assistenza table.table tr.catwchi td,
.pag-assistenza table.table tr.catchi td{ border-bottom:1px solid #eee}
.pag-assistenza table.table tr.catwchi td{ padding-bottom:5px !important}
.pag-assistenza table.table tr.catchi.last td{ border-bottom:5px solid #eee}
/*sottocategoria*/
.pag-assistenza table.table tr.catchi td.td-title{padding:3px 20px 3px 10px;}
.pag-assistenza table.table tr.catchi td.td-icon{padding:3px 10px;}
.pag-assistenza table.table tr.catchi td.td-button{ text-align:left; padding:3px 20px }
.pag-assistenza table.table tr.catchi td.td-title h5{ color:#666; margin:3px 0px 0px 0px}
.pag-assistenza table.table tr.catchi td.td-icon img{ height:25px}
.pag-assistenza table.table tr.catchi td.td-button .btn-small{ padding:3px 6px; font-size:12px; }

/*qrcode*/
.qrcode-box{ width:300px; height:300px;}
.qrcode-box h4{ font-weight:normal}
.qrcode-box h4 strong{ font-weight:bold; font-size:1.8rem}
.qrcode-box .qrcode{ width:120px;}


/*NUOVA PRATICA*/ 
	.nuova-pratica a:hover,
	.nuova-pratica a:hover .well,
	.nuova-pratica a .well{ text-decoration:none !important}
	.nuova-pratica .well{ position:relative; background-color:#d3fed5}
	.nuova-pratica .no-assicurativa.well{ background-color:#ffead2}
	.nuova-pratica .polizze-accessorie.well{ background-color:#daf1f8}	
	.nuova-pratica .well i{ font-size:20px; position:absolute; top:20px; right:20px}
	.nuova-pratica a:hover .well i{ color:#069}
	.nuova-pratica .well h4{ margin:0px 0px 3px}

	.nuova-pratica a:hover .well{ background-color:#fcfcfc}
	.nuova-pratica a:hover .well h4,
	.nuova-pratica a:hover .well i{ color:#069}
		
	.nuova-pratica .well ul.well-list{ margin:15px 0px 15px 30px; list-style:none; padding:0px; line-height:200% }
	.nuova-pratica .well ul.well-list li{ margin-bottom:5px;position:relative; width:250px; padding:0px 10px; background-color:#ececec; border:1px solid #ccc; border-radius:10px; -webkit-border-radius:10px }
	.nuova-pratica .well ul.well-list li:hover{ background-color:#fcfcfc;}
	.nuova-pratica .well ul.well-list li:hover a{ color:#000;}	
	.nuova-pratica .well ul.well-list a.well-list{  font-weight:bold; display:block }
	.nuova-pratica .well ul.well-list a.well-list i{ float:right; position:relative; top:5px; right:5px; font-size:14px;}
	.nuova-pratica .well ul.well-list a.well-list:hover i{ color:#069}	
	.table.table-bordered.pratiche tr td{ cursor:pointer}

/*nuova pratica window*/
#createDialog1 input,#createDialog2 input{ padding:15px }
#createDialog1,	#createDialog2{ text-align:center}

/*Pagina Modelli*/
.modelli h3{ font-weight:300; min-height: 46px; font-size:20px; color:#069;}
.modelli .list-group a{ text-decoration:underline; display:block;}
.modelli .list-group a:hover{ color:#000; text-decoration:none;}
.modelli .list-group a.variante img,
.modelli .list-group i{ float:right}
.modelli .list-group i{margin-left:5px;}
.modelli .list-group a.variante img{ margin-left:3px;}
.modelli .list-group a.variante{ color:#666}
.modelli .list-group a.variante:hover{ color:#666;text-decoration:none;}
.modelli .list-group hr{ border:0px; margin:5px 0px}

/*trasportauto lista servizi*/
.trasportauto-servizi-lista div.item{
	background-color:#f5f5f5;
	border:1px solid #ccc;
	padding:10px; margin:0.5%;
	width:49%; float:left; border-radius:3px;
	}
.trasportauto-servizi-lista div.btn{ background-color:#069; color:#fff; padding-left:10px; padding-right:10px}
.trasportauto-servizi-lista div.btn:hover{ background-color:#006600}	
.trasportauto-servizi-lista div h2{ color:#069;font-size:28px; margin-bottom:0px;}
.trasportauto-servizi-lista div h3{color:#069; font-size:18px; line-height:22px;}
.trasportauto-servizi-lista div h4{ color:#333; font-size:18px; margin-top:0px;}
.trasportauto-servizi-lista div a:hover h2{ color:#069;}
/*SMS*/
/*window invia SMS e credito terminato*/
.window-sms-invio{width: 100%; padding:0px; text-align:left; }
.window-sms-no-credito{width: 100%; text-align:center; padding: 30px 10px; }
.window-sms-invio h3,
.window-sms-no-credito h3{text-transform:uppercase;}
.window-sms-invio h3{color:#069}
.window-sms-no-credito h3{ color:#c00}

/*+++++++++++++++++++++++++++++++++++PRATICHE+++++++++++++++++++++++++++++++++++*/
/*Pratiche Header*/
.title-pratica h4{ font-weight:400; font-size:18px }
.title-pratica h4 strong{font-weight:700}
.pratica-colore{ text-shadow: 0px 1px 3px rgba(150, 150, 150, 1); font-size:20px}
.scadenza{ position:relative; border:1px solid #fff;-webkit-border-radius:5px;  border-radius:5px; margin:5px 0px; overflow:hidden; background-color:#f5f5f5}
.scadenza .timeline{ height:50px; position:absolute; top:0px; left:0px; z-index:0 }
.scadenza h4{z-index:1; color:#222;font-weight:400; position:relative; margin:4px 0px 4px 15px; }
/*@media (min-width: 992px) {
	icona cruscotto
.outlook-fa{ min-width:70px}
}*/i.outlook-fa{ min-width:55px}
/*TABSTRIP CRUSCOTTO*/
/*ANAGRAFICHE*/
#tabstrip .section h3{ margin-top:20px; margin-left:20px}
/*STORICO*/
#tabstrip #GridStorico{ margin-top:10px;}
/*OUTLOOK TAB*/
.cruscotto{ text-align:center}
.cruscotto div.well{ font-size:16px; text-transform:uppercase; padding:10px; min-height:100px; text-align:left;}
.pratiche_details_outlook .cruscotto:first-child div.well{ margin-top:20px;}
.cruscotto.fixedH div.well{height:130px; }
.cruscotto div.well strong{ font-size:18px}
.cruscotto div.well .glyphicon{font-size:35px}
.cruscotto div.well .btn .glyphicon{font-size:20px}
/*.cruscotto .row .col-md-1,.cruscotto .row .col-md-2,.cruscotto .row .col-md-3,.cruscotto .row .col-md-4,
.cruscotto .row .col-md-5,.cruscotto .row .col-md-6,.cruscotto .row .col-md-7,
.cruscotto .row .col-md-8,.cruscotto .row .col-md-9,.cruscotto .row .col-md-10,.cruscotto .row .col-md-11{ padding-left:3px; padding-right:3px} TEMP */
div.allegati div.r-label,div.allegati div.r-input{min-height:45px}
	
/*DOCUMENTI*/
div.Documents_{ padding:10px; margin:0px 0px 10px 0px; background-color:#fff; border:1px solid #ccc; border-top:0px}
table.documents_table{ margin:10px 0px; }
table.documents_table td.colum, table.documents_table td.content{ vertical-align:top; padding:0px}
table.documents_table td.colum ul.list_folder_document{ list-style:none; margin:0px; margin-top:5px; width:95% ;border-radius:5px; -webkit-border-radius:5px; background-color:white; border:1px solid #ccc; }
table.documents_table td.colum ul.list_folder_document li{ padding:0px; margin:0px;border-top:1px solid #ccc; background-image:url(/Content/Themes/Base/Images/folder-vertical-open-icon.png); background-repeat:no-repeat; background-position:5px 7px; text-indent:25px }
table.documents_table td.colum ul.list_folder_document li.selected,
table.documents_table td.colum ul.list_folder_document li:hover{ background-image:url(/Content/Themes/Base/Images/folder-vertical-document-icon.png); }
table.documents_table td.colum ul.list_folder_document li.selected a{ background:url(/Content/Themes/Base/Images/folder-vertical-document-icon.png) no-repeat 5px 7px #FFC;}
table.documents_table td.colum ul.list_folder_document li:first-child{ border-top:0px}
table.documents_table td.colum ul.list_folder_document li a{ margin:0px 5px 2px 0px; padding:5px 0px; display:block; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:11px }
table.documents_table td.content .rowed{ border-top:1px solid #ccc; background-color:#F5F5F5}

/*item documenti, foto, testimoni*/
.documento-item .btn-toolbar a,.fotografia-item .btn-toolbar a,.testimone-item .btn-toolbar a{ text-decoration:none}
.documento-item,.testimone-item{ width:300px;  margin: .25rem;border:1px solid #ccc; background-color:#f9f9f9; text-align:center;  padding:.5rem;}
.fotografia-item .foto img,.documento-item .foto img,.testimone-item .foto img {cursor:pointer; }
.documento-item{ min-height:320px }
.testimone-item{min-height:250px }
.documento-item .foto img,.testimone-item .foto img{ max-width:100%;  border:3px solid #f0f0f0; }
/*TAB FOTO*/
#Immagine_List .fotografia-itemcontainer{ margin: .25rem;border:1px solid #ccc; background-color:#f9f9f9; text-align:center;  padding:0px;}
#Immagine_List .fotografia-item img{ max-height:200px;  }
/*edit create*/
form.form-oxygen{ padding:0px 0px 20px; border:1px solid #f5f5f5}
form.form-oxygen h5{ font-size:20px; margin:15px auto 5px auto; padding-left:15px }
form.form-oxygen .col-xs-1, form.form-oxygen .col-sm-1, form.form-oxygen .col-md-1, form.form-oxygen .col-lg-1, 
form.form-oxygen .col-xs-2, form.form-oxygen .col-sm-2, form.form-oxygen .col-md-2, form.form-oxygen .col-lg-2, 
form.form-oxygen .col-xs-3, form.form-oxygen .col-sm-3, form.form-oxygen .col-md-3, form.form-oxygen .col-lg-3, 
form.form-oxygen .col-xs-4, form.form-oxygen .col-sm-4, form.form-oxygen .col-md-4, form.form-oxygen .col-lg-4, 
form.form-oxygen .col-xs-5, form.form-oxygen .col-sm-5, form.form-oxygen .col-md-5, form.form-oxygen .col-lg-5, 
form.form-oxygen .col-xs-6, form.form-oxygen .col-sm-6, form.form-oxygen .col-md-6, form.form-oxygen .col-lg-6, 
form.form-oxygen .col-xs-7, form.form-oxygen .col-sm-7, form.form-oxygen .col-md-7, form.form-oxygen .col-lg-7, 
form.form-oxygen .col-xs-8, form.form-oxygen .col-sm-8, form.form-oxygen .col-md-8, form.form-oxygen .col-lg-8, 
form.form-oxygen .col-xs-9, form.form-oxygen .col-sm-9, form.form-oxygen .col-md-9, form.form-oxygen .col-lg-9, 
form.form-oxygen .col-xs-10, form.form-oxygen .col-sm-10, form.form-oxygen .col-md-10, form.form-oxygen .col-lg-10, 
form.form-oxygen .col-xs-11, form.form-oxygen .col-sm-11, form.form-oxygen .col-md-11, form.form-oxygen .col-lg-11, 
form.form-oxygen .col-xs-12, form.form-oxygen .col-sm-12, form.form-oxygen .col-md-12, form.form-oxygen .col-lg-12 {min-height:47px}
form.form-oxygen .section{ background-color:#f9f9f9; margin:0px 15px; padding:10px 0px; border:1px solid #f5f5f5; border-bottom:3px solid #f5f5f5}
form.form-oxygen label{ text-transform:uppercase}
form.form-oxygen div.row{ margin:10px 0px}
form.form-oxygen .gridTable div.row{ margin:0px}

/*LAVORAZIONE*/
div.menu-lavorazione{font-size:12px; padding:5px; background-color:#fff; margin:5px 0px 0px}
div.menu-lavorazione .row.no-m-t div{ padding-top:0px !important }
div.menu-lavorazione .descrizione-lavorazione{width:100%;height:300px}
div.legenda-lavorazione{ padding:5px 0px;margin:0px; background-color:#f5f5f5; text-align:center}
div.legenda-lavorazione label{ font-size:12px;}
div.legenda-lavorazione ul{ list-style:none; margin:0px auto;padding:0px;}
div.legenda-lavorazione ul li{padding:1px 10px; line-height:16px; display:inline-block;font-size:12px}

/*banner fixed per scaricare il file zip*/
.banner-zip{ position:fixed; width:100%; bottom:0px; left:0px; background-color:rgba(24,139,55,0.9); z-index:9999; text-align:center; padding:10px 0px 20px 0px;}
.banner-zip h3{ color:#fff; font-size:20px}
.selected .fotografia-item,.selected .documento-item,.fotografia-item.selected,.documento-item.selected{ border-color:#069; background-color:#f8edb9}
/*MAIL FORM*/
div.mailto-title{ padding:5px 10px; margin:20px 0px 0px; font-size:14px; color:#000; font-weight:700; background-color:#F9F9F9;border:1px solid #DDDDDD; border-bottom:0px;}
div.rowed.mailto{ background-color:#fdfdfd;padding:10px; margin:0px 0px 10px; border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD}
ul.mailto{ margin:0px auto; padding:0px}
ul.mailto li{ vertical-align:top;}
ul.mailto li.bottoni.label{padding-top:15px;}
ul.mailto li.bottoni .no-padding{padding:2px 0px !important}
ul.mailto li input[type="text"] {padding: 4px 5px;}
.cruscotto div.well span.sendSMS .glyphicon,.cruscotto div.well span.contatto-telefono .glyphicon,
.cruscotto div.well a.contatto-email .glyphicon,span.sendSMS .glyphicon,span.contatto-telefono .glyphicon,
a.contatto-email .glyphicon { font-size:12px; color:#fff;	}
span.sendSMS,span.contatto-telefono,a.contatto-email {
	white-space:nowrap;
    padding: 2px 7px;
    text-decoration: none;
    cursor: pointer;
    background-color: green;
    border-radius: 10px;
	-webkit-border-radius: 10px;
    font-weight: bold;
    color: #fff;
	font-size:12px; 
	line-height:20px
}

/* Rent */
.no-disp{ 
	padding:50px 20px; 
	margin-top:30px; 
	border:1px solid #069; 
	text-align:center;
	width:70%;
	border-radius:10px;-border-radius:10px;
 }
.no-disp h3{ color:#069; margin-bottom:50px; font-size:40px} 
.no-disp h4{ margin-top:50px; float:left; width:50%; text-align:center} 

/*verifica codice fiscale - verifica targa*/
.targa-verifica,#P1_TargaCheck,#P2_TargaCheck,#P1_CodiceFiscaleCheck,#CodiceFiscaleCheck{ width:50%;  float:left}
#P1_CodiceFiscaleCheck,#CodiceFiscaleCheck{ padding-top:20px}
#P1_CodiceFiscaleCheckResult,#CodiceFiscaleCheckResult,#P1_TargaCheckResult,#P2_TargaCheckResult{font-size:12px;font-weight:bold; margin-top:10px}
#P1_TargaCheckResult.rca0,#P2_TargaCheck.rca0,#P1_TargaCheckResult.rca0 i,#P2_TargaCheckResult.rca0 i{ color:#c00}
#P1_TargaCheckResult.rca1,#P1_TargaCheckResult.rca1 i,#P2_TargaCheckResult.rca1,#P2_TargaCheckResult.rca1 i{ color:#069}
#P1_TargaCheckResult.rca-1,#P1_TargaCheckResult.rca-1 i,#P2_TargaCheckResult.rca-1,#P2_TargaCheckResult.rca-1 i{ color:#666}

#salvaDocumento h4{ margin-top:40px;}
#salvaDocumento h3{ margin-top:10px;}

/*UESSE*/
.manuali-uesse-pay .no-mb{ margin-bottom:0px}
.manuali-uesse-pay .bgcolor{ background-color:#f7f7f7; }
.manuali-uesse-pay .bgcolor-c{ background-color:#fbfbfb}
.manuali-uesse-pay h1,.manuali-uesse-pay h2{margin:0px; color:#069}
.manuali-uesse-pay h1{ font-size:30px;}
.manuali-uesse-pay h2{font-size:26px; margin-bottom:5px}
.manuali-uesse-pay h3{font-size:22px; padding:0px; }
#tabstrip .section .manuali-uesse-pay h3{font-size:22px; padding:0px;margin-top:0px; margin-left:0px }
.manuali-uesse-pay p.normal{ font-size:16px; line-height:24px}
.manuali-uesse-pay blockquote{border:1px solid #eee; border-left:7px solid #093}
.manuali-uesse-pay blockquote p{ font-size:16px; line-height:24px}
.manuali-uesse-pay blockquote.oxy { 
text-align:center; padding:20px 15px; border:7px solid #093; 
font-size:18px; line-height:28px; margin-top:20px; margin-bottom:20px}
.manuali-uesse-pay blockquote.oxy a{ margin-top:20px}
.manuali-uesse-pay ul li{ padding:5px 0px;  font-size:16px}
.manuali-uesse-pay p.lead{ 
	border:3px solid #069; 
	border-radius:10px; 
	padding:20px 10px; 
	font-size:18px;
	line-height:24px}
	
/*Tempario*/
.tempario-tecnico .no-mb{ margin-bottom:0px}
.tempario-tecnico .bgcolor-verde{ background-color:#f7f7f7;  padding:10px 20px;}
.tempario-tecnico h1,.manuali-uesse-pay h2{margin:0px; color:#069}
.tempario-tecnico h1{ font-size:30px;}
.tempario-tecnico h2{font-size:26px; margin-bottom:5px}
.tempario-tecnico h3{font-size:22px; padding:0px; }
.tempario-tecnico p.normal{ font-size:16px; line-height:24px}
.tempario-tecnico .bgcolor-verde *,
.tempario-tecnico .bgcolor-verde p.normal{ font-size:18px; line-height:28px}
.tempario-tecnico blockquote{border:1px solid #eee; border-left:7px solid #093}
.tempario-tecnico blockquote p{ font-size:16px; line-height:24px}

/* Window tagliando officina pezzi meccanici*/
.categoria-officina{border:2px solid #fff;background-color:#f5f5f5; transition: background 1s}
.categoria-officina:hover{ background-color:#ccc }

.categoria-officina a,
.categoria-officina a img,
.categoria-officina a h3{ text-decoration:none}
.categoria-officina img{ height:90px; margin-top:15px;}
.categoria-officina h3{ font-size:16px; margin:0px; margin-bottom:15px; text-transform:none}
/*==========================fine pagine==========================*/

/*==========================CUSTOM LIBRERIE==========================*/
/*custom KENDO*/
.readonly{ color:#000;}
.readonly > span{ border:0px}
.k-window-actions {  padding-top: 0em !important;}
/*titolo window*/
.k-dialog .k-window-titlebar{ background-color: #f5f5f5;display: block;min-height: 40px;padding: 5px 10px;	}
/*servizio contratto - window con kendo*/
.section-window-kendo{ padding:0px 20px; }
.k-edit-form-container{ width:100%}
.k-tabstrip-items .k-state-active, .k-ie7 .k-tabstrip-items .k-state-active .k-loading,
.k-state-active, .k-state-active:hover, .k-active-, .k-tabstrip .k-state-active { border-color:#ccc !important}
.k-state-active .k-link{font-weight:bold; }
.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap,
.k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox,
.k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, 
.k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content{ background-image:none; background-color:#f9f9f9}
.k-tabstrip-items .k-state-active,
.k-tabstrip-items .k-state-hover{ background-color:#fff; border-top-color:#069!important}
/*.k-content{ min-height:350px} // 2019-09-13 MATTEO: non so cosa facesse queta linea, ma crea un problema su tutti i datepicker in chrome.... */ 
.k-tabstrip > .k-content, .k-panelbar .k-tabstrip > .k-content { padding:0px; margin:0px}
.k-content{ border-left:0px!important; border-right:0px!important}
.k-tabstrip .k-tabstrip-items { padding: 2px 0 0;}
.k-animation-container, .k-widget, .k-widget *, .k-animation-container *,
.k-widget *:before, .k-animation-container *:after /*.k-block .k-header*/ { box-sizing:border-box}

.k-button{ font-weight:bold; text-transform:uppercase; color:#333; background-color:#c5c5c5; border-color:#666}/*#*/
.k-button:hover{ color:#fff; background-color:#069; border-color:#036}/*#*/
.k-button.k-state-active:hover, .k-button:active:hover {
    color: #fff;
    border-color: #036 ;
    background-color:#069 ;
}
.k-pager-numbers .k-state-selected{height: 2em;line-height: 2em;color:#fff}
.k-panelbar .k-tabstrip-items .k-link, .k-tabstrip-items .k-link {padding: .5em .42em;}
/*problema altezza dropdown senza nessun valore predefinito*/
.k-dropdown-wrap.k-state-default{ min-height:30px}
/*tabella / grid div*/
.gridTable .r-title{ padding:10px 0px 10px 25px; font-weight:bold; background-color:#E7E7E7}
.gridTable .r-label{ text-indent:10px; font-weight:bold; background-color:#F9F9F9}
.gridTable .r-label,.gridTable .r-input{
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	padding-top:10px; padding-bottom:10px;
	margin-bottom:1px}

.bg-default.stroke{ border:1px solid #C5C5C5}
.k-grid tr td{ border-color:#b3b3b3; border-bottom:1px solid #b3b3b3}
.k-grid tr:last-child td{ border-bottom:0px solid #f5f5f5}
.k-grid .k-alt{ background-color:#fff}
.k-grid .k-alt.k-state-selected {
	background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0) 100%);
	background-color: #f35800;	border-color: #f85a00;	}
 .gridTable .row.flex{ display:flex}

/*DISATTIVO ROLLOVER quando non necessario*/
.k-grid tr:hover {background-color: #fbfbfb !important;}/*riga non cliccabile*/
.k-grid .k-selectable tr:hover {cursor:pointer;background-color: #f0f0f0 !important;}/*riga cliccabile*/

/*tabella colorata rollover e colori*/
table.k-selectable tr.bg-default{ background-color:rgba(231,231,231,0.2);}
table.k-selectable tr.bg-green{background-color:rgba(24,139,55,0.2); }
table.k-selectable tr.bg-red{background-color:rgba(255,0,0,0.2);}
table.k-selectable tr.bg-orange{background-color:rgba(222,148,0,0.4);}
table.k-selectable tr.bg-lightgrey{ background-color:rgba(245,245,245,0.2);}
table.k-selectable tr.bg-yellow{ background-color:rgba(255,204,0,0.2);}
table.k-selectable tr.bg-lightblue{ background-color:rgba(24,87,188,0.2);}
table.k-selectable tr.bg-lightgreen{ background-color:rgba(204,255,153,0.2);}
table.k-selectable tr.bg-midnightblue{ background-color:rgba(25,25,112,0.4);}

.k-grid tr.bg-default:hover{ background-color:rgba(231,231,231,0.2) !important;}
.k-grid tr.bg-green:hover{ background-color:rgba(24,139,55,0.2) !important;}
.k-grid tr.bg-red:hover{ background-color:rgba(255,0,0,0.2) !important;}
.k-grid tr.bg-orange:hover{ background-color:rgba(222,148,0,0.4) !important;}
.k-grid tr.bg-white:hover{ background-color:#fff !important;}
.k-grid tr.bg-lightgrey:hover{ background-color:rgba(245,245,245,0.2) !important;}
.k-grid tr.bg-yellow:hover{ background-color:rgba(255,204,0,0.2) !important;}
.k-grid tr.bg-lightblue:hover{ background-color:rgba(24,87,188,0.2) !important;}
.k-grid tr.bg-lightgreen:hover{ background-color:rgba(204,255,153,0.2) !important;}
.k-grid tr.bg-midnightblue:hover{background-color:rgba(25,25,112,0.4) !important;}
.k-grid tr:hover,.k-grid tr.bg-default:hover,.k-grid tr.bg-green:hover,
.k-grid tr.bg-red:hover,.k-grid tr.bg-orange:hover,.k-grid tr.bg-white:hover,
.k-grid tr.bg-lightgrey:hover,.k-grid tr.bg-yellow:hover,.k-grid tr.bg-lightblue:hover, 
.k-grid tr.bg-midnightblue:hover,.k-grid tr.bg-lightgreen:hover{ background-image: none!important}

/*calendari*/
.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list>.k-state-highlight, .k-list>.k-state-selected, .k-marquee-color, .k-panel>.k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected{
	    background-color: #069;
    border-color: #ccc; }
	.k-list>.k-state-focused.k-state-selected, .k-listview>.k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    -webkit-box-shadow: inset 0 0 3px 1px #666;
	 background-color: #ccc;
    box-shadow: inset 0 0 3px 1px #666;}
	.k-event, .k-task-complete {
    border-color: #ccc;
    background: #ccc 0 -257px none repeat-x;
    color: #fff;}
.k-state-focused.k-state-selected:hover, td.k-state-focused.k-state-selected:hover{background-color: #069;}
.k-calendar .k-today {
    -webkit-box-shadow: inset 0 0 0 1px #069;
    box-shadow: inset 0 0 0 1px #069;
}
.k-calendar .k-today .k-link {
    color: #069;
    font-weight: 700;
}
/*icone filtri*/
.filter .filter .k-dropdown-wrap .k-select, .filter .filter .k-numeric-wrap .k-select, .filter .filter .k-picker-wrap .k-select{ line-height:1.5em}
.k-draghandle.k-state-selected:hover, 
.k-ghost-splitbar-horizontal, 
.k-ghost-splitbar-vertical, 
.k-list > .k-state-highlight,
.k-list > .k-state-selected, .k-marquee-color, 
.k-panel > .k-state-selected, 
.k-scheduler .k-scheduler-toolbar .k-state-selected, 
.k-scheduler .k-today.k-state-selected, .k-state-selected, 
.k-state-selected:link, .k-state-selected:visited{ color:#000}
.k-overflow-container .k-primary, .k-primary {background-color: #2ec235;border-color: #2ec235;color: #fff;}
.k-overflow-container .k-primary:hover, .k-primary:hover {background-color: #136f2c; border-color: #136f2c; color: #fff;}


.icon-xl{ font-size:3rem}
.btn-light,.btn-default {
    border-color: #ccc;
	background-color:#fff
}

.alert-red {
    color: #fff;
    background-color: #c00;
    border-color: #c00;
}

.w-40{ width:40%}
.w-30{ width:30%}

/*---*/
@media screen and (max-width: 1024px) {
    div#title img {
		width:400px;
		height:77px
    }
}


/*stile agenda calendario*/
body .eventDiv{
	height:100%;
	width:100%;
	box-shadow: none;
	text-shadow: none;
	padding: 5px;	
	}
body .eventDiv,body .eventDiv span{color:white;font-size:13px }	
.bg-4285f4{background-color:#4285f4} 
.bg-d50000{background-color:#d50000} 
.bg-e67c73{background-color:#e67c73}  
.bg-f4511e{background-color:#f4511e}
.bg-f6bf26{background-color:#f6bf26}  
.bg-33b679{background-color:#33b679}
.bg-0b8043{background-color:#0b8043}  
.bg-039be5{background-color:#039be5}
.bg-3f51b5{background-color:#3f51b5}  
.bg-7986cb{background-color:#7986cb}
.bg-8e24aa{background-color:#8e24aa}  
.bg-616161{ background-color:#616161}

/*BLINK ANIATION*/
.eventDiv[class*="blink"] {    
	-webkit-animation-duration: .8s; 
	-webkit-animation-iteration-count: 4;
    animation-duration: .8s;
  	animation-iteration-count: 4;}
	
.blink-4285f4 {
    background-color: #4285f4;
    -webkit-animation-name: anim-4285f4; 
    animation-name: anim-4285f4;
}
@-webkit-keyframes anim-4285f4 {
    from {background-color: #4285f4;}
    to {background-color: white;}
}
@keyframes anim-4285f4 {
    from {background-color: #4285f4;}
    to {background-color: white;}
}

.blink-d50000 {
    background-color: #d50000;
    -webkit-animation-name: anim-d50000; /* Safari 4.0 - 8.0 */
    animation-name: anim-d50000;
} 
@-webkit-keyframes anim-d50000 {
    from {background-color: #d50000;}
    to {background-color: white;}
}
@keyframes anim-d50000 {
    from {background-color: #d50000;}
    to {background-color: white;}
}

.blink-e67c73 {
    background-color: #e67c73;
    -webkit-animation-name: anim-e67c73; /* Safari 4.0 - 8.0 */
    animation-name: anim-e67c73;
} 
@-webkit-keyframes anim-e67c73 {
    from {background-color: #e67c73;}
    to {background-color: white;}
}
@keyframes anim-e67c73 {
    from {background-color: #e67c73;}
    to {background-color: white;}
}
 
.blink-f4511e {
    background-color: #f4511e;
    -webkit-animation-name: anim-f4511e; /* Safari 4.0 - 8.0 */
    animation-name: anim-f4511e;
} 
@-webkit-keyframes anim-f4511e {
    from {background-color: #f4511e;}
    to {background-color: white;}
}
@keyframes anim-f4511e {
    from {background-color: #f4511e;}
    to {background-color: white;}
}

.blink-f6bf26 {
    background-color: #f6bf26;
    -webkit-animation-name: anim-f6bf26; /* Safari 4.0 - 8.0 */
    animation-name: anim-f6bf26;
} 
@-webkit-keyframes anim-f6bf26 {
    from {background-color: #f6bf26;}
    to {background-color: white;}
}
@keyframes anim-f6bf26 {
    from {background-color: #f6bf26;}
    to {background-color: white;}
}
 
.blink-33b679 {
    background-color: #33b679;
    -webkit-animation-name: anim-33b679; /* Safari 4.0 - 8.0 */
    animation-name: anim-33b679;
} 
@-webkit-keyframes anim-33b679 {
    from {background-color: #33b679;}
    to {background-color: white;}
}
@keyframes anim-33b679 {
    from {background-color: #33b679;}
    to {background-color: white;}
}

.blink-0b8043 {
    background-color: #0b8043;
    -webkit-animation-name: anim-0b8043; /* Safari 4.0 - 8.0 */
    animation-name: anim-0b8043;
} 
@-webkit-keyframes anim-0b8043 {
    from {background-color: #0b8043;}
    to {background-color: white;}
}
@keyframes anim-0b8043 {
    from {background-color: #0b8043;}
    to {background-color: white;}
}

.blink-039be5 {
    background-color: #039be5;
    -webkit-animation-name: anim-039be5; /* Safari 4.0 - 8.0 */
    animation-name: anim-039be5;
} 
@-webkit-keyframes anim-039be5 {
    from {background-color: #039be5;}
    to {background-color: white;}
}
@keyframes anim-039be5 {
    from {background-color: #039be5;}
    to {background-color: white;}
}

.blink-3f51b5 {
    background-color: #3f51b5 ;
    -webkit-animation-name: anim-3f51b5; /* Safari 4.0 - 8.0 */
    animation-name: anim-3f51b5;
} 
@-webkit-keyframes anim-3f51b5  {
    from {background-color: #3f51b5 ;}
    to {background-color: white;}
}
@keyframes anim-3f51b5  {
    from {background-color: #3f51b5 ;}
    to {background-color: white;}
}
  
.blink-7986cb {
    background-color: #7986cb;
    -webkit-animation-name: anim-7986cb; /* Safari 4.0 - 8.0 */
    animation-name: anim-7986cb;
} 
@-webkit-keyframes anim-7986cb{
    from {background-color: #7986cb;}
    to {background-color: white;}
}
@keyframes anim-7986cb {
    from {background-color: #7986cb;}
    to {background-color: white;}
}

.blink-8e24aa {
    background-color: #8e24aa;
    -webkit-animation-name: anim-8e24aa; /* Safari 4.0 - 8.0 */
    animation-name: anim-8e24aa;
} 
@-webkit-keyframes anim-8e24aa {
    from {background-color: #8e24aa;}
    to {background-color: white;}
}
@keyframes anim-8e24aa {
    from {background-color: #8e24aa;}
    to {background-color: white;}
}

.blink-616161 {
    background-color: #616161;
    -webkit-animation-name: anim-616161; /* Safari 4.0 - 8.0 */
    animation-name: anim-616161;
} 
@-webkit-keyframes anim-616161 {
    from {background-color: #616161;}
    to {background-color: white;}
}
@keyframes anim-616161 {
    from {background-color: #616161;}
    to {background-color: white;}
}

/*custom parsley*/
ul.parsley-error-list,
ul.parsley-error-list li{ list-style:none;padding:0px; margin:0px;}
ul.parsley-error-list li{ padding:10px; text-transform:uppercase; font-size:11px; font-weight:bold; color:#c00;  background-color:#fff; border:1px solid #c00}
.form-oxygen .k-datepicker ul.parsley-error-list{ z-index:9999; top:25px; position:absolute}
.form-oxygen ul.parsley-error-list,.parsley-error ul{
  position: relative;
  background-color: #c00;
  color: #F9F9F9;
  text-align: center;
  border-radius: 10px;
  font-family: sans-serif;
  margin: 10px auto;	
}
.form-oxygen ul.parsley-error-list:after,
.parsley-error ul:after {
content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid;
  border-bottom-color: #c00;
  left: 5px;
  bottom: 100%;
  margin-left: 0px;
	}
.form-oxygen ul.parsley-error-list li,.parsley-error ul li{ padding:5px; text-align:left}	

/*KENDO SWITCH CHANGE COLOR*/
.switch-sino .km-switch-handle,
.switch-sino .km-switch-background{ color:#069}
.switch-sino .km-switch-wrapper{ background-color:#c00}
.switch-sino .km-switch-off .km-switch-handle {
    -webkit-box-shadow: 0 1px 0 1px #bababa, 0 -1px 0 1px #bababa;
    box-shadow: 0 1px 0 1px #bababa, 0 -1px 0 1px #bababa;
}
.switch-sino-inverted .km-switch-handle,
.switch-sino-inverted .km-switch-background{ color:#c00}
.switch-sino-inverted .km-switch-wrapper{ background-color:#069}
.switch-sino-inverted .km-switch-off .km-switch-handle {
    -webkit-box-shadow: 0 1px 0 1px #bababa, 0 -1px 0 1px #bababa;
    box-shadow: 0 1px 0 1px #bababa, 0 -1px 0 1px #bababa;
}
.switch-solosi-inverted .km-switch-handle,
.switch-solosi-inverted .km-switch-background{ color:#c00}
.switch-solosi-inverted .km-switch-off .km-switch-handle {
    -webkit-box-shadow: 0 1px 0 1px #bababa, 0 -1px 0 1px #bababa;
    box-shadow: 0 1px 0 1px #bababa, 0 -1px 0 1px #bababa;
}

/*Fix bug su font icon che con font-weight 300 non funzionano*/
.fas{font-weight: 900!important}


/*tabella Prezzi*/
table .thead-dark{}
table .thead-dark tr th{}
table .thead-dark tr th h2{ font-size:14px; margin:0px; padding:0px; line-height:16px; text-align:left; color:#fff }
table .thead-dark tr th h2 small{ font-size:11px; font-weight:normal; color:#fff}
table .thead-dark tr th.col-start{ }
table .thead-dark tr th.col-professional{ }
table .thead-dark tr th.col-premium{ }

table tr th.table-desc-col{}
table tr td.table-col{ text-align:center}

table tr td.col-start{ background-color:#D9EFDE}
table tr td.col-professional{ background-color:#BDD7C4}
table tr td.col-premium{ background-color:#9CC5A8}

table tr.table-warning td.col-start,
table tr.table-warning td.col-professional,
table tr.table-warning td.col-premium{ background-color:#FFEEBA}

table tr.table-info td.col-start,
table tr.table-info td.col-professional,
table tr.table-info td.col-premium{ background-color:#BEE5EB}


table tr.table-prezzo-row{}
table tr.table-prezzo-row th.table-prezzo-desc-col{}
table tr.table-prezzo-row td.table-prezzo-col{ text-align:center;}
table tr.table-prezzo-row td.table-prezzo-col strong{ font-size:18px}

table tr.table-button-row{}
table tr.table-button-row td{ text-align:center;}
table tr.table-button-row td p{ font-size:20px}

/*prove cruscotto*/
.pratiche_details_outlook .fs-auto{font-size: 1.5vw;}
.pratiche_details_outlook .box-cruscotto:hover{ /*background-color:#f0f0f0!important; border-color:#069!important*/border-color:#666!important}
.pratiche_details_outlook .box-cruscotto .inner{ max-width:1000px}
.pratiche_details_outlook .box-cruscotto .inner > div{ position:relative}
.pratiche_details_outlook .box-cruscotto .inner img + .badge,
.pratiche_details_outlook .box-cruscotto .inner i + .badge{ position:absolute; top:5px; left: 5px}
.pratiche_details_outlook .box-cruscotto .inner a.btn .fas,
.pratiche_details_outlook .box-cruscotto .inner a.btn .fa{ padding:2px; margin-right:2px}
.pratiche_details_outlook .box-cruscotto .inner .scadenza h4{ font-size:14px; font-weight:bold; margin:0px; padding:0px}
.pratiche_details_outlook .box-cruscotto .inner .btn-group .btn{ border-radius:0px !important}
.pratiche_details_outlook .box-cruscotto .inner.d-flex > div{ align-self: flex-start}
.pratiche_details_outlook .box-cruscotto .inner.d-flex .d-flex .k-widget.k-dropdown{ display: -ms-flexbox;    display: flex}
.pratiche_details_outlook .box-cruscotto .inner.d-flex .d-flex .k-widget.k-dropdown .k-dropdown-wrap.k-state-default{ width:100%}
.pratiche_details_outlook .box-cruscotto .inner.d-flex .d-flex .k-widget.k-dropdown .k-dropdown-wrap.k-state-default .k-input{ line-height:30px}
.pratiche_details_outlook .box-cruscotto .inner.d-flex .d-flex .k-widget.k-dropdown .k-dropdown-wrap.k-state-default .k-select .k-icon{ margin:10px 10px 0px 0px}