html {height:100%}
body {min-height:100%;}
#ajax_loader {z-index:9999;background:rgba(0, 0, 0, 0.9);display:flex}
#ajax_loader i {font-size:100px}
#content {/*overflow:hidden*/}
#user_alert {position:fixed;right:0;bottom:0;z-index:999}
.main_container {min-width:350px}
.card-body {padding:15px}
.button_menu {display:inline-block;padding:15px 15px 5px 10px;border-radius:0px 15px 15px 0px}
.logo {padding:10px 15px;}
.logo img {max-height:21px}
.navbar_top {}
.menu_button {font-size:30px;padding:0;line-height:1.0em}

/* NEW */
.btn_xsmall {font-size:12px}
._filter_ {cursor: pointer;margin: 0;}
.sortable_arrow, .label_head_arrow {display: initial;}
.sync_button {color:white!important;position:absolute;top:0;right: 10px;font-size: 14px;padding-left:3px;padding-right: 3px;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/* END NEW */


.wrapper {display:flex;width:100%;align-items:stretch;/*overflow: hidden;*/}
#sidebar {min-width:275px;max-width:275px;min-height:100vh;transition:all 0.3s;justify-content:space-between;flex-direction:column;/*display:flex;*/}
#sidebar.active {margin-left:-250px;}
.left_menu_link {display:block;padding:5px 15px}

#nav-icon3 {width:30px;height:25px;position:relative;-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;
-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;display:inline-block}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {display:block;position:absolute;height:5px;width:100%;border-radius:9px;
opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}

#nav-icon3 span:nth-child(1) {top:0px;}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {top:8px;}
#nav-icon3 span:nth-child(4) {top:16px;}
#nav-icon3.open span:nth-child(1) {top:8px;width:0%;left:50%;}
#nav-icon3.open span:nth-child(2) {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#nav-icon3.open span:nth-child(3) {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#nav-icon3.open span:nth-child(4) {top:8px;width:0%;left:50%;}

.btn-circle {border-radius:100%;padding-left:0;padding-right:0;width:36px;height:36px}
.btn-circle.btn-lg {width:48px;height:48px}
.btn-circle.btn-sm {width:32px;height:32px}

input[type="checkbox"][readonly] {pointer-events:none;opacity:0.5}
.card_user {padding:0;position:relative}
.user_img {text-align:center;font-size:100px;min-height:150px;}
.active_user {position:absolute;top:15px;left:15px;font-size:20px}
.card_user a:hover, a:hover.text-decoration-none {text-decoration:none;}

.menu_item {padding:0px 15px;font-size:0.9em;text-transform:uppercase;position:relative;min-height:40px;border-bottom:solid 1px #CCC}
.dropdown_menu_child {position:absolute;right:0;top:0;height:100%;width:40px;background:#CCC;cursor:pointer;color:#919191;border-bottom:solid 1px #b9b9b9}
.menu_item.active {font-weight:700;color:#01749d !important}

.jodit_toolbar_btn.jodit_toolbar_btn-about {display:none}
.image_profile {width:30px;height:30px;border-radius:100%;overflow:hidden;display:inline-block;background:#e6d8a5}

.nav-tabs .nav-link {color:#ABABAB;background:#F9F9F9;border-bottom: 1px solid #dee2e6;}

input::file-selector-button {
  content: 'Scegli foto';
}
/* GRAFICI */
.filter_button {color:#a3a5b1;background:transparent;border:solid 1px #a3a5b1;padding: 0px 10px}
.filter_button:hover {color:#2B3387; background:transparent;border:solid 1px #2B3387;}
.filter_button:focus, .filter_button:active, .filter_button_active{color:#fff;border:solid 1px #ffc107; background: #ffc107}

.labelItemMobile {font-size: 15px;}
.listItem {padding-top:10px;padding-bottom:10px;background-color: #fdfdfd;}
.editItem {display:inline-flex;width:35px;justify-content:end}
.formLabel {font-size:12px;font-weight:600;position:relative}
.form-label {font-size:14px;font-weight:600;position:relative}

.orderByArrow {position:absolute;top:0;right:0;-webkit-appearance: none;border:none;text-align:center}
.orderByArrow label {cursor:pointer}

.labelDashboardPrimary {font-size: 20px; font-weight: bold;}
.labelDashboardSecondary {font-size: 18px;}

.labelPrice {font-size: 18px; font-weight: bold;}

.fade-top {animation: fade-top .3s linear;}
.fade-bottom {animation: fade-bottom .3s linear;}
@keyframes fade-top {
0% {transform: translateY(-25px);}
100% {transform: translateY(0);}
}
@keyframes fade-bottom {
0% {transform: translateY(25px);}
100% {transform: translateY(0);}
}


.accordion_btn_menu:not(.collapsed) {background:#5ed0f9}
.accordion_btn_menu {background:#e1f7ff;border-radius:5px;padding-left:10px;z-index:5}
.accordion_body_menu {padding-bottom:0;padding: 15px 0px 0px;border-left: solid 5px #5ed0f9;margin-left:10px}
.accordion-button:hover {z-index: 5;}
.iconHeaderPanel {min-width:30px;margin-right:10px;text-align:center}
.categoryName {position:relative;line-height:1}
.sticky_header {background-color:rgb(244 244 244 / 50%);padding:15px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.sticky_category {background: #5ed0f9;padding: 5px 15px;color: #000;z-index:2;margin-left:10px;margin-top:-35px}
.iconStickyPanel {width:25px;display:inline-block}

.allItem {width:25px;height:25px;display:inline-block;margin-top:5px} 
.allItem img {width:100%}
.allItemFilter img {width:30px}
.checkInput {display:none}
.labelInput {cursor: pointer;display: inline-flex;align-items: center;padding:5px 10px 5px 5px;margin: 7px 5px;position: relative;border: solid 1px #CCC;border-radius: 5px;opacity: 0.5;}
.checkInput:checked + .labelInput {border:solid 2px #198754;font-weight: 600; color: #198754;opacity: 1;}
.checkInput:checked + .labelInput:before {font-family: FontAwesome; content: "\f14a";position: absolute;width: 20px;height:20px;font-size:16px;margin-top:-28px;margin-left: -9px;display: flex;align-items: center;justify-content: center;}

@media (max-width: 768px) {
    #sidebar { margin-left:-275px;}
    #sidebar.active {margin-left:0;}
  .status_shimpment_plan {max-width:100px}
  .mobile_fixed_w {min-width:82px;display:inline-block}
  .dinamic_result{left:15px;max-height:400px;}
  .sync_button {color:white!important;position:absolute;top:17.5px;right: 16px;font-size: 14px;padding-left:3px;padding-right: 3px;}
}

@media (min-width: 1500px) {
  .container {max-width: 1200px;}
}

@media (min-width: 1700px) {
  .container {max-width: 1360px;}
}

@media (min-width: 1200px){
  .modal-xl {max-width: 1040px!important;}
}
@media (min-width: 992px){
  .modal-xl {max-width: 800px;}
}