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:40px}
.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: 0px;font-size: 14px;padding-left:2px;padding-right: 2px;}

/* 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:250px;max-width:250px;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:38px;height:38px}
.btn-circle.btn-lg {width:48px;height:48px}
.btn-circle.btn-sm {width:31px;height:31px}

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:#0c85aa !important}

.jodit_toolbar_btn.jodit_toolbar_btn-about {display:none}

._attributes_tab_ {position:relative;padding-top:60px;min-height:120px;background:#F9F9F9;border-left:solid 5px #CCC}
.marked_as_label {padding:5px 10px;font-size:10px;display:inline-block;text-transform:uppercase;border-radius:5px}

.card_label {margin-left:15px;display:inline-block;padding:5px 15px;border-radius:10px 10px 0px 0px}
.label_product {font-weight:600}

.collapse_h {overflow:hidden;max-height:1px;transition:max-height 0.25s ease-out;}
.collapse_h .funkyradio {padding-top:15px}
.fake_btn {cursor:pointer;position:relative}
.fake_btn  .fake_btn_icon {position:absolute;right:15px;top:0;height:100%}

.list-group-item {padding:0}
.right_scroll_menu_product {margin-top:30px}
.main_list_right {position:relative}
.btn_right_menu {position:absolute;right:0;top:0;height:100%}
.smooth_scroll {padding:5px 15px;display:block}
.sublist_right {padding-left:33px;font-size:14px;}

.append_search_input {position:relative;display:inline-block;font-size:14px;padding:5px 30px 5px 10px;margin-bottom:5px;margin-right:5px;border-radius:5px}
.remove_search_append {position:absolute;top:5px;right:10px;cursor:pointer}

.funkyradio {position:relative}
.funkyradio div {clear:both;overflow:hidden;}
.funkyradio label {width:100%;border-radius:3px;border:1px solid #D1D3D4;font-weight:normal;}
.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {opacity:0;position:absolute;top:-25px;left:15px;}
.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {position:relative;line-height:2.5em;text-indent:3.25em;
cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}
.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {position:absolute;display:block;top:0;bottom:0;left:0;
content:'';width:2.5em;background:#D1D3D4;border-radius:3px 0 0 3px;}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {color:#888;}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {font-family:"Font Awesome 5 Free";font-weight:bold;content:'\f00c';text-indent:.75em;color:#C2C2C2;}
.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {color:#777;}
.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {font-family:"Font Awesome 5 Free";font-weight:bold;content:'\f00c';text-indent:.75em;color:#333;background-color:#ccc;}
.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {box-shadow:0 0 0 3px #999;}
.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {color:#333;background-color:#ccc;}
.funkyradio-primary input[type="radio"]:checked ~ label:before, 
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {color:#fff;background-color:#337ab7;}
.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {color:#fff;background-color:#5cb85c;}
.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {color:#fff;background-color:#d9534f;}
.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {color:#fff;background-color:#f0ad4e;}
.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {color:#fff;background-color:#5bc0de;}

#video-container.viewport {position:relative;width:100%;max-width:500px;max-height:450px;overflow:hidden;display:flex;background:#333;}
canvas.drawing, canvas.drawingBuffer {position:absolute;top:0;left:0}
#video-container.viewport > canvas, #video-container.viewport > video {max-width:100%;width:100%;}

.torch_btn {display:inline-block;text-align:center;vertical-align:middle;padding-top:15px;margin-bottom:0}
._box_product_list_ {position:absolute;top:0;width:250px;right:40px;}
.user_riconc_post_top {font-size:12px;padding:5px 15px}

.box_giacenza_list {position:absolute;background:#212529;color:#fedc77;font-size:0.6em;padding:0px 3px;border-radius:5px;top:-7px;right:-2px;}
.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;}

/* 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 #17a2b8; background: #17a2b8}

/* SELECT RESULT */
.dinamic_result{display:none;border:solid 1px #CCC;left:18px;z-index:999;border-radius: 0.2em;max-height:400px;overflow-y: scroll;}


@media (max-width: 768px) {
    #sidebar { margin-left:-250px;}
    #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;}
	#header_search_bar{top: 5px; height: initial;}
}

@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;}
}