.vcenter {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
/*
Full screen Modal 
*/
.fullscreen-modal .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
.navbar-nav{
  padding-top: 15px;
}
.mobile-home-img {
  margin-left: -1px;
  margin-right: -1px !important;
}
@media (max-width: 767px) {
  .fullscreen-modal .modal-dialog {
    width: 760px;
  }
  .container-fluid .container {
    width: 100%;
  }
  .container {
    padding-left: 5px;
    padding-right: 0px;
  }
  .img-logo {
    height: 50px !important;
  }
  .navbar-brand {
    padding-top: 0px;
    /*margin-left: -10px !important;*/
  }
  .navbar {
    /*margin-left: -40px !important;*/
  }
  .navbar-toggle {
    /*margin-right: 0px !important;*/
  }
  .catalogo {
    padding-top: 40px;
  }
  .img-logo-mini {
    visibility: hidden;
  }
  .img-logo {
    visibility: visible;
    position: relative;
	}
	.menu-link {
    font-size: 12pt !important;
  }
}
@media (min-width: 768px) {
  .fullscreen-modal .modal-dialog .container {
    width: 760px;
  }
  .navbar-brand {
    padding-top: 10px;
    /*margin-left: -30px !important;*/
  }
  .navbar {
    /*margin-left: -30px !important;*/
  }
  .img-logo-mini {
    visibility: visible;
  }
  .img-logo {
    visibility: hidden;
    position: absolute;
    top: -10000;
  }
  .menu-link {
    font-size: 10pt !important;
  }
}
@media (min-width: 992px) {
  .fullscreen-modal .modal-dialog .container {
    width: 980px;
  }
  .navbar-brand {
    padding-top: 0px;
    /*margin-left: -30px !important;*/
  }
  .navbar {
    /*margin-left: -40px !important;*/
  }
  .img-logo-mini {
    visibility: hidden;
  }
  .img-logo {
    visibility: visible;
    position: relative;
	}
	.menu-link {
    font-size: 10pt !important;
  }
}

@media (min-width: 1200px) {
  .img-logo-mini {
    visibility: hidden;
  }
  .img-logo {
    visibility: visible;
    position: relative;
	}
	.menu-link {
    font-size: 12pt !important;
  }
}


.loadingPad {
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
}
/*Barra del titolo dell'app */
.menu {
  background-color: #FFFFFF !important;
  background-image: #FFFFFF !important;
  color: #043A71;
  font-size: 10pt;
  font-weight: bold;
  font-family: verdana;
  /* border-bottom: 2px solid #cccccc !important; */
}
.menu A {
  color: #043A71 !important;
}
.menu A:hover {
  color: #0000FF !important;
  /* text-decoration: underline !important; */
}

@media (min-width: 768px) {
  .page-shadow {
    border: 0;
    -webkit-box-shadow: -2px -5px 30px #777777;
            box-shadow: -2px -5px 30px #777777;
  }
}

.navbar-default {
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
  background-image:      -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF));
  background-image:         linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  /*border-radius: 4px;*/
  border: 0;
  -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255), 0 0 0 rgba(255, 255, 255);
          box-shadow: inset 0 0 0 rgba(255, 255, 255), 0 0 0 rgba(255, 255, 255);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
  background-image:      -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF));
  background-image:         linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 1px 0 rgb(248, 114, 114), 0 1px 5px rgba(255, 255, 255);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255), 0 1px 5px rgba(255, 255, 255);
}

.navbar-nav > li > .dropdown-menu {
    color: #043A71;
    background-color: #FFFFFF;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #FFFFFF;
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
  background-image:      -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF));
  background-image:         linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0);
  background-repeat: repeat-x;
}

