html{
  height:100%;
  width:100%;
}
body{
  padding-top: 60px !important;
  height:100%;
  width:100%;
}

*{
  font-family: 'Roboto', sans-serif ;
  letter-spacing: 1pt;
}

hr{
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

a{
  text-decoration: none !important;
}

a:hover, a:active{
  text-decoration: none !important;
}

.accedi{
  margin-top: 60px;
  padding: 30px;
}

.accedi h1{
  margin-bottom: 30px;
}
.green-button{
    clear:both;
  background: #36BC2D !important;
  text-align: center !important;
  transition: background .3s ease !important;
  color: white !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  letter-spacing: 3pt !important;
  font-size: 9pt !important;
  padding: 15px !important;
}

.circle-button{ /* da applicare ai pulsanti come “nuovo ordine” */
/* background-image: inserire un file .svg per il +; */
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background-color: #1876D6 !important;
    color: white !important;
-webkit-box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.12) !important;
-moz-box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.12) !important;
box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.12) !important;
float:right;
font-size:14px !important;
font-weight:bold !important;
text-align: center;
padding-top: 12px;
z-index:10;
}




.black-button{ 
clear: both !important;
background: #2D2D2D !important;
text-align: center !important;
transition: background .3s ease!important;
color: white !important;
text-transform: uppercase !important;
font-weight: 400 !important;
letter-spacing: 3pt !important;
font-size: 9pt !important;
padding: 15px !important;
border-bottom: 0 !important;
min-height:50px;
}

.maxw150{
    margin-top:10px !important;
    max-width:150px !important;
}
.maxw200{
    margin-top:10px !important;
    max-width:200px !important;
}
.maxw250{
     margin-top:10px !important;
    max-width:250px !important;
}
.maxw300{
     margin-top:10px !important;
    max-width:300px !important;
}
.maxw350{
    margin-top:10px !important;
    max-width:350px !important;
}
.light-button-sm{
  clear:both !important;
  background: #ccc !important;
  text-align: center !important;
  transition: background .3s ease !important;
  color: white !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  letter-spacing: 3pt !important;
  font-size: 9pt !important;
  padding: 8px !important;
  margin-top: 10px !important;
  display:inline-block;
}
.black-button-sm{
    clear:both !important;
  background: #2D2D2D !important;
  text-align: center !important;
  transition: background .3s ease !important;
  color: white !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  letter-spacing: 3pt !important;
  font-size: 9pt !important;
  padding: 8px !important;
  margin-top: 10px !important;
  display:inline-block;
 
}
.black-button:hover, .black-button-sm:hover,.light-button-sm:hover{
  background-color: #1876D6 !important;
}

 #usern, #pwd, #login textarea {
    font-size: 9pt !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    background: #F9F9F9 !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 20px !important;
    width: 100% !important;
    outline: 0 !important;
    display: block !important;
    margin-bottom: 20px !important;
    margin-right: 0 !important;
}
 #Checkbox1 {
     position: absolute;
     width:auto !important;
 }
 #login{
     margin-top:0 !important;
 }

/* fine stili per login */
#lblastvisit{
    text-align:center;
    font-size:10px;
}

.navbar{
  padding-top: 5px !important;
  padding-left: 42px !important;
  padding-right: 42px !important;
  min-height: 60px !important;
  background-image: none !important;
  background-color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: 0px 5px 27px -11px rgba(0,0,0,0.39);
  -moz-box-shadow: 0px 5px 27px -11px rgba(0,0,0,0.39);
  box-shadow: 0px 5px 27px -11px rgba(0,0,0,0.39);
}


.navbar a{
  letter-spacing: 0 !important;
}

.navbar-nav>.open>a{
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-color: white !important;
  background-image: none !important;
}

.navbar-toggle .icon-bar{
  width: 20px !important;
  border-radius: 0 !important;
  background-color: #000 !important;
}

.navbar-toggle, .navbar-toggle:hover{
  border-color: transparent !important;
  background-color: white !important;
}

.dropdown-menu{
  border-radius: 0 !important;
}

.dropdown-menu>li>a:hover{
  background-color: #d1d1d1 !important;
  background-image: none !important;
}

.button-logout{
  color: #1876D6 !important;
  font-weight: bold !important;
}

#nome-utente a{
  color: black !important;
  letter-spacing: 2pt !important;
}

/* stili per pagina nuovo ordine*/

.container{
  margin-top: 30px;
  letter-spacing: 0 !important;
  font-size: 9pt;
}

h1{
  text-align: center;
  letter-spacing: normal !important;
}

#distanziatore{
    height: 80px;
}
.distanziatore{
height: 80px;
}
h3{
  padding-left: 0px !important;
  margin-bottom: 15px !important;
  font-weight: bold !important;
  letter-spacing: normal !important;
}

.h3-custom{
  padding-left: 12px !important;
  margin-bottom: 15px !important;
}


.colonna-sx{
  padding-right: 50px !important;
}

.colonna-dx{
  padding-left: 50px !important;
}


.search{
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -webkit-border-radius: 0px !important;
    background-image: url(/img/search.svg) !important;
    background-size:16px 16px !important;
    background-position: 98% 50% !important;
    background-repeat: no-repeat !important;
}
.calendar{
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -webkit-border-radius: 0px !important;
    background-image: url(/img/calendar.svg) !important;
    background-size:16px 16px !important;
    background-position: 98% 50% !important;
    background-repeat: no-repeat !important;
}

