html{
    /*transform: scale(0.9);*/
    zoom: 0.9;
    scroll-behavior: smooth;
}

body.fixed-nav #wrapper .navbar-static-side, body.fixed-nav #wrapper #page-wrapper {
    margin-top: 65px;
}

.page-heading {    
    padding: 0 10px 10px 10px;
}

.principale{
    opacity: 0;
}
/*.ibox-content.tabella {    
    padding: 0px 20px 0px 20px;
}*/

/* preloader */

.clearable {
    background-image: url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=);
    background-repeat: no-repeat;
    background-attachment: initial;
    background-position: right -10px center;
}
.clearable.x {
    transition: background 0.4s;
    background-position: right 10px center;
}
.clearable.onX {
    cursor: pointer;
}

/* Centrare un DIV */
.centered{
    float: none;
    margin: 0 auto;
}

.btn-wrap-text {
    max-width: 100%;    
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
}

#preloader-overlay {
    height: 100%;
    width: 100%;
    background: #f3f3f4;
    position: fixed;
    top: 0;
    left: 0;
    z-index:999999999;
    overflow: hidden;
}

#preloader-img {
    position: absolute;
    top: 0;
    bottom: 290px;
    left: 0;
    right: 0;
    margin: auto;
    height: 120px;
}

#preloader {
    width: 80px;
    height: 80px;

    border: 2px solid #f3f3f3;
    border-top: 3px solid #3b3e3e;
    border-radius: 100%;

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin:  auto;

    animation: spin 1s infinite linear;
}

@keyframes spin {
    from{
        transform: rotate(0deg);
    } to {
        transform: rotate(360deg);
    }
}

.dataTables_wrapper {
    padding-bottom: 20px;
}

.img-logo-right{
    padding: 5px;
    padding-top: 11px;
	    max-height: 55px;
    float: right;
    padding-top: 10px;
}