.dropdown-menu-grid > li > a:hover,
.dropdown-menu-grid > li > a:focus {
  background-color: #a0c9f7;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #a0c9f7 100%);
  background-image:      -o-linear-gradient(top, #ffffff 0%, #a0c9f7 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#a0c9f7));
  background-image:         linear-gradient(to bottom, #ffffff 0%, #a0c9f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a0c9f7', GradientType=0);
  background-repeat: repeat-x;
  color: #1b3c6e
}

hr.style-one {
    border: 0 !important;
    height: 1px !important;
    background: #333 !important;
    background-image: linear-gradient(to right, #ccc, #333, #ccc) !important;
}
.ng-invalid.ng-touched {
    border-color: red;
}

/*modifica il padding delle tabelle*/
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td{
    padding: 3px;
}

/*imposta la larghezza delle colonne per i bottoni sulle tabelle a una colonna*/
.table-one-column tr td:nth-child(2), .table-one-column tr td:nth-child(3){
    width:10%;
}

/*impostazioni tabella dei parametri nell'are admin*/
.table-impostazioni tr td:nth-child(1){
    background-color: #EEEEEE;
}
.table-impostazioni tr td:nth-child(3){
    width:20%;
}

/*classe per mettere un well semi-trasparente*/
.well-transparent {
  background-color: rgba(245, 245, 245, 0.6)!important;
  background-image: -webkit-linear-gradient(top,rgba(255, 255, 255, 0.6) 0%,rgba(245, 245, 245, 0.6) 100%);
  background-image:      -o-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%,rgba(245, 245, 245, 0.6) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(245, 245, 245, 0.6)));
  background-image:         linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(245, 245, 245, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
}

.well-azzurro {
  background-color: rgba(245, 245, 245, 0.6)!important;
  background-image: -webkit-linear-gradient(top,rgba(167, 238, 183, 0.6) 0%,rgba(255, 255, 255, 0.6) 100%);
  background-image:      -o-linear-gradient(top, rgba(167, 238, 183, 0.6) 0%,rgba(255, 255, 255, 0.6) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(167, 238, 183, 0.6)), to(rgba(255, 255, 255, 0.6)));
  background-image:         linear-gradient(to bottom, rgba(167, 238, 183, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
}

/*Stile per checkbox*/
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 25px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 15px;
}

.slider.round:before {
  border-radius: 50%;
}

/*Stile della modal per gli errori*/
.modal-header-error {
  background-color: #FF3333;
  color:white !important;
  text-align: center;
  font-size: 24px;
}
.modal-footer-error {
  background-color: #f9f9f9;
}

/*Stile della modal Edit*/
.modal-header-edit, .closeEdit {
    background-color: #5cb85c;
    color:white !important;
    text-align: center;
    font-size: 30px;
}
.modal-footer {
    background-color: #f9f9f9;
}
.panel-gest > .panel-heading {
  padding: 5px 10px;
  background-image: -webkit-linear-gradient(top, #94c055 0%, #5b8a1f 100%);
  background-image:      -o-linear-gradient(top, #94c055 0%, #5b8a1f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#94c055), to(#5b8a1f));
  background-image:         linear-gradient(to bottom, #94c055 0%, #5b8a1f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff94c055', endColorstr='#5b8a1f', GradientType=0);
  background-repeat: repeat-x;
  color: #FFFFFF;
}

.panel-gest {
  border-color: #5b8a1f;
}

.panel-gest > .panel-heading a {
  color: #FFFFFF !important;
}

.panel-gest > .panel-body {
  padding: 15px;
}

.panel-gest a{
  color: #5b8a1f;
}

.panel-gest a.btn{
  color: #FFFFFF !important;
}

/*
.panel-gest-fatture > .panel-heading {
  padding: 5px 10px;
  background-image: -webkit-linear-gradient(top, #f0e0d3 0%, #d8c9aa 100%);
  background-image:      -o-linear-gradient(top, #f0e0d3 0%, #d8c9aa  100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0e0d3), to(#d8c9aa ));
  background-image:         linear-gradient(to bottom, #f0e0d3 0%, #d8c9aa  100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0e0d3', endColorstr='#d8c9aa ', GradientType=0);
  background-repeat: repeat-x;
}

.panel-gest-fatture-incaricato > .panel-heading {
  padding: 5px 10px;
  background-image: -webkit-linear-gradient(top, #dff8cb 0%, #91bda7 100%);
  background-image:      -o-linear-gradient(top, #dff8cb 0%, #91bda7  100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff8cb), to(#91bda7 ));
  background-image:         linear-gradient(to bottom, #dff8cb 0%, #91bda7  100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff8cb', endColorstr='#91bda7 ', GradientType=0);
  background-repeat: repeat-x;
}

.panel-gest-ordini > .panel-heading {
  padding: 5px 10px;
  background-image: -webkit-linear-gradient(top, #d3e5f0 0%, #a7bdd4 100%);
  background-image:      -o-linear-gradient(top, #d3e5f0 0%, #a7bdd4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d3e5f0), to(#a7bdd4));
  background-image:         linear-gradient(to bottom, #d3e5f0 0%, #a7bdd4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd3e5f0', endColorstr='#a7bdd4', GradientType=0);
  background-repeat: repeat-x;
}
*/

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #aab9c7;
}

body, p {
  font-size: 12px;
}

.thGrid {
  background-image: -webkit-linear-gradient(top, #FFFFFF 70%, #cadeee 100%) !important;
  background-image:      -o-linear-gradient(top, #FFFFFF 70%, #cadeee 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#cadeee)) !important;
  background-image:         linear-gradient(to bottom, #FFFFFF 70%, #cadeee 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFFFFFF', endColorstr='#ffcadeee', GradientType=0) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;
  border-color: #cadeee !important;
  color: #1b3c6e !important;
}
.thGrid:hover,
.thGrid:focus {
    background-color: #cadeee !important;
}

.row {
  margin-right: -1px;
  margin-left: -1px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
}

label {
  margin-bottom: 2px;
  /*font-weight: bold;*/
}

.tableWidth100 {
  width: 100%
}

.tdSpace {
  width: 5px;
}
.tdSpace {
  width: 20px;
}

.percento {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.input-sm {
  padding: 5px 5px;
  line-height: 1.5;
  border-radius: 3px;
}

.label-totali {
  font-size: 12pt;
  font-weight: bold;
}

.table tbody tr > .scadenze.entrate {
  background-color: #a5e08e !important;
}

.table tbody tr > .scadenze.uscite {
  background-color: #db9292 !important;
}

.selectAuto {
  width:auto;
}

.buttonCircle {
  border-radius: 50%;
}

.alert-filtri {
  padding-left: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 30px;
  margin-bottom: 5px;
}

.display-block {
  display: inline-block;
}

/*Fa in modo che la navbar dei menu si trasformi in menu verticale già a 990px, per i tablet */
/*
@media (max-width: 990px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
    float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}
*/

/* codice per tabella con intestazioni fisse e body scrollabile, usata nella modal dei clienti destinatari per l'itinerario*/
.container-list {
  height: 300px;
  overflow-y: auto;
  width: 100%;
}
.container-row {
	width: 98%;
	padding-top: 5px;
}
.container-row-header {
	width: 96%;
}
.container-striped > div:nth-of-type(odd) {
  background-color: #ebebeb;
}

.totali{
  color: rgb(17, 112, 22);
  background-color:  rgb(223, 250, 223);
	border: 1px solid rgb(17, 112, 22);
	border-radius: 3px;
	padding: 5px;
}

.totaliTitolo{
  color: rgb(17, 112, 22);
}

@media (max-width: 767px) {
  .slideArticolo {
    overflow:hidden;
    /* height:420px; */
    width: 100%;
  }

  .imageThumbnail{
    width: 100%;
    margin-right: 20px;
  }
}

@media (min-width: 768px) {
  .slideArticolo {
    overflow:hidden;
    height:255px;
    width:150px;
  }

  .imageThumbnail{
    width:150px;
    margin-right: 20px;
  }
}

.jumbotronArticolo {
  padding: 5px;
  margin: 3px;
  color: inherit;
  background-color: #FFFFFF;
  border-radius: 3px;
  border: 1px solid #c0c0c0;
  display: block;
}

.input-registrati {
  padding: 5px;
  font-size: 12px;
  border-width: 1px;
  border-color: #CCCCCC;
  background-color: #FFFFFF;
  color: #000000;
  border-style: solid;
  border-radius: 0px;
  box-shadow: 2px 2px 3px rgba(66,66,66,.41);
  text-shadow: -28px 0px 12px rgba(79,108,182,.74);
}

.input-registrati-addon {
  margin-left: 0px;
}

.input-registrati-addon-img {
  min-height: 18px;
  min-width: 18px;
}

.input-codiceSuperiore {
  width: 80px;
}

.panel.with-nav-tabs .panel-heading{
  padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
  color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
  color: #777;
background-color: #ddd;
border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
  color: #555;
  background-color: #fff;
  border-color: #ddd;
  border-bottom-color: transparent;
  font-weight: bold;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
  background-color: #f5f5f5;
  border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
  color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #555;
}

.price-color {
  color: #9c1705;
  font-weight: bold;
}

.navbar-default .navbar-nav > li > {
 
  background-color: #69899f;
 
}


/********Impostazioni per Radio Button **************/

.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 2em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}

/********FINE Impostazioni per Radio Button **************/

.carrello-mobile-menu {
  font-size: 12px !important;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown:hover .dropdown-content {display: block;}

.albero-ramo {
	width: 100%;
  height: 100%;
	margin: 0px;
	padding: 0px;
}

.albero-ramo-tdl
{
  border-right: 1px solid #66a2d6;
}

.albero-ramo-tdr
{
  border-bottom: 1px solid #66a2d6;
}

.albero-utente {
  background-image: -webkit-linear-gradient(top, #e3edf3 0%, #aac6d8 100%);
  background-image:      -o-linear-gradient(top, #e3edf3 0%, #aac6d8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e3edf3), to(#aac6d8));
  background-image:         linear-gradient(to bottom, #e3edf3 0%, #aac6d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe3edf3', endColorstr='#aac6d8', GradientType=0);
  background-repeat: repeat-x;
  color: #555555;
  border: 1px solid #66a2d6;
	padding: 10px;
	text-align: center;
	font-size: 12pt;
}

.albero-utente-cur {
  border: 2px solid #2e5d9b !important;
}

.table-albero {
	max-width: 700px;
	min-width: 200px;
}

.perc50 {
	width: 50%;
}

.perc40 {
	width: 40%;
}
.perc60 {
	width: 60%;
}

.perc100 {
	width: 100%;
}

.dropdown-block{
  display: inline-block;
  width: 100%;
  border-top: 1px solid #dddddd;
  min-height: 40px;
  padding-top: 7px;
}

.albero-cerca {
  padding-left: 10px;
}

hr.gradient {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.menu-cat{
  font-size: 12pt;
}

.li-cat.pull-left {
	float:none;
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
}

.li-cat{
	display: block;
  width: 100%;
}

.li-cat > a{
	padding: 10px !important;
}

.drop-menu-cat{
	margin-left: 0;
	margin-top:0;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #5b8a1f !important;
  background-color: #fff;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #5b8a1f;
  background-image: -webkit-linear-gradient(top, #94c055 0%, #5b8a1f 100%);
  background-image:      -o-linear-gradient(top, #94c055 0%, #5b8a1f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#94c055), to(#5b8a1f));
  background-image:         linear-gradient(to bottom, #94c055 0%, #5b8a1f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff94c055', endColorstr='#ff5b8a1f', GradientType=0);
  background-repeat: repeat-x;
  border-color: #5b8a1f;
}

.footer {
  background-color: #5b8a1f;
  color: #FFFFFF;
}

.footer A{
  color: #FFFFFF;
}

A.linkHome {
  color: #437206;
}


/* Link del menu */

.menu-text {
  padding-left: 18px;
  padding-top: 10px;
}

.menu-link {
  display: inline-block;
  color: #437206;
  text-decoration: none;
  font-size: 12pt;
}

.menu-link::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #437206;
  transition: width .3s;
}

.menu-link:hover::after {
  width: 100%;
  /*transition: width .3s;*/
}

.clienti-ref-font {
  font-size: 12pt;
}

.lavora-con-noi-ref-font {
  font-size: 12pt;
  text-align: justify;
}
.lavora-con-noi-ref-font-title {
  font-size: 14pt;
}

.alert-scadenza {
  font-size: 12pt;
}

.btn-primary {
  background-image: -webkit-linear-gradient(top, #94c055 0%, #5b8a1f 100%);
  background-image:      -o-linear-gradient(top, #94c055 0%, #5b8a1f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#94c055), to(#5b8a1f));
  background-image:         linear-gradient(to bottom, #94c055 0%, #5b8a1f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff94c055', endColorstr='#ff5b8a1f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #5b8a1f !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #668837 !important;
  background-position: 0 -15px;
  border-color: #668837 !important;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #668837 !important;
  border-color: #668837 !important;
}
.link-documenti {
  font-size: 14pt;
}


.my-navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  top:0;
  z-index: 1030;
  min-height: 80px;  
}

.ng-view-home {
	min-height: 500px; 
	padding-top: 80px;
}

.cat-navbar-fixed-top {
	position: fixed;
	right: 0;
	left: 0;
	top: 80px;
	z-index: 1029;
	background-color: #FFFFFF;
}

@media (min-width: 992px) {
  .cat-navbar-fixed-left {
    top: 80px;
  }
  .cat-product-list {
    top: 0px;
  }
}

@media (max-width: 992px) {
  .cat-navbar-fixed-left {
    top: 120px;
  }
  .cat-product-list {
    top: 40px;
  }
}

@media (min-width: 768px) {
  .cat-navbar-fixed-left {
    position: fixed;
    top: 120px;
    max-width: 20%;
    z-index: 1028;
  }

  .cat-product-list {
    margin-left: 30%;
    top: 40px;
  }
}

@media (min-width: 768px) {
  .chat-navbar-fixed-left {
    position: fixed;
    top: 150px;
    max-width: 20%;
    z-index: 1028;
  }

  .chat-user-list {
    margin-left: 30%;
  }

  .chat-user-top {
    top: 50px;
  }
}


.space-200 {
  min-height: 200px;
}

@media (max-width: 767px) {
  .chat-navbar-fixed-left {
    position: relative;
    top: 80px;
    max-width: '';
  }

  .chat-user-list {
    margin-left: 0%;
  }

  .chat-user-top {
    top: 80px;
  }

}


.chat-navbar-fixed-top {
  position: fixed;
  width: 100%;
	top: 80px;
	z-index: 1029;
	background-color: #FFFFFF;
}

.alert-small {
	padding: 8px;
	margin-bottom: 5px;
}

.pie-social {
	padding: 10px;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: #FFFFFF;
	max-width: 100px;
}

.menu-lavora-bc {
  color: #01961a !important;
  font-weight: bold;
  font-family: 'Lucida Sans';
}

.menu-community {
  color: #701919 !important;
  font-weight: bold;
  font-family: 'Lucida Sans';
}

.lavoraConNoi{
  background-color: #e2ffdd;
}


.lavoraConNoi > .panel-heading {
  background-image: -webkit-linear-gradient(top, #d7f7df 0%, #a0f5ac 100%);
  background-image:      -o-linear-gradient(top, #d7f7df 0%, #a0f5ac 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d7f7df), to(#a0f5ac));
  background-image:         linear-gradient(to bottom, #d7f7df 0%, #a0f5ac 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd7f7df', endColorstr='#ffa0f5ac', GradientType=0);
  background-repeat: repeat-x;
}

.panel-clienti{
  background-color: #F8DEF0
}

.panel-clienti.active > a,
.panel-clienti.active > a:hover,
.panel-clienti.active > a:focus {
  background-color: #F8DEF0 !important;
}

.panel-incaricati {
  background-color: #D1E1FC
}

.panel-incaricati.active > a,
.panel-incaricati.active > a:hover,
.panel-incaricati.active > a:focus {
  background-color: #D1E1FC !important;
}

.col-foto-community {
  min-height: 500;
}

.row-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.row-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.well-cane{
  height: 100%;
  vertical-align: baseline;
}

/*Stile per checkbox*/
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 25px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;

}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 15px;
}

.slider.round:before {
  border-radius: 50%;
}

.text-switch{
  padding-left: 10px;
  padding-top: 5px;
}
.col-chat-attiva {
  padding-top: 15px;
}

.chat-div {
  overflow-y: scroll;
  height: 200px;
}

.span-chat-btn {
  padding: 0px;
}

.badge-danger {
  background-color: #b94a48 !important;
}
.badge-danger:hover {
  background-color: #953b39 !important;
}

/************************************
Codice Della Chat box
*************************************/


/* The popup chat - hidden by default */
@media (max-width: 767px) {
  .chat-popup {
    position: relative;
    top: 50px;
    bottom: '';
    right: '';
  }
  .form-container {
    max-width: '';
  }
}

@media (min-width: 768px) {
  .chat-popup {
    position: fixed;
    bottom: 0;
    right: 15px;
  }
  .form-container {
    max-width: 300px;
  }
}

.chat-popup {
  display: none;
  bottom: 20;
  height: 350px;
  z-index: 999;
}

.chat-restore {
  position: fixed;
  bottom: 0;
  right: 15px;
  z-index: 999;
}

/* Add styles to the form container */
.form-container {
  /*padding: 10px;*/
  background-color: white;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}

.panel-chat {
  margin-bottom: 5px !important;
}
.panel-body-chat {
  padding: 5px !important;
}
.panel-heading-chat {
  padding: 3px 5px !important;
}

.foto-chat{
  max-height: 140px;
}

.cookiebar {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999 !important;
  position: fixed;
  opacity: 0.9;
}

.approfondimenti-list {
  font-size: 12pt;
}

.approfondimenti-list a {
  color: #668837;
}

.spedizione-tot{
  font-size: 16px;
}

.ordina-panel-title {
  font-size: 18px;
  font-weight: bold;
}
.alert-bc {
  background-image: -webkit-linear-gradient(top, #d2ddc2 0%, #95b667 100%);
  background-image:      -o-linear-gradient(top, #d2ddc2 0%, #95b667 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d2ddc2), to(#95b667));
  background-image:         linear-gradient(to bottom, #d2ddc2 0%, #95b667 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2ddc2', endColorstr='#ff95b667', GradientType=0);
  background-repeat: repeat-x;
  border-color: #65813e;
}
.alert-bc-img{
  max-width: 150px;
}

.ordina-conferma-codice-inc {
  font-size: 16px;
}

.panel-registrazione{
  background-color: #F8DEF0 !important
}

.panel-registrazione {
  background-image: -webkit-linear-gradient(top, #f5fcec 0%, #eeffd5 100%);
  background-image:      -o-linear-gradient(top, #f5fcec 0%, #eeffd5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5fcec), to(#eeffd5));
  background-image:         linear-gradient(to bottom, #f5fcec 0%, #eeffd5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5fcec', endColorstr='#ffeeffd5', GradientType=0);
  background-repeat: repeat-x;
  border-color: #f5fcec;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 #ffffff1a;
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 #ffffff1a;
}

@media (min-width: 1600px) {
  .menu-lg-cat {
    width: 16% !important;
  }

  .menu-body-cat {
    width: 84% !important;
  }
}