
/* STILI PERSONALIZZATI */

/* GENERAL */

.bootstrap-select{ max-width: 100% !important; }
.bootstrap-select.btn-group{ margin-left:0 !important; }
.no-display{ display:none !important; }


/* PROFILE E CUSTOMER */

/* tabelle footable */
.footable a i, .panel-control a{ cursor:pointer; }
.footable a i.ion-eye{ color:#7DC400; }
.footable a i.ion-compose{ color:#FFC634; }
.footable a i.ion-trash-a{ color:#a94442; }
.footable a i.fa-reply{ color:#54abd9; }

.panel-body.address{ padding:0px 20px 10px 20px; }
.add-address{ cursor: pointer; }
.address a.btn{ padding:2px 5px; font-size:11px; }
.modal-body .form-control{ height: auto; }

/* ORDERS PROPOSALS */
.draft, .created{ background-color: #f0a636; color:#fff; }
.draft .fa:before, .created .fa:before{ content: "\f044" }
.pending.confirmation{ background-color: #3db8da; color:#fff; }
.pending.confirmation .fa:before{ content: "\f1da"; }
.accepted{ background-color: #8cc74f; color:#fff; }
.accepted .fa:before{ content: "\f00c"; }
.refused { background-color: #f75d3f; color:#fff; }
.refused .fa:before{ content: "\f00d"; }
.processed{ background-color: #fafafa; color:#333; }
.processed .fa:before{ content: "\f192"; }

.bootstrap-select span.b{ font-weight: bold; }
address hr, .timeline-label hr{ width:80%; margin:4px 0; }
.list-group-item.this{ background: #ddd; }
.list-group-item .badge{ width:20px; height: 20px; padding:5px 5px; margin-top:-2px; }

.panel.add { transition:1s; }
.panel.add:hover { background:rgba(150,150,150,0.1); transition:1s; }
.add-order-form{ cursor: pointer; }



td {
  vertical-align: middle !important;
}


.input_time{
	line-height: inherit !important;
}

#logo-glifo{ padding: 2px; margin: 5px; }

/* COMPETITION */


/* ROUTE */
#map_link {
	padding-top: 20px;
}

#map_link iframe{
	width: 100%;
	height: 250px;
	border: none;

}


.bib-true{
	background-color: #DDF0DD !important;
}

.bib-false{
	background-color: #FFD9D7 !important;
}

form.dropzone.files-upload{ min-height: 250px; background: url('../img/upload-files.png') 50% 50% no-repeat; background-size: auto 80%;  }
form.dropzone.file-upload{  min-height: 180px; background: url('../img/upload-file.png') 50% 50% no-repeat; background-size: auto 80%; }

form.dropzone.doc-upload{ min-height: 250px; background: url('../img/upload-document.png') 50% 50% no-repeat; background-size: auto 80%;  }
form.dropzone.doc-upload{  min-height: 180px; background: url('../img/upload-document.png') 50% 50% no-repeat; background-size: auto 80%; }


/* varianti */
.list-group-item{
	cursor: move;
}

/*.has-error input{
    background-color: #FFD9D7 !important;
}

.has-success input{
    background-color: #DDF0DD !important;
}*/


.select_comp  .dropdown-toggle{ 
	padding: 10px 12px !important; 
	font-size: 18px;
}

.select_comp  .dropdown-menu {
    top: 46px;
}

.bootstrap-select .dropdown-toggle {
    padding: 7.5px 12px;
   
}

.message_group{
	display: none;
}


button .dropdown-toggle{
	max-width: 100%;
}

button span.filter-option{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.subscription .fa.form-control-feedback {
    line-height: 33px;
}

.subscription .form-control-feedback {
    right: 13px;
}

.subscription .route_id .fa.form-control-feedback {
    line-height: 47px;
}

.select_comp .form-control-feedback {
    top: 25px;
    
}

.overlay{ position:absolute; top:0; left:0; width:100%; height: 100%; background-color: rgba(255,255,255,0.5); z-index:5; }

.subscription { position:relative; }
.subscription .panel-control .btn-group { z-index:10; }
.subscription h3.panel-title { z-index:10; position: relative; color: #D01F4D; font-weight: bold; }


.sub-progress .wz-steps li .wz-desc{
    opacity: 1;
    margin-top:3px;
}
.sub-progress .wz-steps li > a .icon-wrap{
    cursor:pointer;
}

.product_included{
	font-size: 30px;
}


.mainnav-sm .tgl-menu-btn, .aside-in #demo-toggle-aside{ background: #ededed; }
.navbar-top-links > li > a:hover {
    background-color: #f2f2f2;
    cursor: pointer;
}

@media only screen and (max-width: 767px) { 
.mainnav-sm .tgl-menu-btn, .aside-in #demo-toggle-aside{ background: #2d3c4b !important; }

.brand-title{ margin-left: 50px; }
}

.product { position:relative; }
.product .panel-control .btn-group, .product .dati-iscrizione, .product .totale { z-index:10; }
.product  h3.main { z-index:10; position: relative; color: #D01F4D; font-weight: bold; }
.gift_prod { position:relative; max-width: 110px; }
.gift_prod:hover img{ filter: brightness(0.6); transition:0.7s; }
.gift_prod i{ position:absolute; top:30%; left:42%; opacity: 0; color:#fff; transition: 0.5s; }
.gift_prod:hover i{ position:absolute; top:42%; left:42%; opacity: 1; transition: 0.5s; }

.getproduct p.sel{ line-height: 24px; margin-bottom:0; }
.get_prod { position:relative; max-width: 110px; }
.get_prod i{ position:absolute; top:30%; left:42%; opacity: 0; color:#fff; transition: 0.5s; }
.get_prod .label{ position:absolute; top:-5px; right:-5px; transition: 0.5s; }
.get_prod p{ position:absolute; bottom:-10px; width:100%; background: rgba(999,999,999,0.9); margin-bottom:0; transition: 0.5s; line-height: 20px }
.get_prod:hover{ cursor:pointer; }
.get_prod:hover img{ filter: brightness(0.6); transition:0.7s; }
.get_prod:hover i{ position:absolute; top:42%; left:42%; opacity: 1; transition: 0.5s; }
.get_prod:hover .label{ background:#3a89ce; transition: 0.5s; }
.get_prod:hover p{ background: #eee; transition: 0.5s; }

.route-info .add-tooltip:hover, .products-list .add-tooltip:hover { cursor:help }


.arrow_order{
position: absolute;
left: -60px;
top:-0px;
width: 50px;   
display: none;
}

.delete-document{ position:absolute; width:22px; height: 22px; padding:1px 6px; border-radius:11px; background: #f76549; color:#fff;
              top:-4px; left:-6px; z-index: 20 }
.delete-document:hover{ background:#d2442d; cursor: pointer; }
.document{ position:relative; margin-left:1%; min-width: 305px }
.document .trashed{ border: dashed 4px #f76549; }

div.doc-drop { min-height: 180px; border: 2px dashed rgba(0, 0, 0, 0.3); background: #fafafa; padding: 20px 20px; }

.confirm-button.hide{ visibility: hidden; }


.form-text-up input{
    /*text-transform: uppercase !important;*/
}

.display-none{
    display: none
}

.bg-up{
    background-color: #CBEDD9 
}


.wz-nav-off li.bg-primary a{ cursor: pointer !important; }

.tooltip-intro-guide{ min-width: 350px; padding: 10px 15px 10px 15px; }
.highlight-intro-guide{ background: transparent; border: 0; box-shadow: none; }

#help-link{
  display: block;
  position: fixed;
  background-color: #222;
  width: 58px;
  height: 58px;
  padding: 8px 0 0 14px;
  border-radius: 29px;
  color: #fff !important;
  bottom: 60px;
  left: 80px;
  font-size: 22px;
  -moz-box-shadow: -1px -1px 8px green;
  -webkit-box-shadow: -1px -1px 8px green;
  box-shadow: -1px -1px 8px green;
  z-index: 100;
  cursor: pointer;
  font-size: 12px;
  line-height: 14px;
  transition: 0.2s;
  border: 3px solid green;
}
#help-link:hover{
  transition: 0.2s;
  width: 66px;
  height: 66px;
  padding: 11px 0 0 18px;
  border-radius: 33px;
  color: #fff;
  font-size: 13px;
}

#help-link i{ font-size: 26px; padding-left: 1px; }
#help-link:hover i{ font-size: 27px; padding-left: 1px; }


.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover{
  background-color: #729015;
  border-color: #729015;
}


/* CARICAMENTO */
/*-------------------------------------------------------------------
    CodePen eave preloader Styles
-------------------------------------------------------------------*/

#preloader-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999999;
  display: block;

}
.preloader-wave-effect {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 60px;
  margin: -25px 0 0 -25px;
}
.preloader-wave-effect:before,
.preloader-wave-effect:after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #000;
  -webkit-animation: preloader-wave 1.7s linear infinite;
  animation: preloader-wave 1.7s linear infinite;
}
.preloader-wave-effect:after {
  animation-delay: -0.9s;
  -webkit-animation-delay: -0.9s;
}
@keyframes preloader-wave {
  0% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes preloader-wave {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
    filter: alpha(opacity=0);
  }
}