/*Z-Suite base css*/
:root {
    --white: #fff;
    --black: #000000;
    --primary_color: #0a4766;
    --secondary_color: #90c67b;
    --green: #1F7764;
    --greenalpha: rgba(115, 199, 126, 0.2);
    --grey: #565656;
    --grey-light: #f9f9f9;
    --grey-medium: #e5e5e5;
    --red: #DB1818;
    --yellow: #e8bb02;

    --font-family-base: "GoogleSans";
    --font-family-ico: "Font Awesome 6 Pro";
    --font-family-ico-alt: "Font Awesome 6 Pro Brands";
    --thin: 100;
    --light: 300;
    --regular: 400;
    --medium: 500;
    --bold: 700;
    --solid: 900;

    --size-base: 13.5px;
    --size-xxl: 48px;
    --size-xl: 24px;
    --size-l: 18px;
    --size-s: 14px;
    --size-medium: 16px;
    --size-little: 11px;
    --size-mini: 10px;
}

@font-face { font-family: 'ProximaNova'; src: url('../fonts/ProximaNova-Regular.woff?v=1') format('woff'); font-weight: 400; font-style: normal; font-display:swap; }
@font-face { font-family: 'ProximaNova'; src: url('../fonts/ProximaNova-Semibold.woff?v=1') format('woff'); font-weight: 600; font-style: normal; font-display:swap; }
@font-face { font-family: 'ProximaNova'; src: url('../fonts/ProximaNova-Bold.woff?v=1') format('woff'); font-weight: 700; font-style: normal; font-display:swap; }

@font-face { font-family: 'GoogleSans'; src: url('../fonts/GoogleSans-Regular.woff2?v=1') format('woff2'); font-weight: 400; font-style: normal; font-display:swap; }
@font-face { font-family: 'GoogleSans'; src: url('../fonts/GoogleSans-Medium.woff2?v=1') format('woff2'); font-weight: 500; font-style: normal; font-display:swap; }
@font-face { font-family: 'GoogleSans'; src: url('../fonts/GoogleSans-Bold.woff2?v=1') format('woff2'); font-weight: 700; font-style: normal; font-display:swap; }

@font-face { font-family: 'Font Awesome 6 Pro'; src: url('../fonts/fa-thin-100.woff2?v=1') format('woff2'); font-weight: 100; font-style: normal; font-display:swap; }
@font-face { font-family: 'Font Awesome 6 Pro'; src: url('../fonts/fa-light-300.woff2?v=1') format('woff2'); font-weight: 300; font-style: normal; font-display:swap; }
@font-face { font-family: 'Font Awesome 6 Pro'; src: url('../fonts/fa-regular-400.woff2?v=1') format('woff2'); font-weight: 400; font-style: normal; font-display:swap; }
@font-face { font-family: 'Font Awesome 6 Pro'; src: url('../fonts/fa-solid-900.woff2?v=1') format('woff2'); font-weight: 900; font-style: normal; font-display:swap; }
@font-face { font-family: 'Font Awesome 6 Pro Brands'; src: url('../fonts/fa-brands-400.woff2?v=1') format('woff2'); font-weight: 400; font-style: normal; font-display:swap; }

/* Scrollbar */
::-webkit-scrollbar { width: 5px; height: 5px; border:none; }
::-webkit-scrollbar-track { margin: 0; background: var(--white); }
::-webkit-scrollbar-thumb { background: var(--primary_color); }
::-webkit-scrollbar-thumb:hover { background: var(--primary_color); }
#vbar::-webkit-scrollbar-track { background: var(--grey-medium); }

/* Chrome Search Button */
[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none; appearance: none; height: 10px; width: 10px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiBmaWxsPSJ3aGl0ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxMjMuMDVweCIgaGVpZ2h0PSIxMjMuMDVweCIgdmlld0JveD0iMCAwIDEyMy4wNSAxMjMuMDUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyMy4wNSAxMjMuMDU7Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0xMjEuMzI1LDEwLjkyNWwtOC41LTguMzk5Yy0yLjMtMi4zLTYuMS0yLjMtOC41LDBsLTQyLjQsNDIuMzk5TDE4LjcyNiwxLjcyNmMtMi4zMDEtMi4zMDEtNi4xMDEtMi4zMDEtOC41LDBsLTguNSw4LjUNCgkJYy0yLjMwMSwyLjMtMi4zMDEsNi4xLDAsOC41bDQzLjEsNDMuMWwtNDIuMyw0Mi41Yy0yLjMsMi4zLTIuMyw2LjEsMCw4LjVsOC41LDguNWMyLjMsMi4zLDYuMSwyLjMsOC41LDBsNDIuMzk5LTQyLjRsNDIuNCw0Mi40DQoJCWMyLjMsMi4zLDYuMSwyLjMsOC41LDBsOC41LTguNWMyLjMtMi4zLDIuMy02LjEsMC04LjVsLTQyLjUtNDIuNGw0Mi40LTQyLjM5OUMxMjMuNjI1LDE3LjEyNSwxMjMuNjI1LDEzLjMyNSwxMjEuMzI1LDEwLjkyNXoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K); background-size: 10px 10px; }

* { padding: 0px; margin:0px; }
html { height: 100%; }
body {padding: 0;font-size: var(--size-base); line-height: 1.4;font-family: var(--font-family-base); font-weight: var(--regular); color: var(--grey); background-color:var(--primary_color);width: 100%;height: 100%; }
input { font-family: var(--font-family-base), "Helvetica Neue", Helvetica, Arial; color:var(--grey); }
input[type=checkbox], input[type=radio] { margin: 0 5px 0 0; }
ul { margin: 0; padding: 0; list-style: none; }
ul > li > ul { padding-left: 30px; }
label { cursor: pointer; color: var(--grey); font-weight: normal; display: block; }
.flex {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: center;align-items: center;justify-content: space-between;}
.flex.as { align-items:flex-start; }
.flex.ac { align-items:center; }
.flex.jfe { justify-content:flex-end; }
.flex.jsb { justify-content:space-between; }
.flex.jfs { justify-content:flex-start; }
.flex.stretch {  align-items:stretch; }
.flexwrap { flex-wrap:wrap; }
.gap5 { gap:5px }
.gap10 { gap:10px }
.gap15 { gap:15px }
.gap20 { gap:20px }
.wordwrap { word-wrap:break-word; }
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
@media (min-width: 768px) { .container { width: 750px; }}
@media (min-width: 992px) { .container { width: 970px; }}
@media (min-width: 1200px) { .container { width: 1170px; }}
.container-fluid { margin-right: auto; margin-left: auto; padding: 0; width: 100%; }
.container-fluid:before, .container-fluid:after { content: " "; display: table; }
.container-fluid:after { clear: both; }
.row { margin: 0; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: stretch;align-items: stretch;justify-content: space-between; width: 100%; gap:20px }
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 { padding: 0px }
.col-md-3 { width: 25% }
.col-md-4 { width: 33.33333% }
.col-md-5 { width: 41.66667% }
.col-md-6 { width: 50% }
.col-md-7 { width: 58.33333% }
.col-md-8 { width: 66.66667% }
.col-md-9 { width: 75% }
.col-md-10 { width: 83.33333% }
.col-md-11 { width: 91.66667% }
.col-md-12 { width: 100% }
.full { width: 100%; }
.nomargin { margin:0 }
/* Login Page*/
body.login { margin: 0 auto;   }
section.login { margin: 0 auto; text-align: center; height: 100%; align-items: stretch; justify-content:space-between; }
#wrap.login .sx { padding: 0 80px; width:50%; background-color:var(--white); height:100vh; background-image: url('../images/background/bg-login.svg'); background-position: center bottom; background-size: cover; display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: left;}
#wrap.login .dx { padding: 0 50px; width:50%; background-color:var(--primary_color); height:100vh; display: flex; align-items: center; flex-direction: column; justify-content: center;}
#wrap.login .sx #logo { margin:0 0 40px 0; background-position:left bottom; width: 300px; height:84px; background-size:cover; background-image: url('../images/logos/z-suite-logo-horiz.svg?v=1'); }
#wrap.login .sx .box { max-width:720px; color:var(--white); }
#wrap.login .sx .box h2 { margin: 0 0 25px 0; font-size:var(--size-xxl); font-weight:var(--medium); line-height:1 }
#wrap.login .sx .box p { font-size:var(--size-l); font-weight:var(--regular); line-height:1.5 }
#wrap.login #container { padding: 30px; background-color: rgba(0, 0, 0, 0.2); color:var(--white); border-radius:10px; max-width:450px }
#wrap.login #section_info { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; overflow: hidden; display: block; text-align: left; }
#wrap.login #section_info .title { margin: 0; padding: 0; font-size:var(--size-xl); line-height:1; font-weight: normal; color:var(--white); font-weight:var(--medium); }
#wrap.login #section_info .title:before { margin: 0px 10px 0px 0px; font-family:var(--font-family-ico); font-weight:var(--light); line-height:1; content: "\f2f7"; }
#wrap.login .description { margin: 10px 0px 0px 0px; font-size:var(--size-medium); color:var(--white);}
#wrap.login #result { margin: 15px 0px 0px 0px; }
#wrap.login #cnt_form { padding:0; overflow: hidden; text-align: left; display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; }
#wrap.login #cnt_form #otp_container { display:flex; align-items:center; justify-content:space-between; gap:10px; }
#wrap.login #cnt_form #otp_container .otp_digit {width: calc(100% / 7);line-height: 58px;font-size: 250%;text-align: center;border-radius: 5px;border: transparent;}
#wrap.login #cnt_form .field { width: 48%; }
#wrap.login #cnt_form .field h4 { color:var(--white); }
#wrap.login #cnt_form .field.pass { margin: 0px 0px 0px 0px; }
#wrap.login #cnt_form .field input { width:100%; border-radius: 3px; border:none; font-size:108%; }
#wrap.login #cnt_form #entra { margin: 20px 0px 0px 0px; clear: both; display: block; width: 100%; }
#wrap.login #cnt_form #entra .btn_green { padding: 10px 20px; width: 100%; background-color: var(--secondary_color); color:var(--primary_color); font-size: var(--size-medium); font-weight: var(--medium); text-transform:none; }
#wrap.login #disclaimer {  margin: 20px auto 0px; padding:10px 10px 10px 10px; width:380px; overflow: hidden; }
#wrap.login .foot { padding: 20px 0px 0px 0px; width: 100%; color: rgba(255,255,255,0.5);  }
#wrap.login .foot a:link, #wrap.login .foot a:visited, #wrap.login .foot a:active { color: rgba(255,255,255,0.7); text-decoration: none; }
#wrap.login .google_login_box .description { text-align: left; margin-top: 20px;}
#wrap.login .google_login_box .g-signin2 { margin-top: 10px; }
#login_frame { margin-top: 10px; border: none; width: 100%; height: 50px;}

#login_error_wrapper { display: flex; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.75); justify-content: center; align-items: center; z-index: 5000; }
#login_error_wrapper .login_error { background-color: var(--white); padding: 40px; position: relative; font-size: 20px; color: var(--black); }
#login_error_wrapper .login_error .login_error_close { position: absolute; top: 10px; right: 10px; cursor: pointer; }
#login_error_wrapper .login_error .login_error_close:before { font-family: var(--font-family-ico); content: "\f00d"; font-weight: var(--bold);}

/* Generic Classes */
input.title { padding: 8px; border:1px solid var(--grey-medium); background-color: var(--white); font-family: var(--font-family-base); font-size:var(--size-base); font-weight:normal; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%;}
h4 { margin:0px 0px 5px 0px; font-size:14px; font-weight: var(--regular); color: var(--grey); }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; font-family: var(--font-family-base); }
textarea { resize: vertical; font-family: var(--font-family-base); }
select { margin: 3px 0 0 0; padding: 7px; width:100%; border: 1px solid var(--grey-medium); background-color:var(--white); color: var(--grey); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: var(--font-family-base);}
select.floated { margin:0 0 0 3px; width: auto; }
input { margin:3px 0px 0px 0px; }
label input[type="checkbox"],
label input[type="radio"] { margin:0; }
label { line-height: 1; display: block; }
label.option { margin: 5px 0; color:var(--grey); position:relative; display:block; }
label.option input[type="checkbox"],
label.option input[type="radio"] { margin: 0 5px 0 0; position:relative; top:2px; }
label.field { margin: 0 0 5px 0; color:var(--primary_color); font-size:var(--size-s); }


