/* ELEMENTI COMUNI */

/* *** AdminLTE *** */

body {
    height: 100%;
        margin: 0;
        padding: 0;
}

.main-header {
    z-index: 1000;
}

.content-wrapper{
    position: relative;
}

@media(min-width: 768px){
    .content-wrapper:before {
        background-image: url('../img/logo-black.png');
        background-position: center center;
        background-repeat: no-repeat;
        content: ' ';
        display: block;
        height: 100%;
        left: 0;
        opacity: 0.04;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }
}

.content-wide {
    padding: 15px 0;
}

.content-header-wide {
    padding: 15px 0 0 0;
}

.overlay-loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    align-items: center;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    justify-content: center;
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}
.content-wrapper > .overlay-loader { display: flex; position: fixed; }

.fixed .content-wrapper {
    padding-top: 50px;
}

@media(min-width: 768px) and (max-width: 992px){
    .fixed .content-wrapper {
        padding-top: 100px;
    }
}

.content-header > h1 > small{
    font-size: 20px;
}

.bg-liquoriss {
    background-color: #0073b7 !important;
    color: #fff !important;
}

.input-group .input-group-addon{
    background-color: #f4f4f4;
}

.toolbar .input-group-addon, .toolbar .input-group-btn { width: auto !important; }
td .input-group-addon, td .input-group-btn { width: 1% !important; }

/* Box */
.box > .box-body > .box-content{
    margin-top: 10px;
}

.box > .box-body.scrollable {
    max-height: 400px;
    overflow-y: auto;
}

.box .img-responsive { margin: 0 auto; }

/* InfoBox */

.info-box {
    position: relative;
}

.info-box-icon {
    align-items: center;
    display: flex;
    height: 100%;
    position: absolute;
}
.info-box-icon > i {
    margin: 0 auto;
}

.info-box-content > span {
    display: block;
}

.info-box-title {
    font-size: 130%;
    padding-bottom: 5px;
}

.info-box-span-title {
    text-transform: uppercase;
    font-weight: bold;
}

.info-box-data {
    display: inline-block;
}

/* TABULAR */

.tabular.container, .tabular.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.tabular .row {
    margin: 0;
    padding:1em 0;
}

.tabular .row > form{
    /* align-items: center;
    display: flex; */
}

.tabular .row .checkbox {
    margin-bottom: 0;
    margin-top: 0;
}

.tabular > .tabular-header > .row, .tabular-header > .row{
    align-items: flex-end;
    border-bottom: 1px solid #d2d6de;
    display: flex;
    font-weight: bold;
    padding-bottom: 5px;
}

.tabular > .tabular-body > .row:nth-child(even){
  background-color: #ffffff;
}
.tabular-striped > .tabular-body >  .row:nth-child(odd),
.tabular-striped > .tabular-body > .rowNoItems,
.table-striped > tbody > tr:not(.hidden):nth-of-type(odd){
  background-color: #f4f4f4;
}

.tabular > .tabular-footer, .table > tfoot > tr > td, .table > tfoot > tr > th  {
    border-top: 1px solid #d2d6de;
}

.tabular .row > div, .tabular .row > form > div {
    padding: 0 5px;
}

.tabular div[class*='col-']{
    float: left;
}

.tabular .form-control{
    padding-left: 4px;
    padding-right: 4px;
}

.tabular .col-text{
    padding: 6px 4px !important;
}

.tabular .row span.value{
    padding: 6px 0;
}

.tabular .tabular-header div, th {
    overflow: hidden;
    text-overflow: ellipsis;
}

.tabular .handler {
    cursor: move;
}

.tabular .sortable-placeholder{
    border: 2px dashed gray;
    margin: 5px 0;
    padding: 5px;
}

@media(max-width: 767px){
    .tabular .form-control, .tabular .input-group, .tabular .select2 {
        margin-bottom: 2px;
        margin-top: 2px;
    }
    .tabular .input-group > .form-control {
        margin: 0;
    }
}

table.table > tbody > tr > td,
table.table > tbody > tr > th,
table.table > thead > tr > th  {
    vertical-align: middle;
}

