hr {
    border-top: 1px solid lightseagreen;
}

/* For Firefox */
input[type='number'] {
    -moz-appearance: textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input:read-only {
    background-color: gray !important;
    color: white !important;
    border: 0 !important;
}

.finish {
    background-color: #3c454d !important;
    color: white !important;
}

.em-10 {
    font-size: 10em;
}

.page-content-full-height-footer .content {
    margin-left: 250px;
    min-height: 100%;
    position: relative;
    padding-top: 1px;
    padding-left: 0;
    padding-right: 0;
}

.mail-box-sidebar-xl {
    height: 100%;
    float: left;
    width: 370px;
    background: #f9f9f9;
}

.mail-box-content-xl {
    height: 100%;
    margin-left: 370px;
    position: relative;
}

.auto-h {
    height: auto !important;
}

.page-header {
    padding-left: 10px;
    border-bottom: 1px solid black !important;
    border-top: 1px solid black !important;
    /*margin-left:-25px;
    margin-right:-25px;*/
}
.toolbar {
    border-bottom: 2px solid black !important;
    border-top: 1px solid black !important;
    position: fixed;
    background-color: white;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 1000;
    height:34px;
    display:inline-flex
}
 
/*.toolbar::after{
    margin-top:40px!important;
}*/
.toolbar a>i{
    width:34px !important;
}
.bottom-border {
    border-bottom: 2px solid #ebeced;
}

.m-t-05 {
    margin-top: -5px;
}

.m-t-022 {
    margin-top: -22px;
}

.input-in-row {
    width: 100%;
    height: 25px;
}

.not-focusable:focus {
    outline: none;
    box-shadow: none;
}

.pdc > .gruppo {
    background-color: #3C454D !important;
    color: white;
    font-weight: bold;
    font-size: 18px;
}

.pdc > .desc-mastro {
    font-size: 16px;
    /*text-indent: 50px;*/
}

.text-underline {
    text-decoration: underline;
}

.pdc > .mastro {
    background-color: #f9f9f9 !important;
    /*color:white;*/
    font-size: 16px;
}

    .pdc > .mastro > .descrizione {
        text-indent: 50px;
    }

.pdc > .conto {
    /*background-color:#bdc3c7 !important;*/
    /*color:white;*/
    font-size: 14px;
}

    .pdc > .conto > .descrizione {
        text-indent: 100px;
    }

.pdc > .sottoconto {
    /*background-color:#bdc3c7 !important;*/
    /*color:white;*/
    font-size: 12px;
}

    .pdc > .sottoconto > .descrizione {
        text-indent: 150px;
    }

.transparent {
    background-color: transparent !important;
}


.color-lightseagreen {
    color: lightseagreen;
}

.border-color-lightseagreen {
    border-color: lightseagreen !important;
}

/*.ui-select-bootstrap .ui-select-container input.ui-select-search {
    width: 100% !important;
}*/

/*Temporary bug fix - https://github.com/angular-ui/ui-select/issues/1575*/


/*.ui-select-search {
    width: 100% !important;
}*/


.mail-detail-attachment {
    padding-bottom: 5px;
    background: #ebeced;
}

.mail-detail-header, .mail-detail-info, .mail-detail-attachment {
    border-bottom: 1px solid #d4d5d6;
    border-top: 1px solid #d4d5d6;
}

.mail-attachment .document-file {
    height: 60px;
    line-height: 63px;
    color: #000;
    font-size: 36px;
    text-align: center;
    overflow: hidden;
}

.mail-attachment .document-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    line-height: 20px;
    /* background: url(../img/transparent/black-0.1.png); */
    background: none;
}

.mail-input-box {
    position: relative;
    min-height: 45px;
}

.boder-bottom-grey {
    border-bottom: 1px solid #ebeced;
}

.boder-left-none {
    border-left: none !important;
}


.mail-box-toolbar {
    position: absolute;
    /*bottom: 0;*/
    /*top: auto;*/
    left: 0;
    right: 0;
    padding: 15px 20px;
    background: #ebeced;
}

.mail-box-sidebar {
    position: absolute;
}

.mail-box-container {
    height: 100%;
    /*padding: 0 0 58px;*/
    background: #fff;
}

.mail-input-box .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    width: 50% !important;
}

.mail-input-box .ui-select-multiple.ui-select-bootstrap {
    height: auto;
    padding-left: 5px !important;
    margin-left: 40px !important;
    margin-top: 5px;
}
/*Disabilitazione image upload summernote */
.note-group-select-from-files {
    display: none;
}

a.btn.btn-ghost:active {
    box-shadow: none !important;
}

.btn.btn-ghost:hover {
    background-color:#15b4a3;
    color:white;
}

.form-btn-toolbar {
    margin-right: 5px !important;
    text-align: center !important;
}
.form-btn-toolbar-active{
    background-color:lightgray !important;
}
.form-btn-toolbar .btn {
    border-radius:0 !important;
}

