html{
    zoom: 0.9;
}

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 */

#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: 250px;
    left: 0;
    right: 0;
    margin: auto;
    height: 80px;
}

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

    border: 2px solid #f3f3f3;
    border-top: 3px solid #283373;
    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;
}

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

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

.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-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;*/
}

/* 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.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;
}

.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: 300px;
    overflow: scroll;
}

.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;
}

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

.table .az{
    background-color: aliceblue;
}
.table .gr{
    background-color: #f2fff0;
}
.table .or{
    background-color: #fff1f0;
}
/*.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;
}


@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;
}

.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{
    border: 3px solid #63b2e4;
}

/* 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;
}

@media (min-width: 992px){
    .modal.fatturaxml .modal-lg {
        width: 970px;
    }
    .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 .clients-list .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;
}