.trDetail{
	display:none;
}
	::selection { background-color: #E13300; color: white; }
	::-moz-selection { background-color: #E13300; color: white; }

	body {
		background-color: #fff;
		margin: 40px;
		font: 12px normal Helvetica, Arial, sans-serif;
		font-size:12px !important;
		color: #4F5155;
		
   		
	}

	a {
		color: #003399;
		background-color: transparent;
		font-weight: normal;
	}

	h1 {
		color: #444;
		background-color: transparent;
		border-bottom: 1px solid #D0D0D0;
		font-size: 19px;
		font-weight: normal;
		margin: 0 0 14px 0;
		padding: 14px 15px 10px 15px;
	}

	h4 {
	
		font-size:1.5em !important;
	}
	
	code {
		font-family: Consolas, Monaco, Courier New, Courier, monospace;
		font-size: 12px;
		background-color: #f9f9f9;
		border: 1px solid #D0D0D0;
		color: #002166;
		display: block;
		margin: 14px 0 14px 0;
		padding: 12px 10px 12px 10px;
	}

	#body {
		margin: 0 15px 0 15px;
	}

	p.footer {
		text-align: right;
		font-size: 11px;
		border-top: 1px solid #D0D0D0;
		line-height: 32px;
		padding: 0 10px 0 10px;
		margin: 20px 0 0 0;
	}

	#container {
		margin: 0px;
		/*
		border: 1px solid #D0D0D0;
		box-shadow: 0 0 8px #D0D0D0;
		padding:10px;
		*/
		padding:1em;
		margin-top:35px;
	}
	#mainmenu {
		margin: 0px;
		border-bottom: 1px solid #D0D0D0;
		box-shadow: 0 0 8px #D0D0D0;
		position:fixed;
		z-index:10000;
		top:0px;
		width:100%;
		background-color:#FFF;
	}
	.left{
	   float:left;
	   width:auto !important;
	   border-right:1px solid #000;
	   padding:5px;
	   
	}
	.right{
	   float:right;
	   width:auto !important;
	   border-left:1px solid #000;
	   padding:5px;
	   
	}
	.sezioneactive{
	   background-color:#EAEAEA;
	   
	}
	.suggerimenti{
	   padding:10px;
	   font-size:14px;
	   color:#FFF;
	   background-color:blue;
	   float:left;
	   width:auto !important;
	   margin:2px;
	   border-radius:3px;
	}
	.suggerimenti:hover{
	   color:#000;
	}
	
	
	
	.tagliaNumeroColumn{
	   width:10% !important;float:left;margin-right:0.3%
	}
	.coloreColumn{
	   width:10% !important;float:left;margin-right:0.3%
	}
	.pesoMisuraColumn{
	   width:11% !important;float:left;margin-right:0.3%
	}
    .prezzoColumn{
	   width:8% !important;float:left;margin-right:0.3%
    }
    .pesoImballoColumn{
	   width:8% !important;float:left;margin-right:0.3%
    }	
    .qtyColumn{
	   width:8% !important;float:left;margin-right:0.3%
    }		
    .larghezzaColumn{
	   width:5% !important;float:left;margin-right:0.3%
    }
    .altezzaColumn{
	   width:5% !important;float:left;margin-right:0.3%
    }	
    .profonditaColumn{
	   width:5% !important;float:left;margin-right:0.3%
    }
    .visibileColumn{
	   width:5% !important;float:left;margin-right:0.3%
    }        
	.immagineColumn{
	   width:auto !important;float:left;margin-right:0.3%
	}
    .colorsample{
        color:#000;
        text-shadow:0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF;
    }
    .varianteImmagineButton{
        width:100px;float:left
    }
    
    
    
.modal-full {
    min-width: 90%;
    margin: 5%;
}

.galleryItemHolder{

   
    float:left;
    text-align:center;
    margin:1px;
    background-color:#FAFAFA
}
.galleryItemThumb{

    height:100px;
}
.varianteRow{
    width:100%;
    display:block;
    clear:both
}
.error{
    background-color:red;
    padding-top:2px;
    padding-bottom:2px
}
.imposTabs{
    padding:10px;
}
.correlatiSuggestionItem{
    width:100%;
    height:81px;
    border-bottom:1px solid #CCC;
    cursor:pointer;
}
.correlatiSuggestionImage{
    width:80px;
    height:80px;
    float:left
}
.correlatiSuggestionInfo{
    width:auto !important;
    height:80px;
    float:left;
    overflow:hidden
}
.errorfield{
    background-color:#FF6666 !important;
    color:#FFF !important;
    border-color:#FF0000 !important;
}
.navbar .dropdown-toggle, .navbar .dropdown-menu a {
    cursor: pointer;
}

.navbar .dropdown-item.active, .navbar .dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: inherit;
}