.crossed-out:after {
    content: '|';
    color: #d9534f;
    display: block;
    font-weight: bold;
    text-align: center;
    font-size: 2.5em;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.table-email tr {
    border-bottom: 1px solid lightgray;
}

.table-email .email-sender a {
    width: 250px;
}

.table-email .email-checkbox input {
    display: inherit;
    cursor: pointer;
}

.form-inline {
    display: inline-flex;
    height:100%;
}



.btn-clear2 {
    position: absolute;
    right: 12px;
    margin-top: 8px;
}

.popover {
    max-width: 100%;
}

.popover-content {
    /* padding: 9px 14px; */
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
}

.cursor-wait{
    cursor:wait;
}
.semplice {
    background: #7f8c8d !important;
    color: #fff !important;
}
.combinato {
    background: #252525 !important;
    color: #fff !important;
}
.variante {
    background: #3498db !important;
    color: #fff !important;
}


.pagamentoAccettato {
    background: #32CD32 !important;
    color: #fff !important;
}
.inAttesaDiAssegno, .inAttesaDiPagamentoConBonificoBancario {
    background: #4169E1 !important;
    color: #fff !important;
}
.preparazioneInCorso {
    background: #FF8C00 !important;
    color: #fff !important;
}
.spedito {
    background: #8A2BE2 !important;
    color: #fff !important;
}
.annullato {
    background: #DC143C !important;
    color: #fff !important;
}
.consegnato {
    background: #108510 !important;
    color: #fff !important;
}
.rifornimento {
    background: #FF69B4 !important;
    color: #383838 !important;
}




.inlavorazione, .inPreparazioneSpedizione {
    background: #fffc08 !important;
    color: black !important;
}


.registrato, .emesso, .registrata, .inArrivo {
    background: #7f8c8d !important;
    color: #fff !important;
}

.annullato, .stornato, .insoluta, .debito,.annullata {
    background: #e74c3c !important;
    color: #fff !important;
}
.compensato, .internoCompensato {
    background: #9c27b0 !important;
    color: #fff !important;
}

.lavorato, .evaso, .evasa, .saldata, .credito, .scontrinato, .parzialmenteEvaso {
    background: #16a086 !important;
    color: #fff !important;
}
.fatturata {
    background: #3498db !important;
    color: #fff !important;
}



.h-100p {
    height: 100% !important;
}
.v-a-m{
    vertical-align:middle !important;
}


/*Top Bar*/
#pricingtable .top {
    width: 250px;
    height: 50px;
    background: #2F2E35;
    /*-webkit-border-radius: 10px 10px 0 0;*/
    /*-moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;*/
}

#pricingtable .top h2 {
    color: #fff;
    text-align: center;
    font: 300 30px/50px Helvetica, Verdana, sans-serif;
}

#pricingtable {
    width: 780px;
    margin: 100px auto;
}

/*Shape*/
.pricingtable {
    position:relative;
    width: 250px;
    height: 450px;
    background: white;
    margin: 5px;
    float: left;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 9px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 9px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 9px rgba(0,0,0,0.3);
}

/*Features*/
.pricingtable ul {
    list-style-type: none;
    font: 300 18px/2 Helvetica, Verdana, sans-serif;
    margin:0;
    padding:0;
}

    .pricingtable ul strong {
        font-weight: bold;
    }

/*Dividing Line*/
.pricingtable hr {
    border: 0;
    background-color: #BCBEC0;
    color: #BCBEC0;
    height: 1px;
    width: 190px;
    margin: 20px 0 0 30px;
}

/*Price*/
.pricingtable h1 {
    text-align: center;
    font: bold 88px/1 Helvetica, Verdana, sans-serif;
    margin: 20px 0 0 0;
}

    .pricingtable h1 sup {
        font-size: 45px;
    }

.pricingtable p {
    text-align: center;
    font: 500 14px/1 Helvetica, Verdana, sans-serif;
    color: #BCBEC0;
}