table.table > tbody > tr > td.fit, table.table > thead > tr > th.fit, td.fit, th.fit{
    width: 1%;
    /* white-space:nowrap; */
    white-space: normal;
}
td.fit > .btn-group-justified {
    display: block;
}
table.table > tbody > tr > td.nowrap, table.table > thead > tr > th.nowrap {
    white-space: nowrap;
}

@media(max-width: 1199px){
    table.table > tbody > tr > td.fit, table.table > thead > tr > th.fit{
        /* white-space: unset; */
    }
}

table.table tr.inactive, table.table td.inactive, .tabular .row.inactive { color: #b9b9b9; }
table.table tr.inactive a:not(.btn), table.table td.inactive a:not(.btn), .tabular .row.inactive a:not(.btn), .tabular .row.excluded a:not(.btn) { opacity: 0.6; }
table.table tr.inactive span.label, table.table td.inactive span.label, .tabular .row.inactive span.label { background-color: #b9b9b9 !important; }

.table .table { margin-bottom: 0 }

.tabular .row.excluded {
    background-color: #f2dede !important;
    color: #999 !important;
}
.tabular .row.excluded span { text-decoration: line-through; }

.statusDisabled { color: #a3a3a3; font-style: italic; }

/* Navbar-buttons */
/* .navbar-buttons > div { padding: 5px 0; } */
.navbar-buttons .pull-left .btn{
    margin-right: 10px;
}

.navbar-buttons .pull-right .btn{
    margin-left: 10px;
}

.table td > .navbar-buttons { text-align: center; }

    .table td > .navbar-buttons.navbar-buttons-vertical > [role='button'] {
        display: block;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    /* per dispositivi mobile xs e xxs */
    @media(max-width: 1199px) {
        .table td > .navbar-buttons > [role='button'] {
            display: block;
            margin-bottom: 5px;
            margin-top: 5px;
        }
        .table td > .navbar-buttons > [role='button']:last-child { margin-bottom: 5; }
        .table td > .navbar-buttons > [role='button'] > button,
        .table td > .navbar-buttons > [role='button'] > input[type='button'],
        .table td > .navbar-buttons > [role='button'] > input[type='submit'] {
            width: 100%
        }
    }

/* +++ ALERTS +++ */
div[data-notify="container"]{
    box-shadow: 0 0px 6px rgba(0,0,0,0.3);
    font-size: 15px;
    /* padding: 10px; */
}

span[data-notify="icon"]{
    /* display: block;
    float: left;
    margin-top: 5px; */
}

span[data-notify="title"]{
    font-weight: bold;
    width: 100%;
}

span[data-notify="message"] {
    /* display: block;
    float: left; */
    padding: 0 5px;
}

/* Labels */
.label, span.label { font-size: 85%; }
@media(max-width: 479px){
    .label, span.label {
        display: inline-block;
        font-size: 75%;
        white-space: normal;
    }
}

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

.label-adminStatus { margin-top: 5px; }

span.label-pending, button.btn-pending { background-color: #777777; }
    button.btn-pending:hover, button.btn-pending:focus { background-color: #646464; color: #fff}

.label-sent, .btn-sent { background-color: #DE9226; }
    button.btn-sent:hover, button.btn-sent:focus { background-color: #B37011; color: #000}

span.label-approved, button.btn-approved, .progress-bar-approved { background-color: #337ab7; }
    button.btn-approved:hover, button.btn-approved:focus { background-color: #1266AB; color: #fff}

span.label-rejected, button.btn-rejected { background-color: #d9534f; }
    button.btn-rejected:hover, button.btn-rejected:focus { background-color: #BE2F2B; color: #fff}

span.label-completed, button.btn-completed { background-color: #5cb85c; }
    button.btn-completed:hover, button.btn-completed:focus { background-color: #369836; color: #fff}

span.label-ownstock, button.btn-ownstock { background-color: #A1375D; }
    button.btn-ownstock:hover, button.btn-ownstock:focus { background-color: #841B40; color: #fff}
span.label-courierstock, button.btn-courierstock { background-color: #A1375D; }
    button.btn-courierstock:hover, button.btn-courierstock:focus { background-color: #841B40; color: #fff}

span.label-delivered, button.btn-delivered { background-color: #604878; }
    button.btn-delivered:hover, button.btn-delivered:focus { background-color: #483078; color: #fff; }

span.label-inreservation, button.btn-inreservation { background-color: #b0bec5; }
    button.btn-inreservation:hover, button.btn-inreservation:focus { background-color: #90a4ae; color: #fff; }

span.label-unsettled, button.btn-unsettled { background-color: #777777; }
    button.btn-unsettled:hover, button.btn-unsettled:focus { background-color: #646464; color: #fff}

span.label-readyforshipping, button.btn-readyForShipping { background-color: #5F4A3C; }
    button.btn-readyForShipping:hover, button.btn-readyForShipping:focus { background-color: #44352b; color: #fff; }

span.label-settled, button.btn-settled { background-color: #5cb85c; }
    button.btn-settled:hover, button.btn-settled:focus { background-color: #369836; color: #fff}

.btn-pending, .btn-sent, .btn-approved, .btn-rejected, .btn-completed,
    .btn-ownstock, .btn-courierstock, .btn-delivered, .btn-inreservation, .btn-readyForShipping {
    color: #fff;
}

@media(max-width: 1199px){
    table.index span.label-readyforshipping {
        display: inline-block;
        /* text-overflow: ellipsis;
        overflow: hidden;
        width: 90px; */
        white-space: normal;
    }
}

/* @media(max-width: 768px) {
    .btn-pending, .btn-sent, .btn-approved, .btn-rejected, .btn-completed,
        .btn-ownstock, .btn-courierstock, .btn-delivered, .btn-link {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
} */

/* Hour and WeekDay Selector */

.hours-selector, .weekDays-selector{
    text-align: justify;
    width: 100%;
}

.hours-selector > div, .weekDays-selector > div{
    display: inline-block;
}

.hours-selector td, .weekDays-selector td{
    padding: 3px;
}

.weekDays-selector input {
  display: none !important;
}

.weekDays-selector input[type=checkbox] + label {
    border-radius: 6px;
    background: #44ab50;
    color:white;
    display: inline-block;
    font-weight:bold;
    /*height: 40px;
    width: 40px;
    line-height: 40px;
    margin-right: 3px;*/
    height: 2.5em;
    width: 2.5em;
    line-height: 2.5em;
    margin-right: 1em;
    margin-top: 1em;
    text-align: center;
    cursor: pointer;
}
.weekDays-selector input[type=checkbox]:checked + label {
    background: #d85a5a;
}

.weekDays-selector input[type=checkbox][disabled] + label {
    cursor: not-allowed;
    opacity: 0.8;
}

.hours-selector input {
  display: none!important;
}
.hours-selector input[type=checkbox] + label {
  display: inline-block;
  border-radius: 6px;
  background: #d85a5a;
  color:white;
  font-weight:bold;
  /*height: 28px;
  width: 28px;
  margin-right: 3px;
  line-height: 28px;*/
  height: 2em;
  width: 2em;
  line-height: 2em;
  margin-right: 1em;
  margin-top: 1em;
  text-align: center;
  cursor: pointer;
}

.hours-selector input[type=checkbox]:checked + label {
  background: #44ab50;
}

.hours-selector input[type=checkbox][disabled] + label {
    cursor: not-allowed;
    opacity: 0.8;
}

/* Buttons */
.btn-link:focus,
.btn-link:focus:focus{
    outline:none;
}

.btn-link:focus{
    text-decoration:none;
}
.btn-link:hover{
    text-decoration:underline;
}

.btn-outline {
    /* background-color: transparent; */
    background-color: #f4f4f4;
    border-color: inherit;
    color: inherit;
    /* transition: all .5s; */
}

.btn-primary.btn-outline {
    color: #3c8dbc;
}

.btn-success.btn-outline {
    color: #00a65a;
}

.btn-info.btn-outline {
    color: #00c0ef;
}

.btn-warning.btn-outline {
    color: #f39c12;
}

.btn-danger.btn-outline {
    color: #dd4b39;
}

.btn-primary.btn-outline:hover,.btn-primary.btn-outline:active,.btn-primary.btn-outline:focus,
.btn-success.btn-outline:hover,.btn-success.btn-outline:active,.btn-success.btn-outline:focus,
.btn-info.btn-outline:hover,.btn-info.btn-outline:active,.btn-info.btn-outline:focus,
.btn-warning.btn-outline:hover,.btn-warning.btn-outline:active,.btn-warning.btn-outline:focus,
.btn-danger.btn-outline:hover,.btn-danger.btn-outline:active,.btn-danger.btn-outline:focus {
    color: #fff;
}

/* Forms */

.form-inline .form-group{ margin-right: 10px; }
.form-inline .form-group:last-child{ margin-right: 0; }

form[role='button']{
    display: inline-block;
}

.form-control.form-control-xs { max-width: 50px; }
.form-control.form-control-sm { max-width: 75px; }
.form-control.form-control-md { max-width: 100px; }
.form-control.form-control-lg { max-width: 150px; }

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.optionGroup {
    font-weight: bold;
    font-style: italic;
}
.optionChild {
    padding-left: 15px;
}

.form-control.form-daterangepicker{
    /* width: 160px; */
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
}

/* Aggiunge un asterisco ai campi richiesti */
.form-group.required .control-label:after {
    content: "*";
    color: #dd4b39;
}

.form-group.mutual-required .control-label:after {
    content: "**";
    color: #3c8dbc;
}

textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
}

.textarea-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 70%;
}
.textarea-wrapper textarea {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -ms-flex-negative: 1;
        flex-shrink: 1;
}

input.spinner{
    text-align: center;
}

select option:disabled {
	font-weight:bold;
	color:black;
}
select option.outofstock, .select2-results__option.outofstock, span.outofstock, .panel-heading.outofstock {
    background-color: rgba(218, 15, 15, 0.26);
}
select option.Liquori, .select2-results__option.Liquori, span.Liquori, .panel-heading.Liquori {
    background-color: rgba(218, 118, 15, 0.12);
}
select option.Aperitivi, .select2-results__option.Aperitivi, span.Aperitivi, .panel-heading.Aperitivi {
    background-color: rgba(15, 218, 31, 0.12);
}
select option.Creme, .select2-results__option.Creme, span.Creme, .panel-heading.Creme {
	background-color: rgba(218, 15, 98, 0.12);
}
select option.Mieli, select option.Biscotti, select option.Altro,
.select2-results__option.Mieli, .select2-results__option.Biscotti, .select2-results__option.Altro,
span.Mieli, span.Biscotti, span.Altro,
.panel-heading.Mieli, .panel-heading.Biscotti, .panel-heading.Altro {
	background-color: rgba(15, 142, 218, 0.12);
}
select option.custom, .select2-results__option.custom, .custom {
	background-color: rgba(185, 218, 15, 0.12);
	font-weight:bold;
}

span.outofstock {
    background-color: rgba(218, 15, 15, 0.5);
}
span.Liquori {
    background-color: rgba(218, 118, 15, 0.5);
}
span.Aperitivi {
    background-color: rgba(15, 218, 31, 0.5);
}
span.Creme {
	background-color: rgba(218, 15, 98, 0.5);
}
span.Mieli, span.Biscotti, span.Altro{
	background-color: rgba(15, 142, 218, 0.5);
}
span.custom {
	background-color: rgba(185, 218, 15, 0.5);
	font-weight:bold;
}

h1 span.label, h2 span.label, h3 span.label, h4 span.label,
h5 span.label, h6 span.label { font-size: 55%; }

/* CATALOGUE */
.filter, .filterCategory, .filterSelected {
    display: none;
}

/* Smartphone */
@media(max-width: 479px){
    .list-sizer, .list-item {
        width: 100%;
        font-size: 80%;
    }
}

@media(min-width: 480px){
    .list-sizer, .list-item {
        width: 50%;
        font-size: 80%;
    }
}

@media(min-width: 768px){
    .list-sizer, .list-item {
        width: 50%;
        font-size: 90%;
    }
}

@media(min-width: 992px){
    .list-sizer, .list-item {
        width: 33.333%;
        font-size: 90%;
    }
}

/* Desktop */
@media(min-width: 1200px){
    .list-sizer, .list-item {
        width: 25%;
    }
}

.thumbnail {
    margin: 0 15px 20px 15px;
    padding: 5px;
}
.thumbnail.selected{
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.40);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.40);
}

.thumbnail.selected:after{
    color: #00A65A;
    content: '\f00c';
    /*filter: drop-shadow(0 0 2px #fff);*/
    font-family: FontAwesome;
    font-size: 3em;
    position: absolute;
    right: 0.6em;
    top: 0;
}

.hideme{
    display: none;
}

.thumbnail a>img{
    /* width: 100%; */
}

.thumbnail .price-container{
    padding-left: 0;
}

/* IMAGE GALLERY (unitegallery) */
.image-gallery .deleteImage{
    float: right;
}

.image-gallery {
    text-align: justify;
}

.image-gallery .thumbnail{
    display: inline-block;
    margin: 5px;
}

.image-gallery .thumbnail img{
    height: 160px;
}

.image-placeholder {
    height: 200px !important;
    line-height: 200px;
    text-align: center;
    width: auto;
}
.image-placeholder:after {
    content: "\f03e";
    font-family: FontAwesome;
    font-size: 3em;
    color: grey;
    height: 200px;
    display: inline-block;
    line-height: normal;
}

.image-available {
    background-color: #BA5252;
    display: flex;
    height: 200px !important;
    width: auto;
    cursor: pointer;
}

.image-available > h4 {
    color:white;
    align-self: center;
    text-align: center;
    width: 100%;
}

.image-not-available {
    background-color: #eee;
    display: flex;
    height: 200px !important;
    width: auto;
}

.image-not-available > h4 {
    align-self: center;
    text-align: center;
    width: 100%;
}

#products .list > .list-item{
    float: left;
}

/* DROPZONE */
form.dropzone {
    border-style: dashed;
    border-radius: 5px;
    margin-top: 10px;
    height: 80px;
    max-height: 80px;
    min-height: 0 !important;
    padding: 0;
}
form.dropzone .dropzone-previews {
    display: none;
}

/* CORREZIONI A BOOTSTRAP */

span.lead {
    font-weight: normal;
}

/* .hidden{ display: none; } */

.btn:focus, .btn:active, .btn:active:focus, .btn.focus, .btn.active,
    button.close:focus, button.close:active, button.close:active:focus, button.close.focus, button.close.active {
    outline: none !important;
}

.row .navbar-buttons{
    text-align: right;
}

canvas {
    /* min-height: 200px !important; */
}

/* form e controlli */

.checkbox-inline, .checkbox-inline+.checkbox-inline, .radio-inline, .radio-inline+.radio-inline {
    margin-left: 0;
    margin-right: 15px;
}
input.chkExclude, input.chkSelect { visibility: hidden; cursor: pointer;}
input.chkExclude:checked:after, input.chkExclude:after,
input.chkSelect:checked:after, input.chkSelect:after {
    visibility: visible;
    font-family: FontAwesome;
    /* font-size:14px; height: 14px; width: 14px; */
    position: relative;
    bottom: 2px;
    /* left: 0px; */
    background-color: transparent;
    /* display: inline-block; */
}
input.chkExclude:checked:after { color: #777; content: '\f046'; }
input.chkExclude:after { color: #a94442; content: '\f05e'; }
input.chkSelect:checked:after { color: #777; content: '\f046'; }
input.chkSelect:after { color: #777; content: '\f096'; }

.btn-group > .form-button {
    display: inline;
    margin-left: -3px;
}
.btn-group > .form-button:first-child:not(:last-child) > button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group > .form-button:not(:first-child):not(:last-child) > button {
    border-radius: 0;
}
.btn-group > .form-button:last-child:not(:first-child) > button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

input.form-daterangepicker {
    cursor: pointer;
}

input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance:textfield !important;
}

/* progress */
.progress { background-color: #eee; }

/* grid */
.visible-xxs-block, .visible-xxs-inline, .visible-xxs-inline-block { display: none; }

@media(max-width: 479px){
    .col-xxs-0-5 { width: 4.167% !important; }
    .col-xxs-1-5 { width: 12.5% !important; }
    .col-xxs-3-5 { width: 29.167% !important; }

    .col-xxs-1 { width: 8.333% !important; }
    .col-xxs-2 { width: 16.667% !important; }
    .col-xxs-3 { width: 25% !important; }
    .col-xxs-4 { width: 33.333% !important; }
    .col-xxs-5 { width: 41.667% !important; }
    .col-xxs-6 { width: 50% !important; }
    .col-xxs-7 { width: 58.333% !important; }
    .col-xxs-8 { width: 66.667% !important; }
    .col-xxs-9 { width: 75% !important; }
    .col-xxs-10 { width: 83.333% !important; }
    .col-xxs-11 { width: 91.667% !important; }
    .col-xxs-12 { width: 100% !important; }

    .col-xxs-offset-0 { margin-left: 0% !important; }
    .col-xxs-offset-1 { margin-left: 8.333% !important; }
    .col-xxs-offset-2 { margin-left: 16.667% !important; }
    .col-xxs-offset-3 { margin-left: 25% !important; }
    .col-xxs-offset-4 { margin-left: 33.333% !important; }
    .col-xxs-offset-5 { margin-left: 41.667% !important; }
    .col-xxs-offset-6 { margin-left: 50% !important; }
    .col-xxs-offset-7 { margin-left: 58.333% !important; }
    .col-xxs-offset-8 { margin-left: 66.667% !important; }
    .col-xxs-offset-9 { margin-left: 75% !important; }
    .col-xxs-offset-10 { margin-left: 83.333% !important; }
    .col-xxs-offset-11 { margin-left: 91.667% !important; }
    .col-xxs-offset-12 { margin-left: 100% !important; }

    .hidden-xxs{ display: none; }
    .visible-xxs-block { display: block !important; }
    .visible-xxs-inline { display: inline !important; }
    .visible-xxs-inline-block { display: inline-block !important; }
}

@media(max-width: 767px){
    .col-xs-0-5 { width: 4.167%; }
    .col-xs-1-5 { width: 12.5% }
    .col-xs-3-5 { width: 29.167%; }
}

@media(min-width: 768px){
    .col-sm-0-5 { width: 4.167%; }
    .col-sm-1-5 { width: 12.5% }
    .col-sm-3-5 { width: 29.167%; }
}

@media(max-width: 992px){
    .col-md-0-5 { width: 4.167%; }
    .col-md-1-5 { width: 12.5% }
    .col-md-3-5 { width: 29.167%; }
}

@media(max-width: 1200px){
    .col-lg-0-5 { width: 4.167%; }
    .col-lg-1-5 { width: 12.5% }
    .col-lg-3-5 { width: 29.167%; }
}

/* +++ Toolbar +++ */

.toolbar-inverse, .btn-toolbar-inverse {
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 5px 10px;
}

.toolbar > .toolbar.toolbar-transparent:last-child { margin-right: 0 }

.toolbar-transparent{
    background-color: transparent;
    border-color: transparent;
    padding-left: 0;
    padding-right: 0;
}

.toolbar > * { display: inline-block; float: right; }

.toolbar .ribbon { clear: both; display: block; /*float: none;*/ }
/* .toolbar .ribbon .form-group { float: right; } */

.toolbar .toggled-content { margin-left: 5px; margin-right: 5px; }

.toolbar .form-group.toggle-container:not(:last-child) { margin-right: 15px; }
.toolbar .toggle-container > .toolbar-toggle {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    float: right;
}

.box .toolbar form { width: 100%; }
.toolbar .btn-group > form > .btn-group { margin: 0; }
.toolbar .align-right { margin-left: auto; }
.toolbar .align-left { margin-rigth: auto; }

.toolbar .form-group, .toolbar .btn-group {
    display: inline-flex;
    margin-top: 5px;
    margin-bottom: 5px;
    align-items: center;
    margin-right: 10px;
}
.toolbar .btn-toolbar { margin-left: 0; }
.toolbar .btn-toolbar > .btn-group { margin-right: 5px; }
.toolbar .form-group:last-child:not(.hidden){ margin-right: 0; }
.toolbar .input-group {display: inline-flex;}

.toolbar .form-group > label { margin-bottom: 5px; margin-top: 5px; white-space: nowrap; }

.toolbar .select2 { max-width: 240px; min-width: 200px; }
.toolbar .discount-spinner { max-width: 50px; }

.toolbar label.btn { margin-bottom: 0; margin-top: 0; }

@media(max-width: 767px){
    .toolbar > * {
        display: block;
    }

    .toolbar .order-tools-ribbon { float: right; max-width: 220px; }

    .toolbar .btn-toolbar.ribbon { width: 100%; }
    .toolbar .btn-toolbar.ribbon .btn { width: 100%; }
    .toolbar .btn-toolbar.ribbon { clear: both; margin: 0; }

    .toolbar .btn-toolbar.ribbon .form-group {
        clear: both;
        display: block;
        margin-right: 0;
    }

    .toolbar .form-group { width: 100%; }
    .toolbar .form-group > label{ display: block; }
    .toolbar .form-group:last-child { margin-bottom: 0; }

    .toolbar .form-group > .btn,
    .toolbar .form-group .select2,
    .toolbar .form-group .form-daterangepicker,
    .toolbar .form-group .input-group {
        width: 100%;
        max-width: none !important;
    }

    .toolbar .input-group > .form-daterangepicker{ width: auto;}
}

/* Toolbar XXS */
@media(max-width: 479px){
    .toolbar .btn-toolbar.ribbon .form-group, .toolbar .form-group {
        width: 100%;
    }
}

/* @media(max-width: 991px){
    .box-body .toolbar .form-group { width: 100% }
    .toolbar .form-group .select2, .toolbar .form-group .form-daterangepicker{
        width: 100%;
        max-width: none !important;
    }
} */

/* +++ Dropdown +++ */
.dropdown-filters > ul{
    background-color: #f4f4f4;
    border-color: #ddd;
    padding: 10px;
}

.dropdown-filters > ul > li { padding-top: 10px; }
.dropdown-filters > ul > li:first-child { padding-top: 0; }

/* +++ Pagination +++ */
.pagination-wrapper {
    text-align: center;
}
.pagination-counter{
    float: right;
    margin: 20px 0;
}

/* +++ Scroll to top +++ */
#backToTop {
    bottom: 20px;
    border-radius: 50%;
    cursor: pointer;
    display:none;
    height: 3em;
    opacity: 0.8;
    padding: 15px;
    position: fixed;
    right: 10px;
    width: 3em;
}

/* +++ Panels +++ */

.panel > .panel-group > .panel {
    margin: 0;
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-top: none;
}

.panel-group { margin-bottom: 0; }

.panel-heading[data-toggle]{
    cursor: pointer;
}

/* +++ List Groups +++ */
.modal .modal-body.scrollable{
    max-height: 300px;
    overflow-y: auto;
}

.modal-body .list-group.list-group-modal { margin: -15px; }
.modal-body .list-group-modal .list-group-item {
    background-color: transparent;
    border-color: #f4f4f4;
    border-left: 0;
    border-right: 0;
}
.modal-body .list-group-modal > .list-group-item:first-child {
    border-radius: 0;
    border-top: 0;
}
.modal-body .list-group-modal > .list-group-item:last-child {
    border-radius: 0;
    border-bottom: 0;
}
.modal-body .list-group-modal > .list-group-item .fa { margin-right: 5px; }
.modal-body .list-group-modal > .list-group-item a { color: #fff; }
.modal-info .list-group-item { border-color: #00a7d0 !important; }
.modal-danger .list-group-item { border-color: #d33724 !important; }
.modal-warning .list-group-item { border-color: #db8b0b !important; }
.modal-success .list-group-item { border-color: #008d4c !important; }
.modal-info .btn-outline, .modal-danger .btn-outline, .modal-warning .btn-outline,
.modal-success .btn-outline {
    border-color: initial;
    background-color: inherit;
}

.list-group-item .btn-link { padding-bottom: 0; padding-top: 0; }

/* .list-group-item input[type="checkbox"], .list-group-item input[type="radio"],
.panel-heading input[type="checkbox"], .panel-heading input[type="radio"] {
    margin-top: 0;
    margin-bottom: 2px;
    vertical-align: middle;
}
.panel-heading i { vertical-align: middle; } */
.panel-heading .checkbox, .list-group-item .checkbox {
    margin-bottom: 0; margin-top: 0;
}
/* .panel-heading .checkbox > label, .list-group-item .checkbox > label { width: 100% } */
.list-group-item .checkbox > label { width: 100% }
.panel > .panel-group > .panel .list-group-item .checkbox { margin-left: 30px; }

.modal-body .modal-body-container { min-height: 100px }

.modal-inactiveCustomers .modal-body {
    background-color: transparent !important;
}

/* +++ SELECT2 +++ */
.select2 {
    width: 100% !important;
}


.select2-selection--single:focus {
    border-color: #3c8dbc;
}

    /* Correzione per gli stati di validazione per Select2 */
    .navbar-brand-logo{
        padding: 5px 10px 5px 5px;
    }

    .login-page img{
        height: 128px;
    }

    .has-success .select2-selection {
        border-color: #00a65a !important;
    }
    .has-error .select2-selection {
        border-color: #dd4b39 !important;
    }

    button .label, a .label{
        font-size: 9px;
        line-height: .9;
        padding: 2px 3px;
        right: 7px;
        text-align: center;
        top: -9px !important;
    }

    .lg-lead{
        font-size: 2em;
    }

    .text-ellipsis{
        overflow: hidden;
        text-overflow: ellipsis;
    }

/* +++ PACE.js +++ */
.pace .pace-activity{
    left: 17px;
    top: 17px;
}

@media (max-width: 767px) {
    .pace .pace-activity{
        right: 40px;
    }
}

/* +++ fullCalendar.io +++ */
.fc-toolbar.fc-header-toolbar { margin-bottom: 0; }
td.fc-widget-content { border-bottom: none }

.fc-day, .fc-day-top, .fc-event { cursor: pointer; }
.fc-day-number { padding: 5px !important; }
.fc-day-grid { overflow-x: hidden; }

.fc-event { font-size: 1em; }
/* .fc-agendaDay-view { font-size: 110%; } */
.fc-agendaWeek-view .fc-event, .fc-agendaDay-view .fc-event { min-height: 30px; }
.fc-button:focus, .fc-button:active, .fc-button:active:focus,
    .fc-button.focus, .fc-button.active  {
    outline: none !important;
}

.fc-scroller {
    height: auto !important;
    min-height: 100px;
    overflow-x: auto !important;
    overflow-y: auto !important;
}

.fc-list-item a { cursor: pointer }

/* .fc-day-grid-event > .fc-content {
    white-space: normal;
} */

@media(max-width: 479px){
    .fc-left, .fc-center, .fc-right {
        display: inline-block;
        float: none !important;
        padding: 5px 0;
    }

    .fc-center > h2 { font-size: 1.5em; }
}

@media(min-width: 480px){
    .fc-center {
        clear: both;
        display: block;
        padding-top: 10px;
        text-align: center;
        width: 100%
    }
    .fc-center > h2 { width: 100% }
}

/* === Particular rules === */

@media(max-width: 767px){
    .quoteItem span.productName {
        font-size: 16px;
    }
}


.btn_show_product{
    border-radius: 3px;
    padding: 6px 0px;
}

.product_modal_content{
    margin: auto;
    display: block; 
    text-align:center;
    width: 100%;
}

.display_block{
    display: block !important;
}

.filtriCapoArea {

}

.filtriCapoArea #filtriCapoAreaForm .form-group {
    flex-direction: column;
    width: 32%;
}

.filtriCapoArea #filtriCapoAreaForm .form-group label{
    width: 100%;
    cursor:pointer;
}

.filtriCapoArea #filtriCapoAreaForm .form-group .checkboxes-wrapper {
    border:1px solid #efefef;
    width: 100%;
}

.filtriCapoArea #filtriCapoAreaForm .form-group.closed .checkboxes-wrapper {
    display:none;
}

.filtriCapoArea #filtriCapoAreaForm .form-group.closed > label::after{
    content: "\F229";
    font-family: 'bootstrap-icons';
}

.filtriCapoArea #filtriCapoAreaForm .form-group.open > label::after{
    content: "\F235";
    font-family: 'bootstrap-icons';
}


.filtriCapoArea #filtriCapoAreaForm .form-group .checkboxes-wrapper .single-checkbox-wrapper {
    display: inline-block;
    padding: 5px 7px;
}

.filtriCapoArea #filtriCapoAreaForm .form-group .checkboxes-wrapper label{
    width: auto;
}

input[type=checkbox].sub_val_checkbox {
    margin-right:10px;
}

.sub_val_checkbox_wrapper {
    padding-left:10px;
    float:left;
}

.top-filters-wrapper {
}

.top-filters-wrapper .box-title {
    width: fit-content;
}

.checkboxes_wrapper_area {
    width: 100%;
    overflow: hidden;
}