.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}
.current{
    background-color:#EAEAEA
}
.calendarcell_single{
    float:left;
    width:14.27%;
    height:65px;
    text-align:center;
    color:#407F7F;
    margin-bottom:1px;
    background-color:#FAFAFA
}
.calendarcell_spacer{
    margin:1px;
    padding:4px;
    background-color:#EAEAEA;
height:65px;
    
}
.calendarcell_spacer:hover{
    background-color:#DADADA;

    
}
.acalendario{
    color:#000;
    font-weight:bold;
}
.acalendario:hover{
    text-decoration:none;
}
.appuntamentiCreaMulti{
  background-color:#FBFBFB;
  float:left;
  cursor:pointer;
  width:299px;
  text-align:center;
  color:#CACACA;
  padding-top:8px;
  border-bottom:1px solid #CCC;
  border-left:1px solid #CCC
}
.appuntamentiCreaMulti:hover{
  background-color:#EAEAEA;
  color:#FFF;
}
.highcharts-title{
    font-size:1.2em !important
}
.status_occupato{
    cursor:pointer;
    text-align:center;
    border-radius:3px;
    padding:4px;
    background-color:red;
    color:#FFF;
}
.status_libero{
    cursor:pointer;
    text-align:center;
    border-radius:3px;
    padding:4px;
    background-color:green;
    color:#FFF;
}
.status_nonlibero{
    cursor:pointer;
    text-align:center;
    border-radius:3px;
    padding:4px;
    background-color:orange;
    color:#FFF;
}
.buttonMicro{
	border-radius:2px;
	margin-right:2px;
	cursor:pointer;
}


@media (min-width: 767px) {
    .navbar .dropdown-toggle:not(.nav-link)::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .5em;
        vertical-align: 0;
        border-bottom: .3em solid transparent;
        border-top: .3em solid transparent;
        border-left: .3em solid;
    }
}



.navbar {
  min-height: 20px;
}

.navbar-brand {
  padding: 0px;
  height: 30px;
 
}

.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  
 
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.taskalert{
    position:relative;
    width:300px;
    height:80px;
    cursor:pointer;
    margin-bottom:2px;
    border-radius:8px;
    box-shadow:0px 0px 5px #CCC
}
.task-green{
    background-color:#66FF66;
    color:#000 !important;
    height:30px !important
}
.task-warning{
    background-color:orange;
    color:#000 !important;
}
.task-urgent{
    background-color:red;
    color:#FFF !important;
}
.task-warning a{
    color:#000 !important;
}
.task-urgent a{
    color:#FFF !important;
}
.task-warning a:hover{
    text-decoration:none
}
.task-urgent a:hover{
    text-decoration:none
}
#alerts{
    position:fixed;
    bottom:10px;
    right:10px;
    width:300px;
    height:auto !important;
    z-index:100;
}
.highcharts-credits{
    display:none !important
}
.highcharts-exporting-group{
    display:none !important
}
.colonna1_2 {
    width:50%;
    float:left;
}
.colonna3_4 {
    width:75%;
    float:left;
    text-align:left
}
.colonna2_2 {
    width:50%;
    float:right;
}
.colonna1_2nobr {
    width:50%;
    float:left;
}
.colonna2_3 {
    width:66.6%;
    float:left;
}
.colonna1_3{
    width:33.3%;
    float:left;
}
.colonna1_4{
    width:25%;
    float:left;
}
.colonna1_5{
    width:20%;
    float:left;
}
.colonna1_6{
    width:16.66666666666667%;
    float:left;
}
.colonna1_7{
    width:14.28571428571429%;
    float:left;
}
.colonna1_8{
    width:12.5%;
    float:left;
}
.colonna40 {
    width:40%;
    float:left;
}
.colonna60 {
    width:60%;
    float:left;
}
.colonna25 {
    width:25% !important;
    float:left;
}
.colonna75 {
    width:75% !important;
    float:left;
}
.colonna33 {
    width:33.3% !important;
    float:left;
}
    .borderleft{
        border-left:1px solid #CCC !important;
    }
.nomobile-hidden{
    display:none
}
.loginbox{
    width:500px;
    margin:auto !important;
    margin-top:100px !important
}
h6{
    background-color:#2255E1;
    color:#FFF !important;
    border-radius:3px;
    padding:2px;
    font-weight:bold !important;
    font-size:1.2em !important
}
.form-group div{
	padding:2px
}
.formStep{
	border:2px solid orange !important;
}
.listaVeicoliAvailability{
	margin-bottom:3px;
	border:1px solid #ccc;
	font-size:1em;
}
.pac-container{
	z-index:99999999
}
@media (max-width: 899px) {
    #container{
        margin:0px !important;
        border:none !important
    }
    .modal-dialog{
    margin-top: 5em !important
    }
    .loginbox{
        width:100%  !important;
        margin:0px !important;
        border:none !important;
        box-shadow:none !important;
    }
  .colonna1_2 {
        width:100%;
    }
      .colonna2_2 {
        width:100%;
    }
    .colonna1_3{
        width:100%;
    }
    .colonna3_4 {
	    width:100%;
	}
    .colonna1_4{
        width:100%;
    }
    .colonna1_6{
	    width:100%;
	    float:left;
	}
    .colonna1_7{
	    width:100%;
	    float:left;
	}
	.colonna1_8{
	    width:100%;
	    float:left;
	}
    .nomobile-hidden{
        display:block
    }
    .colonna40 {
        width:100%;
    }
    .colonna60 {
        width:100%;
    }
    .colonna25 {
        width:100% !important;
    }
    .colonna33 {
        width:100% !important;
    }
    .borderleft{
        border-left:none !important;
    }
    #container{
    margin-top:5em
    }
    .navbar{
        display:block !important
    }
    .navbar-toggler{
        float:right !important;
    }
    .logout{
        
        position:relative;
        top:86% !important;
        clear:both
    }
}