/*Button*/
.pricingtable a {
    position:absolute;
    bottom:0;
    display: block;
    height: 40px;
    width: 100%;
    color: #fff;
    margin: 0;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font: 500 16px/40px Helvetica, Verdana, sans-serif;
    /*Gradient*/
    background: #9dcc55; /* Old browsers */
    background: -moz-linear-gradient(top, #9dcc55 0%, #96c23d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dcc55), color-stop(100%,#96c23d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9dcc55 0%,#96c23d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #9dcc55 0%,#96c23d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #9dcc55 0%,#96c23d 100%); /* IE10+ */
    background: linear-gradient(top, #9dcc55 0%,#96c23d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dcc55', endColorstr='#96c23d',GradientType=0 ); /* IE6-9 */
}

.pricingtable a:hover {
    background: #b2e560; /* Old browsers */
    background: -moz-linear-gradient(top, #b2e560 0%, #96c23d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e560), color-stop(100%,#96c23d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b2e560 0%,#96c23d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b2e560 0%,#96c23d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b2e560 0%,#96c23d 100%); /* IE10+ */
    background: linear-gradient(top, #b2e560 0%,#96c23d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e560', endColorstr='#96c23d',GradientType=0 ); /* IE6-9 */
}


/*Scaled Version*/
.featured {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}


.credit-card-box .panel-title {
    display: inline;
    font-weight: bold;
}

.credit-card-box .form-control.error {
    border-color: red;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,0,0,0.6);
}

.credit-card-box label.error {
    font-weight: bold;
    color: red;
    padding: 2px 8px;
    margin-top: 2px;
}

.credit-card-box .payment-errors {
    font-weight: bold;
    color: red;
    padding: 2px 8px;
    margin-top: 2px;
}

.credit-card-box label {
    display: block;
}
/* The old "center div vertically" hack */
.credit-card-box .display-table {
    display: table;
}

.credit-card-box .display-tr {
    display: table-row;
}

.credit-card-box .display-td {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
/* Just looks nicer */
/*.credit-card-box .panel-heading img {
    min-width: 180px;
}*/
/*.panel-heading {
    
}*/

.panel-heading-sm {
    padding:0;
    font-size:12px;
    font-weight:bold;
    border-bottom:1px solid;

}

.sub-title {
    border-bottom: 1px solid lightgray;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
.riga-documento > .riferimento {
    text-transform: uppercase;
    font-weight: bold;
}

.riga-documento > [class*="col-"] {
    padding-left: 2px !important;
    padding-right:2px !important;

}
.pagination-label {
    line-height: 36px;
    margin: 0;
}

.pagination label {
    line-height: 36px;
    margin: 0;
}
#pdf,#viewer {
    height: 100%;
    overflow: hidden;
}
.modal-scroll {
    height: 80%;
    overflow: hidden;
    overflow-y: scroll;
    max-height: 500px;
}
.ng-pageslide {
    background-color: white;
}

.absolute{
    position:absolute !important;
}
.bottom-10 {
    bottom:10px !important;
}
body.ng-pageslide-body-open::before {
    content: '.';
    background-color: rgb(0,0,0);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    opacity: 0.5;
    transition: opacity 1s;
    opacity: 0.5;
    pointer-events: all;
}

body.ng-pageslide-body-closed::before {
    transition: opacity 1s;
    content: '.';
    display: block;
    position: absolute;
    top: 0;
    background-color: rgb(0,0,0);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    opacity: 0;
    pointer-events: none;
}
.pageslider-content {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.pageslider-head {
    position: fixed;
    width: 100%;
    background: #3c454d;
    color: #fff;
    padding: 15px 20px;
    border: none;
}
.pageslider-body {
    overflow-y: auto;
    height: calc(100% - 100px);
    margin-top: 47px;
    margin-bottom: 54px;
}
.pageslider-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    border-top: 2px solid #dfe0e1;
    background: #ebeced;
    padding: 10px 20px;
}

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}
.panel-container {
    margin-bottom: 50px;
}
.text-1-5{
    font-size:1.5rem;
}
.text-sm {
    font-size: 0.8em;
}
@media only screen and (max-width: 768px) {
    .margin-20 {
        margin: 2px;
    }

    .container-fluid {
        padding-left: 5px;
        padding-right: 5px;
    }

    .page-header-fixed {
        padding-top: 108px;
    }

    .nav .anno .ui-select-container {
        width: auto !important;
        margin-top: 2px !important;
        margin-right: 2px !important;
    }

    .navbar-nav > li > a {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .toolbar {
        height: auto;
        display: block;
    }
}
.over90 {
    overflow-y: auto;
    max-height: 90vh;
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sotto-giacenza {
    color: white;
    font-weight: bold;
    background-color: red;
}
/*COLOR ADMIN TEMPLATE*/
.panel .panel-heading .panel-heading-btn .btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn.btn-icon.btn-xs {
    width: 16px;
    height: 16px;
    font-size: 8px;
    line-height: 16px;
}
.btn.btn-icon.btn-xs-auto {
    width: auto;
    height: 16px;
    font-size: 8px;
    line-height: 16px;
}
.panel .panel-heading .panel-heading-btn {
    display: flex;
    align-items: center;
}

.panel .panel-heading .panel-heading-btn {
    float: right;
}

.btn.btn-icon {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    border-radius: 28px;
}
.btn.btn-icon-auto {
    width: auto;
    height: 28px;
    padding: 0;
    border: none;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    border-radius: 28px;
}

.ui-sortable .panel-heading {
    cursor: move;
}

.panel .panel-heading {
    padding: .75rem .9375rem;
    border: none;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.fs-16px {
    font-size: 16px !important;
}
.me-3 {
    margin-right: 0.9375rem !important;
}
.flex-fill {
    flex: 1 1 auto !important;
}
.panel .panel-heading .panel-title {
    /*font-size: .75rem;*/
    /*margin: 0;*/
    /*line-height: 1.35;*/
    flex: 1;
}
.ms-auto {
    margin-left: auto !important;
}
.fs-10px {
    font-size: 10px !important;
}
/*.btn.btn-xs {
    font-size: .6875rem;
    padding: 2px 6px;
}*/
.rounded-pill {
    border-radius: 50rem !important;
}
.color-picker-wrapper .input-group .color-picker-input {
    /*float: right !important;*/
}
.fl-r {
    float: right;
}