.nav {
    list-style: none;
    list-style-type: none;
    list-style-position: unset;
}

.dropdown-menu {
    list-style: none;
    list-style-type: none;
    list-style-position: unset;
}

.left {
   text-align: left;
}
.right {
   text-align: right;
}

.valign-top {
   vertical-align: top;
}

.red {
   color: red;
}

.green {
   color: green;
}

.orange {
    color: orange;
}

/* Container dettaglio ordine */
.invoice {
    margin: 0;
}

.content {
    margin: 0;
    padding: 15px 8px;
}

.user-image .xxs {
    width: 25px;
    height: 25px;
}

.inline-block {
    display: inline-block;
}
.width-auto {
    width: auto;
}

.linethrough {
   text-decoration: line-through;
}

.select2-container--default .select2-selection--multiple {
   height: auto;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
   font-size: 14px;
   font-weight: normal;
}

th .form-control {
   font-weight: normal;
}

.profile-user-img {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    padding: 3px;
    border: 3px solid #d2d6de
}

.profile-username {
    font-size: 21px;
    margin-top: 5px
}

.user-panel>.image {
    min-width: 45px;
    min-height: 45px;
}

.form-control {
   padding: 6px;
}

.gravatar-28 {
   width: 28px;
   height: 28px;
}

.settings-restaurant-img {
    margin: 0 auto;
    width: 150px;
    height: 150px;
    padding: 3px;
    border: 1px solid #d2d6de;
}

.settings-restaurant-primary-img,
.marketing-app-notification-primary-image {
    margin: 0 auto;
    width: 100%;
    min-height: 150px;
    padding: 3px;
    border: 1px solid #d2d6de;
}

.valign-bottom {
   vertical-align: bottom;
}

/*
 * Progress Bar caricamento immagini
 */
.dz-progress {
   width: 90%;
   margin: 0 auto;
   border: 1px solid #ccc;
   background-color: #f4f4f4;
   z-index:100;
}
.dz-upload {
   display: block;
   background-color: #ccc;
   height: 10px;
   width: 0;
}

/**
 * jsTree custom CSS
 */
.jstree {
    max-height: 200px;
    overflow-y: auto;
}

.jstree-anchor.jstree-hovered.jstree-not-hover:not(.jstree-clicked) {
    background: none;
    box-shadow: none;
    cursor: default;
}

.jstree-anchor.jstree-hovered.jstree-not-hover .jstree-checkbox:hover {
    background-position: -164px -4px;
}

.jstree-leaf a {
    cursor: default;
}

.login-box-body {
    box-shadow: 1px 1px 10px #888888;
}
.login_logo {
    width: 200px;
    height: auto;

    border: 0;
}

.padding-5  { padding: 5px; }
.padding-10 { padding: 10px; }
.padding-15 { padding: 15px; }
.padding-20 { padding: 20px; }
.pt-20 {
    padding-top: 20px;
}

td .btn-group .dropdown-menu {
    left: auto;
    right: 0;
    position:absolute;
}
.chart-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.dataTables_info, div.dataTables_paginate {
    padding-left: 10px;
    padding-right: 10px;
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: -50%;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
}

.dropdown-menu {
    border-color: #ddd;
    background-color: #f4f4f4;
}

.dropdown-menu>.divider {
    background-color: #ddd;
}

.table>thead>tr>th, .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-color: #e4e4e4;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #f4f4f4;
}

.chart {
    overflow: visible;
}

.chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    color: white;
    padding: 3px;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    display: none;
}

.chartjs-tooltip-key{
    display:inline-block;
    width:10px;
    height:10px;
}

.chartjs-tooltip-key{
    display:inline-block;
    width:10px;
    height:10px;
}


table.dataTable thead > tr > th.text-right {
    padding-right:8px;
}

.restaurant-img {
    width: auto;
    height: 100px;
    display: inline-block;
}

.img-uploader {
    position: relative;
    width: 100%;
    height: 200px;
    font-size: 20px;
    background-color: #EEEEEE;
    border: 2px dashed;
    cursor: pointer;
}

.img-uploader-span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.change-accept-orders {
    padding: 8px;
}

.list-group-item strong {
    font-size: 13px;
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover, .datepicker table tr td span.old,
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover, a.disabled {
    color: #AAA;
}

#datepicker-container .datepicker, 
#delivery-datepicker-container .datepicker,
#print-datepicker-container .datepicker {
    position: relative;
    display: inline-block;
    float: none;
    top:auto !important;
    bottom:auto !important;
    left:auto !important;
    right:auto !important;
}

