.small_label {font-size:8pt;}
.main-header .sidebar-toggle:before {display: none;}

.fixed-addon label {
    min-width: 180px;
    text-align: right;
}
.label-saldo{
    background-color: #656565 !important;
}
.input-group-addon label {margin-bottom: 0;}

.main-header .logo {background-color: whitesmoke!important;}

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


/* Pagina Fattura / Documento */

#scheda_fatturazione span.label,
#scheda_spedizione span.label {
    padding: 7px;
    margin: 5px 0px;
}


/* margini */

.ndoc_container{
    min-width: 85px;
}


/* .etichetta-sped-box{height: 325px;} */

.lightgray-box {background-color: #e7e7e7;}

.table-totali .tot-title{ text-align: right;font-size:20px;}
.table-totali .badge {font-size:25px;}

#redditivita_articoli .table-totali .tot-title,
#redditivita_articoli .table-totali .badge,
#redditivita_ddt .table-totali .tot-title,
#redditivita_ddt .table-totali .badge
{font-size:14px;}





.table.items td {

    min-width: 150px;
    max-width: 300px;
    vertical-align: top !important;

}

.dataTables_wrapper .dataTables_paginate .paginate_button
{
    margin:0;
    padding:0;
}

.table.items td.td-description {

    min-width: 400px;
    max-width: 600px;

}

/* Tooltip container */
.tooltip_container {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
.info-box-icon.info-box-icon-min {

    height: 45px;
    width: 45px;
    text-align: center;
    font-size: 20px;
    line-height: 45px;

}

.info-box.info-box-min
{
    min-height: 45px;
    background: #ecf0f5;
    //box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

.info-box-min .info-box-content {
    padding: 0px 0px;
    margin-left: 52px;
}


.modal-dialog.full-width-dialog {
    width: auto;
    margin: 30px 30px;
}

.modal-dialog.middle-width-dialog {
    width: 70%;

}
.required_red{border-color:darkred;}

.text-red {color: #c02230!important;}

/* Custom Tabs */

.nav-tabs-lightgray{
    background-color: #eeeeee;
    border-width: 0 2px 2px 2px;
    border-color:  #eeeeee;
    border-style: solid;
}

/* product images */

.remove-image-bin {
    position: absolute;
    top:5px;
    right: 5px;
    cursor: pointer;
}

/* Create four equal columns that sits next to each other */
.column-product-image {
    flex: 25%;

    padding: 0 4px;
}

.column-product-image img {
    margin-top: 8px;
    vertical-align: middle;
}


span.remove_allegato {
    padding: 2px 15px 1px 3px;
    cursor: pointer;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .column-product-image {
        flex: 50%;
        max-width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column-product-image {
        flex: 100%;
        max-width: 100%;
    }
}

.image-preview{
    height: 100px;
    width: 100px;
    border: 4px solid green;
    border-radius: 50%;
}
.image-container{
    text-align: center;
}


/* Overlay Rules */

.content > .overlay,
.overlay-wrapper > .overlay,
.content > .loading-img,
.overlay-wrapper > .loading-img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.content .overlay,
.overlay-wrapper .overlay {
    z-index: 50;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}
.content .overlay > .fa,
.overlay-wrapper .overlay > .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}
.content .overlay.dark,
.overlay-wrapper .overlay.dark {
    background: rgba(0, 0, 0, 0.5);
}


/* Classi Preventivi */
.draft{color:#999}.sent{color:#3A87AD}.viewed{color:#F89406}.paid,.approved{color:#468847}.rejected,.overdue{color:#B94A48}.canceled{color:#333}
.label{font-weight:normal;padding:.3em .6em;color:white !important;display:block;}
.label.label-inline{display:inline;width:auto}.label.draft{background-color:#b3b3b3}.label.sent{background-color:#54a0c6}.label.viewed{background-color:#faa937}.label.paid,.label.approved{background-color:#58a959}.label.rejected,.label.overdue{background-color:#c76e6d}.label.canceled{background-color:#4d4d4d}

.label.label-inline-fixed { display: inline-block; width: 66px; }


/* Riga selected Dialog*/
tr.selected {
    background-color: #F5DAD3!important;
    color: #c02230!important;}

.btn>.badge {
    position: absolute;
    top: -3px;
    right: -10px;
    font-size: 10px;
    font-weight: 400;
}

/* Tooltip text */
.tooltip_container .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip_container .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip_container:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

#prodotti_preventivi_preview td {vertical-align: middle;}


/* Select2 customization */
.select2 { width: 100%!important; }

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border: 1px solid #d2d6de!important;
    border-radius: 0!important;
    background-color: #e4e4e4;
    border: 1px solid #aaa;
}



.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #3c8dbc!important;
    border: 1px solid #367fa9!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {color:#ffffff!important;}

.input-group-sm .select2-container .select2-selection--single
{
    height: 31px!important;
}

@media (min-width: 768px) {
    .etichetta-info dt {
        float: left;
        width: 60px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .etichetta-info dd {
        margin-left: 80px;
    }



}

@media (max-width: 1200px) {

   /* .etichetta-sped-box{height: 500px;} */
}


@media (max-width: 767px) {

    .modal-dialog.middle-width-dialog {
        width: 95%;

    }
 /*  .etichetta-sped-box{height: 580px;} */
}