.space_right { margin-right: 5px;}
.chromeframe { margin: 0.2em 0; background: #ccc; color: var(--black); padding: 0.2em 0; }
.stop { position: fixed; top: 0; z-index: 784; }
.left { float: left; }
.right { float: right; }
.overflow { overflow: hidden; }
.block { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.none { display:none; }
.hide { display:none; }
.clear { clear: both; }
.tcenter { text-align: center; }
.bold { font-weight: var(--bold); }
.focus { margin:0px; background-color: rgba(130, 197, 73, 0.18); overflow:hidden; }
.space_top { margin-top: 10px; }
.space_left { margin-left: 10px; }
.space_right { margin-right: 10px; }
.space_bottom { margin-bottom: 10px; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.tac { text-align:center; }
.tal { text-align:left; }
.tar { text-align:right; }
.green { color:#91c46b; }
.yellow { color:#F0B30C; }
.blue { color:#5BB2F0; }
.grey { color:var(--grey); }
.red { color:var(--red); }
.bg_green { background-color:#91c46b; color: var(--white); }
.bg_yellow { background-color:#F0B30C; color: var(--white); }
.bg_blue { background-color:#5BB2F0; color: var(--white); }
.bg_grey { background-color:#6C757E; color: var(--white); }
.bg_red { background-color:var(--red); color: var(--white); }
.borders { border: 1px solid var(--grey-medium); }
.border_top { border-top: 1px solid var(--grey-medium); }
.border_left { border-left: 1px solid var(--grey-medium); }
.border_right { border-right: 1px solid var(--grey-medium); }
.border_bottom { border-bottom: 1px solid var(--grey-medium); }
.input_text_auto { padding: 8px; border:1px solid var(--grey-medium); background-color: var(--white); font-size:100%; font-weight:normal; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width:auto; }
.input_text { padding: 8px; border:1px solid var(--grey-medium); background-color: var(--white); font-size:100%; line-height: 1; font-weight:normal; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; }
.input_text.editor_html { line-height:1.2 }
.input_text.editor_html ol,
.input_text.editor_html ul { padding:0 0 0 20px; }
.input_text.editor_html ul { list-style:initial; }
.add_text_field { width: 20%; display: block; }
.input_text.datepick { padding: 6px; }
.email_type_wrapper > label { margin: 0 10px 0 0; padding: 5px 0; display:inline-block; }
.textarea_editor { padding: 8px; border:1px solid var(--grey-medium); background-color: var(--white); font-size:100%; font-weight:normal; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; min-height: 270px; }
.zrow { padding: 10px; border-bottom: 1px solid var(--grey-medium); overflow: hidden; clear: both;}
.zrow.last { box-shadow: none; border:none; }
.content .zrow { padding:10px; font-size:100%; }
.content.zrow { padding: 0px; }
.previewimage { max-width:500px; }
.h100 { height: 100%; }
.wauto { width: auto; }
.w100 { width: 100%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w33 { width: 33.3333%; }
.w50 { width: 50%; }
.mc-l { border-right: 1px solid var(--grey-medium) !important; }
.mc-r { border-left: 1px solid var(--grey-medium) !important; margin-left: -1px !important; }
.text_link { cursor: pointer; text-decoration: none; color: #91C46B; }
.text_right { text-align: right; }
.flex-center { display: flex; align-items: center; }
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.zsortable .ghost { background: var(--grey-light); }

/* Bottoni */
.btn { padding:10px 15px; text-align: center; border: none; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background-color:var(--primary_color); color: var(--white); font-size:100%; cursor: pointer; font-weight: var(--bold); text-transform: uppercase; text-decoration: none; }
.btn.green { background-color: var(--secondary_color) }
.btn:disabled { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.btn.full,
.btn#open_seo { width: 100%; }

.btn.ai { margin: 0 0 0 10px; background:transparent; border:none; display:flex; align-items:center; gap:10px; color: var(--white); cursor:pointer; text-transform:none; font-weight:var(--regular); font-family:var(--font-family-base); }
.btn.ai:before { font-family:var(--font-family-ico); font-weight: var(--solid); content:"\f544"; font-size:var(--size-medium); color:var(--secondary_color); }
.btn.ai:disabled { color:rgba(255, 255, 255, .4); }


.btn_grey, .uploadifive-button { padding:10px 15px; text-align: center; border: none; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background-color:var(--primary_color); color: var(--white); font-size:100%; cursor: pointer; font-weight: var(--bold); text-transform: uppercase; text-decoration: none; }
.btn_grey:hover, .uploadifive-button:hover { background-image: none; background-color:#0d3e52; color:var(--white) !important; }
.btn_grey:disabled { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.btn_grey.center { text-align: center; }

.btn_green {padding:10px 15px;text-align: center;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;border-radius:3px;background-color: var(--secondary_color);border:none;font-weight: var(--bold);color: var(--white);font-size:100%;cursor: pointer;text-transform: uppercase;text-align: center;text-decoration: none;}
.btn_green:hover:not(:disabled) { background-image: none; background-color: var(--green); color:var(--white); }
.btn_add { display: flex; align-items: center; vertical-align: middle; font-size: 100%; line-height: 20px; cursor: pointer; color: var(--primary_color); }
.btn_add:before { margin: 0 5px 0 0; float: left; content: "\f055"; font-size: 14px; line-height: 18px; font-family:var(--font-family-ico); }
.btn_add.link:before { content: "\e1cd"; }
.detach:before { content: "\e1cc"; }

.cta.icon { display:flex; align-items:center; gap:5px; cursor:pointer; }
.cta.icon.none { display:none }
.cta.icon:before,
.cta.icon:after { margin: 0; font-size: var(--size-base); line-height: 1; font-family: var(--font-family-ico); color:var(--primary_color); }
.cta.icon.prev:before { content: "\f137"; }
.cta.icon.next:after { content: "\f138"; }
.cta.icon.close:before { content: "\f056"; }
.cta.icon.enter:before { content: "\e2e1"; }
.cta.icon.selectall:before { content: "\f0c8"; margin-right: 2px; }
.cta.icon.selectall.fired:before { content: "\f14a"; }
.cta.icon.custom:before { content: "\f1de"; }
.cta.icon.cancellation:before { content: "\f12d"; }
.cta.icon.add:before { content: "\f055"; }
.cta.icon.detach:before { content: "\e1cc"; color:var(--red); }
.cta.icon.link:before { content: "\e1cd"; }
.cta.icon.archive:before { content: "\f187"; }
.cta.icon.trash:before { content: "\f2ed"; color:var(--red); }
.cta.icon.send:before { content: "\e20a"; }
.cta.icon.copy_to_clipboard:before,
.cta.icon.copy:before { content:"\f0c5"; }
.cta.icon.copy_to_clipboard:hover:before,
.cta.icon.copy:hover:before { font-weight:var(--solid); color:var(--green); }

.icon-active:before { font-family: var(--font-family-ico); color:var(--green); content: "\f00c"; margin-right: 5px; font-weight: var(--bold);}
.icon-not_active:before { font-family: var(--font-family-ico); color:var(--red); content: "\f00d"; margin-right: 5px; font-weight: var(--bold);}
.icon-flash:before { font-family: var(--font-family-ico); content: "\f0e7"; margin-right: 5px; font-weight: var(--bold);}

.locked:before { font-family:var(--font-family-ico); content: "\f023"; }
.attention:before { font-family:var(--font-family-ico); content: "\f071"; }


.btn_add.translate:before { content: "\e458"; }
.btn_add.download:before { content: "\f019"; }
.btn_del { cursor: pointer; color: var(--primary_color); }
.btn_del:after { float: right; font-size: 14px; line-height: 1; font-family:var(--font-family-ico); content: "\f2ed"; color:var(--red);  }
.btn_del.text { font-size: 100%; line-height: 1; }
.btn_del.text:after { margin: 0 5px 0 0; float: left; }
.btn_schedule { font-family:var(--font-family-ico); cursor: pointer; color: #0d3e52; }
.btn_schedule:before { content: "\f133"; }
.btn_schedule.active { color: var(--green); }
.btn_schedule.active:before { content: "\f274"; }
.btn_order { display: inline-block; vertical-align: middle; font-size: 100%; line-height: 20px; cursor: pointer; color: var(--primary_color); margin-left: 5px; }
.btn_order:before { font-family:var(--font-family-ico); content: "\E405"; margin: 0 3px 0 0; float: left; font-size: 20px; line-height: 18px;}
.btn_red { padding:10px 15px; text-align: center; border: none; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background-color:var(--red); color: var(--white); font-size:100%; cursor: pointer; font-weight: var(--bold); text-transform: uppercase; }
.btn_red:hover { background-image: none; background-color:var(--red); color:var(--white) !important; }
.btn_red:disabled { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.btn_red.center { text-align: center; }
.btn_little { cursor: pointer; padding: 5px 10px; font-size: 11px; }


/* Bottoni di creazione */
#creation_link { text-decoration: none !important;}
#creation_link .btn_green { padding:9px 15px 10px 15px; }


/* Trend */
.trend:before { margin: 0 5px 0 0; float: left; font-size: var(--size-base); line-height: 1; font-family:var(--font-family-ico); font-weight: var(--solid); }
.trend.plus:before { content: "\f357"; color: var(--green); }
.trend.minus:before { content: "\f354"; color: var(--red); }
.trend.equal:before { content: "\f337"; color: var(--grey); }
.trend.new:before { content: "\f337"; color: var(--grey); }

.trend_after:after { margin: 0 5px 0 0; font-size: var(--size-base); line-height: 1; font-family:var(--font-family-ico); font-weight: var(--solid); }
.trend_after.plus:after { content: "\f357"; color: var(--green); }
.trend_after.minus:after { content: "\f354"; color: var(--red); }
.trend_after.equal:after { content: "\f337"; color: var(--grey); }
.trend_after.new:after { content: "\f337"; color: var(--grey); }


/* Wrapper */
#wrapper {padding: 0 0 0 0;height: calc(100vh);overflow: hidden;}
#wrap {width: 100%;clear: both;-webkit-align-items: flex-start;align-items: flex-start;}

/*inline wrapper (label+checkbox)*/
.inline_wrapper { display: flex; align-items: center;}
.inline_wrapper label { margin-top: 2px; }

/*select wrapper (label+select)*/
.select_wrapper { width: 200px; max-width: 200px; margin-right: 5px; font-size: 12px;}

/*text wrapper (label+input text)*/
.text_wrapper { width: 200px; max-width: 200px; margin-right: 5px; color: #6c757e;}
.text_wrapper label { font-size: 12px; }
.text_wrapper.form_types_wrapper { margin-right: 30px; }
.text_wrapper input {height: 30px; width: 100%; }
.text_wrapper.fill { width: 100%; max-width: 100%; }

/*lang hint*/
.lang_hint { position: relative; }
.lang_hint label:after { font-family: var(--font-family-ico); content: "\f024";  font-size: 11px; margin-left: 4px; position: absolute; top: -3px;}

/*generic tab*/
.generic_tab_header {display: flex; align-items: center;}
.generic_tab_header .tab_button {cursor: pointer; padding-right: 3px; padding: 5px 15px; margin-right: 5px; font-size: 12px;}
.generic_tab_header .tab_button.fired {border: 1px solid #d8d8d8; border-bottom: none; background: var(--grey-light);}
.tab_content { display: none; border: 1px solid #d8d8d8; margin-top: -1px; padding: 10px; background: var(--grey-light); }
.tab_content.fired {display: block;}

/*radio tab*/
.radio_tab_wrapper .radio_tab_header {display: flex; font-size: 12px;}
.radio_tab_wrapper .radio_tab_header .inline_wrapper { padding-right: 3px; }
.radio_tab_wrapper .radio_tab_header .inline_wrapper.fired:not(.no_tab) { border: 1px solid #d8d8d8; border-bottom: none; background: var(--grey-light); padding: 5px; margin-right: 5px; }
.radio_tab_wrapper .radio_tab {display: none; border: 1px solid #d8d8d8; margin-top: -1px; padding: 10px; background: var(--grey-light);}
.radio_tab_wrapper .radio_tab.fired {display: block;}
.radio_tab_wrapper .radio_tab .content_editor {background: var(--white);}

/*checkbox tab*/
.cb_tab_wrapper { width: 100%; }
.cb_tab_wrapper .cb_tab_header {display: flex; font-size: 12px;}
.cb_tab_wrapper .cb_tab_header .cb_tab_button.fired { border: 1px solid #d8d8d8; border-bottom: none; background: var(--grey-light); padding: 5px; margin-right: 5px; }
.cb_tab_wrapper .cb_tab_header .cb_tab_button.fired.lang_hint { padding-right: 10px; }
.cb_tab_wrapper .cb_tab_header .cb_tab_button.lang_hint label:after { opacity: 0; }
.cb_tab_wrapper .cb_tab_header .cb_tab_button.fired.lang_hint label:after { opacity: 1; top: 4px;}
.cb_tab_wrapper .cb_tab_content { display: none; border: 1px solid #d8d8d8; margin-top: -1px; padding: 10px; background: var(--grey-light); font-size: 12px;}
.cb_tab_wrapper .cb_tab_content.fired { display: block; }
.cb_tab_wrapper .cb_tab_content .content_editor { background: var(--white); }

/*3 dots menu*/
.menu_element_wrapper { border: 1px solid #d8d8d8; background: var(--white); color: #6c757e; margin: 5px; display: flex; padding: 5px 0px; justify-content: center; align-items: center; height: 40px; position: relative; font-size: 12px;}
.menu_element_wrapper .field_menu_btn { position: absolute; right: 6px; border-radius: 40px; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.menu_element_wrapper .field_menu_btn:hover { background: var(--grey-medium); }
.menu_element_wrapper .field_menu_btn:before { font-family: var(--font-family-ico); font-size: var(--size-base); color: #6c757e; content: "\f142"; }
.menu_element_wrapper .menu_options { position: absolute; right: 10px; top: 25px; border: 1px solid #d8d8d8; padding: 5px 0px; background: white; z-index: 10; border-radius: 3px; }
.menu_element_wrapper .menu_options .menu_option { padding: 4px 20px; cursor: pointer; }
.menu_element_wrapper .menu_options .menu_option:hover { background: #eeeeee; }
.menu_element_wrapper .menu_options .menu_separator { border-top: 1px solid #ebebeb; padding: 2px 0px; }

/* Header */
section#top { padding: 5px 10px 5px 190px; justify-content: space-between;  }
section#top.collapsed { padding: 5px 15px 5px 80px; }
/* Section Info */
section#top #section_info { padding: 0px 15px 0 0; position: relative;}
section#top #section_info .title { padding: 0px 10px 0px 15px; color:var(--white); font-size:14px; line-height:1; font-weight: var(--bold); }

section#top #searchbox {margin: 0;padding: 5px;width: 150px;background-color: rgba(255, 255, 255, 0.2);color: var(--white);border-radius: 5px;position: relative;}
section#top #searchbox:before { font-family: var(--font-family-ico); content: "\f002"; position: absolute; left: 10px; top: 5px; }
section#top #searchbox #search_menu {margin: 0;padding: 0 10px 0 25px;background-color: transparent;border: 0;width: 155px;-webkit-appearance: none; outline: none; color: var(--white);}
section#top #searchbox #search_menu:focus { color: var(--white); }
section#top #search_menu_results {padding:15px 15px 5px 15px;position: absolute;z-index: 99999;background: var(--white); color: #094766;font-weight: var(--regular);top: 50px;width: auto;box-shadow: 0 0 3px rgba(0,0,0,0.3);font-size: 100%;border-radius: 5px; min-width: 250px;}
section#top #search_menu_results .menu_result_wrapper {}
section#top #search_menu_results .menu_result_wrapper.active {margin: 0 0 10px 0;padding: 0 0 5px 0;border-bottom: 1px solid #e0e0e2;}
section#top #search_menu_results .menu_result_wrapper .menu_item_name {text-transform: uppercase;color: #0f536d;font-weight: var(--bold);}
section#top #search_menu_results .menu_result_wrapper .menu_items_wrapper .menu_search_item {padding: 0 0 5px 0;color: var(--grey); position: relative;}
section#top #search_menu_results .menu_result_wrapper .menu_items_wrapper .menu_search_item.highlight {padding: 5px 30px 5px 7px;background-color: rgba(0, 0, 0, 0.05);border-left:3px solid var(--secondary_color);color: #0f536d;}
section#top #search_menu_results .menu_result_wrapper .menu_items_wrapper .menu_search_item .submenu_item { cursor: pointer; }
section#top #search_menu_results .menu_result_wrapper .menu_items_wrapper .menu_search_item .submenu_item b { font-weight: var(--bold); }
section#top #search_menu_results .menu_result_wrapper .menu_items_wrapper .menu_search_item .add_to_favourites { position: absolute; right: 8px; top:0px; cursor: pointer; }
section#top #search_menu_results .menu_result_wrapper .menu_items_wrapper .menu_search_item.highlight .add_to_favourites { position: absolute; right: 8px; top:5px; cursor: pointer; }
section#top #search_menu_results .menu_result_wrapper .menu_items_wrapper .menu_search_item .favourite {color: var(--secondary_color);}
section#top #search_menu_results.fav-menu .menu_result_wrapper .menu_items_wrapper .menu_search_item .submenu_item b { font-weight: normal; }

section#top .dx a { color:var(--white); text-decoration:none; line-height:1; display:block}
section#top .icon:before,
section#top .notification:before,
#popup-notifications .icon:before { font-family:var(--font-family-ico); font-weight: var(--light); line-height:1; font-size:var(--size-medium); }
section#top .icon.goto_site:before { content: "\f08e";}
section#top .icon.developer_mode:before { content: "\f7ea";}
section#top .icon.developer_mode.enabled:before { color: #91c46b;}
section#top .icon.logout:before { content: "\f2f5";}

section#top .icon#favourite_btn { cursor:pointer; background-color:var(--secondary_color); width: 28px; height:28px; line-height: 28px; text-align: center; border-radius:3px }
section#top .icon#favourite_btn:before {content: "\f02e"; color:var(--white); font-weight:var(--solid); line-height: 28px; }
section#top .icon.add_to_favourites.favourite:before { font-weight:var(--solid); }
.icon.add_to_favourites:before {content: "\f02e"; }

section#top #wallet { margin: 0; color:var(--white); display:flex; gap:10px; align-items:center; line-height:1; display:none; }
section#top #wallet:before { font-family: var(--font-family-ico); font-weight: var(--solid); content:"\f555"; font-size:var(--size-medium); }
section#top #wallet .amount { font-size:var(--size-s); }
section#top #wallet .amount:before { content:"\20ac" }
section#top #wallet .btn.recharge { padding: 6px; background-color:#D6FBE6; color: var(--primary_color); border-radius:3px; font-size:12px; }

section#top #logusr { margin: 0; color: var(--white);}
section#top .avatar { line-height: 1}
section#top #notifications { margin: 0; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: center;align-items: center;justify-content: space-between; gap: 10px}
section#top #notifications .notification {margin: 0px;padding: 0;position: relative;font-size: 16px;line-height:1;color: var(--white);border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;cursor: pointer;}
section#top #notifications .notification.active .number {padding: 3px;color:var(--white);font-weight: normal;font-size:11px;position: absolute;top: -2px;right: -1px;z-index: 12;background: var(--secondary_color);border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;-o-border-radius: 100%;-ms-border-radius: 100%;font-weight: var(--bold);width: 2px;height: 2px;text-align: center;font-size: 0;}
section#top #notifications .notification.active.site_alert .number {background: var(--red);}
section#top #notifications .form:before { content: "\f01c"; }
section#top #notifications .user:before { content: "\f0c0"; }
section#top #notifications .searches:before { content: "\f002"; }
section#top #notifications .ec_searches:before { content: "\f54e"; }
section#top #notifications .social:before { content: "\f1e0"; }
section#top #notifications .stats:before { content: "\e042"; }
section#top #notifications .sales:before {font-family: var(--font-family-ico);content: "\f09d";line-height: 1;}
section#top #notifications .alert:before { content: "\f06b"; }
section#top #notifications .site_alert:before { content: "\f071"; }
section#top #notifications .cron:before { content: "\E182"; }
section#top #notifications .cron {background: var(--red); cursor: auto; padding: 5px 10px; }
section#top #notifications #text-notification {cursor: auto; height: 100%; font-size: 100%; padding: 8px;}
section#top #notifications #text-notification.warning { background-color: var(--red); }

section#top #release_mode { margin: 0; padding: 5px; background-color: var(--white); color: var(--red); border-radius: 5px; position: relative; font-weight:bold; }
section#top #release_mode:before { font-family: var(--font-family-ico); content: "\f06a"; position: absolute; left: 10px; top: 5px; }
section#top #release_mode span { margin: 0 10px 0 27px; }


#release_mode_ai_dialog .ai_table {display: flex; width: 100%; justify-content: space-between;}
#release_mode_ai_dialog .ai_table .table_name {font-weight: var(--bold);}
#release_mode_ai_dialog .ai_table .progress {font-weight: var(--bold);}

#popup-notifications {margin: 0;position:fixed;z-index: 9999999;right: 0; top:0; bottom: 0; width: 400px; background-color: var(--white); text-shadow: 1px 1px 0 var(--white);box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);}
#popup-notifications #popup-top { margin: 0px; padding: 15px; background: var(--grey-light); border-bottom: 1px solid var(--grey-medium); color: var(--primary_color); font-weight: var(--medium); font-size: 150%; line-height: 1; display:flex; align-items:center; justify-content:space-between; }

#popup-notifications .popup-goto { margin: 0px; padding: 15px; background: var(--grey-light); border-top: 1px solid var(--grey-medium); }
#popup-notifications .popup-goto a { color: var(--green); font-weight: var(--medium); font-size: 100%; text-transform:uppercase; display: flex; align-items: center; justify-content: flex-start; gap: 5px}
#popup-notifications .popup-goto a:after { font-family: var(--font-family-ico); content:"\f14c" }


#popup-notifications .btn_del { float:none; }
#popup-notifications .btn_del:after { content:"\f057"; color:var(--primary_color); font-weight:var(--light); font-size:var(--size-xl); }
#popup-notifications .btn_del:after { content:"\f057"; color:var(--primary_color); font-weight:var(--light); font-size:var(--size-l); }
#popup-notifications ul { margin:0px; padding:0px 0px 0px 0px; list-style:none; height:calc(100vh - 100px); overflow: auto; }
#popup-notifications ul li { margin: 0px; padding:10px 10px 10px 10px; border-bottom:1px solid var(--grey-medium); }

#popup-notifications ul li.new a { background-color:#DAEBC1; margin: 0px 0px 0px 0px; }

#popup-notifications ul li .notification_text {color: #222; text-align: left;display:block;overflow:hidden;text-decoration: none; }
#popup-notifications ul li .notification_link { margin: 5px 5px 0 0; display: inline-block; vertical-align: middle; }
#popup-notifications ul li .notification_link a { text-decoration: none; color: var(--green); }
#popup-notifications ul li .notification_browsing { margin: 5px 5px 0 0; display: inline-block; vertical-align: middle; }
#popup-notifications ul li .notification_browsing a { text-decoration: none; color: var(--green); }
#popup-notifications ul li .notification_facebook { margin: 5px 0 0 0; display: inline-block; vertical-align: middle; }
#popup-notifications ul li .notification_facebook a { text-decoration: none; color: var(--green); }
#popup-notifications ul li .notification_newsletter { display: none; }
#popup-notifications ul li .notification_language { margin: 0 0 0 5px; display: inline-block; vertical-align: middle; text-transform: uppercase; }
#popup-notifications ul li .notification_title { font-weight: var(--bold); }
#popup-notifications ul li .notification_date { font-size: var(--size-little); }
#popup-notifications ul li .resolution_info { font-size: var(--size-little);}
#popup-notifications ul li .site_alert_btn { border: 1px solid; padding: 5px; border-radius: 3px; text-transform: uppercase; font-weight: var(--bold); cursor: pointer; }
#popup-notifications ul li .alert_deleted { color: var(--red); }
#popup-notifications ul li .alert_resolved { color: var(--green); }
#popup-notifications ul li.site_alert.new .notification_title:before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: var(--red); margin-right: 2px;}
#popup-notifications ul li.site_alert.new a { background-color: transparent;}


#popup-notifications .notification_link:before { margin: 0 5px 0 0; font-family: var(--font-family-ico); content: "\f054"; font-size: 10px; display: inline-block; vertical-align: middle; color: var(--green); }
#popup-notifications .notification_browsing:before { margin: 0 2px 0 0; font-family: var(--font-family-ico); content: "\f57d"; font-size: 10px; display: inline-block; vertical-align: middle; color: var(--green); }
#popup-notifications .notification_facebook:before { margin: 0 5px 0 0; font-family: var(--font-family-ico); content: "\f082"; font-size: 10px; display: inline-block; color: var(--green); }
#popup-notifications .notification_newsletter.off:before { margin: 0 5px 0 0; font-family: var(--font-family-ico); content: "\E133"; font-size: 10px; display: inline-block; vertical-align: middle; color: var(--green); }
#popup-notifications .notification_newsletter.on:before { margin: 0 5px 0 0; font-family: var(--font-family-ico); content: "\E132"; font-size: 10px; display: inline-block; vertical-align: middle; color: var(--green); }
#popup-notifications .notification_language .it:before { margin: 0 5px 0 0; font-family: var(--font-family-ico); content: "\f648"; font-size: 10px; display: inline-block; vertical-align: middle; color: var(--green); }

#popup-notifications.alert { padding: 0 0 20px 0; }
#popup-notifications.alert #zupdate { margin: 0; padding: 20px; overflow-y:scroll; height:calc(100vh - 95px);  }
#popup-notifications.alert #zupdate ul { padding: 0 0 0 25px; height: auto; list-style: initial; list-style-position: outside; }
#popup-notifications.alert #zupdate h3 { margin:0px 0 5px 0; color:var(--green); font-weight: var(--medium); font-size: 120%; line-height:1; }
#popup-notifications.alert #zupdate h4 { margin:15px 0 5px 0; color:var(--green); font-weight: var(--regular); font-size: 110%; line-height:1; }
#popup-notifications.alert #zupdate h5 { margin:15px 0 5px 0; color:var(--primary_color); font-weight: var(--regular); font-size: 100%; line-height:1; }
#popup-notifications.alert #zupdate p { font-size: 100%; }
#popup-notifications.alert #zupdate p.desc_subtitle { opacity: 60%; margin-top: 4px; margin-bottom: 3px; }
#popup-notifications.alert #zupdate li { padding:0 0 5px 0; font-size: 100%; border:none; }
#popup-notifications.alert #zupdate a { font-weight: var(--bold); color:var(--green); }
#popup-notifications.alert #zupdate img.viewable { cursor:pointer; }
#popup-notifications.alert #zupdate .preview .expand .open, #popup-notifications.alert #zupdate .preview .expand .close { display: none; cursor: pointer; text-transform: uppercase; color: var(--primary_color); font-weight: bold; font-size: 11px;}
#popup-notifications.alert #zupdate .preview .expand .open:after { font-family: var(--font-family-ico); content: '\f0d7'; margin-left: 3px; }
#popup-notifications.alert #zupdate .preview .expand .close:after { font-family: var(--font-family-ico); content: '\f0d8'; margin-left: 3px; }
#popup-notifications.alert #zupdate .preview .date { color: var(--primary_color); margin-bottom: 5px;}
#popup-notifications.alert #zupdate .preview .date:before { font-family: var(--font-family-ico); content: '\e0d6'; margin-right: 3px;}
#popup-notifications.alert #zupdate .preview .expand .active { display: block;}
#popup-notifications.alert #zupdate .description_wrapper {display: none;}
#popup-notifications.alert #zupdate .description_wrapper.opened {display: block;}
#popup-notifications.alert #zupdate .update_block { padding: 20px; border: 1px solid var(--grey-medium); border-radius: 5px; margin-bottom: 20px;}
#popup-notifications.alert #zupdate .update_block .icon:before { color: var(--grey); }
#popup-notifications.alert .footer { background: var(--grey-light); padding: 20px; border-top: 3px solid var(--secondary_color);}
#popup-notifications.site_alert .top_line{ border: 1px solid var(--grey-medium); background: var(--grey-light); margin: -10px -10px 4px -10px; color: var(--primary_color); font-weight: bold; text-transform: uppercase; font-size: small; padding: 3px 10px; }
#popup-notifications.site_alert .top_line.internal { background: var(--primary_color); color: #ffffff00; }

#zupdate_opened_image_wrapper { position: fixed; width: 100%; height: 100%; background-color: #00000099; top: 0; left: 0; display: flex; align-items: center; justify-items: center; z-index: 10000000; cursor: pointer; }
#zupdate_opened_image_wrapper img { width: auto; max-width: calc(100% - 20px); max-height: calc(100% - 20px); margin: 0 auto; cursor: default; }

#popup-notifications ul::-webkit-scrollbar,
#popup-notifications.alert #zupdate::-webkit-scrollbar { width: 5px; height: 5px; border:none; }
#popup-notifications ul::-webkit-scrollbar-track,
#popup-notifications.alert #zupdate::-webkit-scrollbar-track { margin: 0; background: #fff; }
#popup-notifications ul::-webkit-scrollbar-thumb,
#popup-notifications.alert #zupdate::-webkit-scrollbar-thumb { background: #185a7d; }
#popup-notifications ul::-webkit-scrollbar-thumb:hover,
#popup-notifications.alert #zupdate::-webkit-scrollbar-thumb:hover { background: #185a7d; }


.xdsoft_datetimepicker { z-index: 999999999 !important; }
.modal-open .xdsoft_datetimepicker { z-index: 9999999999 !important; }

/* Header */
header {margin: 0;padding:0;background-color: var(--white);border-bottom: 1px solid var(--grey-medium);overflow: hidden; /* box-shadow: 0px 0px 10px rgba(0,0,0,0.20); */z-index: 999;position: absolute;right: 0;left: 0;}

#collapse { text-align: center; }
.control {margin: 0;padding: 0 15px 5px 15px;width:25px;display:inline-block; vertical-align: middle; cursor: pointer;box-sizing: initial;-webkit-box-sizing: initial; }
.control .icon-bar { margin: 0 0 5px 0; display: block; height: 2px; background-color: var(--white); }



nav#menutop ul,
nav#gotosite ul { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
nav#menutop li,
nav#gotosite li { padding:0px; }





.menu-children {margin: 0;padding: 20px 10px 0 20px; font-size: 100%; align-self: flex-end; }
.menu-children ul { justify-content: flex-start; gap:15px }
.menu-children li { margin:0; padding:0; position: relative;}
.menu-children li.first { }
.menu-children li.last {  }
.menu-children li a {padding: 0 0 15px 0;clear: both;display: block;font-weight: var(--bold);color: var(--grey);text-decoration: none;text-align: left;background: none;line-height: 1;position: relative;}
.menu-children li a.active {padding: 0 5px 12px 5px;border-bottom: 3px solid var(--secondary_color);color: var(--primary_color);}
.menu-children li .open_first {position: absolute;top: -15px;left: 0;right: 0;text-align: center;font-size: 10px;cursor: pointer;color: rgba(0, 0, 0, 0.1);  opacity: 0; }
.menu-children li .open_first[module-id="69"][submodule-id="86"] { display:none; }
.menu-children li .open_first.selected {color: var(--secondary_color);}
.open_first:before { font-family: var(--font-family-ico); content:"\f004"; font-weight:var(--solid); }

#reservation_detail .panel .key { font-size:100%; font-weight:normal; color:var(--grey); text-shadow: none; display: inline-block; float: none; text-transform: none; }
#reservation_detail .panel .value { font-size:100%; font-weight: normal; color:var(--green); text-shadow: none; display: inline-block; float: none; text-transform: none; }
#reservation_detail .panel .value a { color:var(--green); }
#reservation_detail .panel.last { margin: 15px 0; }

/* Footer */
#foot { margin:0px 0px 20px 0px; text-align:center; color: #878787; font-size:100%;  clear: both; width: 100%; display: block; }
#foot a:link,  #foot a:visited, #foot a:active { color: var(--green); text-decoration: none; }
#foot a:hover { text-decoration: none;  color: var(--green); }

/* Contenitori principali per contenuto pannello - finito*/
section#sx {margin: -20px 0 0 0;padding: 0;max-width: 480px; height: calc(100vh - 190px);}
section#sx #sidefix { margin: 0px 0px 75px 0px; }
section#sx #logo {margin: 20px auto 10px auto;padding: 0px 0px 0 0;width:100%;height:104px;display: inline-block;vertical-align: middle;text-align: left;background-image: url("../images/logos/z-suite-logo-vert.svg");background-position: center center;background-repeat:no-repeat;background-size: 100px;box-sizing: initial;-webkit-box-sizing: initial;}
/* Collapsed */
section#sx.collapsed { max-width: 100px; text-align:center; height: 100%;}
section#sx.collapsed #logo {margin: 10px auto 0 auto;background-image: url("../images/logos/z-suite-symbol.svg"); width: 50px; height: 66px; background-size: contain;}
section#sx.collapsed #vmenu { width: auto; text-align: center; overflow: unset;}
section#sx.collapsed nav#menuside .icon { font-size: 0; text-align: center; gap:0 }
section#sx.collapsed nav#menuside .icon:before { margin: 0 0 0 0; font-size: 20px; text-align: center; }
section#sx.collapsed nav#menuside .tooltip { display:block !important; }
/* Menu di navigazione sx */
section#sx #vmenu { width: 185px; height:100%; position: relative; text-align: center; overflow-y: auto; /* background: var(--primary_color); box-shadow: inset 0px 0px 10px rgba(0,0,0,0.20);  */}
section#sx nav#menuside .tooltip { display:none !important; }
section#sx nav#menuside .tooltip .tooltip-inner { font-size:var(--size-base); white-space: nowrap }
section#sx nav#menuside { margin: 15px 0 0 0; /*background: #91c46b;*/ text-transform: none; }
section#sx nav#menuside li { padding:2px 0px; }
section#sx nav#menuside li a { padding:8px 25px; clear: both; display: block; font-size:100%; color:var(--white); text-decoration: none; text-align: left; }
section#sx nav#menuside li.current a {padding: 8px 25px 8px 22px;border-left: 3px solid var(--secondary_color);background-color: rgba(0,0,0,0.2);}
section#sx nav#menuside li.current a .icon:before { color: var(--secondary_color); }
section#sx nav#menuside .icon { margin: 0px; font-family: var(--font-family-base); font-weight: var(--medium); line-height:1; color:var(--white); display:flex; align-items:center; gap:10px; }
section#sx nav#menuside .icon:before { width: 25px;font-family: var(--font-family-ico);font-size: 150%;line-height: 1;color:var(--white);font-weight: var(--light); text-align: center;}
section#sx nav#menuside #panel:before {content: "\f626";}
section#sx nav#menuside #archive:before {content: "\f0a0";}
section#sx nav#menuside #contents:before {content: "\f305";}
section#sx nav#menuside #templates:before {content: "\e197";}
section#sx nav#menuside #plugins:before {content: "\f1e6";}
section#sx nav#menuside #newsletters:before {content: "\f1d8";}
section#sx nav#menuside #production:before {content: "\e473";}
section#sx nav#menuside #marketing:before {content: "\f0a1";}
section#sx nav#menuside #plannings_revenue:before { content: "\e5e6"; }
section#sx nav#menuside #ecommerce:before {content: "\f07a";}
section#sx nav#menuside #social:before {content: "\f1e0";}
section#sx nav#menuside #settings:before {content: "\f085";}
section#sx nav#menuside #newsletter:before { content: "\2709"; }
section#sx nav#menuside #accounts:before {content: "\f500";}
section#sx nav#menuside #orders:before { content: "\f543"; }
section#sx nav#menuside #plannings:before { content: "\f00a"; }
section#sx nav#menuside .sub_menu { padding: 10px 0; padding-left: 15px; background-color: rgba(0,0,0,0.25); }
section#sx nav#menuside .sub_menu li { padding: 0; }
section#sx nav#menuside .sub_menu li.first { }
section#sx nav#menuside .sub_menu li.last {  }
section#sx nav#menuside .sub_menu li a { clear: both;display: block;font-weight: normal;color:var(--white);text-decoration: none;text-align: left;background: none;line-height: 15px;}
section#sx nav#menuside li.current .sub_menu li a { border: none; }
section#sx nav#menuside .sub_menu li.last a { border-bottom: none; box-shadow: none; }
/* Parte destra Contenuto Principale*/
section#dx { display: block;width: 100%;background-color: var(--white); height: 100%; position: relative; min-width: 100px; border-radius: 10px 0 0 0; overflow: hidden;}
section#dx header { position:sticky; top:0 }
section#dx #cnt { margin: 0px; padding: 0; position: relative; }
/* bottoni salvataggio */
section#dx #step_btn { margin: 0; padding: 10px 5px; overflow: hidden;clear: both;display: flex;position: fixed; z-index: 9999999;right: 0;text-align: center;background: var(--grey-light); justify-content: space-around;border-top: 1px solid var(--grey-medium); width: calc(100% - 195px);bottom: 12px;justify-content: flex-start; }
section#dx #step_btn.collapsed {width: calc(100% - 85px);}
section#dx #step_btn .btn_green { margin: 0 5px; padding:10px; width: auto; }
/* Tolgo la sidebar quando non serve */
section#dx.no_sidebar #content_body .sx { display: none; }
section#dx.no_sidebar #content_body .dx { width: calc(100% - 40px); }




#content_body {margin: 0; height: calc(100vh - 109px); overflow:hidden; }
#content_body { display: block; width: auto; }
#content_body .center {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;list-style: none;-ms-box-orient: horizontal;justify-content: space-between;-webkit-align-items: stretch;align-items: flex-start;width: auto;}
#content_body .dx { padding: 0 20px 78px 20px;width: calc(100% - 325px); height: calc(100vh - 109px - 78px); border-left: 1px solid var(--grey-medium); overflow-y: scroll; /*background-color: #00000009;*/}
#content_body .sx {margin: 0;padding: 0;background-color: var(--white); overflow:hidden; }

/* Fix per drag&drop */
.ui-sortable-helper .zrow.sort { border: 1px solid var(--grey-medium); background-color:rgba(255, 255, 255, .4); }
.ui-sortable .placeholder { min-height:40px; width: 100%; }
.ui-sortable-placeholder { min-height:40px; width: 100%; }

#content_body #content_body_wrap { margin: 0; }

#content_body.no-sidebar .dx { padding: 0 20px 75px 20px; width: 100%; border: none;}
#content_body.no-sidebar #vbar { display: none; }
#content_body.no-sidebar .sx { margin: 15px 0 0 0; border: none; background: transparent; width: 30px; height:25vh}

#collapse_sidebar {padding:8px;text-align: center;cursor: pointer;text-transform: uppercase; color: var(--primary_color); text-align: center; font-weight: var(--bold);font-size: 100%; border-bottom: 1px solid var(--grey-medium); line-height: 25px}
#collapse_sidebar:before {margin: 0 0 0 0; font-size: 100%;text-align: center;font-family: var(--font-family-ico);color: var(--primary_color);line-height: 1;}
#collapse_sidebar.opened:after { margin: 0 0 0 5px; content:"SIDEBAR"}
#collapse_sidebar.no-sidebar {margin: 42px 0 0 -30px;width: 74px;padding: 8px;transform: rotate(-90deg);height: auto;line-height: 1;background-color: var(--primary_color);color:var(--white);border-radius: 0 0 5px 5px;line-height: 1;text-align: center;-webkit-transform-origin: 50% 57%;overflow:hidden;}
#collapse_sidebar.opened:before { content: "\f056";}
#collapse_sidebar.no-sidebar:before {content: "\f055"; color:var(--white); }

/* Vertical bar sx */
#vbar { padding: 0 0 58px 0;background-color: var(--white);width: 285px; overflow-x: hidden; overflow-y: auto; height: calc(100vh - 209px); }
#vbar .conf-block { border-bottom: 1px solid var(--grey-medium); }
#vbar .conf-block.last { border: none; }
#vbar .titlebar { padding: 10px; background-color: var(--grey-light); color:var(--primary_color); font-weight: var(--bold); position: relative;}
#vbar .titlebar:before { margin: 0px 10px 0px 0px; float: left; font-family: var(--font-family-ico); font-weight:var(--regular); }
#vbar .titlebar .close { display: block; cursor:pointer;}
#vbar .titlebar .close:after { float: right; font-family: var(--font-family-ico); font-weight:var(--regular);  content: "\2b"; }
#vbar .titlebar .open { display: block; cursor:pointer;}
#vbar .titlebar .open:after { float: right; font-family: var(--font-family-ico);  content: "\f068"; font-size: 10px;}
#vbar .titlebar .zrow { border:none; }
#vbar .content .zrow { border:none; border-top: 1px solid var(--grey-medium); }
#vbar .content .zrow.last { border:none; }
#vbar .content .key p { margin:0px; padding:0px; color:var(--grey); font-weight: var(--bold); text-transform: none; }
#vbar .content .key { float: left; }
#vbar .content .value { float: right; }
#vbar .content .key h4 { margin:0px; padding:0px; color:var(--green); line-height: 14px; font-size:16px; }
#vbar .content .key p { margin:0px; padding:0px; color:var(--grey); font-size: 11px; font-weight: var(--bold); text-transform: uppercase; }
#vbar label { color:var(--green); }
#vbar label.option { color:var(--grey); }
#vbar .titlebar .relation_total {margin: 0px; min-width: 20px; height: 18px; line-height: 18px; text-align: center; background-color: var(--primary_color);color: var(--white); font-size:var(--size-little); font-weight: var(--regular); position: absolute;right: 30px;border-radius: 2px;}
#vbar .titlebar .relation_total.not_empty { background-color: var(--green); }
#vbar .titlebar.lang:before { content: "\f024"; }
#vbar .titlebar#conf_title:before { content: "\f828"; }
#vbar .titlebar#opts_title:before { content: "\f055"; }
#vbar .titlebar#import:before { content: "\f56f"; }
#vbar .titlebar#renderinlist:before { content: "\f06e";}
#vbar .titlebar.link:before { content: "\f0c1"; }
#vbar .titlebar.nav:before { content: "\f34c"; }
#vbar .titlebar.automation:before { content: "\e2ca"; }
#vbar .titlebar.conf:before { content: "\f828"; }
#vbar .titlebar.pagination:before { content: "\f0cb"; }
#vbar .titlebar.sites:before { content: "\f57d"; }
#vbar .titlebar.actions:before { content: "\f0e7"; }
#vbar .titlebar.groups_menu:before { content: "\f0c9"; }
#vbar .titlebar.menu:before { content: "\f0c9"; }
#vbar .titlebar.seo:before { content: "\f002"; }
#vbar .titlebar.ctype:before { content: "\f1b3"; }
#vbar .titlebar.cont:before { content: "\f305"; }
#vbar .titlebar.domains:before { content: "\f57d"; }
#vbar .titlebar.albums:before { content: "\f302"; }
#vbar .titlebar.forms:before { content: "\f0ae"; }
#vbar .titlebar.maps:before { content: "\f3c5"; }
#vbar .titlebar.slideshow:before { content: "\f685"; }
#vbar .titlebar.images:before { content: "\f03e"; }
#vbar .titlebar.image:before { content: "\f03e"; }
#vbar .titlebar.documents:before { content: "\f1c1"; }
#vbar .titlebar.document:before { content: "\f1c1"; }
#vbar .titlebar.video:before { content: "\f03d"; }
#vbar .titlebar.audio:before { content: "\f130"; }
#vbar .titlebar.archives:before { content: "\f1c6";  }
#vbar .titlebar.archive:before { content: "\f1c6";  }
#vbar .titlebar.devices:before { content: "\f87a"; }
#vbar .titlebar.templates:before { content: "\e197"; }
#vbar .titlebar.upload:before { content: "\f093"; }
#vbar .titlebar.filters:before { content: "\e17c"; }
#vbar .titlebar.validations:before { content: "\f2f7"; }
#vbar .titlebar.copy_text_wrap:before { content: "\E041"; }
#vbar .titlebar.add_edit_element:before { content: "\f055";; }
#vbar .titlebar.fields_in_preview:before { content: "\f06e"; }
#vbar .titlebar.auth:before { content: "\f3ed"; }
#vbar .titlebar.variables:before { content: "\E254"; }
#vbar .titlebar.date:before { content: "\e0d6";  }
#vbar .titlebar.visual:before { content: "\f06e"; }
#vbar .titlebar.user:before { content: "\f0c0"; }
#vbar .titlebar.groups:before { content: "\e592"; }
#vbar .titlebar.calendar:before { content: "\e0d6"; }
#vbar .titlebar.target:before { content: "\f648"; }
#vbar .titlebar.database:before { content: "\e042"; }
#vbar .titlebar.email_settings:before { content: "\f0e0"; }
#vbar .titlebar.password_settings:before { content: "\f023"; }
#vbar .titlebar.ecommerce_settings:before { content: "\f155"; }
#vbar .titlebar.advanced:before { content: "\f013"; }
#vbar .titlebar.import:before { content: "\f56f"; }
#vbar .titlebar.export:before { content: "\f56e"; }
#vbar .titlebar.cart:before { content: "\f07a"; }
#vbar .titlebar.orders:before { content: "\f543"; }
#vbar .titlebar.application:before { content: "\e260"; }
#vbar .titlebar.sections:before { content: "\e296"; }
#vbar .titlebar.colums:before { content: "\f06e"; }
#vbar .titlebar.box_filter:before { content: "\f0b0"; }
#vbar .titlebar.containers_filter:before { content: "\e17c"; }
#vbar .titlebar.mapping:before { content: "\e1cd"; }
#vbar .titlebar.schedulable:before { content: "\f367"; }
#vbar .titlebar.secret:before { content: "\f4fa"; }
#vbar .titlebar.coin:before { content: "\f51e"; }
#vbar .titlebar.seo:before { content: "\f1a0"; font-family: var(--font-family-ico-alt);  }
#vbar .titlebar.keywords:before { content: "\f002"; }
#vbar .titlebar.view:before { content: "\f06e"; }
#vbar .titlebar.googlesearch:before { content: "\f1a0"; font-family: var(--font-family-ico-alt); }
#vbar .titlebar.privacy:before { font-family:var(--font-family-ico); content: "\f502"; }
#vbar .titlebar.transactions:before { content: "\e312"; }
#vbar .titlebar.shipping:before { content: "\f48b"; }
#vbar .titlebar.payments:before { content: "\f09d"; }
#vbar .titlebar.stats:before { content: "\e473"; }
#vbar .titlebar.application:before { content: "\e165"; }
#vbar .titlebar.rules:before { content: "\e05d"; }
#vbar .titlebar.mail:before { content: "\e1ba"; }
#vbar .titlebar.revenue:before { content: "\f24e"; }
#vbar .titlebar.guaranteed:before { content: "\f389"; }
#vbar .titlebar.pms:before { content: "\f0db"; }
#vbar .titlebar.channel:before { content: "\f78a"; }
#vbar .added_opts { display: none; }
#vbar #add_container_group { display: block; width: 100%; }
#vbar #sites { width:100%; }
#vbar #languages { width:100%; text-transform: uppercase; font-weight: var(--bold); color: var(--green); font-size:11px; }
#vbar #add_language { cursor:pointer; }
#vbar .desc { font-size: 12px; }
#vbar div.tagsinput { margin: 5px 0px 0px 0px; overflow: auto; }
#vbar .add_btn { cursor:pointer; color:var(--green); text-transform: uppercase; font-weight:var(--bold); font-size:var(--size-little); display:flex; align-items:center; gap:5px; justify-content:flex-end; }
#vbar .add_btn:after { font-family:var(--font-family-ico); content: "\f055"; }

/* Section Info */
#section_info { padding: 0 15px;  overflow: hidden;  /* background-color: var(--white); box-shadow: 0px 0px 5px rgba(0,0,0,0.2); */ }
#section_info .title { padding: 0px 10px 0px 10px; color:var(--green); font-size:20px; line-height:37px; font-weight: normal; }
#section_info .description { margin: 13px 0px 0px 0px; padding: 0px; color:#1B2C3A; font-size:100%; font-weight: normal;  }
#section_info .controllericon { font-family: var(--font-family-ico); font-size: 24px; line-height:37px;  color:var(--green); }
#section_info #ecommerce { line-height: 1; }

/* Configurazione Box panel */
.panel { margin: 15px 0 0 0; padding:0px; border: 1px solid var(--grey-medium); background-color: var(--white); overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;  }
.panel .titlebar { margin:0px; padding:20px; background: var(--grey-light); border-bottom: 1px solid var(--grey-medium); color:var(--primary_color);font-weight: var(--medium);font-size: var(--size-l);line-height:1; display: flex; align-items:center; justify-content:flex-start; gap:10px }
.panel .titlebar:before { font-family: var(--font-family-ico); line-height:1; }
.panel .titlebar.jsb { justify-content: space-between; }

/*.panel .content:last-child .zrow:last-child { border: none;}*/

.panel .inline { display: block; }
.panel .inline li { margin: 0px 20px 0px 0px; list-style: none; display: inline-block;  }
.panel .key { font-size:11px; font-weight:bold;	color:var(--grey); text-shadow: 0 1px 0 var(--white); float: right; text-transform: uppercase; }
.panel label input,
.panel label textarea { margin:3px 0 0 0 }
.panel label input[type=checkbox],
.panel label input[type=radio] { margin:0 5px 0 0; position: relative; top: 2px; }
/*.panel .value { font-size:18px;	font-weight: var(--bold); color:var(--green); text-shadow: 1px 1px 0px var(--white); display: block;	text-align: right; line-height: 25px; }
.panel .value a { color:var(--green); }*/
.panel #datalist .dataTables_length select { float: left; width: 100%; }
.panel.toggle_panel .titlebar { cursor: pointer; position:relative; }
.panel.toggle_panel .titlebar.closed { border:none; }
.panel.toggle_panel .titlebar:after { margin: 0; position: absolute; right:10px; font-family: var(--font-family-ico); color:var(--grey); font-weight: normal; content: "\f078"; }
.panel.toggle_panel .titlebar.closed:after { content: "\f054"; }
.panel .zgraph { margin: 15px; overflow: hidden; }


.panel .delta.plus { color: var(--green); }
.panel .delta.minus { color: var(--red); }
.panel .delta.equal { color: var(--grey); }
.panel .delta.plus:before { content: "+"; }
.panel .delta.minus:before { content: "-"; }
.panel .delta.equal:before { content: "="; }

.panel .trend:before { margin: 0 5px 0 0; float: left; font-size: 14px; line-height: 18px; font-family:var(--font-family-ico); }
.panel .value.euro:before { margin: 0 2px 0 0; content: "\20AC"; }

/*.panel .content.single_data { padding: 5px; }
.panel .content.single_data ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; }
.panel .content.single_data ul li { padding: 0 20px 0 0; width: 100%; }
.panel .content.single_data ul li ul.sub { width: 100%; }
.panel .content.single_data ul li ul.sub li { padding: 0 10px 0 0; width: auto; }
.panel .content.single_data .trend:before { margin: 5px 5px 0 0; }
.panel .content.single_data .key { margin: 2px 0 0 2px; clear: both; display: block; float: none; text-transform: uppercase; line-height: 1; }
.panel .content.single_data .value { display: block; float: none; font-size: 32px; font-weight: var(--light); line-height: 1; text-align: left; }
.panel .content.single_data .value.previous { margin: 10px 0 0 0; font-size: 17px; color: #0087a5; font-weight: var(--regular); }
.panel .content.single_data .value.confirmed,
.panel .content.single_data .value.cancelled { margin: 10px 0 0 0; font-size: 17px; color: #0087a5; font-weight: var(--regular); }
.panel .content.single_data .value.previous:before { content: "vs "; }
.panel .content.single_data .value.euro.previous:before { content: "vs \20AC"; }
.panel .content.single_data .value.delta { margin: 10px 0 0 0; font-size: 17px; font-weight: var(--regular); }

.panel .content.multiple_data { padding: 0px; }
.panel .content.multiple_data h3 { margin: 0; font-size: var(--size-medium); line-height: 1; font-weight: var(--regular); text-align: left; color: var(--primary_color); }
.panel .content.multiple_data ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; }
.panel .content.multiple_data ul li { padding: 0 10px 0 0; }
.panel .content.multiple_data ul li ul.sub { width: 100%; }
.panel .content.multiple_data ul li ul.sub li { padding: 0 10px 0 0; }
.panel .content.multiple_data .key { margin: 2px 0 0 2px; clear: both; display: block; float: none; text-transform: uppercase; line-height: 1; }
.panel .content.multiple_data .value { display: block; float: none; font-size: var(--size-medium); font-weight: var(--light); line-height: 1; text-align: left; }
.panel .content.multiple_data .value.previous { margin: 10px 0 0 0; font-size: var(--size-base); color: #0087a5; font-weight: var(--regular); }
.panel .content.multiple_data .value.previous:before { content: "vs "; }
.panel .content.multiple_data .value.euro.previous:before { content: "vs \20AC"; }
.panel .content.multiple_data .value.delta { margin: 10px 0 0 0; font-size: var(--size-base); font-weight: var(--regular); }

.panel .content.multiple_data.graph { padding: 0px; }
.panel .content.multiple_data.graph h3 { margin: 0; font-size:  var(--size-medium);; line-height: 1; font-weight: var(--regular); text-align: left; color: var(--primary_color); }
.panel .content.multiple_data.graph h3.trend:before { margin: 0 5px 0 0; float: left; font-size: 100%;  }
.panel .content.multiple_data.graph .key { margin: 2px 0 0 0px; }
.panel .content.multiple_data.graph .value { font-size: var(--size-medium);}
.panel .content.multiple_data.graph .value.previous { margin: 5px 0 0 0; font-size: 100%; color: #0087a5; font-weight: var(--regular); }
.panel .content.multiple_data.graph .value.previous:before { content: "vs "; }
.panel .content.multiple_data.graph .value.euro.previous:before { content: "vs \20AC"; }
.panel .content.multiple_data.graph .value.delta { margin: 5px 0 0 0; font-size: 100%; font-weight: var(--regular); }

.panel .content.linechart { padding: 0px; }
.panel .content.linechart .zgraph { margin: 0; padding: 15px; border-bottom: 1px solid var(--grey-medium); }
.panel .content.linechart .zrow { padding: 15px; }
.panel .content.linechart .zrow h3 { margin: 0; font-size: 22px; line-height: 1; font-weight: var(--regular); text-align: left; color: var(--primary_color); }
.panel .content.linechart .zrow ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; }
.panel .content.linechart .zrow ul li { padding: 0 20px 0 0; }
.panel .content.linechart .zrow ul li ul.sub { width: 100%; }
.panel .content.linechart .zrow ul li ul.sub li { padding: 0 10px 0 0; }
.panel .content.linechart .zrow .key { margin: 2px 0 0 2px; clear: both; display: block; float: none; text-transform: uppercase; line-height: 1; }
.panel .content.linechart .zrow .value { display: block; float: none; font-size: 22px; font-weight: var(--light); line-height: 1; text-align: left; }
.panel .content.linechart .zrow .value.previous { margin: 10px 0 0 0; font-size: var(--size-base); color: #0087a5; font-weight: var(--regular); }
.panel .content.linechart .zrow .value.previous:before { content: "vs "; }
.panel .content.linechart .zrow .value.euro.previous:before { content: "vs \20AC"; }
.panel .content.linechart .zrow .value.delta { margin: 10px 0 0 0; font-size: var(--size-base); font-weight: var(--regular); }
*/
/* Flash message */
#flash_messages_container { position: fixed; right:0px; bottom: 0px; text-align: center; left: 0; z-index: 999999999999; }
.flash_message, #flash_message { margin: 0px 0px 0px 0px; padding: 20px 15px; font-size: 100%; font-weight: var(--bold); clear:both; border: 1px solid transparent; cursor: pointer; }
.flash_message, #flash_message a { color: var(--white); }
.flash_message.success, #flash_message.success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.flash_message.warning, #flash_message.warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.flash_message.error, #flash_message.error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }

.flash_message.success a, #flash_message.success a { font-weight: var(--bold); text-decoration: underline; color: #3c763d; }
.flash_message.warning a, #flash_message.warning a { font-weight: var(--bold); text-decoration: underline; color: #8a6d3b; }
.flash_message.error a, #flash_message.error a { font-weight: var(--bold); text-decoration: underline; color: #a94442; }

/* Loading Overlay */
@keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.lds-ring { display: inline-block; position: relative; width: 80px; height: 80px; }
.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 4px; border: 4px solid var(--white); border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: var(--white) transparent transparent transparent; }
.lds-ring div:nth-child(1) { animation-delay: -0.45s; }
.lds-ring div:nth-child(2) { animation-delay: -0.3s; }
.lds-ring div:nth-child(3) { animation-delay: -0.15s; }

.lds-ring.mini { width: 28px; height: 28px; }
.lds-ring.mini div { width: 28px; height: 28px; margin: 4px; border: 4px solid var(--white); }
.lds-ring.mini div { width: 28px; height: 28px; margin: 4px; border: 4px solid var(--white); }

.lds-ring.inverse div { border: 4px solid var(--primary_color); border-color: var(--primary_color) transparent transparent transparent;}
.lds-ring.mini.inverse div { border: 2px solid var(--primary_color); border-color: var(--primary_color) transparent transparent transparent;}

#loading_overlay { left: 0; width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.8); top: 0; z-index: 2147483647; display: none; }
#loading_overlay .caption { position: absolute; top: calc(50% - 14px); left: 0; right: 0; text-align: center; }
#loading_overlay .caption i { color: var(--white); }
#loading_overlay.dialog_mode { z-index: 9999999999; }

.loading { left: 0; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.8); top: 0; z-index: 9999998; display: none; }
.loading .caption { position: absolute; top: calc(50% - 14px); left: 0; right: 0; text-align: center; color: var(--white); }

.panel_loading { text-transform: uppercase; position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%; font-size: 16px; font-weight: var(--bold); color: var(--primary_color); text-align: center; }
.panel_loading .lds-ring div { border: 4px solid var(--primary_color); border-color: var(--primary_color) transparent transparent transparent;}

.loading_small { display: none; margin: 0 auto; width: 10px; height: 10px; border: 2px solid #c5c5c5; border-top: 2px solid var(--primary_color); border-left: 2px solid var(--primary_color); border-bottom: 2px solid var(--primary_color); border-radius: 50%; -webkit-animation: lds-ring 2s infinite linear; animation: lds-ring 2s infinite linear; }

/* Configurazione Cnt */
#cnt .content.containerbox > .zrow { padding:15px; font-size:100%; }
#cnt .content.containerbox > .zrow h3 { margin-bottom: 5px; line-height: 1; }
#cnt .content.containerbox > .zrow .valuelist { margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; clear: both; display: block; }
#cnt .content.containerbox > .zrow .valuelist > label { margin: 0px 10px 0px 0px; padding:0px 0px 0px 0px; }
#cnt .content.containerbox > .zrow .add_btn { margin: 10px 0px 0px 0px; padding:0px 15px 0px 0px; clear: both; display:inline-block; font-size:11px; font-weight: var(--bold); color:var(--green); text-transform: uppercase; text-shadow: 1px 1px 0px var(--white); text-decoration: none; cursor:pointer; }
#cnt .content.containerbox > .zrow .add_btn:after { margin: 0px 0px 0px 5px; font-family: var(--font-family-ico);  content: "\002B";  font-size:10px; }
#cnt .content > .zrow.seo_box { margin: 20px 0px 0px 0px; padding: 20px; border-top: 1px solid var(--grey-medium); background-color: var(--grey-medium); }
#cnt .content > .zrow.seo_box .zrow { padding: 5px 0px 0px 0px; }
#cnt .content > .zrow.media_container_cnt { padding:15px; }
#cnt .content .htaccess { width:100%; height: var(--regular)px; }
#cnt .content .elem_seo_not_ok h4 { color: red; }
#cnt .content .elem_seo_ok h4 { color: green; }


.img_picker { cursor: default; }
.img_picker .img_wrapper { margin: 0px; overflow: hidden; display: inline-block; position: relative; }
.img_picker .img_wrapper .previewimage { max-width: 100%; }


/* Gestione Media Associati al contenuto */
.media_container { padding: 0; overflow:hidden; border: none; display: flex; gap: 7px; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;}
.media_container .ui-sortable-placeholder { width: 60px; height:60px }
.media_container.media_container_video .ui-sortable-placeholder { width: 120px; height:85px }
.media_container.media_container_document .ui-sortable-placeholder { width: 120px; height: auto; min-height:35px }
.media_container.media_container_document { display:block; box-sizing:border-box; }
.media_container.media_container_document .content_media { width: 80%; }
.media_container.media_container_archive { display:block; box-sizing:border-box; }
.media_container.media_container_archive .content_media { width: 80%; }
.content_media { position: relative; }
.content_media .thisfile { cursor: move; width: 60px; height: 60px; object-fit: cover; border:3px solid var(--grey-medium); border-radius: 5px;}
.content_media .thisfile.checked { border:3px solid var(--green); }
.content_media .thisfile.video { width: 120px; height: 85px; }
.content_media .thisfile.document { margin: 0 0 5px 0; padding: 10px; width: auto; max-width:80%; height: auto; border:1px solid var(--grey-medium);}
.content_media .thisfile.document.checked { border:1px solid var(--green); }
.content_media .thisfile.archive { margin: 0 0 5px 0; padding: 10px; width: fit-content; max-width:80%; height: auto; border:1px solid var(--grey-medium);}
.content_media .thisfile.archive.checked { border:1px solid var(--green); }
.content_media .zrow { padding: 0; }
.content_media .zrow label { margin: 5px 0 0 0; display: block; text-align: left; line-height: 1; }
.content_media .file_name { display: flex; align-items: center; justify-content: flex-start; gap: 5px; line-height: 1;}
.content_media .file_name:before { font-family:var(--font-family-ico); }
.content_media .document .file_name:before { content: "\f1c1"; }
.content_remove { display:none !important; }
.delete_selected_media:after { display:none }



/* Liste */
#datalist .dataTable { font-size: 100%; }
#datalist .dataTable.simpletable { margin-bottom: 30px; }
#datalist .dataTable.no_submenu { margin-bottom: 0; }
#datalist .dataTable .btn_green, #datalist .dataTable .btn_grey { padding: 6px 10px; font-size: 11px; }
#datalist table.dataTable thead th, #datalist table.dataTable thead td { border-bottom: 1px solid var(--grey-medium); }
#datalist table.dataTable.no-footer { border:none; }
#datalist table.dataTable thead th, table.dataTable thead td { padding: 10px; text-align: left; color: var(--green); }
#datalist table.dataTable thead th.th_sort, table.dataTable thead td.td_sort { width: 15px; }
#datalist .dataTables_length { padding: 10px; }
#datalist .dataTables_length select { float: left; width: 100%; }
#datalist .dataTables_filter { padding: 26px 10px 0 0; }
#datalist .dataTables_filter input { margin: 0; padding: 0 12px; line-height: 28px; border: 1px solid var(--grey-medium); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; }
#datalist table.dataTable tbody tr.odd { background: var(--grey-light); }
/* #datalist tr:hover, #datalist tr:focus { padding: 12px 12px 12px 9px; border-left: 3px solid var(--secondary_color); } */
#datalist table.dataTable tbody th, #datalist table.dataTable tbody td { border-bottom: 1px solid var(--grey-medium); line-height: 1; }
#datalist table.dataTable .element a { color: var(--green); text-decoration: none;  }
#datalist .dataTables_wrapper { overflow-x: auto; }
#datalist .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#datalist .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
#datalist .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: var(--grey) !important; border: 1px solid var(--grey-medium); background: none; background-color: white; }
#datalist .dataTables_wrapper .dataTables_info { padding: 20px; }
#datalist .dataTables_paginate { padding: 12px 10px; }
#datalist .group-start { cursor: pointer; }
#datalist .dataTable tfoot td{ padding: 10px 0px 6px 0px; border-top: 3px solid #c5c5c5;}

#datalist .dataTables_processing { position: fixed; width: 100%; height: 100%; top: 0; padding: 0; margin: 0; left: 0; background: rgba(0,0,0,0.8); color: transparent; font-size: 0px; z-index: 9999999; }
#datalist .dataTables_processing:before { content: "\f1ce"; font: normal normal normal 14px/1 var(--font-family-ico); animation: lds-ring 2s infinite linear; display: inline-block; font-size: 24px; color: var(--white); position: absolute; top: calc(50% - 14px); }

/* Liste semplici */
table#datalist { width: 100%; font-size: 100%; }
#datalist .headerlist, #datalist .datalist { text-align: left; }
#datalist .headerlist th, #datalist .datalist td { padding: 10px; }
#datalist .datalist td { border-top: 1px solid var(--grey-medium); }
#datalist .datalist td a { color: var(--green); text-decoration: none;  }

/* Semafori */
.logostatus { margin: 0 auto; cursor: pointer; width: 16px; height: 16px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; }
.logostatus:hover { opacity: 0.5; }
.logostatus.state-0 { background: var(--red); }
.logostatus.state-1 { background: var(--green); }
.logostatus.state-2 { background: var(--yellow); }

/* Menu a comparsa per le datalist */
.element_menu { position: relative; font-size: 90%;}
.element_menu .arrow.top {position: absolute;left: 15px;top: 2px;width: 0;height: 0;z-index: 55;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid var(--primary_color);}
.element_menu .caption {margin: 8px 0px 0px 0px;padding: 8px;overflow:hidden;list-style: none;position: absolute;color: var(--white);background: var(--primary_color);border-radius: 3px; display:flex; align-items:center; gap:8px; width: max-content;}
.element_menu .element_menu_li {margin: 0;padding: 0;overflow:hidden;text-decoration: none;text-transform: none;}
.element_menu_li a { display: block; font-weight: normal; cursor:pointer; }
.element_menu_li a:before { font-family:var(--font-family-ico); font-size:var(--size-base); font-weight:var(--solid); color:var(--white); margin-right: 3px;}
.element_menu_li a:hover:before { font-weight:var(--solid); color:var(--secondary_color); }
.element_menu_li a.content_types_relations:before { content:"\e1cd"; }
.element_menu_li a.view:before,
.element_menu_li[data-method="profile"] a:before { content:"\f06e"; }
.element_menu_li a.delete:before,
.element_menu_li a.Elimina:before { content:"\f2ed"; }
.element_menu_li[data-method="set"] a:before,
.element_menu_li a.Modifica:before { content:"\f044"; }
.element_menu_li a.send_email:before { content:"\e20a"; }
.element_menu_li a.crop_label:before { content:"\f02b"; }
.element_menu_li a.slideshow:before { content:"\f685"; }
.element_menu_li a.slideshow:before { content:"\f685"; }
.element_menu_li a.schedule:before { content:"\f133"; }
.element_menu_li[data-method="edit"] a:before,
.element_menu_li[data-method="structure"] a:before,
.element_menu_li[data-method="calendar"] a:before { content:"\f044"; }
.element_menu_li[data-method="contents"] a:before { content:"\f133"; }
.element_menu_li[data-method="filters"] a:before { content:"\f0b0"; }
.element_menu_li[data-method="preview"] a:before { content:"\f06e"; }
.element_menu_li[data-method="products"] a:before { content:"\f03a"; }
.element_menu_li[data-method="data"] a:before { content:"\f073"; }
.element_menu_li[data-method="permissions"] a:before { content:"\f6ff"; }
.element_menu_li[data-method="export_contents"] a:before { content:"\f56e"; }
.element_menu_li[data-method="import_contents"] a:before { content:"\f56f"; }
.element_menu_li[data-method="duplicate"] a:before,
.element_menu_li a.Duplica:before { content:"\f24d"; }
.element_menu_li a:link, .element_menu_li a:active, .element_menu_li a:visited {color: var(--white) !important;text-decoration:none; }
.element_menu_li a:hover {color: var(--secondary_color) !important;text-decoration:none; }

/* JsTree */
#contents_tree_wrap { position: relative; }
#contents_tree .jstree-icon.no-icon { display: none; }
#contents_tree { padding: 0 0 50px 0; font-size: 14px; }
#contents_tree .jstree-node.element { float: none; }
#contents_tree .jstree-node.menu_container.modified .container_name.node_name { text-decoration: underline; }
#contents_tree .jstree-node.content.modified .content_name.node_name { text-decoration: underline; }
#contents_tree .container_name, #contents_tree .content_name { font-size: 14px; }
#contents_tree .jstree-node.element .icons { display: inline; }
#contents_tree .logostatus { vertical-align: middle; }
#contents_tree .logostatus.state-0 { background: none; border: none; color: rgba(0,0,0,0.2); }
#contents_tree .logostatus.state-1 { background: none; border: none; color: #2E6F52; }
#contents_tree.jstree-default .jstree-search { font-style: initial; color: var(--green); font-weight: normal; }
#contents_tree.jstree-default .jstree-clicked, #contents_tree.jstree-default .jstree-hovered { background: rgba(115, 199, 126, 0.2); box-shadow: inset 0 0 1px #67b171; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; }

.contents_tree .jstree-icon.no-icon { display: none; }
.contents_tree { padding: 0 0 50px 0; font-size: 14px; }
.contents_tree .jstree-node.element { float: none; }
.contents_tree .jstree-node.menu_container.modified .container_name.node_name { text-decoration: underline; }
.contents_tree .jstree-node.content.modified .content_name.node_name { text-decoration: underline; }
.contents_tree .container_name, .contents_tree .content_name { font-size: 14px; }
.contents_tree .jstree-node.element .icons { display: inline; }
.contents_tree .logostatus { vertical-align: middle; }
.contents_tree .logostatus.state-0 { background: none; border: none; color: rgba(0,0,0,0.2); }
.contents_tree .logostatus.state-1 { background: none; border: none; color: #2E6F52; }
.contents_tree.jstree-default .jstree-search { font-style: initial; color: var(--green); font-weight: normal; }
.contents_tree.jstree-default .jstree-clicked, .contents_tree.jstree-default .jstree-hovered { background: rgba(115, 199, 126, 0.2); box-shadow: inset 0 0 1px #67b171; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; }

.search_wrap { padding: 10px; text-align: right; position: absolute; right: 0;  }
.search_wrap input { margin: 0; padding: 0 12px; line-height: 28px; text-align: right; border: 1px solid var(--grey-medium); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; }
.vakata-context, .vakata-context ul { background: var(--grey-light) !important; border: 1px solid var(--grey-medium) !important; border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; -ms-border-radius: 5px !important; -o-border-radius: 5px !important; box-shadow: 0px 0px 5px rgba(0,0,0,0.2) !important; font-size: 100% !important; }
.vakata-context .vakata-context-hover>a { background-color: var(--white) !important; box-shadow: none !important; }
.vakata-context li>a { text-shadow: none !important; border-radius:0px !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; -o-border-radius:0px !important; -ms-border-radius:0px !important; }
.vakata-context li>a:hover { background-color: var(--white) !important; box-shadow: none !important; }

/* Dialog */
.modal-open { overflow: hidden; }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; display:flex; align-items:center; }
.modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; }
.modal-content { margin: 0 auto; position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: var(--white); background-clip: padding-box; outline: 0; }
.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }
.modal-body #elfinder { height:100% !important; }

.modal_dialog { margin: 0 auto; position: fixed; z-index: 999999999; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.7); text-align: center; line-height: 1.4; }

.modal_dialog.black { background: rgb(0,0,0); }
.modal_dialog #dialog_cnt { margin: 0 auto; padding: 0px; min-width:570px; border: none; background-color: var(--white);  overflow: hidden; width: auto; display: inline-block; text-align: left; position: relative; }
.modal_dialog .modal .modal-close { cursor: pointer; }
.modal_dialog .modal-content { overflow: hidden; height: 100%; }
.modal_dialog .modal-header { padding: 20px; color: var(--green); font-weight: var(--bold); font-size: var(--size-medium); text-transform:uppercase; background: var(--grey-light); border-bottom: 1px solid var(--grey-medium); text-align: left; }
.modal_dialog .modal-header .modal-close { font-size: 0; }
.modal_dialog .modal-header .modal-close:before { float: right; color: var(--primary_color); content: "\f057"; font-size: 14px; line-height: 18px; cursor: pointer; font-family:var(--font-family-ico);  }
.modal_dialog .modal-body { padding: 0; text-align:left;}
.modal_dialog .modal-body input[type=checkbox],
.modal_dialog .modal-body input[type=radio] { margin: 0 5px 0 0; position: relative;top: 2px; }
.modal_dialog .modal-footer { padding: 15px; background: var(--grey-light); border-top: 1px solid var(--grey-medium); clear:both; text-align: left; }
.modal_dialog .dialog_content { overflow: auto; height: 100%; }
.modal_dialog .dialog_content > ul, .modal_dialog .dialog_content .elements_box_relations > ul { margin-bottom: 87px; }
.modal_dialog .dialog_content ul > li > ul { padding: 0px; }
.modal_dialog #dialog_buttons { display: flex; justify-content: right; }
.modal_dialog #dialog_buttons input[type="button"] { padding: 12px; display: inline-block; }
.modal_dialog #dialog_action_0 { margin: 0 5px 0 0; border: none; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background-color:var(--primary_color); color: var(--white); font-size:100%; cursor: pointer; font-weight: var(--bold); text-transform: uppercase; }
.modal_dialog #dialog_action_0:hover, .uploadifive-button:hover { background-image: none; background-color:#34383c; color:var(--white) !important; }
.modal_dialog #dialog_action_0:disabled { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.modal_dialog #dialog_action_1, .modal_dialog #dialog_action_2 { margin: 0 5px 0 0;-moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background-color: var(--secondary_color); border:none; font-weight: var(--bold); color: var(--white); font-size:100%; cursor: pointer; text-transform: uppercase; text-align: center; text-decoration: none; }
.modal_dialog #dialog_action_1:hover, .modal_dialog #dialog_action_2:hover { background-image: none; background-color: var(--green); color:var(--white); }
.modal_dialog #dialog_exit { float: right; cursor: pointer; }
.modal_dialog .titlebar, .modal_dialog .dialog_main_content .title { cursor:pointer; padding: 10px; background-color: var(--grey-medium); color:var(--grey); font-size:100%; font-weight: var(--bold); }
.modal_dialog .dialog_main_content .title h4 { margin: 0; }
.modal_dialog .dialog_main_content { width: 100%; height: 100%; }
.modal_dialog .dialog_main_content.with_sidebar { width: 70%; height: 100%; }
.modal_dialog .menu_container { padding: 10px 10px 10px 0; }
.modal_dialog .contents_tree .menu_container { padding: 0; }
.modal_dialog .menu_container > label { font-size: 100%; text-transform: uppercase; }
.modal_dialog .contents_children { padding: 0 0 0 5px; }
.modal_dialog .contents_children .content:first-child { padding: 10px 10px 10px 0; border-top: none; }
.modal_dialog .contents_children .content { padding: 10px 10px 10px 0; border-top: 1px solid var(--grey-medium); }
.modal_dialog .dialog_sidebar { height: 100%; width: 30%; }
.modal_dialog .sidebar_title, .modal_dialog .sidebar_content{ margin: 10px; }
.modal_dialog .pages_map { display: flex;list-style: none;-ms-box-orient: horizontal; align-items: stretch;justify-content: space-between; height:100% }
.modal_dialog .pages_map_menu_items { border-right: 1px solid var(--grey-medium); }
.modal_dialog .pages_map_menu_items, .modal_dialog .pages_map_containers { width: 50%; height: 100%; max-height: 100%; overflow-y: scroll; }
.modal_dialog label { text-transform: none; line-height: 1.4;  }
.modal_dialog h4 { margin: 0; padding: 0; }
.modal_dialog .cuts_buttons .btn_cut { display: inline-block; }
.modal_dialog .variables_list { padding: 20px; }

.modal_dialog .modal-dialog { margin: 0 auto; max-width: initial !important; border-radius: 5px; overflow: hidden;  }
.modal_dialog .modal-dialog.modal-sm { margin: 100px auto; height: auto; width: 450px; }
.modal_dialog .modal-dialog.modal-md { margin: 100px auto; height: calc(100vh - 200px); width: 720px; }
.modal_dialog .modal-dialog.modal-lg { margin: 100px auto; height: calc(100vh - 200px); }
.modal_dialog .modal-dialog.modal-md .modal-content, .modal_dialog .modal-dialog.modal-lg .modal-content { display: flex; flex-direction: column; justify-content: space-between; }
.modal_dialog .modal-dialog.modal-md .modal-content .modal-body, .modal_dialog .modal-dialog.modal-lg .modal-content .modal-body { height: calc(100% - 135px); overflow: auto; }


.modal_dialog .plugins_relations { min-height: 100%; border-right: 1px solid var(--grey-medium); border-left: 1px solid var(--grey-medium); margin-left: -1px; overflow-y:auto; }
.modal_dialog .plugins_relations:first-child; { border-left: none; }
.modal_dialog .plugins_relations:last-child; { border-right: none; }
.modal_dialog .plugins_relations.plugins_rel_1 { width: 100%; }
.modal_dialog .plugins_relations.plugins_rel_2 { width: 50%; }
.modal_dialog .plugins_relations.plugins_rel_3 { width: 33.33%; }
.modal_dialog .plugins_relations.plugins_rel_4 { width: 25%; }
.modal_dialog .plugins_relations label.field { display:flex; gap:5px }
.modal_dialog .plugins_relations label.field:before { font-family: var(--font-family-ico); }
.modal_dialog .plugins_relations.album label.field:before { content:"\f302" }
.modal_dialog .plugins_relations.form label.field:before { content:"\f0ae" }
.modal_dialog .plugins_relations.slideshow label.field:before { content:"\f685" }

.modal_dialog .headerlist th, .datalist td { padding: 10px; }
.modal_dialog .datalist span { padding: 0 0 0 35px; position: relative; }
.modal_dialog .datalist span:before { font-family: var(--font-family-ico); font-weight: var(--regular); font-size: var(--size-medium); color: var(--green); line-height: 1; position: absolute; left: 0; }
.modal_dialog .datalist span.desktop:before { content: "\f390"; }
.modal_dialog .datalist span.tablet:before { content: "\f3fb"; }
.modal_dialog .datalist span.smartphone:before { content: "\f3ce"; }
.modal_dialog .datalist span.home:before { content: "\e487"; }
.modal_dialog .datalist span.user_login:before { content: "\f090"; }
.modal_dialog .datalist span.user_logout:before { content: "\f08b"; }
.modal_dialog .datalist span.user_authenticate:before { content: "\f502"; }
.modal_dialog .datalist span.user_profile:before { content: "\f007"; }
.modal_dialog .datalist span.cart:before { content: "\f07a"; }
.modal_dialog .datalist span.cart_start:before { content: "\f11e"; }
.modal_dialog .datalist span.cart_add:before { content: "\e3f3"; }
.modal_dialog .datalist span.cart_next_step:before { content: "\e0dc"; }
.modal_dialog .datalist span.order:before { content: "\f543"; }
.modal_dialog .datalist span.goal:before { content: "\f140"; }
.modal_dialog .datalist span.conversion:before { content: "\f648"; }
.modal_dialog .datalist span.payment:before { content: "\f09d"; }
.modal_dialog .datalist span.payment_gateway:before { content: "\f09d"; }
.modal_dialog .datalist span.payment_paypal:before { content: "\f1f4"; font-family: var(--font-family-ico-alt); }
.modal_dialog .datalist span.thank_you:before { content: "\e39d"; }

.modal_dialog .info_wrapper { width: 50%; float: left; }
.modal_dialog .info_wrapper:first-child { padding-right: 10px; }
.modal_dialog .external_url_wrapper, .modal_dialog .internal_url_wrapper { margin-left: 20px; }


.schedulations_dialog .sched_month_day { margin: 0 5px; }
.schedulations_dialog .repeat_wrapper label input[type="checkbox"] { margin: 2px 0 0 0; }
.schedulations_dialog #end_type { width: 130px; }
.schedulations_dialog input.sched_end_after, .schedulations_dialog input.sched_end_date { margin: 0 5px; width: 130px; }
.schedulations_dialog .add_sched_wrapper { text-align: center; }
.schedulations_dialog .schedulation .schedulation_wrapper { position: relative; }
.schedulations_dialog .schedulation:first-child { margin-top: 0; }
.schedulations_dialog .repeat_props { display: inline-block; }
.schedulations_dialog .sched_text { margin: 0 5px; }
.schedulations_dialog .delete_sched_button { position: absolute; top: 10px; right: 10px; }

#empty_translation_dialog .empty_language { display: flex; justify-content: space-between; align-items: center; }
#empty_translation_dialog .empty_language:last-child { border-bottom: none; }
#empty_translation_dialog .empty_lang { display: inline-block; margin-top: 7px; }
#empty_translation_dialog .copy_text_from { width: 100px; }

/* Editing dei contenuti */
.sort, .dsort, .move_handle { cursor: move; }
.sort:before,
.dsort:before,
.move_handle:before { margin: 0px 10px 0px 0px; font-family: var(--font-family-ico); font-size: var(--size-base); line-height:1;  color:var(--grey-medium); content: "\e411"; font-weight: var(--solid); float: left; }
.dsort:before { margin: 4px 0px 0px 0px; font-size: 16px; }
.dsort .coltxt { cursor:auto; }
.crop_img { margin: 10px 5px 0px 0px; float: left; }
.zoom_img { margin: 10px 5px 0px 0px; float: left; cursor: pointer; }
.colimg.right { margin: 10px; }
.colimg.left { margin: 10px; }
.colimg { margin: 0px; overflow: hidden; display: inline-block; position: relative; }
.coltxt { width: 100%; background-color: var(--white); }
.coltxt.left, .coltxt.right { float: none; }
.coltxt.right div { padding: 8px; }
.resetbutton { margin: 10px 10px 0 0; display: block; position: absolute; top: 0; right: 0; cursor: pointer; font-size: 0; color: #707070; }
.resetbutton:before { float: left; font-size: 14px; line-height: 1; font-family:var(--font-family-ico); content: "\f057"; color: var(--white); font-weight: var(--bold); text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); }
.magnifybutton { margin: 10px 0 0 10px; position: absolute; top: 0; left: 0; cursor: pointer; font-size: 0; color: #707070; }
.magnifybutton:before { float: left; font-size: 14px; line-height: 1; font-family:var(--font-family-ico); content: "\f002"; color: var(--white); font-weight: var(--bold); text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);}
.image_preview { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 99999999; display: flex; justify-content: center; align-items: center; background: rgb(0, 0, 0, 0.7); }
.image_preview .img_wrapper { position: relative; max-width: calc(100% - 50px); max-height: calc(100vh - 50px); }
.image_preview .img_wrapper img { width: 100%; max-height: calc(100vh - 50px); }
.image_preview .img_wrapper .close { position: absolute; right: 0; top: 0; margin: 10px; cursor: pointer; }
.image_preview .img_wrapper .close:before { float: left; font-size: 14px; line-height: 1; font-family:var(--font-family-ico); content: "\f057"; color: var(--white); font-weight: var(--bold); text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);}
.editor { border: 1px #ccc solid; outline: none !important; font-size:100%; }
.editor ul, ul.sortable .editor ul { margin: 0; padding-left: 20px; list-style-type: initial; }
.editor ol { padding-left: 20px; }
.editor > * { height: auto; }
.content_editor { margin: 3px 0 0 0; padding: 10px; cursor: initial; }
.content_editor p { margin: 10px 0; }
.content_editor_html { padding: 10px; cursor: initial; }
.img_submenu { z-index: 999999; cursor:pointer; background: none; }

div.tagsinput { margin: 3px 0 0 0; }

/* Uplodifive */
.uploadifive-button { padding:8px 0px; height: auto !important; line-height: 1 !important; text-transform: uppercase; text-shadow: none; }
#uploadifive-file_upload-file-0 { margin-top:15px; }
.uploadifive-queue-item { margin:0px 0px 5px 0px; padding: 5px; background-color: #ededed; border: 1px solid #d8d8d8; font-size: 11px; }
.uploadifive-queue-item .close { background: url('data:;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAALtJREFUeNrEkzEOwjAMRV+h56jUS/UE0IgurDAhdWHtCizMOVwkpg4IpUsignHD0AEvjq28r/hbKbz3LIkVC6OMh6ZpAA5ABXQz9wfAAT2AtfYtEOBzUncKvE/qXo5QJ+cdcMnANbD+GAEwIbcijwK+AxvgJQVyIio8twUDXJX+F5xb46j0nhKeE5CGxdgKY1WBQTHsltStFCl/wHFmrxhr5AseGcOksU57wSnkSnM7WbEDjrFZ/P03TgMAIGMyKZHWqJQAAAAASUVORK5CYII=') 0 0 no-repeat; display: block; float: right; height: 16px; text-indent: -9999px; width: 16px; }
.uploadifive-queue-item .progress { border: 1px solid #d8d8d8; background-color: var(--white); height: 3px; margin-top: 5px; width: 100%; }
.uploadifive-queue-item .progress-bar { background-color: #22674e; height: 3px; width: 0; }

/* ElFinder */
.elfinder { font-family: inherit !important; }
#elfinder .elfinder-cwd { padding: 0;}
#elfinder .elfinder-statusbar { align-items:center; }
#elfinder .elfinder-statusbar .archive_space_wrapper { order: 4; display:flex; align-items:center; cursor:pointer; position:relative; }
#elfinder .elfinder-statusbar .archive_space_wrapper:before { font-family: var(--font-family-ico); content: "\f0c2"; margin: 0 7px; }
#elfinder .elfinder-statusbar .archive_space_wrapper .archive_space { width: 218px; position:relative; }
#elfinder .elfinder-statusbar .archive_space_wrapper .archive_space_progress { background: #fff; height: 5px; overflow: hidden; margin-right: 10px; }
#elfinder .elfinder-statusbar .archive_space_wrapper .archive_space_progress .used_space { height: 100%; }
#elfinder .elfinder-statusbar .archive_space_wrapper .archive_space_dialog { position:absolute; bottom:19px; right: 0; background:#e7e7e7; width:250px; cursor: default; }
#elfinder .elfinder-statusbar .archive_space_wrapper .archive_space_dialog .dialog_content { margin: 10px; background:#fff; }
#elfinder .elfinder-statusbar .archive_space_wrapper .archive_space_dialog .dialog_content .space { font-size: 14px; }
#elfinder .elfinder-statusbar .archive_space_wrapper .archive_space_dialog .dialog_content .info { font-size: 13px; }
#elfinder .elfinder-statusbar .archive_space_wrapper .archive_space_dialog .dialog_content .contact { font-size: 13px; }
#elfinder .elfinder-button-search-menu { display:none !important; }
#elfinder.elfinder-ltr .elfinder-cwd-view-icons .elfinder-cwd-file { margin:5px }
.elfinder-cwd-wrapper::-webkit-scrollbar,
.elfinder-navbar::-webkit-scrollbar  { width: 5px; height: 5px; border:none; }
.elfinder-cwd-wrapper::-webkit-scrollbar-track,
.elfinder-navbar::-webkit-scrollbar-track { margin: 0; background: var(--white); }
.elfinder-cwd-wrapper::-webkit-scrollbar-thumb,
.elfinder-navbar::-webkit-scrollbar-thumb { background: var(--primary_color); }
.elfinder-cwd-wrapper::-webkit-scrollbar-thumb:hover,
.elfinder-navbar::-webkit-scrollbar-thumb:hover { background: var(--primary_color); }

.colorpicker { z-index: 9999999999; }
#pdf_preview_box { position: relative; overflow: hidden; text-align: center; margin: 0 auto; background-color: #f3f3f3; }
#pdf_preview_box .properties { position: absolute; top: 0; right: 0; }
#pdf_preview_box .properties .color_picker { display: table; width: 105px; text-align: right; }
#pdf_preview_box .properties .color_picker span { display: table-cell;  vertical-align: middle; padding-right: 10px; }
#pdf_preview_box .pdf_preview_wrapper { width: 100%; height: 100%; }
#qrcode_draggable { position: absolute; top: 100px; opacity: 0.6; width: 80px; display: none; }
#qrcode_wrapper { width: 80px; height: 80px }
#qrcode_shortener { padding: 0 2px; text-align: left; font-family: helvetica; font-weight: var(--bold); }
#pdf_preview { width: 100%; height: 100%; }
#win_document_file { display: none; }
#pdf_curr_version_preview { position: absolute; width: 150px; bottom: 10px; right: 10px; cursor: pointer; border-bottom: 1px solid var(--grey-medium); transition: 0.3s; }
#pdf_curr_version_preview .wrap_content { position: relative; }
#pdf_curr_version_preview .preview_image { width: 100%; opacity: .4; transition: 0.3s; }
#pdf_curr_version_preview .info { position: absolute; top: 0; left: 0; display: block; color: var(--black); font-weight: var(--bold); text-align: left; padding: 5px; transition: 0.3s; }
#pdf_curr_version_preview .info .doc_title { font-size: var(--size-base); }
#pdf_curr_version_preview:hover { width: 300px; }
#pdf_curr_version_preview:hover .preview_image { opacity: 1; }
#pdf_curr_version_preview:hover .info {  display: none; }

#elfinder_message { text-align: center; font-weight: var(--bold); color: #8a6d3b; background-color: #fcf8e3; }
#elfinder .elfinder-cwd-view-list .elfinder-win-document .elfinder-cwd-icon-pdf:after { width: 16px; height: 16px; }
#elfinder .elfinder-cwd-view-list .elfinder-win-old-document .elfinder-cwd-icon-pdf:after { width: 16px; height: 16px; }
#elfinder .elfinder-cwd-view-list .elfinder-win-pub-document .elfinder-cwd-icon-pdf:after { width: 16px; height: 16px; }

#elfinder .elfinder-dialog-notify { top: 40% !important; margin: 0 auto !important; left: 0 !important; right: 0 !important; }
#elfinder .elfinder-notify-progress { background: #91c46b; }
#elfinder .elfinder-path-other { margin: 0 3px; }
#elfinder .ui-icon-closethick:before { margin-right: 7px; }
#elfinder .ui-icon-closethick { text-indent: 0; cursor: pointer; }
#elfinder .elfinder-button-icon-editinfo:before { content: '\e813'; }
#elfinder .elfinder-toolbar .elfinder-button-search .elfinder-button-menu { display: none !important; }
#elfinder .elfinder-toolbar .elfinder-button-search.ui-state-active input { padding-left:30px; }
#elfinder .ui-state-disabled { opacity: 1 !important; }
#elfinder .ui-selectable-disabled { opacity: 1 !important; }
#win_info #shortner_url_value { opacity: 0; }
#win_info .shortner_url { font-size: 14px; }
#win_info .version_name { margin-top: 5px; }
#win_info .fix_win_document_desc { font-size: 14px; }

#elfinder .elfinder-toast-msg { font-size: 14px; font-family: "Proxima Nova"; }

/* Configurazione per Tiny Editor */
.mce-content-body ul { list-style: initial; padding: 0 20px; }
.mce-widget .mce-i-archive:before { font-family: var(--font-family-ico); content: "\f187"; }
.mce-ico.mce-i-patterns:before { font-family: var(--font-family-ico); content: "\E066"; }
.mce-menu-item-preview.mce-active { background-color: #f0f0f0; border-left: none !important; }
.mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus { background-color: var(--primary_color) !important; border-left: none !important; }
.mce-menu-item:hover span, .mce-menu-item.mce-selected span, .mce-menu-item:focus span { color: white !important; }
.mce-menu { padding: 0 !important; }

ztag[data-id="page_break"] { padding: 4px 7px; text-align: center; font-size: var(--size-base); border-radius: 3px; }
ztag[data-id="page_break"]:before { font-family:var(--font-family-ico); content: "\f0c4"; vertical-align: middle; }
.ztag_wrapper { position: absolute; z-index: 9999999; border: 1px solid rgba(0, 0, 0, 0.2); background-color: white; display: none; }
.ztag_wrapper.single_cat { max-height: 240px; overflow: auto; }
.ztag_wrapper ztag { cursor: pointer; margin-right: 0; display: inline-block; padding: 0 4px; }
.ztag_wrapper ztag .remove { display: none; }
.ztag { background-color:var(--primary_color); color: var(--white); padding: 4px; border-radius: 3px; cursor: pointer; margin: 0; line-height: 2; }
.ztag .remove { font-size:90%; cursor:pointer; }
.ztag .remove:before { margin: 0 0 0 5px; font-family:var(--font-family-ico); content: "\f057"; }
.ztag_menu .category_items {display: none; position: absolute; z-index: 9999999; min-width: 100%; top: -1px; left: 100%; border: 1px solid rgba(0, 0, 0, 0.2); background-color: white; color:#333; padding: 0px;}
.ztag_menu .item { position: relative; white-space: nowrap; cursor: default;}
.ztag_menu .item ztag { padding: 5px; }

.ztag_menu.single_cat > li { padding: 0px; cursor: pointer; }
.ztag_menu_category { padding: 5px; }
.ztag_menu_category:after { font-family: var(--font-family-ico); font-size: 10px;  content: "\f054"; float: right; margin-left: 6px; }
.ztag_menu ztag {color:#333; background-color: transparent; line-height: inherit;}
.ztag_wrapper .item:hover { background-color: #2d8ac7; color: white; }
.ztag_wrapper ztag:hover { background-color: #2d8ac7; color: white; }
.ztags_button_floating {display: none; border: 1px solid rgba(0,0,0,0.2); background-color: var(--primary_color); color: white; border-radius: 4px; height: 17px; width: 34px; font-size: 100%; text-align: center;}
.ztags_button_floating.fired {display: inline-block;}

/* Altro da identificare */
#action_menu { padding:0px 10px 10px 10px; overflow:hidden; }
.tag { margin: 0px 5px 5px 0px; padding: 5px; background-color: #91c46b; border:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: var(--white); display: block; float: left; text-decoration: none; }
.tag a { color: #c0e094; font-size: 11px; font-weight: var(--bold); text-decoration: none; }
.ef_filtered { background:var(--green); }
.box_checked { padding-top:10px; clear:both }
.colorpicker_selector { width: 20px; height: 20px; display: block; cursor: pointer; background-color: var(--white); border-radius: 100%; }
.selectable { cursor: pointer; }
.selectable.selected { background-color: #dff0d8; }
.paypal_payment input { display: inline-block; background: transparent; text-indent: -999px; width: 145px; height: 42px; overflow: hidden; background-image: url(../images/paypal.gif); background-repeat: no-repeat; background-position: center center; border: none; }
.table_loadmore { text-align: center; }
.jcrop-keymgr { display: none !important; }
#tab_internal .contents_list { width: 65%; }
#tab_internal .elements_box_relations_in { width: 35%; }
.paypal_detail { margin-left: 5px; }
.payment_transaction { cursor: pointer; }
#dl_type { width: 150px; margin-right: 10px; }

/* Simboli Device */
.device:before { margin: 0 2px; font-family:var(--font-family-ico); font-weight:var(--regular); font-size:var(--size-medium); color:rgba(0, 0, 0, 0.2); }
.device.active:before { color:var(--green);  }
.device.desktop:before { content:"\f109" }
.device.tablet:before { content: "\f3fb" }
.device.smartphone:before { content:"\f3ce" }

@media (min-width: 992px) {
    .modal-lg { width: 90%; }
}

#social_facebook_widget .post_main_wrapper { overflow: visible; }
#social_facebook_widget .icon { margin-right: 10px; color: var(--grey-medium); font-size: 100%; line-height: 20px; cursor: pointer; }
#social_facebook_widget .icon.enabled { color: var(--primary_color); }
#social_facebook_widget .message_wrapper { position: relative; }
#social_facebook_widget .message_wrapper textarea { resize: none; }
#social_facebook_widget .message_wrapper .show_campaigns { margin: 0; position: absolute; top: 2px; right: 5px; }
#social_facebook_widget .image { max-height: 150px; }
#social_facebook_widget .share_image { margin: 0px 5px 5px 0px; padding: 10px; position: relative; float: left; text-align: center; background: var(--grey-medium); border: 1px solid var(--grey-medium); overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
#social_facebook_widget .share_content { border: 1px solid var(--grey-medium); margin-bottom: 10px; }
#social_facebook_widget .share_content .content_link { color: #cfcfcf; }
#social_facebook_widget .conf { border: 1px solid var(--grey-medium); background: var(--grey-light); }
#social_facebook_widget .conf label { display: block; }
#social_facebook_widget .campaigns_wrapper { position: absolute; top: 2px; right: 2px; background: var(--white); width: 300px; display: none; }
#social_facebook_widget .campaigns_wrapper label { display: block; width: 50%; }
#social_facebook_widget .campaigns_wrapper .campaign_info { display: block; font-size: 11px; }
#social_facebook_widget .campaigns_wrapper .tracking_code_wrap { padding-left: 10px; }
#social_facebook_widget.sharing_meta .toggle_panel { margin: 0; border: none; }

.mCSB_inside > .mCSB_container { margin-right: 6px !important; }
.mCSB_scrollTools { width: 6px !important; background: #c6c6c6; }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { line-height: 30px; border-radius: 0; margin: 0; width: 100%; }
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail { display: none; }

/*maps su dialog*/
.pac-container { z-index: 9999999999 !important; }

#batch_dialog_progress .ui-progressbar-value { margin: 0; border: 0; display: block !important; background: var(--secondary_color); }
#batch_dialog_progress .ui-progressbar-value.red { background-color:var(--red); }
#batch_dialog_details { height: 100px; overflow: auto; padding: 10px; }
#evo_waiting_result_text { background: rgba(255,255,255,1); position: relative; margin: auto; text-align: center; }
#evo_waiting_result { display: block; width: 100%; height: 100%; position: fixed; background: rgba(255,255,255,1); z-index: 9999999; }
#evo_waiting_result .caption { position: absolute; top: calc(5%);  left: 0; right: 0; text-align: center; }

.no_border { border: none; }
.no_border_t { border: none; }
.no_border_l { border-left: none; }
.no_border_b { border-bottom: none; }
.no_border_r { border-right: none; }

.campaign_name_label { width: 100%; }


.replacement_patterns .pattern { width: 50%; float: left; }

.modal_dialog .browsing_history { background: #ECF0F1; }
.modal_dialog .browsing_history table.details { border: 1px solid var(--grey-medium); background: var(--white); }

table { width: 100%; font-size: 100%; }
.headerlist, .datalist { text-align: left; }
.headerlist th, .datalist td { padding: 10px; border-bottom: 1px solid var(--grey-medium); }
.datalist td { border-bottom: 1px solid var(--grey-medium); }
.datalist td a { color: var(--green); text-decoration: none;  }

.radio_align { vertical-align: baseline; }

.colorselector { cursor: pointer; }

#summary_period .period { float: left; padding-right: 20px; padding-left: 20px; }

.no_border_top { border-top: none; }
.no_border_left { border-left: none; }
.no_border_right { border-right: none; }
.no_border_bottom { border-bottom: none; }

#orders_browsing.notification_browsing:before { margin: 0 2px 0 0; font-family: var(--font-family-ico); content: "\f57d"; display: inline-block; vertical-align: middle; color: var(--green); }

.modal-dialog .emails_wrapper .email { cursor: pointer; }
.modal-dialog .emails_wrapper .email.selected { background-color: rgba(130, 197, 73, 0.18); }
.modal-dialog .emails_wrapper .email.current { font-weight: var(--bold); }
.modal-dialog #email_preview .no_email { text-align: center; width: 100%; display: block; padding: 50px 20px; color: #c7c7c7; }
.modal-dialog #add_email { width: 100%; }
.modal-dialog #email_preview_wrapper .no_email { text-align: center; }
.modal-dialog #email_preview_wrapper .ztag { cursor: default; }
.modal-dialog #email_preview_wrapper .ztag .remove { display: none; }
.modal-dialog #email_preview_wrapper .email_text .text_wrapper { width: inherit; max-width: inherit }

.mail_row{ height: auto; padding: 10px 10px 10px 40px; }
.mail_column{ height: auto; position: relative; }
.mail_row_op{ margin-top: 10px; }
.mail_row_op input, .mail_column_op input{ margin-left: 5px; }
.mail_column_container{ border: 1px #888 dotted; background-color: var(--white); margin: 40px 0 0 0; padding: 5px; float: left; width: 500px; height: 250px; display: inline-table; }
.fifty{ width: 50%; }
.thirty-three{ width: 33%; }
.forty{ width: 40%; }
.sixty{ width: 60%; }
.twenty-five{ width: 25%; }
.allrow{ width: 100%; }
.mail_column_op{ position: absolute; right: 5px; top: 0; }
.mail_element .input{ border: 1px #ccc solid; margin-left: 25px; }
.mail_element input[type="text"].btn_grey{ width: auto; text-align: center; }
.mail_element .text{ height: 35px; }
.mail_element .textarea{ height: 75px !important; min-height: 75px !important; overflow: auto; }
.mail_element img{ min-height: 50px; width: 100%; }
.mail_element_img{ min-height: 200px; width: 100%; background-image:  url('../../../../../platform/application/views/template/images/elements/thumbs-square.jpg'); background-size: contain; background-repeat: no-repeat; background-position: 25px 100%; }
.delete_element:after,
.delete_filter:after,
.delete_row:after,
.delete_multi_row:after,
.trash:after { font-family: var(--font-family-ico); color: var(--red); line-height: 1; content: "\f2ed"; cursor: pointer; }
.copy_to_clipboard:hover { font-weight:var(--solid); color:var(--green); }
.copy_to_clipboard:before { font-family: var(--font-family-ico); content:"\f0c5"; line-height: 1; }

.delete_element, .delete_row { height: -1px; float: right; position: absolute; top:2px; right: 2px; }
.delete_filter { height: -1px; float: right; position: absolute; top:2px; right: 2px; }
.options { width: 20% }
.htype { width: 50px; }
.mail_element { margin-bottom: 10px; position: relative; }
.object_link { width: 100%; }
#add_row, #row_type { max-width: 49%; }
.lastrow{ position: relative; }
.zrowfilter{ position: relative; }
.add_filter:before, .add_row_filter:before{ font-family: var(--font-family-ico); content: "\f055"; margin-left: 10px; cursor: pointer; }
.input , .textarea { -webkit-user-select: text;  /* Chrome all / Safari all */ -moz-user-select: text;     /* Firefox all */ -ms-user-select: text;      /* IE 10+ */ user-select: text; }
.table_wrapper table td, .table_wrapper .cell{ height: 25px; overflow: hidden; }
.table_wrapper .cell{ width: 100%; }
.table_bordered .column{ text-align: center; border-right: 1px solid var(--grey-medium); }
.table_wrapper table{ width: 100%; border-collapse: collapse; float: left; margin-top: 35px; }
.dialog_content .table_wrapper table{ margin-top: 0; }
.table_content_wrapper{ padding-left: 35px; position: relative; }
.table_bordered td, .table_bordered th{ border: 1px solid var(--grey-medium); }
.table_bordered thead{ margin-left: 40px; }
.table_wrapper .row_counter, .table_wrapper .row_counter td{ width: 35px; padding-top: 1px; text-align: center; }
.table_wrapper .row_counter td{ height: 31px; }
.table_wrapper .row_counter{ width: 35px; display: block; position: absolute; top: 37px; left: 0; color: #d7d7d7; }
.table_wrapper tr input:not(.selectall){ margin: 0; padding: 3px 9px; font-size: 100%; font-weight: normal; text-transform: none; color: #3b3b3b; background: transparent; border: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.table tr.disabled input{ color: #cfcfcf; }
.table_wrapper .column_drag, .table_wrapper .c_drag, .table_wrapper .column_ops, .table_wrapper .c_ops{ width: 40px; }
.table_wrapper .c_drag{	border-right: none; background-position: center center; }
#table_form{ overflow: scroll; width: auto; }

.JCLRgripDrag{ border: none !important; }
.JCLRgrip.nodrag .JColResizer{ cursor: default; }
.menu_row_ops{ right: 7px; margin-top: 5px; overflow: visible; }
.menu_row_ops .arrow.up{ margin: 0; position: absolute; top: -10px; right: 10px; }
.zrow.field_sub_element{ border: none; }
:disabled{ color: #ccc; }

.tinyfixed { position: fixed!important; top: 75px!important; }

.ui-autocomplete { max-height: 150px; overflow-y: auto; z-index: 999; }

.purchase_flows_map .pf_wrapper { padding: 10px; }
.purchase_flows_map .pf_wrapper:first-child { margin-top: 0; }
.purchase_flows_map .steps_wrapper { padding: 10px; }
.purchase_flows_map .step_wrapper { margin-top: 5px; }
.purchase_flows_map .products_wrapper { padding: 10px; }
.purchase_flows_map .pf_product.disabled { color: #d3d3d3; }
.purchase_flows_map .hidden_elem span:after { content: "\f070"; font-family: var(--font-family-ico);  margin-left: 5px;}
.purchase_flows_map .pf_name {color: #1F7764; font-weight: 700; font-size: 14px; line-height: 1; text-transform: uppercase;}
.purchase_flows_map .step_name { font-weight: 700; }


/* tooltip */
.tooltip.in { opacity: 0.9; filter: alpha(opacity=90); }
.tooltip.top { margin-top: -3px; padding: 5px 0; }
.tooltip.right { margin-left: 3px; padding: 0 5px; }
.tooltip.bottom { margin-top: 3px; padding: 5px 0; }
.tooltip.left { margin-left: -3px; padding: 0 5px; }
.tooltip-inner { padding: 5px 10px; color: var(--white); text-align: center; background-color: var(--black); border-radius: 4px; max-width: 200px; font-size: var(--size-little); line-height: 1.5;}
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: var(--black); }
.tooltip.top-left .tooltip-arrow { right: 5px; }
.tooltip.top-right .tooltip-arrow { left: 5px; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: var(--black); }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: var(--black); }
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow { top: 0; border-width: 0 5px 5px; border-bottom-color: var(--black); }
.tooltip.bottom .tooltip-arrow { left: 50%; margin-left: -5px; }
.tooltip.bottom-left .tooltip-arrow { right: 5px; margin-top: -5px; }
.tooltip.bottom-right .tooltip-arrow { left: 5px; margin-top: -5px; }
.tooltip { position: absolute; z-index: 99999; display: block; font-size: 90%; font-style: normal; font-weight: var(--regular); line-height: 1; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; /*filter: alpha(opacity=0); opacity: 0;*/ line-break: auto; float: none; }
.tooltip.bs-tooltip-left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: var(--black); }
.tooltip.bs-tooltip-right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: var(--black); }
.tooltip.bs-tooltip-bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: var(--black); }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.bs-tooltip-auto[data-popper-placement^=top], .bs-tooltip-top { padding: .2rem 0; }


/* OPEN AI */
.prompt-overloading { left: 0; width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.8); top: 0; z-index: 9999999; display: flex; align-items: center; justify-content: center; }
.prompt-overloading.none { display:none; }

.prompt-container {margin: 20px auto;padding:0;width: 60%;display: flex;flex-direction: column;align-items: center;text-align: center;height: calc(100% - 40px);justify-content: stretch;gap: 20px;}
.prompt-container #prompt-response-container { margin: 0 auto; padding: 0; height: 100%; width: 100%; background-color: var(--grey);color: var(--white);border: 1px solid var(--grey-medium);border-radius:10px; position: relative;}
.prompt-container #prompt-response-container.none { opacity: 0; display:flex; }
.prompt-container #prompt-response-container.none .cta.icon { display:none; }
.prompt-container #prompt-response-container .cta.icon { margin: 20px 0 0 0; height: 40px; line-height: 40px; text-align: center; background-color:var(--secondary_color); color:var(--white); font-size:var(--size-l); gap:10px; justify-content:center; border-radius:5px; position:absolute; left:20px; right:20px; bottom:20px; font-weight:var(--medium); }
.prompt-container #prompt-response-container .cta.icon:before { color:var(--white); font-size:var(--size-l); font-weight:var(--solid); }
.prompt-container #response-text {margin: 0;padding: 15px;width: calc(100% - 30px); text-align: left;font-size:var(--size-medium);height: calc(100% - 100px);overflow-y: auto;}

#request-input-container { margin: 0 auto; padding: 15px; width: calc(100% - 30px);; background-color: var(--grey); color: var(--white); border: 1px solid var(--grey-medium); border-radius:10px; position: relative;}
#request-input-container .prompt-button-container { position: absolute; bottom: 18px; right: 15px; text-align:center; }
#request-input-container .prompt-button-container .cta.icon { width: 40px; height: 40px; line-height: 40px; text-align: center; background-color:var(--secondary_color); color:var(--white); font-size:0; gap:0; justify-content:center; border-radius:5px; }
#request-input-container .prompt-button-container .cta.icon:before { color:var(--white); font-size:var(--size-l); }
#prompt-input { margin: 0 auto; padding: 0 60px 0 0; width: calc(100% - 60px); min-height: 40px; max-height:200px !important; resize: none; overflow:hidden; overflow-y:auto; font-size:var(--size-medium); border:none; background:transparent; color:var(--white); }
#prompt-input::-webkit-scrollbar-thumb { background: var(--grey-medium); }
#prompt-input::-webkit-scrollbar-thumb:hover { background: var(--grey-medium); }
#prompt-input::placeholder { color:rgba(255, 255, 255, 0.7); }
#prompt-input:focus,
#prompt-input:focus-visible { outline: none !important; border:none; }

/*FIX*/
.glyphicons-message-out:before { margin: 0px 0px 0px 0px; font-family:var(--font-family-ico); font-weight:var(--light); line-height:1; content: "\f0e0"; cursor: pointer;}

/* Modulo Calendari */
.calendars_wrapper > .row { flex-wrap:wrap; }
.calendars_wrapper .calendar-col.col-md-6 { width: calc(50% - 15px); }
.calendars_wrapper .calendar-col.col-md-4 { width: calc(33.33333% - 15px); }
.calendars_wrapper .calendar-col.col-md-3 { width: calc(25% - 15px); }

/*z-slider backoffice*/
.zslider_btn {cursor: pointer; width: fit-content;}
.zslider_btn.active {cursor: pointer; width: 100%;}
.zslider_btn .zslider_btn_configure {display: none;}
.zslider_btn.active .zslider_btn_configure {display: flex; justify-content: space-between; }
.zslider_btn.active .zslider_btn_activate {display: none;}
.zslider_btn.active .slider_icon:before { cursor: pointer; font-family: var(--font-family-ico); font-size: var(--size-base); color: var(--secondary_color); content: "\e3aa"; margin-right: 5px; }

.z-slider {max-width: 300px;position: relative;overflow: hidden;--slide-visible: 1;--slide-count: 1;height: fit-content;}
.z-slider[data-visible] {max-width: calc(300px * var(--slide-visible));}
.z-slider .z-slider-container {display: flex; width: calc(100% * (var(--slide-count) / var(--slide-visible))); height: 100%;}
.z-slider .z-slider-container > * {width: calc(100% / var(--slide-count)); height: 100%; padding: 0; flex-shrink: 0; object-fit: cover;}
.z-slider .z-slider-container.fade { display: grid; position: relative; }
.z-slider .z-slider-container.fade > * { grid-area: 1 / 1; opacity: 0; transition: opacity 0.5s ease; z-index: 0; }
.z-slider .z-slider-container.fade > *.active { opacity: 1; z-index: 1; }

.z-slider .z-slider-controls .prev, .z-slider .z-slider-controls .next {cursor: pointer; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;}
.z-slider .z-slider-controls .prev:before {content: '⟵';}
.z-slider .z-slider-controls .next:before {content: '⟶';}

.z-slider .z-slider-dots { text-align: center; margin-top: 10px; }
.z-slider .z-slider-dots span {	display: inline-block; width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; background-color: #ccc; cursor: pointer; transition: background-color 0.3s; }
.z-slider .z-slider-dots span.active { background-color: var(--secondary_color); }

.z-slider .preview_item { height: 90px; background: red; color: white; display: flex; justify-content: center; align-items: center; font-size: 20px;}

/* End Of file skin.css */