#datepicker-container .datepicker-dropdown:after, #datepicker-container .datepicker-dropdown:before,
#delivery-datepicker-container .datepicker-dropdown:after, 
#delivery-datepicker-container .datepicker-dropdown:before,
#print-datepicker-container .datepicker-dropdown:before,
#print-datepicker-container .datepicker-dropdown:after {
    content: none;
}
div.dataTables_scrollHead table,
div.dataTables_scrollBody table,
div.dataTables_scrollHead,
div.dataTables_scrollBody,
div.dataTables_scrollFoot {
    width:100% !important;
}

.pb-5 {
    padding-bottom: 5px;
}

.pt-5 {
    padding-top: 5px;
}

.tr-modified {
    position: absolute;
    background-color: #00c0ef;
    opacity: 0.7;
    left: 15px;
    right: 15px;
    color: #FFFFFF;
    padding-left: 15px;
}

tr:hover .tr-modified {
    background-color: #00c0ef;
}

.tr-modified.fail, tr:hover .tr-modified.fail:hover {
    background-color: #f56954;
}

.tr-modified.success, tr:hover .tr-modified.success:hover {
    background-color: #00a65a;
}

.progress-bar-purple {
    background-color: #932ab6;
}

.label-accepted {
    background-color: #00e67e !important;
}
.label-delivered {
    background-color: #00a65a !important;
}
.label-refunded {
    background-color: #001f3f !important;
}
.label-notprinted {
    background-color: #ccc !important;
}
.label-payment{
    color:#FFF !important;
    font-size:14px;
    padding:10px;
    font-family:'Source Sans Pro',sans-serif;
    display:inline-block;
    margin-top:17px;
    margin-right:20px;
    float:right;
}
.label-paid {
    background-color: #00a65a !important;
}
.label-unpaid {
    background-color: #dd4b39 !important;
}
/*
 * rimpicciolisco timepicker freeze fattorini
 */
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table td span {
   height: 20px;
   line-height: 20px;
   width: 20px;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto;
}

.input-xs { width: 60px; }
.input-xxs { width: 40px; }
a[data-action="delete-category-ingredients"]{
    cursor:pointer;
}
label.pl-0{
    padding-left:0;
}

.dropdown-menu.upper {
    top: auto;
    bottom:100%;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    position: relative;
    padding-right: 10px;
}

.delivery-clonable {
    position: relative;
}

.remove-delivery-clonable {
    position: absolute;
    top: 5px;
    left: 0;
}

.remove-prices-clonable {
    margin-top: 5px;
}

.square {
    width: 10px;
    height: 10px;
    display: inline-block;
}

.autocomplete-suggestion {
    padding: 7px;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
    font-size:22px;
}




table tr .btn-group ul {
    top:auto;
    margin-top:0;
}

.btn-group > div.btn-group-flex {
    display: flex;
}

.open + .dropdown-menu {
    display: block;
}

div.DTFC_LeftHeadWrapper table.dataTable {
    margin-bottom: 0 !important;
}

.DTFC_LeftBodyLiner {
    overflow: hidden;
}

div.DTFC_LeftBodyLiner > table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

div.DTFC_LeftFootWrapper table.dataTable {
    margin-top: 0 !important;
    border-top: none;
}

div.DTFC_LeftHeadWrapper > table > tbody > tr:first-child > th, div.DTFC_LeftBodyLiner > table > tbody > tr:first-child > td {
    border-top: none;
}

.DTFC_LeftHeadWrapper, .DTFC_LeftBodyWrapper, .DTFC_LeftFootWrapper {
    background-color: #FFFFFF;
}

.restaurant-logo {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
}

.drag-handle {
    font-size: 22px;
    cursor:move;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#panelZone {
    margin-bottom: 20px
}



.dataTable tbody tr {
    height: 75px;
}

.overlay-wrapper .overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

#flashmessage .alert {
    margin-top: 16px;
    margin-bottom: 16px;
}

.box-product-img{
    min-height: 600px;
}



@media (max-width: 991px) {
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
        background: #f4f4f4;
    }
}

@media (max-width: 767px) {
    .skin-green .main-header .navbar .dropdown-menu li a {
        color: #777;
    }
    .skin-red .main-header .navbar .dropdown-menu li a {
        color: #777;
    }
    .skin-red .main-header .navbar .dropdown-menu li a:hover {
        background-color: #e1e3e9;
        color: #333;
    }
}