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:10px 12px 8px 12px;border-radius:0px 15px 15px 0px}
.logo {padding:4px 15px 5px 15px}
.logo img {max-height:40px}


/* 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;
}

/* PERSONALIZZO BOTTONE PRIMARY */
.btn-primary {background-color: #0097e1 !important;border-color: #0097e1 !important;}
.btn-primary:hover {background-color: #0081c1 !important;border-color: #0081c1 !important;}
.btn-primary:active {background-color: #006ba1 !important;border-color: #006ba1 !important;}
.btn-primary:disabled {background-color: #66c8f1 !important;border-color: #66c8f1 !important;opacity: 0.65;}

.btn-primary-dark {background-color: #046cb9;border-color: #046cb9; color: #FFF}
.btn-primary-dark:hover { background-color: #035a9d;border-color: #035a9d; color: #FFF}
.btn-primary-dark:active {background-color: #024a8a;border-color: #024a8a; color: #FFF}
.btn-primary-dark:disabled {background-color: #5fa1d8;border-color: #5fa1d8;opacity: 0.65;  color: #CCC}

.bg-primary {background-color: #0097e1 !important;}
.bg-primary-dark {background-color: #046cb9 !important;}
.text-primary {color: #046cb9 !important}


/* CLASSI PACCHETTI */
.bg-trial {color: #0b3b4c; background: linear-gradient(135deg, rgb(255 248 218) 0%, rgb(255 235 171 / 97%) 100%);}
.bg-solo {color: #0b3b4c; background: linear-gradient(135deg, rgb(229, 241, 247) 0%, rgb(128, 198, 230) 100%);}
.bg-team {color: #0b3b4c; background: linear-gradient(135deg,rgb(230,247,237) 0%,rgb(129,219,230) 100%);}
.bg-multi {color: #0b3b4c; background: linear-gradient(135deg,rgb(240,247,230) 0%,rgb(165,230,129) 100%);}
.bg-consulenti {color: #0b3b4c; background: linear-gradient(135deg,rgb(247,230,247) 0%,rgb(220,129,230) 100%);}

.popover {background-color: #e1ebef;}

.card-disabilitato {position: relative;pointer-events: none; opacity: 0.5; /* per dare un effetto di disabilitazione */}
.card-disabilitato::after {
  content: "\26D4"; /* Unicode per il simbolo di divieto ⛔ */
  font-size: 80px;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #CCC;
  opacity: 0.25;
}

.active-plan {
  position: absolute;
  top: 10px;
  right: -40px;
  transform: rotate(45deg);
  padding: 10px;
  font-size: 0.65em;
  font-weight: bold;
  width: 130px;
  text-align: center;
}

.current-piano {border:  solid 3px #08387f;transform: scale(1.05);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.45)!important;transition: all 0.5s ease-in-out;}


/*#modal_licenza_scaduta .modal-content {pointer-events: none;}*/


._count_unread_ {
    position: absolute; 
    right: -10px; 
    top: -6px; 
    width: 18px; 
    height: 18px; 
    background: red; 
    text-align: center;
    color: #fff;
    font-size: 10px; 
    border-radius: 100%; 
    border: solid 2px #FFF;}

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

.avatar-uploader {
    cursor: pointer;
}
.avatar-placeholder {
    width: 100px;
    height: 100px;
    border: 1px dashed #ccc;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 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;*/
  box-shadow: 2px 0 5px rgba(0,0,0,0.1);
}
#sidebar.active {margin-left:-270px;}
.left_menu_link {display:block;padding:5px 15px}
.menu_item {
  /*padding:0px 15px;
  border-bottom:solid 1px #CCC;*/
  position:relative;
  min-height:40px;
  text-transform:uppercase;
  font-size:0.9em;
  padding: 5px 15px;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  color: #615d5d;
  transition: background 0.2s;
}
.menu_item.active {
  font-weight:700;
  color:#025d7d !important
}
.menu_child_collapse {
    background-color: #ffffff78;
    opacity: 0.9;
}

.dropdown_menu_child {
  position:absolute;
  right:0;
  top:0;
  height:100%;
  width:40px;
  cursor:pointer;
  color:#919191;
  /*background:#CCC;
  border-bottom:solid 1px #b9b9b9;*/
}

.dropdown_menu_child i {
    transition: transform 0.3s ease;
}
.menu_item:not(.collapsed) .dropdown_menu_child i {
    transform: rotate(180deg);
}

/* freccia rotante quando si apre un collapse */
.dropdown_collapse i {
    transition: transform 0.3s ease;
}
.custom_collapse:not(.collapsed) .dropdown_collapse i {
    transform: rotate(180deg);
}

.navbar_top {background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
.menu_button {font-size:30px;padding:0;line-height:1.0em}
#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}


.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:70px;min-height:120px;}
.active_user {position:absolute;top:15px;left:15px;font-size:20px}
.card_user a:hover, a:hover.text-decoration-none {text-decoration:none;}

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

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

input::file-selector-button {
  content: 'Scegli foto';
}

.tag_img {text-align:center;font-size:52px;min-height:100px;}
.tag_active {position:absolute;top:15px;left:15px;font-size:20px}
.tag_text {text-decoration: underline;}
.tag_text:hover {text-decoration: none;}

.icon_service {font-size: 3rem;padding: 1rem;transition: all 0.3s ease;}

.todo-card:hover {transform: translateY(-4px);}

/* 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:#0097e1; color: #fff}
.accordion_btn_menu {background:#e1f7ff;border-radius:5px;padding-left:10px;z-index:5;color: #046cb9}
.accordion_body_menu {padding-bottom:0;padding: 15px 0px 0px;border-left: solid 5px #0097e1;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: #0097e1;padding: 5px 15px;color: #000;z-index:2;margin-left:10px;margin-top:-35px; color: #fff}
.iconStickyPanel {width:25px;display:inline-block}

.accordion-button:not(.collapsed)::after {/* Accordion APERTO */ filter: brightness(0) invert(1); /* Bianco */}
.accordion-button.collapsed::after {/* Accordion CHIUSO */ filter: invert(22%) sepia(98%) saturate(1785%) hue-rotate(183deg) brightness(92%) contrast(101%); /* #046cb9 */}

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


/* checkbox radiobox funkyradio */
.funkyradio div {
    clear: both;
    /*margin: 0 50px;*/
    overflow: hidden;
}
.funkyradio label {
    /*min-width: 400px;*/
    width: 100%;
    border-radius: 3px;
    /*border: 1px solid #D1D3D4;
    font-weight: normal;*/
  
}

.funkyradio label:before {
  display: flex !important;
  align-items: center;
}
.funkyradio input[type="radio"]:empty, .funkyradio input[type="checkbox"]:empty {
    display: none;
}
.funkyradio input[type="radio"]:empty ~ label, .funkyradio input[type="checkbox"]:empty ~ label {
    position: relative;
    /*line-height: 2.5em;
    text-indent: 3.25em;*/
  padding: 15px 15px 15px 60px;
    margin-top: 2em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.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: #F5F5F5;
    border-radius: 3px 0 0 3px;
}
.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: 900;
  content:'\f00c';
    text-indent: .8em;
    color: #C2C2C2;
}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label, .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #888;
}
.funkyradio input[type="radio"]:checked ~ label:before, .funkyradio input[type="checkbox"]:checked ~ label:before {
    font-family: "Font Awesome 5 Free"; 
  font-weight: 900;
  content:'\f00c';
    text-indent: .8em;
    color: #333;
    background-color: #ccc;
}
.funkyradio input[type="radio"]:checked ~ label, .funkyradio input[type="checkbox"]:checked ~ label {
    /*color: #777;*/
}
.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;
}
/* END radiobox funkyradio */

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