.rounded-circle {
    border-radius: 50%!important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.nav-header {
    padding: 25px 25px;
}

/* Prima era: #e3f3fd;*/
table.dataTable tbody tr.selected, table tbody tr.selected {
    background-color: #ddf4e9!important;
}

.form-control, .single-line {
    
    border-radius: 5px;
    
}

.form-control:focus, .single-line:focus {
    border-color: #63b2e4 !important;
}

.tabulazione .tab-content {
    padding-top: 40px;
}

.clients-list .tab-pane {    
    height: 100%;
}

input.form-control::-webkit-input-placeholder {
    color: #cccccc;
}

.text-rosa{
    color: #deb1dc!important;
}

.label-rosa, .badge-rosa {
    background-color: #deb1dc!important;
    color: #FFFFFF;
}

.label-viola, .badge-viola {
    background-color: #6c6d9b!important;
    color: #FFFFFF;
}

.label-marrone, .badge-marrone {
    background-color: #9e7a6b!important;
    color: #FFFFFF;
}


.label-black, .badge-black {
    background-color: #000!important;
    color: #FFFFFF;
}

.label-primary, .badge-primary {
    background-color: #1c84c6!important;
    color: #FFFFFF;
}

.label-navy, .badge-navy {
    background-color: #1ab394!important;
    color: #FFFFFF;
}

.btn-rosa {
    background-color: #deb1dc!important;
    color: #FFFFFF;
}

.btn-black{
    background-color: #000!important;
    color: #FFFFFF;
}

/*.btn-primary{
    background-color: #1c84c6;
    color: #FFFFFF;
}

.btn-navy{
    background-color: #1ab394;
    color: #FFFFFF;
}*/

.tronca-lato {
    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.flex{
    /*display: -webkit-box;*/
}

.testo-silver{
    color: silver;
}

/* Regole CSS per smartTable, in particolare per avere l'header fisso */

table.table.table-striped {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 200px; /* this can vary */
}

table.table.autoheight, table.table.table-striped.autoheight{    
    height: calc(100vh - 150px); /* this can vary */
    margin-bottom: 0px;
}

table.table.autohalf, table.table.table-striped.autohalf{    
    height: calc(50vh - 70px); /* this can vary */
    margin-bottom: 0px;
}

table.table.table-striped * {
    box-sizing: inherit;
    -moz-box-sizing: inherit;
}

.table.table-striped thead {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.table.table-striped tbody {
    overflow-y: scroll;
    display: inline-block;
}

.table.table-striped thead > tr, .table.table-striped tbody > tr, .table.table-striped tfoot > tr {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.table.table-striped thead, .table.table-striped tfoot {
    flex-shrink: 0;
}

.table.table-striped th, .table.table-striped tbody td {
    width: 20%; /* this can vary */
    overflow-x: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.table.table-striped tfoot {
    display: inline-block;
}

.table.table-striped tfoot td {
    width: 100%;
    display: inline-block;
}

.table td a:hover{
    color:#1c84c6;
}

.table ul.pagination{
    margin-bottom: 0px;
}

.table .puntatore{
    cursor: pointer;
}

.table.meno-padding tbody td, .table.meno-padding > tfoot > tr > th {
    padding-left: 4px;
    padding-right: 4px;
}

.ibox-content.tabella {    
    margin-bottom: 0px!important;
    padding-bottom: 1px!important;
}

.st-sort-ascent:before{
    content: '\25B2';
}

.st-sort-descent:before{
    content: '\25BC';
}

.selezionato{
    border: 1px solid #f8ac59
}
.disabilitato{    
    cursor: not-allowed;
    opacity: 0.6;
}
.disabilitato a{
    pointer-events: none;
}

.segnalazione-rifiutata, .conferma-inviata, .fornitura-conclusa{
    z-index: 1000;
    background-color: lightgrey;
    opacity: 0.6;
    pointer-events: none;
    /*-webkit-filter: blur(5px); 
    filter: blur(5px);*/
}

.segnalazione-rifiutata:before {
    content: "Segnalazione Rifiutata";
    position: absolute;
    top: 40%;
    margin: 0 auto;
    left: 0;
    right: 0;
    max-width: 230px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    background: red;
    padding: 10px;
    border-radius: 10px;
    z-index: 1001;    
}

.fornitura-conclusa:before {
    content: "Fornitura Conclusa";
    position: absolute;
    top: 40%;
    margin: 0 auto;
    left: 0;
    right: 0;
    max-width: 230px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    background: red;
    padding: 10px;
    border-radius: 10px;
    z-index: 1001;    
}


.conferma-inviata:before {
    content: "Conferma Inviata";
    position: absolute;
    top: 40%;
    margin: 0 auto;
    left: 0;
    right: 0;
    max-width: 230px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    background: green;
    padding: 10px;
    border-radius: 10px;
    z-index: 1001;    
}

.vertical-timeline-content.attivo, .table.table-striped tbody > tr.st-selected{
    background-color: #ddf4e9;
}

.dropdown-menu{
    max-height: 500px;
    overflow: scroll;
    color:#262626;
}

.dropdown-alerts li a{
    white-space: inherit;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {    
    background-origin: content-box;
    background-repeat: no-repeat;
}

.dropdown-menu .date {
    color: #9a9d9f;
    font-size: 80%;
}

.dropdown-menu .date.text-navy {
    color: #1ab394;
}

.nav.navbar-top-links .dropdown-alerts a {
    padding-right: 0px;
    padding-left: 0px;
    width: 250px;
}

.dropdown-menu .read{
    position: absolute;
    margin-top: 0;
    right: 0;
    padding-right: 10px;
    font-size: 20px;
}

/*
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}*/

.selezione{
    background-color: #ddf4e9;
}

.table > thead > tr > th.ord{
    cursor: pointer; 
}

.develop{
    background: #ed5565;
    color: white;
}

.develop_new{
    /*background: #14867b;*/
    background: #FFC107;
    color: white;
}

.produzione_new {
    background: #343f51;
    color: white;
}

.fixed-nav .minimalize-styl-2 {
    margin: 19px 10px 0px 0px;
}
.table>tbody+tbody {
    border-top: none;
}

.table .denaro, .denaro{
    text-align: right;
}

.denaro {
    text-align: right;
    float:right;
}

.divisore{
    border-right: 1px solid #e7eaec;
}

.divisore-netto{
    border-right: 2px solid grey;
}

.table .selected .or, .table .selected .az, .table .selected .gr, .selected{
    background-color: #ddf4e9!important;
}

.table .az, .bg-az{
    background-color: aliceblue;
}
.table .gr, .bg-gr{
    background-color: #f2fff0;
}
.table .or, .bg-or{
    background-color: #fff1f0;
}
.table .yl, .bg-yl {
    background-color: #fbe1a4;
}

.table .grey, .bg-grey{
    background-color: #F5F5F6;
}

.table .light-grey, .bg-light-grey{
    background-color: #dbdada;
}

.table .dark-grey, .bg-dark-grey {
    background-color: #e1e1e3;
}
/*.bs-wizard {margin-top: 40px;}*/

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #9ddccf; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #1ab394; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background:#9ddccf;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

.pace-done .navbar-static-side, .pace-done .nav-header, .pace-done li.active, .pace-done #page-wrapper, .pace-done .footer , .contenuto-principale{
    /*-webkit-transition: inherit;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: inherit;*/
}

.errore-input, .errore-input:focus{
    border:1px solid #ed5565;
    box-shadow: 0 1px 1px #ed5565 inset, 0 0 8px #ed5565;
    outline: 0 none;
}

.capitalize {
   text-transform: capitalize;
}

.footer{
    z-index: 10;
}


@media print {
  /*@page { margin: 0; }
  body { margin-top: 1cm; margin-bottom:0;}*/
}

page[size="A4"] {
  background: white;
  width: 21cm;
  height: 29.7cm;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}

.table > thead , .table > tfoot {
    padding-right:17px;
}

.carousel-indicators li{
    
    border: 1px solid #45a8ce;
}

.carousel-indicators .active {
    
    background-color: #45a8ce;
}

.widget.bordo-nero{
    border-width: 4px;
    border-color: gray;
    border-style: solid;
}

.taglia {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selected {
    background-color: #ddf4e9!important;
}

.feed-element.selected {
    background-color: #ddf4e9!important;
}

.nav-tabs > li > a {    
    padding: 10px 15px 10px 15px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border-bottom: 1px solid #fff;
}

.clients-list table.fornitureprospect tr td {
    height: auto;    
}

@media screen and (-webkit-min-device-pixel-ratio:0) {  
/* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */  
    .table > thead , .table > tfoot {
        padding-right:7px;
    }
    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    } 
}

.checkbox-grande {
    width: 20px;
    height: 20px;
    margin: 0px;
    padding: 0px;
}

.filtro-attivo, .btn.filtro-attivo{
    border: 3px solid #63b2e4!important;
}

/* Placeholder smarttable come facebook 
    ispirato da:https://cloudcannon.com/deconstructions/2014/11/15/facebook-content-placeholder-deconstruction.html
*/

@keyframes placeHolderShimmer{
    0%{
        background-position: 0px 0
    }
    100%{
        background-position: 1280px 0
    }
}

/*@keyframes placeHolderShimmer {
  from {
    background-position: 0px 0px; }

  to {
    background-position: 100% 0px; } 
}

@-webkit-keyframes placeHolderShimmer {
  from {
    background-position: 0px 0px; }

  to {
    background-position: 100% 0px; } 
}*/


.animated-background {
    
    -webkit-animation: placeHolderShimmer 1s linear infinite;
  -moz-animation: placeHolderShimmer 1s linear infinite;
  animation: placeHolderShimmer 1s linear infinite; 
  animation-delay: 600ms;
  
    /*background: #f6f7f8;*/
    /*background-position: 0px 0px;*/

    background: linear-gradient(to right, #f9f9f9 65%, #e6e5e5 85%, #f9f9f9 100%);
    /*background: linear-gradient(to right, #f9f9f9 -20%, #e6e5e5 -15%, #f9f9f9 0%);*/

    background-size: 1280px 104px;
    height: 100%;
    position: relative;
    margin-right: 7px;
}

.riga-placeholder{
    background: transparent!important;
    border: 10px solid white;
}

.table>tbody>tr.riga-placeholder>td{
    border-top:0px solid;
    border-right: 10px solid white;
}

.animated-background::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0px;
}

/*.barrato {
    text-decoration: line-through;
}*/

.barrato b{
    position: relative;
}

.barrato b:before {
    border-bottom: 2px solid red;
    position: absolute;
    content: "";
    width: 100%;
    height: 60%;
}

.bg-giallo{
    background-color: #f8ac59;
    color:#fff;
}

aggiungiallegato .form-group{
    margin-top: -15px;
    margin-right: -30px;
    margin-left: -27px;
}

.invoice-total > tbody > tr > td:last-child {
    
    width: 20%;
}

.elemento{
    min-height: 50px;
    display: block;
    border-bottom: 1px solid #dfdfdf;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
}

.elemento.nopad{
    padding-right: 0px;
}

.sotto.elemento{
    padding-left:20px;
    background-color: #e4f3fa;
    padding-right:10px;
}

.btn.sceltamultipla{
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 3px !important;
}

.btn.sceltamultipla.filtro-attivo {
    outline: 3px solid #63b2e4!important;
    border: 1px solid white!important;
}

@media (min-width: 992px){
    .modal.fatturaxml .modal-lg {
        width: 985px;
    }
    .modal.conferma .modal-lg {
        width: 1200px;
    }     
}

.modal.conferma .modal-dialog {
    z-index:2000;
}
.zindex {
  z-index: 99000 !important;
}

.servizio .col-sm-1,.servizio .col-sm-10,.servizio .col-sm-11,.servizio .col-sm-12,.servizio .col-sm-2,.servizio .col-sm-3,.servizio .col-sm-4,.servizio .col-sm-5,.servizio .col-sm-6,.servizio .col-sm-7,.servizio .col-sm-8, .servizio .col-sm-9 {
    padding-right: 0px;
    padding-left: 5px;
}

.distribuzione .ibox-content{
    border-top: 0px;
    min-height: 30vh;
}

.distribuzione .nav-tabs > li.active > a{
    border-bottom: 1px solid #fff;
    background-color: white;
}

.distribuzione .clients-list table tr td {
    height: auto;
    vertical-align: none;
    border: initial;
}

/*.distribuzione .nav.nav-tabs li{
    background-color: white;
}*/

.distribuzione .nav.nav-tabs li.active{
    border-bottom: 1px solid white;
}

.bordo-dx{
    border-right: 1px solid #eee;
}

.vertical-timeline-icon.numero{
    left:15px;
}

h3.sezione-vendita{
    padding-left: 45px;
    padding-top: 5px;
    margin-bottom: 20px;
}

/* Componente "stato vendita" */

.stato{
    font-size: 10px;
    color: #d3d3d3;
}

.stato .box{
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom:4px;
}

.box{
  color: #d3d3d3;
}

.stato .box.verde, .box.verde{
    color: #1ab394;
}

.stato .box.giallo, .box.giallo{
    color: #f8ac59;
}

.stato .box.rosso, .box.rosso{
    color: red;
}

.stato .box.blu, .box.blu{
    color: #1c84c6;
}

.box-vendita{
   font-size: 20px;
   color: #d3d3d3; 
}

.box-vendita.verde{
    color: #1ab394;
}

.box-vendita.giallo{
    color: #f8ac59;
}

/* PERFECT SCROLLBAR */

/*
 * Container style
 */
.ps {
  z-index: 4;
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;

  /* inserito per spostare la barra di scroll che altrimenti copre gli elementi */
  padding-right: 15px;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* Switch IOS style */

.switch input {
    display: none;
}
.switch i {
    display: inline-block;
    cursor: pointer;
    padding-right: 20px;
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    border-radius: 20px;
    box-shadow: inset 0 0 1px rgba(0,0,0,.5);
}
.switch i:before {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: white;
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
}
.switch :checked + i {
    padding-right: 0;
    padding-left: 20px;
    box-shadow: inset 0 0 1px rgba(0,0,0,.5), inset 0 0 40px lightblue;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.5), inset 0 0 40px lightblue;
}

.switch.red :checked + i {
    box-shadow: inset 0 0 1px rgba(0,0,0,.5), inset 0 0 40px red;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.5), inset 0 0 40px red;
}

.switch.green :checked + i {
    box-shadow: inset 0 0 1px rgba(0,0,0,.5), inset 0 0 40px #1ab394;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.5), inset 0 0 40px #1ab394;
}

/* Button Group full width */

.btn-group.special {
  display: flex;
}

.special .btn {
  flex: 1
}

.btn-success[disabled].btn-outline{
    color: #ffffff;
}

/* End Button Group full width */

/* Range SLider */

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #2d8f7b;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #2d8f7b;
  cursor: pointer;
}

/* End Range Slider */

/* SEZIONE NOTIFICHE */

.paginanotifiche .vote-info, .vote-title {
    margin-left: 0px;
}

.paginanotifiche .vote-icon {
    text-align: center;
}

/* FINE SEZIONE NOTIFICHE */

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

/* Mappa Referenti */

.infomap.leaflet-control {
    padding: 6px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    color:#777;
}

.infomap.leaflet-control h4 {
    margin: 0 0 5px;
    color: #777;
}

.legend {
    text-align: left;
    line-height: 19px;
    color: #555;
}

.legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}

/* Fine Mappa Referenti */

.ombra {
    -webkit-box-shadow: 3px 3px 5px 0px rgba(103,106,108,1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(103,106,108,1);
    box-shadow: 3px 3px 5px 0px rgba(103,106,108,1);
}

.table>thead>tr>th.attiva {
    border-right: 3px solid #b5b4b4;
    border-left: 3px solid #b5b4b4;
    border-top: 3px solid #b5b4b4;
    background-color: #95f387;
}
.table>tfoot>tr>th.attiva {
    border-right: 3px solid #b5b4b4;
    border-left: 3px solid #b5b4b4;
    border-bottom: 3px solid #b5b4b4;
    background-color: #95f387;
}
td.attiva {
    border-right: 3px solid #b5b4b4;
    border-left: 3px solid #b5b4b4;
}

.tabulazione .nav-tabs li.active{
    background: #fff
}

.tabulazione .tab-content{
    background: #fff;
    padding:10px;
}

.tabulazione .tab-content .spiegazione{
    padding-top: 10px;padding-left: 10px;padding-right: 10px;
}

.tag-item {
    background: #f3f3f4;
    padding: 2px 6px;
    font-size: 10px;
    text-transform: uppercase;
    margin-right: 5px;
}

.elements-list .list-group-item a.active, .elements-list .list-group-item a:hover {
    background: #f3f3f4;
    color: inherit;
    border-color: #e7eaec;
    border-radius: 0;
}

.list-group-item a small.detail{
    padding-left: 24px;
}

.attivo{
    background: #f3f3f4;
}

.fh-column .ps{
    padding-right: 0px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee!important;
}

.over::before{
    content: '';
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: 9;
    position: absolute;    
}

.attesa{
    z-index: 10;
    position: absolute;
    top: 45%;
    left: 25%;
    right: 20%;
    height: 100%;
    width: 50%;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

.preventivo-cliente .product-desc {
    padding-left: 100px;
}

.preventivo-cliente img {
    width: 100px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 15px;
    display: inline-block;
    float: left;
    border-radius: 5px;
}

.preventivo-cliente .product-price { 
    background-color: #fff;
    top: 0px;
    padding: 0;
}

.preventivo-cliente .product-box:hover,.preventivo-cliente .product-box.active {
    border: 1px solid #e7eaec;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.ibox-content {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.ibox-title{    
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.ibox-tools a.text-danger {
    color: #ed5565;
}

/*.riga-aperta{
    background: #f3f3f4;
    padding: 20px;
    min-height:200px;
}*/
.riga-aperta{
    background: #f3f3f4;
    padding: 20px;
    min-height: 200px; 
   /* max-height: 0px;
    -webkit-transition: max-height 2s ease;
    -moz-transition: max-height 2s ease;
    transition: max-height 2s ease;
    transition-delay: 2s;
    
    max-height: 0px;*/
}

.animated-fast {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 100;
}


.table > tbody > tr.riga-aperta > td{
    border-top:none;
}

.listaFile .feed-element{
    padding:15px;
    margin-top:0px;
}

.no-padding{
    padding:0px;
}

.row.con-bordi{
    border-top: 1px solid #eee;    
    padding: 5px;
    margin-right:5px;
}

.webinar .file-box{
    width: 100%;
}

.webinar .file{
    margin-right: 0px;
}

.manutenzione{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #243747;
    color: #dfe4ed;
    z-index: 10000;
}


.manutenzione div{
    margin-top: 15%;
    text-align: center;
}

.manutenzione div h1{
    font-size: 100px;
}

.manutenzione div p{
    font-size: 50px;
}

.animated-2 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}


#toast-container > .toast-info:before {
    content: "\24D8";
}

.checked {
  color: orange;
}

.table.table-striped th{
    overflow: visible;
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-menu.altrifiltri{
    padding: 10px;
}

.dropdown-menu.altrifiltri > .form-group{
    padding-bottom: 10px;
}
/* MODAL SEARCH GLOBALE */

.modal-search .modal-header {
  border-bottom: none;
}

.modal-search .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.modal-search .modal-actions{
    position: fixed;
    right: 20px;
    top: 20px;
    width: 100px;
    display: block;
    z-index: 99999999;
}

.modal-search.modal-backdrop {
background-color:#fff;
  opacity:1!important;
    border: 10px solid rgba(136, 136, 136, .4);
}

.modal-search .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  /*background: none;*/
  box-shadow: none;
}

.modal-search .modal-body {
  text-align: center;
}

.modal-search .modal-body form {
  margin: 0 auto;
  float: none;
  width: auto;
}

.modal-search .modal-content .close {
  opacity: 1;
  font-size: 40px;
}

.modal-search .list-group{
    max-width: 800px;
    margin-left: 26%;
    float: none;
}

.modal-search .list-group .list-group-item{
    text-align: left;
    border-top: none;
    border-left: none;
    border-right: none;
}

.modal-search .list-group .list-group-item .contenuto{
    padding-left: 15px;
}

.modal-search .list-group .list-group-item h4{
    font-size: 25px;
}

.modal-search .list-group .list-group-item p{
    font-size: 20px;
}

.modal-search .media-body{
    text-align: left;
    font-size: 20px;
}

.modal-search .social-avatar .media-body small a {
    font-size: 20px;
    display: inline-block;
}

.modal-search .list-group-item .piccolo{
    font-size: 14px;
}

.modal-search .social-avatar {
    display: inline-block;
}

.modal-search .social-avatar img{
    height: 70px;
    width: 70px;
}

.modal-search .list-group-item .descrizione.pad-sx{
    padding-left: 11px;
}

.modal-search .sk-spinner-wave div {
    background-color: #989a9b;
}

.modal-search .folder-list .list-group-item{
    padding: 0;
    font-size: 20px;
    border-bottom: none;
}

.modal-search .list-group-item a small.detail {
    padding-left: 31px;
}

.modal-search p.list-group-item-text.istruzioni{
    font-size: 14px;
    color: silver;
}

.modal-search .text-primary {
    color: #337ab7;
}

.modal-search .folder-list li a.text-navy {
    color: #1ab394;
}

@media (min-width: 768px){
    .modal-search .navbar-form .form-control {
        width: 400px;
        font-size: 20px;
    }
}

.modal-search .cut{
    padding-top: 0px;
    padding-bottom: 0px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 650px;
    line-height: 1;
}



.float-left {
    float: left!important;
}


/* Activity stream */
.stream {
  position: relative;
  padding: 10px 0;
}
.stream:first-child .stream-badge:before {
  top: 10px;
}
.stream:last-child .stream-badge:before {
  height: 30px;
}
.stream .stream-badge {
  width: 50px;
}
.stream .stream-badge i {
  border: 1px solid #e7eaec;
  border-radius: 50%;
  padding: 6px;
  color: #808486;
  position: absolute;
  background-color: #ffffff;
  left: 8px;
}
.stream .stream-badge i.fa-circle {
  color: #ced0d1;
}
.stream .stream-badge i.bg-success {
  color: #ffffff;
  background-color: #1c84c6;
  border-color: #1c84c6;
}
.stream .stream-badge i.bg-primary {
  color: #ffffff;
  background-color: #1ab394;
  border-color: #1ab394;
}
.stream .stream-badge i.bg-warning {
  color: #ffffff;
  background-color: #f8ac59;
  border-color: #f8ac59;
}
.stream .stream-badge i.bg-info {
  color: #ffffff;
  background-color: #23c6c8;
  border-color: #23c6c8;
}
.stream .stream-badge i.bg-danger {
  color: #ffffff;
  background-color: #ED5565;
  border-color: #ED5565;
}
.stream .stream-badge:before {
  content: '';
  width: 1px;
  background-color: #e7eaec;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
}
.stream .stream-info {
  font-size: 12px;
  margin-bottom: 5px;
}
.stream .stream-info img {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-right: 2px;
  margin-top: -4px;
}
.stream .stream-info .date {
  color: #9a9d9f;
  font-size: 80%;
}
.stream .stream-panel {
  margin-left: 55px;
}
.stream-small {
  margin: 10px 0;
}
.stream-small .label {
  padding: 2px 6px;
  margin-right: 2px;
}

/* REgola per mettere un elemento absolute nei TD */

.table.table-striped tbody td {
    display: block;
    position: relative;
}

.dropdown.linktabella{
    position:absolute;
    right:0;
    top:0;
}

.dropdown.linktabella .bottonepuntini{
    font-size: 20px;
    padding: 0px;
    margin: 0;
    font-weight: bold;
    position: absolute;
    right: 5px;top: 3px;
    background-color:transparent;
    border: 0;
}

.dropdown.linktabella .bottonepuntini.aperto{
    background: silver;
    border-radius: 5px;
}


.dropdown-menu > li {
    font-size: 15px;
}

.dropdown-menu > li .elementodrop{
    padding: 3px 20px;   
    border-radius: 3px;
    color: inherit;
    line-height: 40px;
    margin: 4px;
    text-align: left;
    font-weight: normal;
}

.dropdown-menu.link > li a.text-success{
    color: #1c84c6;
}

.increase-popover-width {
   max-width: 600px;
}

.breadcrumb > .active {
    font-weight: bold;
}

.bread-label .label{
    font-size: 12px;
}

.dis-inline {
    display: inline-block;
    float: left ;
}