.form-control{
  font-size: 9pt !important;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500 !important;
  margin-bottom: 20px !important;
  border: 0 !important;
  border-bottom: 1px solid #ccc !important;
  border-radius: 0 !important;
  background-color: white !important;
  letter-spacing: 1pt !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  white-space:nowrap;
  height:auto !important;
  min-height:34px !important;
}
.note{
  white-space:normal !important;
}
select.form-control {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -webkit-border-radius: 0px !important;
    background-image: url(/img/arrow-down.svg) !important;
    background-size:16px !important;
    background-position: 98% 50% !important;
    background-repeat: no-repeat !important;
}
.dati-utente{
  padding-left: 12px !important;
  margin-left: 0 !important;
  margin-top: 20px;
  letter-spacing: 0 !important;
  line-height:15px !important;
  text-align:left;
}

.dati-utente > li{
  list-style: none !important;
  letter-spacing: 0 !important;
  line-height: 22px;
}

label{
  letter-spacing: normal !important;
  color: #1876D6;
  clear:both;
}


input, textarea{
  width: 100% !important;
  padding: 6px 12px !important;
  text-transform: uppercase !important;
  font-size: 9pt !important;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500 !important;
  /*margin-top: 26px !important;*/
  border: 0 !important;
  border-bottom: 1px solid #ccc !important;
  border-radius: 0 !important;
  background-color: white !important;
  letter-spacing: 1pt !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  outline:none !important;
}
.mactab input, .mactab textarea {
   padding: 0px !important;
    margin-top: 0px !important;
   /* background-color:inherit !important;*/
    border-bottom:none !important;
}


input::placeholder, textarea::placeholder{
  color: #555 !important;
}



#schede{
  margin-top: 100px;
}

.nav-tabs>li>a{
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0 !important;
}

.nav-tabs>li>a{
  letter-spacing: normal !important;
  color: #000 !important;
}

.active{
  font-weight: bold !important;
}

.nav-tabs>li>a:active, .nav-tabs>li>a:focus{
  font-weight: bold !important;
}


#addto input{
    margin-top:10px !important;
    max-width:65px !important;
    border:1px solid #ccc !important;
}
#addto2 input{
    margin-top:10px !important;
    max-width:75px !important;
    border:1px solid #ccc !important;
}
#addto3 input{
    margin-top:10px !important;
    max-width:80px !important;
    border:1px solid #ccc !important;
}

.prezzolistino{
   display:inline-block;
    color:#4CAF4F;
    font-weight:bold;
}
/* stili mac */
/* LOADER */
 .modalmac {
    position: absolute;
    top: 0;
    left:0;
    z-index:999;
    width: 100%;
    height:auto;
    min-height: 100%;
    background-color: rgba(0,0,0,0.6);
    /*    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;*/
}
 .center {
    position:fixed;
    top:50%;
    left:50%;
    z-index: 1000;
    margin: -50px -150px 300px ;
    padding: 10px;
    width: 300px;
    background-color: White;
    border-radius: 10px;
    color:black;
    text-align:center;
    /*filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    font-weight:bold;
    */
}
.center img
{
    height: 128px;
    width: 128px;
}
/* FINE LOADER */
/* fine stili mac*/

.capitalize{
  text-transform: capitalize !important;
}

.tabella-custom{
  -webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,0.39) !important;
  -moz-box-shadow: 0 0 15px -5px rgba(0,0,0,0.39) !important;
  box-shadow: 0 0 15px -5px rgba(0,0,0,0.39) !important;
  border: 0 !important;
}

/*tr{
  min-height: 200px !important;
}*/

.tabella-custom tr{
  border-bottom: 1px solid #dbdbdb !important;
}

.tabella-custom td, .tabella-custom th{
  border: 0 !important;
  letter-spacing: 1pt !important;
  vertical-align: middle !important;
}

.numeri-pagina{
  -webkit-box-shadow: 0 !important;
  -moz-box-shadow: 0 !important;
  box-shadow: 0 !important;
}

.tr-footer-tabella:hover{
  background-color: transparent !important;
}

.numeri-pagina tr{
  border: 0 !important;
  letter-spacing: 1pt !important;
  vertical-align: middle !important;
}

/*
    .table table tbody tr td a{
  color: #1876D6 !important;
}

*/


.btn-circle-big {
	border-radius: 50%;
	font-size: 48px !important;
	height: 56px !important;
	margin: auto;
	min-width: 56px !important;
	width: 56px !important;
	padding: 0;
	overflow: hidden;
	background: rgba(235,128,57,1);
	box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);
	position: relative;
	line-height: normal;
}

/************* calendario jquery *****************/
.ui-corner-all{
 border-radius: 0 !important;
}

.ui-widget-content{
  border-color: transparent !important;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.15);
}

.ui-widget-header{
  background-color: white !important;
  border: 0;
  border-radius: 0;
  border-bottom:  1px solid rgb(222, 222, 222) !important;
}

.ui-state-default{
  background-color: white !important;
  border: 1px solid transparent !important;
  color: #aaa !important;
}

.ui-state-hover{
  border: 1px solid transparent !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
  background-color: #1876D6 !important;
  border: 1px solid transparent !important;
  color: white !important;
}
/**************************************/

.linkz{
    text-decoration:none;
    display:inline-block;
}
#lbstock{
    margin-left:10px;
}