/**reset **/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
button::-moz-focus-inner{padding: 0;border: 0;} /** fix estra margin button**/
small{font-size:12px}
b,strong{font-weight:bold}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, label {display: block}
h1,h2,h3{font-weight:bold}
html,body,#wrapper{height:100%;width:100%;position:relative;float:left}
html{overflow-y: scroll}
body{line-height:20px;font-family: var(--font-family);color: var(--text); /*#666*/}
ol,ul{list-style: none}
li{list-style-type:none}
blockquote,q{quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none}
table {border-collapse: collapse;border-spacing:0}
a,button{cursor:pointer;text-decoration:none;color:var(--adv);font-family: var(--font-family);border:0;margin:0;padding:0}
button:hover,a:hover{opacity:.8}
*:focus{outline: 0}

::-webkit-input-placeholder{color: var(--grey)}
::-moz-placeholder{color: var(--grey)}
:-ms-input-placeholder{color: var(--grey)}
:-moz-placeholder{color: var(--grey)}

input:invalid {
    border-color:var(--alert) !important;
    box-shadow:none;
}

.fullscreenBtn{position:fixed;width:30px;height:30px;bottom:15px;right:15px;display:block;opacity:.8;background:url(../img/ico_fullscreen.png) 0 0 no-repeat;z-index:5;}
.fullscreenBtn.full{background-position:0 -30px}


.date{color:#777;padding:5px}
.date.abs{right:0;top:0}

.adv-content{border:1px solid rgba(0,0,0,.2);border-left:none;border-right:none}

hr.separator{border:0;border-top:1px dotted var(--adv2);margin-top:20px !important;margin-bottom:20px !important}

#planning{position:absolute;top:0;left:70px;padding-top:5px}
#destra #calendar form{min-width:200px;margin-top:0;padding-top:0}
#calendar input{background:none;border:0;line-height:28px;color:#fff;font-weight:bold;font-size:14px}
#calendar{position:relative;overflow:hidden}

#calendar-header .scroller{height:30px;line-height:30px;text-align:center;position:relative;border-top: 1px solid #EEEEEE;font-weight:bold;display:none}
#calendar-header .scroller a{position:absolute;top:0;left:0;display:block;width:30px;line-height:30px;font-size:24px;}
#calendar-header .scroller a.next{left:auto;right:0}

.legend{border-top:1px solid #ddd;border-bottom:1px solid #ddd;position:relative;min-height:24px;text-align:right;padding-left:20%}
.legend h2.abs{position:absolute;top:0;left:0;line-height:24px;padding:0 10px;color:#4d79ca;background:#eee}
.legend.nopadding{padding:30px 0 0 0}
.legend table.table th{background:#ddd;color:#1a3c7b}

th._op,th._nc,th._cr,th._d{width:20px;text-align:center}
/** end banner **/
#destra{margin-left:var(--sidebarwidth);padding-bottom: 65px;}
#sinistra{float:left;width:225px}

#destra .main-menu{margin:0 auto;padding-bottom:5px}
.main-menu a{font-size:15px;padding: 15px 0 15px 5px;display:block;color:#fff;border-left:3px solid transparent}
#center .main-menu a{color:#555}

a.notifies{width:20px;height:20px;position:relative;background: url(../img/sprite.png) -93px -65px no-repeat;margin-left:10px}
a.alert_compile{width:20px;height:20px;position:relative;background: url(../img/sprite.png) -186px -4px no-repeat;margin-left:10px}
a.notifies span,a.notifies.loading span{position:absolute;top:-10px;right:0;font-size:12px;line-height:12px;padding:2px;background:#a00;color:#fff;border-radius:3px;padding:0 4px}
.setting{padding-left:30px;background:url(../img/ico_setting.png) 0 4px no-repeat}

.upload textarea{border-radius:0;margin:0;min-height:100px}
@keyframes blink { 0% { opacity:1; } 100% {  opacity: 0.5;  } }
@-webkit-keyframes blink { 0% { opacity:1; } 100% {  opacity: 0.5;  } }
@keyframes blink_alert { 0% { background-color: transparent; } 100% {  background-color:#FFFF9911;  } }
@-webkit-keyframes blink_alert { 0% { background-color: transparent; } 100% {  background-color:#FFFF9911;  } }

@keyframes new {
    from {opacity:0}
    to {opacity:1}
}

@keyframes new2 {
    0% {left:-50px;opacity:0;width:20px}
    35% {left:120%;opacity:1;width:20px}
    100% {left:120%;opacity:0;width:0px}
}

.blink{  animation: blink 6s step-start 0s infinite;  -webkit-animation: blink 1s alternate 0s infinite;  }
.blink-lamp{  animation: blink 3s step-start 0s infinite;  -webkit-animation: blink .5s alternate 0s 3;  }
.blink_alert{  -webkit-animation: blink_alert 1s 4;-webkit-animation-direction: alternate;animation: blink_alert 1s 4;animation-direction: alternate; border-radius: 4px;}

.inner-search{background:#fff url(../img/ico_search.png) 98% center no-repeat}
.load_img{min-height:24px;min-width:24px;background:#fff}
.load_img.loading{background:#fff url(../img/preloader_green.gif) center center no-repeat}
.load_img.error{background:#a00 url(../img/preloader_btn.gif) center center no-repeat}


a.tab{line-height:40px;padding:0 15px;color:var(--grey);background-color: #e9ecef;font-size:16px;position:relative;border-radius:4px 4px 0 0;margin-right: 5px;border:1px solid var(--greylight);border-bottom:0;opacity:.8;transition-property: background-color, color, opacity, bottom, right, left, top;}
a.tab span.ico{position:absolute;right:0}
a.tab:hover, a.active{color:var(--adv);background-color: #ffffff;opacity:1;border-bottom:1px solid #fff;margin-bottom:0;}

.menu.inline{border-bottom:1px solid var(--adv2);}
.inline a.tab{padding:10px 20px;border:1px solid var(--adv2);margin-bottom:-1px;margin-right:10px;background:#eee;color: var(--adv2);opacity:.7}
.inline a.tab.active{border-bottom:1px solid #fff;background:#fff;opacity:1}
.index #right,.index #left{border:0;background:none;width:690px}
.index #left{width:260px}

.tasks table.table{border:none}
.tasks table.table tr, .tasks table.table td{border:none;border-bottom:1px solid #eee;padding-top:10px;padding-bottom:10px}
.tasks table.table tr:last-child, .tasks table.table tr:last-child td{border:none}
.tasks h2.title{font-size:16px;border-color:var(--adv);padding:5px}

/** checks **/

#center{width:98%;background:#fff;padding:1%}
.index{width:980px;border-top:30px solid #333;margin:0 auto}

.container{font-size:0;width:965px;}
#loading .container{width:auto}

/** calendar **/
/*.calendar{font-size:0}*/
.calendar header {display: none;}
.calendar .tabs, .calendar .nav{margin:10px;font-size:0}
.calendar a.prev,.calendar a[rel="day"]{border-right:1px solid #fff}
.calendar a[rel="month"]{border-left:1px solid #fff}
.calendar a[rel="today"]{margin-right:10px}
.calendar a{padding:10px;background:#ddd;color:#999}
.calendar a.active, .calendar a:hover{background:#eee;color:#666}

h1.title{font-size:22px;margin:20px;color:var(--text);float:left;width:100%;box-sizing:border-box}
h2.title, h3.title, .dialog form h2.title{
    padding:14px 15px;margin:0 0 15px;font-size:18px;
    color:var(--text);border-bottom:1px solid var(--greylight);
    line-height: 36px;
    min-height: 36px;
}
h2.title.bback{background:none}
h3.title{margin:0 0 15px 0;font-size:14px;padding:5px}
h2.title-green{border-color:#333}
.title.nopad{padding-left:0;margin:10px 0}
.preview,.submit{width:100%;height:100px;overflow:hidden;position:relative;box-sizing:border-box;text-align:center}
.preview:before,.submit:before{content:'\f0c6';font-size:40px;line-height:100px;font-family:"Font Awesome 5 Free";font-weight: 900;color:var(--adv2)}
.submit:before{content:'\f1d8';color:var(--adv)}
.preview.done:before,
.preview.selected:before{content:'\f058';color:var(--green)}
.preview input{padding:0;position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;filter: alpha(opacity=0);background:none;cursor:pointer;z-index:2}
.preview .loading{position:absolute;background-position:center center;padding:0;z-index:3}
.content-inputs .preview,.content-inputs .submit{text-align: center;height: 50px;}

.btn{color:#fff;font-weight:normal;font-family: var(--font-family-roboto);font-size: var(--font-size) !important;line-height: 20px;padding: 8px 12px;margin-bottom:5px;margin-left:5px;box-sizing: border-box;}
.btn-green,.buttons .active{background:#1a3c7b}
.btn-red{background:#a00}
.btn.back{background-color:#555;float: left !important;margin-right:5px !important;font-weight:normal;font-size:14px}
.btn-grey{background-color:#333}
.btn:hover{background-color:#888;color:#fff}
.btn-none,btn-none:hover{background:none}
.btn-active{background:#406d8c}
.btn-ico{padding:0}
.btn-ico span{padding-left:30px}
.btn-rounded,.rounded{border-radius:4px}
.circle{border-radius:50%}
.circle.user {width:80px;height:80px;overflow:hidden;text-align:center !important;line-height:80px;font-size: 28px;/*border:1px solid var(--adv);*/border: 0 solid rgba(0,0,0,.125) !important;box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.05);}
.circle.user img{border-radius:50%;display:block;width:100%; padding: 2px;}
.circle.user .user-acronym {background: inherit;-webkit-background-clip: text;background-clip: text;color: transparent;filter: invert(1) grayscale(1) contrast(9);}
.min .circle.user{width:26px;height:26px;line-height:26px;font-size:12px !important}
.small .circle.user{width:30px;height:30px;line-height:30px;font-size:12px !important; box-shadow: 0 0 1px rgba(0,0,0,.2),0 3px 3px rgba(0,0,0,.2);}
td .circle.user, .doc-actions .circle.user, .box-user .circle.user {width:30px;height:30px;line-height:30px;font-size: 12px;}
.box-user .circle.user {display: block;}

.btn-shadow,.shadow{box-shadow: 0px 1px 2px rgba(0,0,0,.2)}
.shadow-light{box-shadow: 0px 0px 20px rgba(0,0,0,.2)}
.text-shadow,tshadow{text-shadow: 0px 0px 4px rgba(0,0,0,.4)}
.border-green,.dataTables_paginate a.next,.dataTables_paginate a.previous{border:1px solid var(--greylight)}
.border-white{border:1px solid #fff}
.border-grey{border:1px solid #aaa}
.border-light{border:1px solid #ddd}
.bg-center,.btn span.bg-center{background-position:center center}
.bg-none{background: transparent !important;}
.bg-white{background-color:#fff !important;}
.bg-edit,.bg-delete{background:#666}


ul.elenco{max-height:140px;overflow:auto}
.longlist{max-height:250px;overflow:auto}
.longlist ol li{margin-left:20px;list-style-type:decimal}


.sep{margin:0 5px;vertical-align:middle}

.label input[type="text"][disabled], .label textarea[disabled]{background:#fff;cursor: text;}

.search{margin-top:20px;float:left}
.search input{width:350px;background:none;color:#aaa;border:none;border-bottom:1px solid #444;padding:6px;text-align:right}
.search .ico-search{right:-90px;top:0;width:30px;height:30px;padding:0 40px; background:#444 url(../img/ico_search.png) center center no-repeat}
.search .ico-search.loading{background-image:url(../img/preloader_green.gif)}

/** dialog **/
.backdrop{position:fixed;background:rgba(0,0,0,.2);width:100%;height:100%;z-index:55;}
.bds-dialog-content{position:relative}
.bds-dialog-content .bds-dialog-info{position:fixed;right:20px;bottom:10px;z-index:3;width:30px}
.bds-dialog-content .bds-dialog-info a{margin-top:10px}
.bds-dialog-scroll{position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;/*scrollbar-width: none;*/background: var(--bgholder);}
.dialog{position:absolute;left:50%;width:70%;margin-left:-35%;z-index:1000;background:#fff;box-shadow:0 15px 20px var(--bgholder);border-radius:4px;/*overflow: hidden;*/}
.dialog.large{width:90%;margin-left:-45%}
.dialog.medium{width:700px;margin-left:-350px}
.dialog.small{width:300px;margin-left:-150px}
.dialog.help{border-radius:0 0 10px 10px}
.dialog.help div{line-height:26px}
.dialog.help .border-bottom{border-bottom: 1px solid #1a3c7b;padding-bottom:10px;margin-bottom:20px}
.dialog .buttons{margin:5px}
.dialog .desc{position:relative;}
.dialog .info{line-height:16px;font-size:0.9em}
.dialog .title-bottom{
    border-top: 1px solid #ddd;color: #bbb;padding: 5px 10px;
    background: none repeat scroll 0 0 #F2F2F2;
    border-radius: 0 0 2px 2px;
}
.dialog h2 a.back{display:none}
a.close{position:absolute;z-index:2;display:block;right:5px;top:5px;width:30px;height:30px;border-radius:5px;background:#eee url(../img/sprite.png) -30px -60px no-repeat;opacity: 0.7;}
.dialog ul.elenco{margin:5px;min-height:20px}
.dialog .desc.rel > h2.title,
.dialog .desc.rel #loaded > h2.title,
.dialog .desc.rel #loaded .content > h2.title {padding:10px 40px 10px 15px;background-position:10px;background:var(--white);color:var(--adv);border-radius: 4px 4px 0 0;margin:0;line-height: normal;min-height: inherit;}
.dialog form{padding: 15px var(--grid-gutter);}
.dialog .container-fluid {padding-left: var(--grid-gutter-2);padding-right: var(--grid-gutter-2);}
.dialog form .container-fluid {padding-left: var(--grid-gutter);padding-right: var(--grid-gutter);}
.dialog form h2.title{background:none}
.dialog form h2.title.bback{margin:-10px -10px 10px -10px;padding-right:40px;background:var(--adv);color:#fff}
.dialog h2.title a{color:var(--adv)}
.dialog a.close{background-position:0 -60px;background-color:transparent}
.dialog .p5{padding:10px}
.dialog .si,.dialog .no{
    background:url(../img/grad_blue.png) repeat-x;
    color:#fff;
    padding:4px 20px;
    margin:30px 30px 0 0;
}
.dialog .si:hover,.dialog .no:hover{opacity:.8}
.dialog.special{box-shadow:0 10px 30px rgba(0,0,0,.5);border:5px solid #fff}
.dialog.special .calendar{display:none}
.dialog.special h2.title{background-color:var(--alert);border:none;box-shadow:0 0 5px rgba(0,0,0,.5)}
.dialog.special .mh200{max-height:auto}

ul.doc li{min-height:30px;line-height:30px;border-bottom:1px solid #fdfdfd}
h2.title.doc{border-radius:0;background:none;font-size:0}

.alert{opacity:.9;border-radius:4px;font-size:14px;z-index:10000;max-width:90%;position:fixed;bottom:50px;right:50px;background:var(--greylight);color:var(--grey);border:2px solid var(--greymedium);padding:10px 30px 10px 10px;}
.alert ul{max-height:150px;overflow-y:auto}
.alert .content{margin:0;padding:0;position:relative}
.alert a{color:var(--adv)}
.alert a.close{position:absolute;right:0px;top:0px;transform: scale(.5);color:var(--grey)}
.alert-ok{background:#406f8d}
.alert-ko{background:#a00}

.alert-msg{position:absolute;border-radius:50%;width:20px;line-height:20px;text-align:center;font-size:8px;top:-10px;right:10px;z-index:1}

.vanish{ transition: transform .3s;transform: scale(.5);opacity:0}
.vanish.blur{filter:blur(2px)}
/** end dialog **/

.signs{margin-top:20px;color:#4d79ca}
.buttons a,.buttons button{margin-left:5px;font-size:16px;font-weight:bold}
.buttons{margin-top:30px}
.imageslist{margin:10px;padding:10px;border:1px solid #eee}
.imageslist a{margin:0 10px 10px 0}
.imageslist img{width:50px;display:block}

/** tabelle **/
table.table {margin: 0 auto;width: 100%;border-collapse:collapse;font-size:14px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

#page .content{margin:0}

.bg-body{background-color:var(--bodybg);}
.bg-green,.bg-grey-light.active{background-color:var(--green);color:#fff}
.bg-green-blend{background-color:var(--green_blend)}
.bg-yellow{background-color:var(--yellow);color:#fff}
.bg-yellow-blend{background-color:var(--yellow_blend)}
.bg-green-light,.complete1, .complete1 td{background-color:#e6ffe6}
.bg-dark{background-color:#343434;color:#fff}
.bg-brown,.bg-blue{background-color:var(--adv);color:#fff}
.bg-app{background-color:var(--adv);color:#fff}
.bg-green a,.bg-blue a,.bg-app a{color:#fff}
.bg-red:not(tr){background-color:var(--red) !important;color:#fff}
.bg-red-blend{background-color:var(--red_blend)}
.bg-grey{background-color:var(--grey)}
.bg-grey-light{background-color:var(--greylight)}
.bg-grey-extra-light{background-color:var(--greymorelight)}
.bg-grey-medium{background-color:var(--greymedium)}
.bg-grey-dark{background-color:var(--dark);color:#fff}

.text-green{color:var(--green) !important}
.text-blue,.blue,.text-blue-dark,.blue-dark{color:var(--adv) !important}
.text-azure,.azure{color:var(--azure) !important}
.text-grey{color:var(--grey) !important}
.text-white,.white{color:var(--white) !important}
.text-red{color:var(--red) !important}
.blue{color:var(--blue) !important}
.pink{color:var(--pink) !important}
.adv{color:var(--adv) !important}
.adv2{color:var(--adv2) !important}
.brown{color:#58585a}
.text-yellow,.yellow{color:#ffe401}
.text-grey-light,.grey-light{color:var(--greylight)}
th img{margin-right:5px;vertical-align:middle}

.note{padding: var(--grid-gutter) var(--grid-gutter) var(--grid-gutter) 30px !important;position:relative;/*line-height:17px;opacity:.9;*/font-size:12px}
.note:before{font-family:"Font Awesome 5 Free";content:"\f05a";position:absolute;left:10px;top:var(--grid-gutter);font-weight: bold;}

#clienti-info{margin:-10px 0 0 22px}

ul.prodotti-servizi li{padding:5px 10px;border-bottom:1px solid #ddd;font-size:0;color:#333}
ul.prodotti-servizi li span{font-size:16px}
ul.prodotti-servizi li span.w50p{color:#104118}

span.colored{width:8px;height:8px;margin-top:6px;border-radius:4px}
#calendar span.colored,.calendar-tooltip span.colored{margin-top:0}


.bb{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
.inline-box,.ib,.tc,#loading,.ico,.multiple .chosen-drop li{display:inline-block;zoom:1;*display:inline;vertical-align:top;font-size:14px;box-sizing:border-box}
.tc{display:table-cell;}
.dt{display:table}
.block{display:block !important}
#loading{width:100%}

.bg-pos-right{background-position:center right}
.rel{position:relative !important}
td.rel{z-index:-1}
.abs{position:absolute}
.o05{opacity:.5}
.cursor-pointer{cursor:pointer !important;}
.cursor-help{cursor:help !important;}
.f0{font-size:0}
.f8{font-size:10px}
.f10{font-size:12px !important}
.f12{font-size:14px !important}
.f14{font-size:16px !important}
.f16{font-size:18px !important}
.f18{font-size:20px !important}
.f20{font-size:22px !important}
.f30{font-size:32px !important}
.fs10{font-size:10px !important}
.fs12{font-size:12px !important}
.fs14{font-size:14px !important}
.fs16{font-size:16px !important}
.fs18{font-size:18px !important}
.fs36{font-size:36px !important}
.p0{padding:0 !important}
.p2{padding:2px !important}
.p5{padding:5px !important}
.p10{padding:10px !important}
.p15{padding:15px !important}
.p20{padding:20px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl30{padding-left:30px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pl20{padding-left:20px !important}
.pt30{padding-top:30px !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb30{padding-bottom:30px !important}
.m20{margin:20px !important}
.m10{margin:10px !important}
.m15{margin:15px !important}
.m0{margin:0 !important}
.m3{margin:3px !important}
.m5{margin:5px !important}
.m5-neg{margin:-5px !important}
.mt0{margin-top:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt100{margin-top:100px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mr0{margin-right:0 !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr40{margin-right:40px !important}
.mr50{margin-right:50px !important}
.mr70{margin-right:80px !important}
.mr90{margin-right:90px !important}
.b1{border:1px solid transparent !important}
.bl1{border-left:1px solid transparent !important}
.br1{border-right:1px solid transparent !important}
.bt1{border-top:1px solid transparent !important}
.bb1{border-bottom:1px solid transparent !important}
.bb5,.card.bb5{border-bottom:5px solid transparent !important}
.bwhite{border-color:white !important}
.bred,.card.bred{border-color:var(--alert) !important}
.bgreen{border-color:var(--green) !important}
.bgrey{border-color:var(--greylight) !important}
.bl0{border-left:0 !important}
.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml10{margin-left:10px !important;}
td .h20{height:20px;overflow:hidden}
.h60{height:60px}
.h100{height:100px}
.h200{height:200px}
.h300{height:300px}
.h100p{height:100%}
.w20{width:20px !important}
.w30{width:30px}
.w50{width:50px}
.w70{width:70px}
.w100p{width:100%}
.w80p{width:80%}
.w70p{width:70%}
.w75p{width:75%}
.w60p{width:60%}
.w50p{width:50%}
.w40p{width:40%}
.w30p{width:30%}
.w25p{width:25%}
.w33p{width:33.3%}
.img_fluid{overflow:hidden;min-height:50px;}
.img_fluid img{width:100%;display:block}
.w20p{width:20%}
.w15p{width:15%}
.w100,.w70{width:100px}
.minw-auto {min-width: auto !important;}
.minw-td {min-width: 30px !important;}
.maxw300{max-width:300px}
.maxw-login{max-width:335px;margin-top:3%}
.mh200{max-height:300px}
.minh50{min-height:50px}
.h30{height:30px}
.lh1{line-height:1 !important}
.lh14{line-height:14px !important}
.lh16{line-height:16px !important}
.lh20{line-height:20px !important}
.lh30{line-height:30px !important}
.lh40{line-height:40px !important}
.hide{display:none}
.clear{clear:both}
.bold{font-weight:bold}
.normal{font-weight:normal !important}
.a-left{text-align:left !important}
.a-right{text-align:right !important}
.a-center{text-align:center !important}
.v-middle{vertical-align:middle !important}
.v-bottom{vertical-align:bottom !important}
.v-top,.v-top td{vertical-align:top !important}
.fl-left{float:left !important;}
.fl-right{float:right !important;}
.z1{z-index:1 !important;}
.z10{z-index:10 !important;}
.nopointer{pointer-events: none;}

.o-auto, .o-auto-wrapper {position: relative;overflow: auto;min-width:100px;}
.table-shadow {position: absolute;top: 0;bottom: 0;height: 100%;width: 20%;z-index: 2;pointer-events: none;opacity: 0;}
.shadow-left {left: 0;background-image: linear-gradient( to left, rgba(255,255,255,0), rgba(255,255,255,1) );}
.shadow-right {right: 0;background-image: linear-gradient( to right, rgba(255,255,255,0), rgba(255,255,255,1) );}

.o-hidden{overflow:hidden !important;}
.maxh200{max-height:200px}
.max-width{width:96%;margin:2%}
.table-cell{display:table-cell;height:auto;border:none;font-size:14px}
.uppercase,.upper{text-transform: uppercase}
.text-capitalize{text-transform: capitalize}
.bordered{border:1px solid #eee;}
.bordered.rounded{border-radius:4px}
.bb{border-bottom:1px solid #ddd}
.noradius{border-radius:0 !important}
.s50{transform:scale(.5);margin-top:-5px} /* scale .5 */
.btl5{
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}
.btr5{
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}
.bbl5{
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}
.bbr5{
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}
.b1grey{border:1px solid var(--greylight)}
.bt1{border-top:1px solid var(--greylight)}
.b1grey{border:1px solid var(--greylight)}

.no-radius,
.no-radius:after,
.select.no-radius select {border-radius: 0 !important;}
.no-radius-r,
.no-radius-r:after,
.select.no-radius-r select {border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.no-radius-l,
.no-radius-l:after,
.select.no-radius-l select {border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;}

.border-t {border-top: 1px solid var(--border) !important;}
.border-b {border-bottom: 1px solid var(--border) !important;}
.no-border-r {border-right: 0 !important;}

.f-basis-content {flex-basis: content !important;}

/** autocomplete **/
.autocomplete{position:absolute; top: 35px;width: calc(100% - 10px);left: 5px;box-shadow: 0 0 5px rgba(0,0,0,.2); background:rgba(255,255,255,.9);border-radius: 5px;border: 1px solid var(--greylight);z-index:2;max-height:100px;overflow:auto}
.autocomplete a{font-family: var(--font-family-roboto);display:block;padding: 6px 10px;border-bottom: 1px solid var(--greylight);}
.autocomplete a:last-child {border: none;}
.autocomplete a:hover {background: var(--adv2);color: white}

/** timepicker **/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 100%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }


/* Chosen v1.1.0 | (c) 2011-2013 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */
.chosen-container{min-width:100%;position:relative;display:inline-block;vertical-align:middle;font-family: var(--font-family-roboto);font-size:var(--font-size);zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:calc(100% - 20px);border:1px solid var(--greylight);border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.1);margin:0 10px}
.chosen-container.chosen-with-drop .chosen-drop{left:0}
.chosen-container a{cursor:pointer}
.chosen-container-single .chosen-single{position:relative;display:block;font-family: var(--font-family-roboto);overflow:hidden;padding:0 0 0 12px;line-height:34px;border:1px solid var(--greylight);border-radius:4px;background-color:#fff;color:var(--text);text-decoration:none;white-space:nowrap}
.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}
.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}
.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(../img/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}
.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}
.chosen-container-single .chosen-single div{position:absolute;top:1px;right:0;display:block;width:18px;height:100%}
.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(../img/chosen-sprite.png) no-repeat 0 7px}
.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}
.chosen-container-single .chosen-search input[type=text]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(../img/chosen-sprite.png) no-repeat 100% -20px;background:url(../img/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}
.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}
.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}
.chosen-container .chosen-results{position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}
.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}
.chosen-container .chosen-results li.highlighted{color:#fff;background-color:#1a3c7b;}
.chosen-container .chosen-results li.no-results{display:list-item;background:#f4f4f4}
.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}
.chosen-container .chosen-results li.group-option{padding-left:15px}
.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}
.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0 0 0 5px;line-height:34px;border:1px solid var(--greylight);border-radius:4px;width:100%;background-color:#fff;cursor:text;}
.chosen-container-multi .chosen-choices li{float:left;list-style:none}
.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}
.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:5px;height:18px;outline:0;border:0!important;background:transparent!important;box-shadow:none;font-size:100%;font-family: var(--font-family-roboto);line-height:normal;border-radius:0}
.chosen-container-multi .chosen-choices li.search-field .default{color:#999}
.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin: 5px 5px 0 0;padding: 2px 25px 2px 10px;border:1px solid var(--greymedium);border-radius:5px;background-color:var(--greylight);background-clip:padding-box;color:var(--grey);font-size: 14px;line-height: normal;cursor:default;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:5px;right:6px;display:block;width:12px;height:12px;background:url(../img/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}
.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}
.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}
.chosen-container-multi .chosen-results{margin:0;padding:0;color: var(--adv);}
.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}
.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}
.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 6px}
.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#111!important}
.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}
.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}
.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}
.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}
.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}
.chosen-rtl .chosen-single div{right:auto;left:3px}
.chosen-rtl .chosen-single abbr{right:auto;left:26px}
.chosen-rtl .chosen-choices li{float:right}
.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}
.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}
.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}
.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}
.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(../img/chosen-sprite.png) no-repeat -30px -20px;background:url(../img/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}
.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}
.multiple .chosen-drop{width: 300px;font-size:0}
.multiple .chosen-drop li{width:130px;padding:10px}

/** tag **/
div.tagsinput{ border: 1px solid var(--greylight); background: #fff; width:100%; min-height: 38px; overflow-y: auto;border-radius: 5px;padding: 0 10px;}
div.tagsinput.required{border-left:3px solid #333}
div.tagsinput.error{border-color:#900}
div.tagsinput span.tag{ display: block; float: left;text-decoration:none; font-size:14px;position: relative;margin: 5px 5px 0 0;padding: 2px 25px 2px 10px;border: 1px solid #aaa;border-radius: 15px;background-color: var(--greylight);background-clip: padding-box;color: #333;cursor: default;}
div.tagsinput span.tag a { text-decoration:none; font-size: 0;position: absolute;top: 7px;right: 7px;display: block;width: 12px;height: 12px;background: url(../img/chosen-sprite.png) -42px 1px no-repeat;}
div.tagsinput span.tag a:hover {background-position: -42px -10px;}
div.tagsinput input{font-family: var(--font-family); border: none;background: transparent; color: var(--grey); outline:0; font-size: 16px;line-height: 1.5;padding: 6px 0;box-shadow: none;}
div.tagsinput div{ display:block; float: left;}
.tags_clear{clear: both; width: 100%; height: 0px;}
.not_valid{background: #a00 !important; color: #fff !important;}
/** end tag **/

.fc{direction:ltr;text-align:left;}
.fc table{border-collapse:collapse;border-spacing:0;}
html .fc, .fc table{font-size:1em;}
.fc td, .fc th{padding:0;vertical-align:top;}
/* Header------------------------------------------------------------------------*/
.fc-header {display: none;}
.fc-header td{white-space:nowrap;}
.fc-header-left{width:25%;text-align:left;}
.fc-header-center{text-align:center;}
.fc-header-right{width:25%;text-align:right;}
.fc-header-title{display:inline-block;vertical-align:top;}
.fc-header-title h2{margin-top:0;white-space:nowrap;  font-size:14px;  line-height:30px;}
.fc .fc-header-space{padding-left:10px;}
.fc-header .fc-button{margin-bottom:1em;vertical-align:top;}
.fc-header .fc-button{font-size:14px;  margin-right:-1px;  padding:5px 15px;}
.fc-header .fc-corner-right,
.fc-header .ui-corner-right{margin-right:0}
.fc-header .fc-state-hover, .fc-header .ui-state-hover{z-index:2;}
.fc-header .fc-state-down{z-index:3;}
.fc-header .fc-state-active, .fc-header .ui-state-active{z-index:4;}
/* Content------------------------------------------------------------------------*/
.fc-content{clear:both;zoom:1}
.fc-header-title .ui-datepicker{position:absolute;right:0;z-index:100}
.fc-view{width:100%;overflow:hidden;}
/* Cell Styles------------------------------------------------------------------------*/
.fc-widget-header,
.fc-widget-content{border:1px solid var(--border);}
.fc-state-highlight{background:#fff;}
.fc-cell-overlay{background:#bce8f1;opacity:.3;filter:alpha(opacity=30);}
/* Buttons------------------------------------------------------------------------*/
.fc-button{position:relative;display:inline-block;padding:0 .6em;overflow:hidden;height:1.9em;line-height:1.9em;white-space:nowrap;cursor:pointer;}
.fc-state-default{border:1px solid;}
.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px;}
.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.fc-text-arrow{margin:0 .1em;font-size:2em;font-family:"courier new",courier,monospace;vertical-align:baseline;}
.fc-button-prev .fc-text-arrow, .fc-button-next .fc-text-arrow{font-weight:bold;}
.fc-button .fc-icon-wrap{position:relative;float:left;top:50%;}
.fc-button .ui-icon{position:relative;float:left;margin-top:-50%;*margin-top:0;*top:-50%;}
/*  button states  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)*/
.fc-state-default{background-color:#ccc;background-repeat:repeat-x;border-color:#ddd;color:#333;  font-weight:bold;text-shadow:0 1px 1px rgba(255,255,255,0.75);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);}
.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled{color:#333333;background-color:#e6e6e6;}
.fc-state-hover{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;   -moz-transition:background-position 0.1s linear;     -o-transition:background-position 0.1s linear;        transition:background-position 0.1s linear;}
.fc-state-down, .fc-state-active{background-color:#cccccc;background-image:none;outline:0;box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);}
.fc-button.fc-state-active{background:#eee}
.fc-state-disabled{cursor:default;background-image:none;opacity:0.65;filter:alpha(opacity=65);box-shadow:none;}
/* Global Event Styles------------------------------------------------------------------------*/
.fc-event-container > *{z-index:8;}
.fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing{z-index:9;}
.fc-event{/*border:1px solid var(--adv);*/background-color:#f2f2f2;color:#333;font-size:.85em;cursor:default;position:relative;  opacity:.9; z-index:1}
.fc-event.visible_0{opacity:.5}
.fc-event:hover{opacity:1;background:var(--white) !important}
a.fc-event{text-decoration:none;}
a.fc-event, .fc-event-draggable{cursor:pointer;}
.fc-rtl .fc-event{text-align:right;}
.fc-event-inner{width:100%;height:100%;overflow:hidden;padding:3px 5px;box-sizing: border-box;}
.fc-event div.abs{right:0;bottom:22px;z-index:20000;float:right;border-radius:15px 15px 0 0;box-shadow: 0 -1px 1px rgba(0,0,0,.125), 0 -3px 3px rgba(0,0,0,.2);background-color: #ffffff !important;/*background:var(--advtext);border:1px solid var(--adv2);*/}
.fc-event div.abs .evt-actions {border-radius:15px 15px 0 0;padding: 5px;}
.fc-event a.btn{padding:0;margin:1px;position:relative;/*transform: scale(.5);*/}
.fc-event-time, .fc-event-title{padding:0 1px;font-size:12px;line-height: 16px;display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fc .ui-resizable-handle{display:block;position:absolute;z-index:99999;overflow:hidden;font-size:300%;line-height:50%;}
/* Horizontal Events------------------------------------------------------------------------*/
.fc-event-hori{border-width:1px;  border-radius:4px;margin-bottom:1px;}
.fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end{border-left-width:1px;border-top-left-radius:3px;border-bottom-left-radius:3px;}
.fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start{border-right-width:1px;border-top-right-radius:3px;border-bottom-right-radius:3px;}
/* resizable */
.fc-event-hori .ui-resizable-e{top:0 !important;right:-3px !important;width:7px !important;height:100% !important;cursor:e-resize;}
.fc-event-hori .ui-resizable-w{top:0 !important;left:-3px !important;width:7px !important;height:100% !important;cursor:w-resize;}
.fc-event-hori .ui-resizable-handle{_padding-bottom:14px;}
/* Reusable Separate-border Table------------------------------------------------------------*/
table.fc-border-separate{border-collapse:separate;}
.fc-border-separate td {border-width:1px 0 0 1px;}
.fc-border-separate th.fc-last, .fc-border-separate td.fc-last{border-right-width:1px;}
.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td{border-bottom-width:1px;}
.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th{border-top-width:0;}
.fc-border-separate th {border: none !important;}
.fc-border-separate td.fc-first {border-left-width: 0;}
.fc-border-separate td.fc-last {border-right-width: 0;}
.fc-border-separate tr.fc-last td {border-bottom-width: 0;}
/* Month View,Basic Week View,Basic Day View------------------------------------------------------------------------*/
.fc-grid th{text-align:center;}
.fc .fc-week-number{width:22px;text-align:center;}
.fc .fc-week-number div{padding:0 2px;}
.fc-grid .fc-day-number{float:left;padding:5px 10px;}
/*.fc-grid .fc-day-number{float:right;padding:0 2px;}*/
.fc-grid .fc-other-month .fc-day-number{opacity:0.3;filter:alpha(opacity=30)}
.fc-grid .fc-other-month {background: var(--greymorelight);}
.fc-grid .fc-day-content{clear:both;padding:2px 2px 1px;}
.fc-event-time{font-weight:bold;}
.fc-rtl .fc-grid .fc-day-number{float:left;}
.fc-rtl .fc-grid .fc-event-time{float:right;}
.fc-agenda table{border-collapse:separate;}
.fc-agenda-days th{text-align:center;}
.fc-agenda .fc-agenda-axis{width:50px;padding:0 4px;  color:#333;  font-weight:bold;vertical-align:middle;text-align:center;white-space:nowrap;}
.fc-agenda .fc-week-number{font-weight:bold;}
.fc-agenda .fc-day-content{padding:2px 2px 1px;}
.fc-agenda-days .fc-agenda-axis{border-right-width:1px;}
.fc-agenda-days .fc-col0{border-left-width:0;}
/* all-day area */
.fc-agenda-allday th{border-width:0 1px;}
.fc-agenda-allday .fc-day-content{min-height:34px;_height:34px;}
.fc-agenda-divider-inner{height:2px;overflow:hidden;}
.fc-widget-header .fc-agenda-divider-inner{background:#eee;}
.fc-agenda-slots th{border-width:1px 1px 0;}
.fc-agenda-slots td{border-width:1px 0 0;background:none;}
.fc-agenda-slots td div{height:20px;}
.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td{border-top-width:0;}
.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td{border-top-style:dotted;}
.fc-agenda-slots tr.fc-minor th.ui-widget-header{*border-top-style:solid;}
.fc-event-vert{border-width:1px;  border-radius:4px;}
.fc-event-vert.fc-event-start{border-top-width:1px;border-top-left-radius:3px;border-top-right-radius:3px;}
.fc-event-vert.fc-event-end{border-bottom-width:1px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
.fc-event-vert .fc-event-time{white-space:nowrap;font-size:13px;}
.fc-event-vert .fc-event-inner{position:relative;z-index:2;}
.fc-event-vert .fc-event-bg{
    position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#ddd;opacity:.25;filter:alpha(opacity=25);}
.fc .ui-draggable-dragging .fc-event-bg,
.fc-select-helper .fc-event-bg{display:none\9;}
.fc-event-vert .ui-resizable-s{bottom:0        !important;
    width:100%      !important;height:8px      !important;overflow:hidden !important;line-height:8px !important;font-size:11px  !important;font-family:monospace;text-align:center;cursor:s-resize;}
.fc-agenda .ui-resizable-resizing{_overflow:hidden}
.fc-border-separate thead tr{background: #ffffff;font-weight:normal;text-transform: uppercase;line-height:40px;color:#9EA0A5}
#calendar-header .fc-button-today{margin-right:10px}
.fc-event-draggable:hover{z-index:300}
.fc-day:hover, .fc-minor:hover{background:#ddd url(../img/ico_plus.png) center center no-repeat}

.fc-event:hover{z-index:50 !important;box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);}

/*** types ***/
.fc-event.area_calendars{border-width:1px}
.fc-event.area_calendar.type_1{border-color:var(--pink)}
.fc-event.area_calendar.type_2{border-color:var(--red)}
.fc-event.area_calendar.type_3{border-color:var(--green)}
.fc-event.area_calendar.type_4{border-color:var(--yellow)}
.fc-event.area_calendar.type_5{border-color:var(--adv)}

.fc-event.area_cciaas_comunications{border:2px solid #a00}
.fc-event.area_certifications{background-color:rgba(251, 214, 4,.7);border-radius:10px;color:#333}
.fc-event.area_marketings{border-color:#3399ff}
.fc-event.area_marketings.status_4,.fc-event.area_marketings.status_6{border-color:#a00;background-color:rgba(255,0,0,.5)}
.fc-event.area_payment .fc-event-inner{padding-left: 24px;background: url(../img/task/ico_money.png) center left}

.fc-event.type_0{} /** event **/
.fc-event.type_1 .fc-event-title{color:#333} /** message **/
.fc-event.type_2 .fc-event-title{color:#a00} /** alert **/
.fc-event.task .fc-event-inner{padding-left:24px;background:url(../img/task/default.png) center left 4px no-repeat}
.fc-event.task.task_0 .fc-event-title{color:#a00}
.fc-event.task.task_1 .fc-event-title{color:#0a0}
.fc-event.task.task_1 .fc-event-inner{background-image:url(../img/task/1.png)}

/** fc_event box info **/
.fc-event .info.abs{position:absolute;top:100%;left:0;z-index:10}
.fc-event .info.abs:before{background:#fff;width:10px;height:10px;transform:rotate(45deg);left:50%;position:absolute;top:-5px;margin-left:-5px}

.content.fullscreen{position:fixed;left:0;top:0;height:100%;overflow:auto;width:100%;background:var(--white);margin:0;z-index:10}

.fc-view-resourceDay th form{position:relative;width:100%}
.fc-state-highlight .fc-day-number{font-weight:bold;color:var(--adv2);font-size:18px}
.abs.fc-menu{transform:scale(.9)}
.abs.fc-menu a.ico{position:relative;background-color: var(--grey);margin-left:2px}


/** project buttons */
.color-act {color: var(--color-act) !important;}
.color-tsk {color: var(--color-tsk) !important;}
.color-exp {color: var(--color-exp) !important;}
.color-lab {color: var(--color-lab) !important;}
.color-prd {color: var(--color-prd) !important;}
.color-mns {color: var(--color-mns) !important;}
.color-ept {color: var(--color-ept) !important;}
.color-crd {color: var(--color-crd) !important;}

.bg-act {background-color: var(--bg-act) !important;}
.bg-tsk {background-color: var(--bg-tsk) !important;}
.bg-exp {background-color: var(--bg-exp) !important;}
.bg-lab {background-color: var(--bg-lab) !important;}
.bg-prd {background-color: var(--bg-prd) !important;}
.bg-mns {background-color: var(--bg-mns) !important;}
.bg-ept {background-color: var(--bg-ept) !important;}
.bg-crd {background-color: var(--bg-crd) !important;}


/*.calendar-tooltip{width:300px;background:#fff;border-radius:5px;color:#333;z-index:100;opacity:.9;box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);}
.calendar-tooltip .f10{font-size:12px}*/
.tooltip-info {padding: var(--grid-gutter)}

/** end calendar **/

#head .content{margin:0}

.message{font-size:15px}
.message.rel{background:#fdfdfd}
.message .date.abs{right:10px;top:10px;z-index:1;color:#999;font-size:14px}

form.notupdated a{display:none}
.form-search.ib{font-size:0;line-height: 1;}
.form-search a{margin:0;border-radius:0 20px 20px 0}
.form-search input[type=text]{min-height:30px;border-radius:20px 0 0 20px}
.message.view-0{background:#f0f0f0}

.tooltip{position:absolute;z-index:2000;box-sizing:border-box;padding:10px;font-size:14px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.4);pointer-events: none;border-radius:5px;max-width:300px !important;min-width:120px;word-wrap:break-word}
.tooltip:after{content:'';position:absolute;width:10px;height:10px;transform:rotate(45deg);left:50%;top:-5px;margin-left:-5px;z-index:1;background:#fff}
.tooltip.t:after{top:100%;margin-top:-5px}
.tooltip.l:after{top:50%;margin-top:-5px;left:auto;right:0;margin-right:-5px}
.tooltip.r:after{top:50%;margin-top:-5px;left:auto;right:100%;margin-right:-5px}


/** bodychart **/
.bodychart .images img{width:100%}
.bodychart .images .point{position:absolute;width:20px;line-height:20px;background:var(--adv);border-radius:50%;margin-left:-10px;margin-top:-10px;color:var(--white);text-align:center}
.bodychart .images{position:relative}

/** colopicker **/

div.colorPicker-picker {
    height: 16px;
    width: 32px;
    padding: 0 !important;
    border:1px solid var(--greylight);
    border-radius:5px;
    margin-top:5px;
    cursor: pointer;
}
div.colorPicker-palette {
    width: 50%;min-width:200px;
    position: absolute;
    border: 1px solid var(--greylight);
    border-radius:5px;
    padding: 10px;
    z-index: 100;
}
div.colorPicker_hexWrap {width: 100%; float:left }
div.colorPicker_hexWrap label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%}
div.colorPicker_hexWrap input {padding: 5px; font-size: 95%; border: 1px solid var(--greylight); width: 100%; }

div.colorPicker-swatch {
    height: 16px;
    width: 16px;
    border: 1px solid var(--greylight);
    border-radius:2px;
    margin: 2px;
    float: left;
    cursor: pointer;
    line-height: 16px;
}
div.colorPicker-swatch:hover{opacity:.9}

/** end **/

#sinistra{position:fixed;top:0;bottom:0;left:0;margin-left:0;height:100%;background:#fff;z-index:11;width: var(--sidebarwidth);box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);border: 0 solid rgba(0,0,0,.125) !important;}
#sinistra a.abs{display:none !important;}
#sinistra .abs.foot{position:absolute;bottom:0;width:100%;text-align:center;left:0;line-height:30px;font-size:14px;color:var(--greymedium)}
.foot a {color: var(--white);}
#sinistra.closed{left:0}
#menu{overflow-y: scroll;scrollbar-width: thin;scrollbar-color: var(--adv2) var(--adv)}
#menu::-webkit-scrollbar{width: 5px;}
#menu::-webkit-scrollbar-track{background: var(--dark);}
#menu::-webkit-scrollbar-thumb{background: var(--blue);}
.main-menu i{padding: 0 10px;}
.main-menu i.fa{color:var(--adv2)}
.main-menu a .num.ib{width:20px;line-height:20px;border-radius:100%;text-align:center;background:#fff;position:absolute;right:30px;top:10px}
.main-menu a:hover,.main-menu a.active{border-left:3px solid var(--adv2); color:var(--adv) !important; background:var(--greylight) !important}
.main-menu li.parent.active,.main-menu li.single a.active{background:var(--greymorelight) !important}
.main-menu a:hover .num,.main-menu a.active .num{background:var(--red);color:#fff}
.main-menu .open > a i.abs:before{content:"\f0d7"}
.main-menu .parent.open, .main-menu .opened{border-bottom:1px solid var(--greylight)}
.main-menu .open .open,.main-menu li .open{border-bottom:none}
.main-menu a.loading i{opacity:1}
.main-menu li,#menu ul li{margin:0;padding:0;position:relative}
.main-menu li li span{padding-left:45px;opacity:.7;font-size:90%;display:inline-block}
.main-menu li a{color:var(--adv)}
.main-menu li.bg-adv2 a{color:var(--white) !important}
.main-menu li li a{color:var(--grey)}
.main-menu .parent ul{border-left:1px solid var(--adv2)}
.main-menu .parent ul li a span{margin-left:-28px}
.main-menu i.abs{position:absolute;font-size:14px;right:5px;top:18px;color:var(--adv2)}
.main-menu ul.explode{background:var(--greylight);margin:10px 0}
.advertising{min-height:50px;position:relative;background-color: var(--adv);display: inline-block;width: 100%;text-align: center;}
.advertising .logo{position:absolute;width:111px;height:50px;margin-left:-55px;bottom:-25px;left:50%;border-radius:25px;border:2px solid var(--adv2);text-align:center;background:var(--white); box-shadow:0 0 10px rgba(0,0,0,.2);white-space: nowrap}
.advertising .logo:hover{opacity:1;border-color:var(--white)}
.advertising .logo img{width:90%;vertical-align: middle}
.helperh{display: inline-block;height: 100%;vertical-align: middle}

.main-menu li.f0 a {display: inline-block !important;}
.main-menu li.f0 a:hover {border-left: 3px solid transparent;}
.main-menu li.banner,
#sinistra li.banner {background: var(--adv2);margin: 0 1px;font-size: 14px;padding: 10px;color:#fff;}

.head{z-index:10;position:fixed;top:0;left:0;padding-left:var(--sidebarwidth);box-sizing:border-box;float:left;width:100%;border-bottom:1px solid var(--greylight);background:var(--white);font-size:0}
.head .user{float:right;padding:0;text-align:right}
.head .tab{position:relative;min-width:50px;height:45px;line-height: 45px;text-align:center;padding:0;margin: 0;}
.head .tab .fa{font-size:18px}
.head .tab .fa.f16{font-size:18px}
.head .tab .operator{max-width:200px;margin:0 20px;line-height:46px;height:46px;overflow:hidden;text-align:right}
.head .tab img{height:100%;max-width:50px}
.head .tab .tot,.tot.abs{position:absolute;top:6px;left:50%;line-height:16px;min-width:16px;background:var(--alert);border-radius:20px;font-size:12px;color:#fff;font-family: var(--font-family);}
.head .tab .tot {top: 3px;left: auto; right: 5px; line-height: 14px; min-width: 18px;}
.head .tab .tot .messages {margin: 2px;}
.tot.abs{top:0}
.loading .tot.abs{display:none}
.head .tab.left{border-right:1px solid var(--greylight)}
.head .tab.right{border-left:1px solid var(--greylight)}
.head .search button{color:var(--greymedium);background:none}
.head .search input{opacity:0;width:0;border: 0; position:absolute;bottom:0;left:0;border-right:1px solid #ddd;line-height:40px;padding:0;}
.head .search form{position:absolute;height:100%;width:200px;z-index:1;left:100%}
.head .search:hover input{opacity:1;width:100%}

.multiple{padding-top:30px; padding-bottom: 15px;}
.separator{margin:0 10px}

.ico{font-family: "Font Awesome 5 Free";font-weight: 900;background:none}
.ico.loading,.ico.loading:hover{background:none;color:val(--greymedium);border-radius:50%}
.ico.min.btn{min-width:24px;height:24px;line-height:24px;font-size:10px !important}
span.ico{margin:3px 10px 0 0;width:auto;height:auto}

/** table and datatable **/
table.table th{padding:10px;border:1px solid #fff;font-weight:bold;font-size:14px;position:relative;text-align:left}

table.table.loading th{opacity:.6}
table.table tbody tr:nth-child(odd){background: var(--tr); /* #fcfcfc; */}
table.table td{padding:5px 10px;border:1px solid var(--tdborder);line-height:14px;font-size:14px;height:35px;vertical-align:middle}
table.table td a:not(.ico){font-weight:bold}
table.table tr.selected td, table.table tr.active td{background-color:var(--active)}
table.table tr.selected.active td{background:#e2e6ee}
table.table tr.status0 td{background:rgba(200,0,0,.05)}
table.table tr.spot{background-image:url(../img/spot.png)}
table.table tr.worked1 a.worked{background:#0a0}
tr.worked1{background-color:rgba(0,255,0,.1) !important}

table.table tr.bg-red, table.table tr.cancelled1{opacity:.5;text-decoration: line-through;}
table.table tr.paid1 td, td.paid1 {background-color:var(--bg-completed) !important;}
table.table tr.paid0 td, td.paid0 {background-color:var(--bg-not-completed) !important;}
table.table tr.paid-1 td, td.paid-1 {background-color:var(--bg-partial) !important;}
table.table tr.draft-1 td, .draft.draft-1{background:repeating-linear-gradient(45deg,#f1f1f1,#f1f1f1 10px,#fff 10px,#fff 20px);opacity:.5}
.draft.draft-1{opacity:1}

table.table table.table,
table.table table.table td{border:0 !important}
table.table td.p0{padding:0 !important}

table.table td.border-b,table.table table.table td.border-b{border-bottom:1px solid #ddd}
table.table td.border-t,table.table table.table td.border-t{border-top:1px solid #ddd}
table.table td.border-l,table.table table.table td.border-l{border-left:1px solid #ddd}
table.table td.border-r,table.table table.table td.border-r{border-right:1px solid #ddd}

.datatable{position:relative;}
.datatable .controls{padding: 10px 15px; margin: 0; min-height:35px}
.datatable .controls .limit{float:left;margin-right:20px;line-height:35px;font-size: 14px;}
.datatable .controls .limit select{min-width:60px;margin:0 0 0 10px}
.datatable .controls .pages {float: left;}
.datatable .controls .pages a{
    color:var(--text);
    min-width:28px;
    font-size:14px;
    line-height:28px;
    text-align:center;
    border-radius:4px;
    margin: 3px;
    padding: 0 5px;
}
.datatable ._drop{z-index:3;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../img/over_bg.png)}
.no-card-child .datatable ._drop{z-index:3;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../img/over_white.png)}
.datatable ._drop .loading{height:100%;background:url(../img/preloader_green.gif) center center no-repeat}
.datatable table.table th.DESC:after, .datatable table.table th.ASC:after{color: var(--adv2)}
.datatable .pages a.active,
.datatable .pages a:hover {background:var(--adv); color: #ffffff;}
table.table th.actions{width:96px}
table.table th.sorting{cursor:pointer}
th.sorting:after, a.ico,button.ico, i.ico{
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";font-weight: 900;
    font-style: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 14px;
    color: black;
    right: 5px;
    z-index: 1;
}
th.sorting:after {top: 10px;}
th.w70,th.actions{width:80px;padding:3px}

table.table .selector{min-width:12px;width:12px;line-height:12px;height:12px;font-size:12px;color:var(--green);border:1px solid var(--greymedium);top:0;left:0;position:relative}
table.table .active .selector:after{content:"\f00c";margin-left: 1px}
table.table th.sorting.ASC:after{content:"\f0d8"}
table.table th.sorting:hover:after {color:var(--adv2)}
table.table th.sorting{padding-right:20px}
table.table th:last-child{max-width:110px}
table.table .multi{width:45px;text-align:center;padding:0;vertical-align:middle}
table.table tbody tr:hover{background:var(--trhover)}
.datatable .actions .main-menu{padding:10px}

/* --- Filters --- */
.filters input{min-height:32px}
#filters{margin:0;padding:0;border: 1px solid #ddd;border-radius: 0 0 5px 5px;}
#filters .w50p,#filters .w33p{padding:5px 5px 0 5px}
#filters .w50p .label,#filters .w33p .label{margin:0}
#filters .mt10.a-right{margin:0 5px 0 0 !important}
#filters .btn{border-radius:5px}

.datatable .actions{padding: 10px 15px;}
.datatable .actions a{position:relative;margin:0; line-height: 30px;padding: 0;min-width: 30px;font-size: 16px;left: 0;text-align: center;border-radius: 50%;}
.datatable .actions a.ico:hover{background: var(--adv2); color: #ffffff;}
.datatable .actions span {font-size: 14px;margin-right: 10px;line-height: 30px;}
.datatable.open .actions{height:auto}
.datatable.open .actions .main-menu{margin:4px 2px 2px 0;border:1px solid var(--greylight);border-radius:3px;background:var(--white);padding:0}
.datatable.open .actions .main-menu li a.active{background:var(--greylight)}
.datatable.open .actions .w50p{min-width:100%}
.datatable.open .actions .label .input.ib{margin-left:0;padding:0;text-align:right}
.datatable.open .actions .label h2.ib{float:none;display:block;width:auto;text-align:left}
.datatable a.compact{display:block;padding-right:10px;height:40px;line-height:40px;overflow:hidden;text-align:right;color:var(--greymedium);background: var(--greylight)}
.datatable a.compact .fa{font-size:22px;margin-left:10px;vertical-align: middle}
.datatable a.compact .fa:before{content:"\f18e"}
.datatable.open a.compact .fa:before{content:"\f190"}
#destra .datatable .main-menu{width:auto}
.datatable .main-menu li{margin-bottom:10px}

.datatable .filters{margin:10px;border:1px solid var(--greylight);padding:15px;border-radius:10px;}
.datatable .filters .btn {display:inline-block;}
.datatable .filters .btn:hover{background:var(--grey)}
.datatable .filters .btn i{color:#fff;margin:0}
.datatable .filters .btn.reset{background:var(--red)}

table.table tfoot.calculation{background:var(--greylight)}
table.table tfoot.calculation td{font-size:120%;vertical-align:middle;text-align:center;border-color:var(--white)}
table.table tfoot.calculation td.text{text-align:right;font-size:90%}
table.table tfoot.calculation td.imp{text-align:left}
table.table tfoot.calculation td.tot{font-size:150%}

.btn.ico{line-height:30px;min-width:30px;padding:0;text-align:center;font-size:18px;top:0 !important;left:0 !important;color:var(--white);border-radius:15px}
.btn.ico:hover{background:var(--adv2) !important;color:#fff;border-radius:50%}

.btns .btn {position: relative;border-radius:5px}
.btns .btn:hover {border-radius: 5px;}

#loading{margin-top:46px}

/** rewrite **/
body.start{background:var(--bodybg)}
body.start .advertising{background:var(--adv)}
body.start .advertising img{max-width:200px;padding: 20px 0}
body.start form{background:var(--white)}
table .ico{position:relative;text-align:center;line-height:30px;padding:0;min-width:30px;font-size:16px;right: auto;}
table .ico:not(.selector){border-radius:15px;}
table .ico:hover{background:var(--adv2);color:var(--white) !important;}

#operatore .iuser{background-color:#eee;border-radius:20px;border: 1px solid #ddd}

.ico.ipayment:before{content:"\f0d6";color:var(--white)}
.ico.ipayment i{position:absolute;display:none;right:50px;top:0;padding:0 5px;background:rgba(0,0,0,.6);line-height:30px}
.ico.ipayment.loading{color:var(--grey)}
.ico.ipayment.loading:hover i{display:none}
.ico.ipayment:hover i{display:inline-block;right:35px}
.ico.ipayment1{background:var(--success)}
.ico.ipayment0{background:var(--alert)}
.ico.iused0:before{content:"\f240";}
.ico.iused1:before{content:"\f242";color:var(--alert)}
a.close{background:none;font-family: "Font Awesome 5 Free";font-weight: 900;text-align:center;line-height:30px;font-size:22px}
a.close:before{content:"\f00d"}
.dialog a.close{color:var(--adv);right: 7px;top: 7px;}

li.ico.ipayment{padding:10px;font-size:26px}
.active .ico.iarrowrx{background-position:0px -90px}

.ico.iactive:before{content:"\f058"}
.ico.igift:before{content:"\f06b"}
.ico.idelete:before{content:"\f1f8"}
.ico.idragy:before{content:'\f07d'}
.ico.ipdf:before{content:'\f1c1'}
.ico.itablet:before{content:'\f3fa'}
.ico.iedit:before,.ico.ieditw:before{content:"\f040"}
.ico.ishow:before{content:"\f06e"}
.ico.iadd:before{content:"\f067"}
.ico.isave:before{content:"\f0c7"}
.ico.iclone:before{content:"\f24d"}
.ico.iactive.iactive0{color:var(--alert)}
.ico.iactive.iactive1{color:var(--success)}
.ico.iactive.iactive2,.ico.iactive.iactive3{color:var(--yellow)}
.ico.istatus:before{content:"\f058"}

.istatus0,.istatus4{color:var(--alert)}
.istatus1{color:var(--yellow)}
.istatus2{color:var(--orange)}
.istatus3{color:var(--orange)}
.istatus5{color:var(--success)}

.einvoice1 .status{border-color:var(--adv2);border-width:2px;}
.einvoice1.einvoice_status4 .status{background:var(--red);color:var(--white)}

/** btn special **/
.btn.special{border-radius:15px;min-width:30px;padding:0;position:relative;text-align:center;display:inline-block}
.btn.special, .btn.special i, .btn.special span{line-height:30px}
.btn.special span{width:0;overflow:hidden;opacity:0;margin:0 0 0 30px;padding:0}
.btn.special i{position:absolute;left:0;top:0;width:30px;text-align:center;margin:0}
.btn.special.toleft i{left:auto;right:0}
.btn.special.toleft span{margin-left:0;margin:0 20px 0 0;padding-left:10px}
.btn.special:hover span{width:auto;padding-right:10px;opacity:1}
.btn.special.bg-red{background:var(--adv)}

/** input **/
.input i.fa{position:absolute;right:5px;margin-top:5px}


h2.title{border-width:1px;border-color:var(--greylight);color:var(--dark)}
table.table thead tr{border-width:1px;border-color:var(--greylight);color:var(--grey)}

a, button{color:var(--adv)}

/** anim **/
.anim, .ico, .btn, a, button, label.select:after, .input-group .cursor-pointer { /* ,tbody tr */
    transition-property: background-color, color, border, opacity, bottom, right, left, top;
    transition-duration: .15s;
    transition-timing-function:ease-out;
}

.btn > .fa, .btn > .fas, .btn > .far{margin-right: var(--grid-gutter);text-align:center;}
.loading:hover{cursor:wait}
.loading .fa:not(.no-loading):before, .loading .fas:not(.no-loading):before, .loading .far:not(.no-loading):before, .loading.fa:before, .loading span.ico, .ico.loading:before, .loading span.ico:before{content:'\f1ce' !important;font-weight: bold;}
.loading .span{background:none}
.loading .fa:not(.no-loading), .loading .fas:not(.no-loading), .loading .far:not(.no-loading), .loading span.ico, .loading.fa, .ico.loading{  /* , .select.loading:after */
    background:none;
    animation-name: rotate;
    animation-duration: .5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    border-radius: 100%;
}

.loading.disabled{opacity:.5;cursor:default}

.filters a.loading {animation-name: none;}

.dialog form h2.title{background:none}
.va-middle{vertical-align:middle}

a.input.fa-file{color:var(--success)}
a.input input{display:none}

@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

/** ticket **/
.ticket{margin-bottom:20px;padding-top:20px}
.ticket .date{background:var(--greylight);color:var(--adv);line-height:20px;font-size:12px;padding:0 10px;border-radius:10px;right:10px;top:-10px}
.ticket.ticket-1{border-color:var(--adv2) !important}
.ticket.ticket-1 .date{background:var(--adv2);color:var(--white)}
.ticket.status-1{background:var(--greylight);opacity:.8}
.ticket.status-1:before{font-family: "Font Awesome 5 Free";font-weight: 900;content:'\f023';margin-right:10px;color:var(--alert);font-size:18px}


/** input and labels **/
input.alarm{background:url(../img/ico_sveglia_small.png) 4px 4px no-repeat}
input.alarm.w200{padding-left:30px;width:170px}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="range"],
select,textarea {
    font-size: var(--font-size);
    font-family: var(--font-family-roboto);
    color:var(--text);
    border:1px solid var(--greylight);
    -webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    box-sizing : border-box;
    line-height: 20px;
    padding: 7px 12px;
    border-radius: 5px;
}
.slider{-webkit-appearance: none;width: 100%;height: 5px; background: var(--adv);outline: none;opacity: 0.7;-webkit-transition: .2s;transition: opacity .2s;}
.slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 20px;height: 20px;border-radius: 50%; background: var(--adv);cursor: pointer}
.slider::-moz-range-thumb {width: 20px;height: 20px;border-radius: 50%;background: var(--adv);cursor: pointer}

input.error + .tagsinput{border-color:var(--alert)}
td input[type="text"]{width:100%}
input[type="file"]{border:1px solid var(--greymedium)}
input.error .border-green.preview:parent{ border-color:var(--alert)}
input.multilang{background:url(../img/flag/it.png) right 3px top 3px no-repeat;margin-bottom:2px}
input.multilang.en{background-image:url(../img/flag/en.png)}
input.multilang.de{background-image:url(../img/flag/de.png)}

select option{border-color:var(--greylight)}
input.calendar,input.calendar2,p.calendar{background:#fff url(../img/ico_input_calendar.png) right 8px center no-repeat}
p.calendar{line-height:24px;padding-left:24px;margin-right:20px;background-position:center left 5px;color:#aaa}

select option[disabled]{color:#ddd}
select option.exists{color:#1a3c7b}

.label{padding: var(--grid-gutter);min-height:30px}
.label h2.ib{line-height:20px;margin-left: 12px;margin-bottom: 5px;display:block}
.label h2.ib.hide{display:none}
.label .input{position:relative}
.label .input .msg{border-radius:10px;background:rgba(255,255,255,.5);color:var(--alert);font-size:12px;z-index:1;padding: 0 5px;}
.label .input.ib{text-align:left;display:block}
.label .input input[type=text],.label .input input[type=number],.label .input input[type=password],.label .input textarea, .label .input select{width:100%}
.label .input textarea{display:block;resize: vertical;}
.label .input .note{border: 1px solid #ddd;border-top: 0;border-radius: 0 0 5px 5px;color: #999;margin:0 15px}
.label .input .note::before {content: "\f05a";font-family: "Font Awesome 5 Free";font-weight: 900;float: right;color: var(--adv2);}
.input .placeholder{pointer-events: none;position:absolute;right:7px;top:-8px;font-size:10px;font-weight: normal;text-transform: uppercase;background-color: var(--adv); color: #ffffff; border-radius: 4px;line-height:1;padding: 2px 5px;z-index:2;border: 1px solid rgba(0, 0, 0, .2);-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .2);box-shadow: 0 0 2px rgba(0, 0, 0, .2);animation: slide-up 0.3s ease;}

@keyframes slide-up {
    0% {opacity: 0;transform: translateY(15px);}
    100% {opacity: 1;transform: translateY(0);}
}

/** select best **/
label.select select, .ui_tpicker_hour_slider select, .ui_tpicker_minute_slider select{
    margin:0;background:var(--white);color:var(--text);border: 1px solid var(--greylight);outline:none;
    padding-right: 42px;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
.datatable .controls label.select select{font-size:14px}
.datatable .controls label.select::after {line-height: 36px;}

label.select, .ui_tpicker_hour_slider, .ui_tpicker_minute_slider {position:relative}
label.select:after, .ui_tpicker_hour_slider:after, .ui_tpicker_minute_slider:after{
    content:"\f0dc";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    color: var(--adv);
    line-height: 36px;
    position: absolute; right: 0; top: 0;
    z-index: 1;
    text-align: center;
    width: 30px;
    border-radius:0 4px 4px 0;
    pointer-events: none;
    box-sizing: border-box;
    height:100%;
}
.noselect label.select:after{content:''}

label.select select{margin:0}
label.select select:hover{opacity:.8}
label.select:hover:after, .ui_tpicker_hour_slider:hover:after, .ui_tpicker_minute_slider:hover:after{background:var(--adv);color:var(--white)}
label.select select.loading:after,label.select select.loading{content:"\f1ce";opacity:.6}
label.select select.error{border-color:var(--alert);background:var(--bginputalert)}
label.select select optgroup{background-color:var(--adv)}
select[disabled="disabled"],select.loading{background: url(../img/preloader.gif) right 20px center no-repeat !important}

label.checkbox input[type=checkbox]{width:0;height:0;font-size:18px;display: inline-block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;vertical-align: top;margin-top: 0;margin-right:25px !important; padding: 0;}
label.checkbox input[type=checkbox]:hover{color:var(--adv)}
label.checkbox input[type=checkbox]:after{content:"\f0c8";font-family: "Font Awesome 5 Free";font-weight: 500;line-height:15px;color:var(--adv2);font-size:24px}
label.checkbox input[type=checkbox]:checked:after{content:'\f14a'}
label.checkbox input.error:after{color:var(--alert)}

/** required **/
input[type="text"].required,
input[type="file"].required,
input[type="password"].required,
input[type="email"].required,
input[type="number"].required,
textarea.required,
label.select select.required,
select.required,
select.required + .chosen-container .chosen-single,
select.required + .chosen-container .chosen-choices{border-left:3px solid var(--adv) !important;}

/** error **/

input[type="text"].error,
input[type="password"].error,
input[type="email"].error,
input[type="number"].error,
select.error,
label.select select.error,
select.error + .chosen-container .chosen-single,
select.error + .chosen-container .chosen-choices,
textarea.error{background-color:var(--bginputalert);border-color:var(--alert) !important;}

select[multiple]{height:25px}

.datatable .controls .limit select{margin:0}
.datatable .controls .limit .select{margin:0 0 0 10px}

/* colors */
.red{color:var(--alert)}
.success{color:var(--success)}
.bg-alert{color:#fff;background-color:var(--alert)}
.bg-adv,.bg-brown,.bg-blue{color:#fff;background-color:var(--adv) !important}
.bg-adv2{background-color:var(--adv2) !important;}
.bg-overlay{background-color:var(--blackalpha)}
.bg-overlay2{background-color:var(--whitealpha)}
.bg-green{color:#fff;background-color:var(--green) !important}
.bg-success{color:#fff;background-color:var(--success) !important}
.bg-adv.gradient{
    background: -moz-linear-gradient(left, #004167 0%, #002a42 50%, #004167 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #004167), color-stop(50%, #002a42), color-stop(100%, #004167));
    background: -webkit-linear-gradient(left, #004167 0%, #002a42 50%, #004167 100%);
    background: -o-linear-gradient(left, #004167 0%, #002a42 50%, #004167 100%);
    background: -ms-linear-gradient(left, #004167 0%, #002a42 50%, #004167 100%);
    background: linear-gradient(to right, #004167 0%, #002a42 50%, #004167 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.green{color:var(--green)}
.bg-grey{background:var(--greylight)}
.btn.back{background:var(--greylight);color:var(--grey);border:0}
table.table tbody tr:last-child td.pf2.grey,
table.table tbody tr:last-child td.pf2.red{color:var(--greymedium)}
.dialog h2.title .btn, .dialog h2.title input, .dialog h2.title button{display:none}
.dialog h2.title .dialog-allowed .btn{display:inline-block}
.dialog h2.title .fl-left{display:block !important}
.drag_start{border:1px dashed #bbb;border-radius:10px;box-sizing:border-box;background:#eee}

.ib.color{width:12px;height:12px;line-height:14px;margin-right:10px;border-radius:2px;}
.ib.color:before{background:#fff}

table.table tr.open-0 td,
table.table tr.open-undefined td{background:var(--yellowalpha)}

/** statistiche **/
.stats .section table.table{width:100%}
.stats .section table.table th{background:var(--adv);color:var(--white)}
.stats .section table.table td{padding-top:0;padding-bottom:0}
.stats .section .w20p table.table td{background:rgba(255,255,255,.6);border-right-color:var(--greylight);}
/** charts **/
.chart{position:relative}
.chart canvas{height:100% !important;background:#fff}
.chart.active{height:300px;background:url(../img/canvas.png) bottom left no-repeat; background-size:100%}

/** preloader **/
.preloader{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,.7);z-index:1000}
.preloader div{position:fixed;left:50%;top:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;border-radius:50%;background:url(../img/preloader_green.gif) center center no-repeat}
.preloader.abs, .preloader.abs div{position:absolute !important}
.isnew{position:relative;box-sizing:border-box;overflow:hidden}
.isnew:after{content:'';background:rgba(233,233,233,1);width:0px;height:200%;position:absolute;left:0;top:-50%;animation: new2 4s ease-in-out 0s infinite;transform:rotate(10deg);filter:blur(20px);pointer-events: none;}


/** adv **/
.adv-item{margin:10px;border:1px solid var(--greylight);position:relative}
.adv-item h2.title{padding:5px;margin-bottom:10px}
.adv-item .link{display:block}


/* ------------------------- */
/* ------- New Theme ------- */
/* ------------------------- */

.no-events {pointer-events: none !important;}
.roboto, .roboto a, .roboto button {font-family: var(--font-family-roboto);}
.roboto h2, .roboto h2 a:not(.btn) {font-family: var(--font-family);}
.fa, .fas, .far {font-family: "Font Awesome 5 Free" !important; min-width:16px;text-align: center;}
.fa, .fas {font-weight: 900 !important;}

.a-goTo{color: var(--grey);opacity: .5}
.a-goTo:hover{color: var(--adv);opacity: 1}

.theme-shadow-light {box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.05);}
.theme-shadow {box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);}

/* Fix box-sizing for Bootstrap */
table,
table.table td,
table.table th,
h2.title, h3.title, .dialog form h2.title,
.controls,
.btn-add,
.btn-input-add {box-sizing: content-box;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;}

.bs-bb{box-sizing: border-box !important;-moz-box-sizing: border-box !important;-webkit-box-sizing: border-box !important;}

.btn-controls {font-size: 14px !important;}

.page-actions {display: none;}
.content-actions .page-actions {display: block;}

/* Grid System */
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto,
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto,
.col-md, .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, .col-md-auto,
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto,
.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto,
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl,
.container,
#destra #loading > .content:first-child {padding-right: var(--grid-gutter);padding-left: var(--grid-gutter);}
.row {margin-right: var(--grid-gutter-neg);margin-left: var(--grid-gutter-neg);}

.no-gutters {margin-right: 0 !important;margin-left: 0 !important;}
.no-gutters > .col, .no-gutters > [class*="col-"] {padding-right: 0 !important;padding-left: 0 !important;}

.p-grid {padding: var(--grid-gutter) !important;}
.pl-grid {padding-left: var(--grid-gutter) !important;}
.pr-grid {padding-right: var(--grid-gutter) !important;}
.pt-grid {padding-top: var(--grid-gutter) !important;}
.pb-grid {padding-bottom: var(--grid-gutter) !important;}
.px-grid {padding-left: var(--grid-gutter) !important;;padding-right: var(--grid-gutter) !important;}
.py-grid {padding-top: var(--grid-gutter) !important;;padding-bottom: var(--grid-gutter) !important;}

.p-grid-2 {padding: var(--grid-gutter-2) !important;}
.pl-grid-2 {padding-left: var(--grid-gutter-2) !important;}
.pr-grid-2 {padding-right: var(--grid-gutter-2) !important;}
.pt-grid-2 {padding-top: var(--grid-gutter-2) !important;}
.pb-grid-2 {padding-bottom: var(--grid-gutter-2) !important;}
.px-grid-2 {padding-left: var(--grid-gutter-2) !important;;padding-right: var(--grid-gutter-2) !important;}
.py-grid-2 {padding-top: var(--grid-gutter-2) !important;;padding-bottom: var(--grid-gutter-2) !important;}

.m-grid {margin: var(--grid-gutter) !important;}
.ml-grid {margin-left: var(--grid-gutter) !important;}
.mr-grid {margin-right: var(--grid-gutter) !important;}
.mt-grid {margin-top: var(--grid-gutter) !important;}
.mb-grid {margin-bottom: var(--grid-gutter) !important;}
.mx-grid {margin-left: var(--grid-gutter) !important;;margin-right: var(--grid-gutter) !important;}
.my-grid {margin-top: var(--grid-gutter) !important;;margin-bottom: var(--grid-gutter) !important;}

.m-grid-2 {margin: var(--grid-gutter-2) !important;}
.ml-grid-2 {margin-left: var(--grid-gutter-2) !important;}
.mr-grid-2 {margin-right: var(--grid-gutter-2) !important;}
.mt-grid-2 {margin-top: var(--grid-gutter-2) !important;}
.mb-grid-2 {margin-bottom: var(--grid-gutter-2) !important;}
.mx-grid-2 {margin-left: var(--grid-gutter-2) !important;;margin-right: var(--grid-gutter-2) !important;}
.my-grid-2 {margin-top: var(--grid-gutter-2) !important;;margin-bottom: var(--grid-gutter-2) !important;}
/* Fine Grid System */

/* Fine Fix box-sizing for Bootstrap */

/* Tooltipster */
.tooltipster-sidetip.relatio-theme .tooltipster-box{color: var(--adv);background-color: #fff !important;background-clip: border-box;border: 1px solid #ccc !important;border-radius: 4px;box-shadow:0 0 5px 1px rgba(0,0,0,.1)}
.tooltipster-sidetip.relatio-theme .tooltipster-content{font-family: var(--font-family);font-size: 14px;line-height: 20px;padding: 8px 10px;color: var(--adv);}
.tooltipster-sidetip.relatio-theme .tooltipster-arrow{height:9px;margin-left:-9px;width:18px}
.tooltipster-sidetip.relatio-theme.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.relatio-theme.tooltipster-right .tooltipster-arrow{height:18px;margin-left:0;margin-top:-9px;width:9px}
.tooltipster-sidetip.relatio-theme .tooltipster-arrow-background{border:9px solid transparent}
.tooltipster-sidetip.relatio-theme.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#fff;top:1px}
.tooltipster-sidetip.relatio-theme.tooltipster-left .tooltipster-arrow-background{border-left-color:#fff;left:-1px}
.tooltipster-sidetip.relatio-theme.tooltipster-right .tooltipster-arrow-background{border-right-color:#fff;left:1px}
.tooltipster-sidetip.relatio-theme.tooltipster-top .tooltipster-arrow-background{border-top-color:#fff;top:-1px}
.tooltipster-sidetip.relatio-theme .tooltipster-arrow-border{border:9px solid transparent}
.tooltipster-sidetip.relatio-theme.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#ccc}
.tooltipster-sidetip.relatio-theme.tooltipster-left .tooltipster-arrow-border{border-left-color:#ccc}
.tooltipster-sidetip.relatio-theme.tooltipster-right .tooltipster-arrow-border{border-right-color:#ccc}
.tooltipster-sidetip.relatio-theme.tooltipster-top .tooltipster-arrow-border{border-top-color:#ccc}
.tooltipster-sidetip.relatio-theme.tooltipster-bottom .tooltipster-arrow-uncropped{top:-9px}
.tooltipster-sidetip.relatio-theme.tooltipster-right .tooltipster-arrow-uncropped{left:-9px}

/* Title and action Bar */
#destra form,
#destra [data-form] {position:relative;padding-top:79px;padding-right: var(--grid-gutter);padding-left: var(--grid-gutter);}
#destra .container-fluid[data-form] {padding-right: var(--grid-gutter-2);padding-left: var(--grid-gutter-2);}
#page form {padding: 0;}
#destra #page .back {display: none;}
#destra #loading > .content:first-child {position:relative;padding-top:65px;}
#destra form h2.title .btn:not(.find) {position:relative;float:right;margin:0 0 0 10px}
#destra form h2.title.edit,
#destra #loading .content h2.title.edit,
#destra form.fixed h2.title.edit,
#destra #loading .content.fixed h2.title.edit,
#destra [data-form] h2.title.edit,
#destra [data-form].fixed h2.title.edit {position:fixed;right:0;width:auto;float:left;z-index:2;margin:0;top:46px;left:var(--sidebarwidth);transition: background 0.3s ease, box-shadow 0.3s ease;background: #fff;font-family: var(--font-family);}

#destra form.fixed h2.title.edit,
#destra [data-form].fixed h2.title.edit,
#destra #loading .content.fixed h2.title.edit {background: rgba(255, 255, 255, .9);box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);z-index: 9;}

h2.title .btn {margin-bottom: 0;}

.title-block {font-family: var(--font-family-roboto);font-size: 16px;font-weight: 500;padding-top: var(--grid-gutter-2); padding-bottom: var(--grid-gutter);}
.title-block .subtitle {font-weight: 300;font-size: 14px;line-height: 1;}

/* End Title and action Bar */

/* Component */
.box-actions {padding-top: 40px; padding-bottom: 15px;}
.btn-add {margin: 0 0 0 5px; padding: 0;line-height: 0;}
.btn-add .fa {line-height: 20px; font-size: 12px;padding: 0 5px;}
.btn-input-add {width: 35px;padding: 0; line-height: 36px;text-align: center; margin: 0 0 0 7.5px;}
.btn-input-add .fa {font-size: 14px;line-height: 1;}

.mr-one-add {margin-right: 42.5px;}
.mr-two-add {margin-right: 85px;}

.dialog {background: var(--bodybg)}
.dialog.embedded_container h2 a.back {display: none !important;}
.dialog.embedded_container .container-fluid {padding: var(--grid-gutter-2);}

.minicolors-theme-default .minicolors-swatch {top: 12px;left: 10px;border-radius:5px;}

.area_payments.complete0,
.area_marketings.complete0,
.area_calendars.complete0,
.complete0 .evt-actions {background-color: var(--bg-not-completed) !important;}

.area_payments.complete1,
.area_marketings.complete1,
.area_calendars.complete1,
.complete1 .evt-actions {background-color: var(--bg-completed) !important;}

.area_payments.complete-1,
.area_marketings.complete-1,
.area_calendars.complete-1,
.complete-1 .evt-actions {background-color: var(--bg-partial) !important;}

.calendar-item:first-child {border-top: 1px solid var(--border)}
.calendar-item {border-bottom: 1px solid var(--border);}

.divider-l, .divider-r {display: flex;flex-direction: row;}
.divider-l:after, .divider-r:after {content: "";flex: 1 1;border-bottom: 1px solid var(--border);margin: auto;}
.divider-l:after {margin-right: var(--grid-gutter-2);}
.divider-r:after {margin-left: var(--grid-gutter-2);}

/* End Component */

.text-truncate{display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 200px;}

/* Sticky */
.r-sticky {position: fixed;}

/* Card */
.ui-datepicker,
.card,
.card-tab,
.datatable .controls,
.datatable .filters,
.datatable .actions,
.datatable .o-auto,
#products .o-auto,
#documents .o-auto,
.datatable .controls .limit select,
.datatable .controls .pages {
    background-color: #fff !important;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125) !important;
    border-radius: 4px;
    box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.05);
}
.datatable .controls .limit select,
.datatable .controls .pages {box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);}

.card {padding-right: var(--grid-gutter-2);padding-left: var(--grid-gutter-2);}

.datatable .filters,.datatable #filters {border: none;margin: 0;padding: 0;}
.datatable .filters {padding: var(--grid-gutter)}

#filters {display: none;}
.datatable .filters #filters {display: flex;}

div:not(.datatable) table.table {margin-top: 15px;}
div.datatable table.table {margin-top: 0;}

.datatable .controls,
.datatable .filters,
.datatable .actions,
.datatable .o-auto {margin-top: 15px;}

.datatable .filters {border-bottom: 3px solid var(--adv) !important;}

.doc-files .datatable, .box-tabs-datatable .datatable {margin-top: -15px;}
#page .datatable {padding-bottom: var(--grid-gutter-2);}
#page .datatable .filters {/*margin-top: 0;*/}

.box-tabs-datatable .tabs {border-bottom: none;}
.box-tabs-datatable .tab {z-index: 1;}

.note-editor.note-frame, .note-modal-body {border: 1px solid var(--greylight);}

.no-card-child .card,
.no-card-child .datatable .controls,
.no-card-child .datatable .filters,
.no-card-child .datatable .actions,
.no-card-child .datatable .o-auto {border: 1px solid #eee !important;box-shadow: none;/*margin: 0;border-radius: 0;*/}
.no-card-child .datatable .o-auto .table-calendar {border: 1px solid #eee !important;}

.card-tab {padding-top: 10px;}

.login.card {overflow: hidden;}

/* Badge */
.badge {display: inline-block;padding: .25em .4em;font-weight: 700;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 4px;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.badge {background-color: var(--adv2); color: #ffffff;}

/* Alert */
.alert-custom {position: relative;padding: 15px;border: 1px solid transparent;border-radius: .25rem;}
.alert-warning {color: #1f2d3d;background: #ffc107;border-color: #edb100;}

/* Timer - Play / Pause */
.timer0 {background-color: var(--red) !important;color: #ffffff !important;}
.timer0:before {content: "\f04c";}
.timer0:hover {background-color: var(--green) !important;}
.timer0:hover:before {content: "\f04b";}
.timer1 {position:relative;background-color: var(--green) !important;color: #ffffff !important;box-shadow: 0 0 0 0 var(--green);animation: pulse 2s infinite;/*animation: ripple 1100ms infinite;*/}
.timer1:before {content: "\f04b";}
.timer1:hover {background-color: var(--red) !important;}
.timer1:hover:before {content: "\f04c";}
.timer0.loading:before, .timer0.loading:hover:before, .timer1.loading:before, .timer1.loading:hover:before {content: '\f1ce';}

.pulse {position:relative;background-color: var(--green) !important;color: #ffffff !important;box-shadow: 0 0 0 0 var(--green);animation: pulse 2s infinite;}

@keyframes ripple {
    0% {box-shadow: 0 0 0 0px var(--green_blend), 0 0 0 0px #fff, 0 0 0 0px var(--green_blend), 0 0 0 0px #fff, 0 0 0 0px var(--green_blend), 0 0 0 0px #fff, 0 0 0 0px var(--green_blend), 0 0 0 0px #fff;}
    100% {box-shadow: 0 0 0 3px var(--green_blend), 0 0 0 5px rgba(255,255,255,0), 0 0 0 7px var(--green_blend), 0 0 0 8px rgba(255,255,255,0), 0 0 0 15px var(--green_blend), 0 0 0 16px rgba(255,255,255,0);}
}

@keyframes pulse {
    0% {transform: scale(0.95);box-shadow: 0 0 0 0 var(--green_blend);}
    70% {transform: scale(1);box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);}
    100% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

/* Datatable */
table:not(.picker__table) thead, table:not(.picker__table).table.table-doc thead {background-color: #ffffff;}
table.table th, table.table.table-doc th {border:none;border-right: 1px solid var(--tdborder);color:var(--grey);text-transform: uppercase;font-size: 12px;}
table.table th:last-child, table.table.table-doc th:last-child {border-right: none;}
table.table thead th, table.table.table-doc th, table.table thead td {border-bottom: 1px solid var(--tdborder);}
table.table tfoot th, table.table tfoot td {border-top: 2px solid var(--tdborder);}
th.sorting::after {color: var(--grey);font-size: 12px; right: 10px}
table.table th.sorting {padding-right: 28px;}

table.table:not(.table-doc) td:first-child {border-left: none}
table.table:not(.table-doc) td:last-child {border-right: none}
table.table tfoot tr td {border: none}

table.last-auto td:last-child,
table .w-auto {width:1%;white-space:nowrap;}

table.table.table-doc td {padding: 10px; vertical-align: top;}
table.sub-table tbody tr {background-color: transparent !important;}
table.sub-table td {border: none;}
table.sub-table tbody tr, table.sub-table tbody tr:hover{background: transparent;}

table tr[href]:hover,
table tr.pointer:hover {cursor: pointer;opacity: .8;box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2); }

/* Nav tabs */
.nav-tabs a.tab {border-top: 1px solid var(--greylight); padding-top: 2px !important;}
/*.nav-tabs a.tab:first-child {margin-left: var(--grid-gutter);}*/
.nav-tabs a.tab:hover {opacity: 1 !important;}
.nav-tabs a.active.tab {border-top: 3px solid var(--adv2);padding-top: 0 !important;}

.nav-tabs.btn-style {padding-top: 15px;}
.nav-tabs.btn-style a.tab,
a.selectab {font-family: var(--font-family-roboto); font-size: 16px; border: none; background: #ffffff; color: var(--text); border-radius: 4px;padding: 8px 10px !important;line-height: 20px;opacity: 1;margin-right: var(--grid-gutter);margin-bottom: var(--grid-gutter);}
.nav-tabs.btn-style a.tab:hover,
.nav-tabs.btn-style a.active.tab,
a.selectab:hover,
a.selectab.active {background: var(--adv2); color: #ffffff;}
.nav-tabs.btn-style .disabled a {pointer-events: none;cursor: default;background: var(--greymedium) !important;}

.tab-small a.selectab {font-size: 14px;padding: 5px 10px !important;}

/* Document actions */
.doc-actions, .doc-actions a {font-family: var(--font-family-roboto)}
a.action {color: #303030;}
a.action:hover {color: var(--adv);}
a.action.disabled {pointer-events: none;cursor: default;color: var(--greymedium) !important;}
a.action.active {color: var(--green) !important;border: none;}
a.action .action-icon {width: 30px;height: 30px;line-height: 30px;font-size: 20px;}

a.action.approved:hover,
a.action.approved.active,
.status_estimate5 {color: var(--approved) !important;}
a.action.refused:hover,
a.action.refused.active,
.status_estimate4 {color: var(--refused) !important;}
a.action.suspended:hover,
a.action.suspended.active,
.status_estimate1 {color: var(--suspended) !important;}

.invoice.einvoice1.status7,tr.invoice.einvoice1.status4{background-color:rgba(200,0,0,.1) !important}
.invoice.einvoice1.status5{background-color:rgba(0,200,0,.1) !important}

/* --- Calendar --- */
.container-fluid.fullscreen {position:fixed;left:0;top:0;height:100%;overflow:auto;width:100%;background:var(--bodybg);margin:0;z-index:11}

.fc-event-hori {margin-bottom: 5px;}
.fc-event{background-clip: border-box;border-radius: 5px;overflow: hidden;}


.color-act {color: var(--color-act) !important;}
.color-tsk {color: var(--color-tsk) !important;}
.color-exp {color: var(--color-exp) !important;}
.color-lab {color: var(--color-lab) !important;}
.color-prd {color: var(--color-prd) !important;}
.color-mns {color: var(--color-mns) !important;}
.color-ept {color: var(--color-ept) !important;}
.color-crd {color: var(--color-crd) !important;}

.fc-event.type_lab, .fc-event.type_lab .abs .evt-actions, .bg-crs_prof {/*border-color: var(--color-lab);*/ background-color: var(--bg-prof) !important;}
.fc-event.type_lab, .fc-event.type_lab .abs .evt-actions, .bg-crs_stud {/*border-color: var(--color-lab);*/ background-color: var(--bg-stud) !important;}
.bg-crs_cust {background-color: var(--bg-prof) !important;}


.fc-event .status1 {color: #ffffff;}
.fc-event .status0 {color: #ffffff;}

.fc-event{background-color: #ffffff}

/* --- Calendar varianti -- */
.fc-event.status1 i.fa{color: var(--color-completed) !important; }
.fc-event.status0 i.fa{color: var(--color-not-completed) !important; }

/* Calendar projects */
.fc-event.status1.prj_pln, .fc-event.status1.prj_rep {color:var(--color-completed) !important; background: #ffffff !important}
.fc-event.status0.prj_pln, .fc-event.status0.prj_rep {color:var(--color-not-completed) !important; background: #ffffff !important}
/*.fc-event.status2.prj_pln, .fc-event.status2.prj_rep {color:var(--section-projects) !important; background: #ffffff !important}*/
.fc-event.prj_pln:hover, .fc-event.prj_rep:hover { color: #ffffff !important; background:var(--section-projects) !important;}


/* Calendar notes */
.fc-event.status2.type_note, .fc-event.type_note:hover,
.type_note:hover, .type_note.active, .badge.type_note{ color: #ffffff !important; background:var(--section-dashboard) !important;}
/* Calendar sales */
.fc-event.type_meet:hover, .fc-event.type_call:hover,
.tab-meet:hover, .tab-meet.active, .tab-call:hover, .tab-call.active, .badge.type_meet, .badge.type_call { color: #ffffff !important; background:var(--section-sales) !important;}
/* Calendar administration */
.fc-event.status2.area_payments, .fc-event.area_payments:hover, .badge.area_payments, .container-administration .fc-event:hover { color: #ffffff !important; background:var(--section-administration) !important;}
/* Calendar projects */
.fc-event.area_projects:hover,
.areaprojects .tab:hover, .areaprojects .tab.active, .badge.area_projects,.container-projects .fc-event:hover { color: #ffffff !important; background:var(--section-projects) !important;}
/* Calendar products*/
.container-products .fc-event:hover{background:var(--section-products) !important;color:#fff}
/* Calendar shifts */
.fc-event.status2.area_shifts, .fc-event.area_shifts:hover,
.areashifts .tab:hover, .areashifts .tab.active, .badge.area_shifts { color: #ffffff !important; background:var(--section-shifts) !important;}
.fc-event.status3.area_shifts { color: #ffffff !important; background:var(--color-completed) !important;}
.fc-event.status4.area_shifts { color: #ffffff !important; background:var(--color-not-completed) !important;}
/* Calendar courses */
.fc-event.status2.area_courses, .fc-event.area_courses:hover,
.areacourses .tab:hover, .areacourses .tab.active, .badge.area_courses { color: #ffffff !important; background:var(--section-courses) !important;}
/* Calendar logistics */
.container-logistics .fc-event:hover,
.tab-logistics:hover, .tab-logistics.active,
.badge.type_deadline_maintenance, .badge.type_deadline_mean, .badge.type_deadline_equipment, .badge.type_absence_reservation { color: #ffffff !important; background:var(--section-logistics) !important;}
/* Calendar registries */
.fc-event.status2.type_absence_disease, .fc-event.type_absence_disease:hover,
.fc-event.status2.type_absence_visit, .fc-event.type_absence_visit:hover,
.fc-event.status2.type_absence_overtime, .fc-event.type_absence_overtime:hover,
.fc-event.status2.type_absence_permission, .fc-event.type_absence_permission:hover,
.fc-event.status2.type_absence_holiday, .fc-event.type_absence_holiday:hover,
.tab-registries:hover, .tab-registries.active,
.badge.type_absence_disease, .badge.type_absence_visit, .badge.type_absence_overtime, .badge.type_absence_permission, .badge.type_absence_holiday { color: #ffffff !important; background:var(--section-registries) !important;}

/** nuovo stile 03/02/2022 **/
.fc-event.status2:hover i.fa{color:#fff !important;}
.container-administration .fc-event.status2 i.fa{color:var(--section-administration)}
.container-sales .fc-event.status2 i.fa,
.fc-event.status2.type_call i.fa,
.fc-event.status2.type_meet i.fa{color:var(--section-sales)}
.container-projects .fc-event.status2{background:#fff}
.container-projects .fc-event.status2 i.fa,
.fc-event.status2.area_projects i.fa{color:var(--section-projects)}
.container-products .fc-event.status2 i.fa{color:var(--section-products)}
.container-logistics .fc-event.status2 i.fa,.container-logistics .fc-event.status2 i.fas,.container-logistics .fc-event.status2 i.far{color:var(--section-logistics)}

/** stile HR **/
/* Calendar shifts */
.fc-event.status1.area_shifts {color: var(--color-completed) !important; background: #ffffff !important;}
.fc-event.status0.area_shifts {color: var(--color-not-completed) !important; background: #ffffff !important;}

.fc-event.status2.area_shifts, .fc-event.area_shifts:hover,
.areashifts .tab:hover, .areashifts .tab.active, .badge.area_shifts { color: #ffffff !important; background:var(--section-shifts) !important;}
.fc-event.status3.area_shifts { color: #ffffff !important; background:var(--color-completed) !important;}
.fc-event.status4.area_shifts { color: #ffffff !important; background:var(--color-not-completed) !important;}


.bs-status-0 {background-color: var(--bs-opened)}
.bs-status-1 {background-color: var(--bs-inspection)}
.bs-status-2 {background-color: var(--bs-closed)}
.bs-status-4 {background-color: var(--bs-seized)}

.prj-status-0 {background-color: var(--prj-opened)}
.prj-status-1 {background-color: var(--prj-inspection)}
.prj-status-2 {background-color: var(--prj-closed)}
.prj-status-4 {background-color: var(--prj-seized)}

.crs-status-0 {background-color: var(--crs-opened)}
.crs-status-1 {background-color: var(--crs-inspection)}
.crs-status-2 {background-color: var(--crs-closed)}
.crs-status-4 {background-color: var(--crs-seized)}

[class^="hour-status"] {background-color: transparent; color: var(--text);border-color: var(--text);box-shadow: none;}
.hour-status-2 {color: var(--prj-closed);border-color: var(--prj-closed);}
.hour-status-4 {color: var(--prj-seized);border-color: var(--prj-seized);}


.color-status-1 {color: var(--prj-inspection)}
.color-status-2 {color: var(--prj-closed)}
.color-status-4 {color: var(--prj-seized)}

.content-status {position: relative;padding: 0;}
.box-status {position: absolute;top: 0;bottom: 0;left: 0;right: 0;font-size: 20px;background-color: #F4F4F4;}
.box-status span {position: absolute;display: inline-block;width: 20px; height: 20px;margin: auto;top: 0;bottom: 0;left: 0;right: 0;border-radius: 4px; border: 1px solid var(--bodybg);background-color: #ffffff;}
.box-status.status1 {background-color: var(--green_blend_8);}
.box-status.status1 span {background-color: var(--green);}

.table-time tr, .table-time tr td {border: none !important; background: none !important;}
.table-time tr td {height: 30px !important;font-size: 14px !important;}
.table-time tr:first-child td {border-bottom: 1px solid var(--tdborder) !important;}

/* Gantt */
.gantt-container .pointer {left: -5px !important;top: 5px !important;}

/* Input custom */
.form-control.calendar,
input.calendar {text-align: left;}
.input-group {position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: stretch;align-items: stretch;width: 100%;}
.input-group-append, .input-group-prepend {display: -ms-flexbox;display: flex;}
.input-group-prepend {margin-right: -1px;}
.input-group-append {margin-left: -1px;}
.input-group-text {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;padding: 6px 12px;margin-bottom: 0;font-size: 12px;/*font-size: var(--font-size);*/font-weight: 400;line-height: 22px;color: var(--text);text-align: center;white-space: nowrap;background-color: var(--bodybg);border: 1px solid var(--greylight); border-radius: 5px;}
.no-bg .input-group-text,
.input-group-text.no-bg {background-color: #ffffff;}

.input-group > .form-control {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 1% !important;margin-bottom: 0;}

.input-group > .form-control:not(:last-child),
.input-group > .form-control:not(:last-child) select,
.input-group > .form-control:not(:last-child).select:after,
.input-group > .form-control:not(:last-child) .chosen-container-single .chosen-single,
.input-group > .custom-select:not(:last-child) {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.input-group.no-bg > .form-control:not(:last-child),
.input-group.no-bg > .form-control:not(:last-child) select,
.input-group.no-bg > .custom-select:not(:last-child),
.input-group.no-bg > .form-control:not(:last-child) .chosen-container-single:not(.chosen-container-active) .chosen-single {border-right-color: #ffffff;}

.input-group > .form-control:not(.datetimepicker):not(:first-child),
.input-group > .form-control:not(.datetimepicker):not(:first-child) select,
.input-group > .form-control:not(.datetimepicker):not(:first-child).select:after,
.input-group > .form-control:not(.datetimepicker):not(:first-child) .chosen-container-single .chosen-single,
.input-group > .custom-select:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group.no-bg > .form-control:not(.datetimepicker):not(:first-child),
.input-group.no-bg > .form-control:not(.datetimepicker):not(:first-child) select,
.input-group.no-bg > .custom-select:not(:first-child),
.input-group.no-bg > .form-control:not(.datetimepicker):not(:first-child) .chosen-container-single:not(.chosen-container-active) .chosen-single {border-left-color: #ffffff;}

.input-group > .input-group-prepend > .input-group-text {border-top-right-radius: 0;border-bottom-right-radius: 0;border-right-color: #ffffff;}
.input-group > .input-group-append > .input-group-text {border-top-left-radius: 0;border-bottom-left-radius: 0;border-left-color: #ffffff;}

.input-group .cursor-pointer:hover {background: var(--adv);border-color: var(--adv);color: var(--white);}

.input-group input.calendar {background: #ffffff;}
.input-info i {position: relative !important; margin: 0 0 0 5px !important; right: 0 !important;}

.input-theme {background-color: #ffffff; color: var(--adv);}

/* Input disabled */
.disabled [data-disabled="hide"]{display:none}
.disabled [data-disabled="disabled"]{border:0;pointer-events: none;}
.disabled [name]{background:#fcfcfc !important;color:var(--adv); font-weight:bold;cursor:default}
.disabled input, .disabled textarea, .disabled select,
.disabled .chosen-container, .disabled .chosen-single, .disabled .note-editor.note-frame {pointer-events: none;background:#fcfcfc !important;color:var(--adv); font-weight:bold;cursor:default}

.disabled label.select:hover::after { background: inherit;color: inherit;}

.disabled .mr-one-add, .disabled .mr-two-add {margin-right: 0;}
.disabled .btn-input-add {display: none;}

option[data-disabled="1"]{opacity: .8}

/* Progress bar */
.w-auto .content-progress-bar {width: 150px;}
.content-progress-bar {position: relative;padding-right: 30px;line-height: 14px;}
.progress-bar {height: 5px;position: relative;background: var(--bodybg);overflow: hidden;}
.progress-bar span {display: block;height: 100%;}
.progress {background-color: var(--green);-webkit-animation: progressBar 1s ease-in-out;-webkit-animation-fill-mode:both;-moz-animation: progressBar 1s ease-in-out;-moz-animation-fill-mode:both;}
.content-progress-bar .number-progress {position: absolute;top: -5px;right: 0;font-size: 10px;}

.progress.status-0 {background-color: var(--prj-opened)}
.progress.status-2 {background-color: var(--prj-closed)}
.progress.status-4 {background-color: var(--prj-seized)}

.content-progress-bar .number-progress.status-0 {color: var(--prj-opened)}
.content-progress-bar .number-progress.status-2 {color: var(--prj-closed)}
.content-progress-bar .number-progress.status-4 {color: var(--prj-seized)}

.container-courses .content-progress-bar .number-progress.status-0 {color: var(--crs-opened)}
.container-courses .content-progress-bar .number-progress.status-2 {color: var(--crs-closed)}
.container-courses .content-progress-bar .number-progress.status-4 {color: var(--crs-seized)}

@-webkit-keyframes progressBar {
    0% { width: 0; }
    100% { width: 100%; }
}

@-moz-keyframes progressBar {
    0% { width: 0; }
    100% { width: 100%; }
}

/* Custom Theme App */
.main-menu.blink_alert {border-radius: 0;}
.theme-app #sinistra {background: var(--adv);}
.theme-app .main-menu li.parent.active,
.theme-app .main-menu li.single a.active {background: var(--advlight) !important;}

.theme-app .main-menu a {padding: 15px 0;font-size: 16px;}
.theme-app .main-menu .single > a,
.theme-app .main-menu .parent > a {border-left: 4px solid transparent;}
.theme-app .main-menu .parent ul a {padding: 10px 0 10px 5px;font-size: 14px;}

.theme-app #sinistra a.tab:hover,
.theme-app #sinistra a.active{border-bottom: none; margin-bottom: 0;}

.theme-app .main-menu li:not(.bg-green-light):not(.bg-adv2) a {color: var(--advtext);}
.theme-app .main-menu li.open.bg-green-light a,
.theme-app .main-menu li.open.active.bg-green-light a,
.theme-app .main-menu li.active.bg-green-light a {color: var(--advtext);}

.theme-app .main-menu li li span {opacity: inherit;}

.theme-app .main-menu li:not(.bg-green-light) a:hover,
.theme-app .main-menu li a.active,
.theme-app .main-menu li:not(.bg-green-light) ul li a:hover,
.theme-app .main-menu li ul li a.active {/*color: var(--white) !important;*/ background: var(--advlight) !important; opacity: 1;}

.theme-app .main-menu i {padding: 0; width: 50px; margin-left: 0; text-align: center;}
.theme-app .main-menu i.fa {color: inherit;}
.theme-app .main-menu li ul i {width: 25px;text-align: left;}

.theme-app .main-menu i.abs {width: 30px;top: auto;line-height: inherit; text-align: center;}

.theme-app .main-menu .parent.open,
.theme-app .main-menu .opened {border-bottom: none; background: var(--advlight) !important; padding-bottom: 0;}

.theme-app .main-menu .parent ul {margin-bottom: 0;}
.theme-app .main-menu .parent ul a {padding-left: 50px;}

.theme-app .main-menu .sub-menu ul {border-left: 0 !important;}
.theme-app .main-menu .sub-menu > ul {padding-left: 20px;}
.theme-app .main-menu .sub-menu ul a {padding-left: 20px !important;}
.theme-app .main-menu .sub-menu ul li {padding-left: 23px !important;}

.theme-app .main-menu .child-parent ul {border-left: none;}
.theme-app .main-menu .child-parent ul a {padding-left: 60px;}

/* Sidebar section - Account */
.theme-app .main-menu li.section-accounts i {color: var(--section-account) !important;}
.theme-app .main-menu li.section-accounts.open > a,
.theme-app .main-menu li.section-accounts a:hover,
.theme-app .main-menu li.section-accounts a.active,
.theme-app .main-menu li.section-accounts.parent ul {border-color: var(--section-account) !important;color: var(--section-account) !important;}
.container-accounts .input-theme {color: var(--section-account) !important;}
.container-accounts .color-section {color: var(--section-account) !important;}
.container-accounts .b-section {border-color: var(--section-account) !important;}
.container-accounts .bg-section {background-color: var(--section-account) !important;}
.container-accounts .label .input .note::before {color: var(--section-account) !important;}

.container-accounts a.selectab:hover,
.container-accounts a.selectab.active {background: var(--section-account) !important; color: #ffffff;}
.container-accounts .nav-tabs a.active.tab {border-top-color: var(--section-account) !important;}
.container-accounts .nav-tabs.btn-style a.tab:hover,
.container-accounts .nav-tabs.btn-style a.active.tab,
.container-accounts .container-checkbox input:checked ~ .checkmark {background-color: var(--section-account) !important; color: #ffffff;}

/* Sidebar section - Dashboard */
.theme-app .main-menu li.section-dashboard i {color: var(--section-dashboard);}
.theme-app .main-menu li.section-dashboard.open > a,
.theme-app .main-menu li.section-dashboard a:hover,
.theme-app .main-menu li.section-dashboard a.active,
.theme-app .main-menu li.section-dashboard.parent ul {border-color: var(--section-dashboard);color: var(--section-dashboard) !important;}
.container-dashboard .input-theme {color: var(--section-dashboard);}
.container-dashboard .color-section {color: var(--section-dashboard);}
.container-dashboard .b-section {border-color: var(--section-dashboard) !important;}
.container-dashboard .bg-section {background-color: var(--section-dashboard);}
.container-dashboard .label .input .note::before {color: var(--section-dashboard);}

.container-dashboard a.selectab:hover,
.container-dashboard a.selectab.active {background: var(--section-dashboard); color: #ffffff;}
.container-dashboard .nav-tabs a.active.tab {border-top-color: var(--section-dashboard);}
.container-dashboard .nav-tabs.btn-style a.tab:hover,
.container-dashboard .nav-tabs.btn-style a.active.tab,
.container-dashboard .container-checkbox input:checked ~ .checkmark {background-color: var(--section-dashboard); color: #ffffff;}

/* Sidebar section - Management */
.theme-app .main-menu li.section-management i {color: var(--section-management);}
.theme-app .main-menu li.section-management.open > a,
.theme-app .main-menu li.section-management a:hover,
.theme-app .main-menu li.section-management a.active,
.theme-app .main-menu li.section-management.parent ul {border-color: var(--section-management);color: var(--section-management) !important;}
.container-management .input-theme {color: var(--section-management);}
.container-management .color-section {color: var(--section-management);}
.container-management .b-section {border-color: var(--section-management) !important;}
.container-management .bg-section {background-color: var(--section-management);}
.container-management .label .input .note::before {color: var(--section-management);}

.container-management a.selectab:hover,
.container-management a.selectab.active {background: var(--section-management); color: #ffffff;}
.container-management .nav-tabs a.active.tab {border-top-color: var(--section-management);}
.container-management .nav-tabs.btn-style a.tab:hover,
.container-management .nav-tabs.btn-style a.active.tab,
.container-management .container-checkbox input:checked ~ .checkmark {background-color: var(--section-management); color: #ffffff;}

/* Sidebar section - Sales */
.bg-sales, .bg-sales:hover {background-color: var(--section-sales) !important;color: #ffffff !important;}
.theme-app .main-menu li.section-sales i {color: var(--section-sales);}
.theme-app .main-menu li.section-sales.open > a,
.theme-app .main-menu li.section-sales a:hover,
.theme-app .main-menu li.section-sales a.active,
.theme-app .main-menu li.section-sales.parent ul {border-color: var(--section-sales);color: var(--section-sales) !important;}
.container-sales .input-theme {color: var(--section-sales);}
.container-sales .color-section {color: var(--section-sales);}
.container-sales .b-section {border-color: var(--section-sales) !important;}
.color-sales {color: var(--section-sales) !important;}
.container-sales .bg-section {background-color: var(--section-sales);}
.container-sales .label .input .note::before {color: var(--section-sales);}

.container-sales a.selectab:hover,
.container-sales a.selectab.active {background: var(--section-sales); color: #ffffff;}
.container-sales .nav-tabs a.active.tab {border-top-color: var(--section-sales);}
.container-sales .nav-tabs.btn-style a.tab:hover,
.container-sales .nav-tabs.btn-style a.active.tab,
.container-sales .container-checkbox input:checked ~ .checkmark,
.container-sales .container-registries .nav-tabs.btn-style a.tab:hover,
.container-sales .container-registries .nav-tabs.btn-style a.active.tab,
.container-sales .container-registries .container-checkbox input:checked ~ .checkmark {background-color: var(--section-sales); color: #ffffff;}

/* Sidebar section - Topic */

.container-topic #page .chat.comment .room {border-radius: 4px; overflow: hidden}
.theme-app .main-menu li.section-topic i {color: var(--section-topic);}
.theme-app .main-menu li.section-topic.open > a,
.theme-app .main-menu li.section-topic a:hover,
.theme-app .main-menu li.section-topic a.active,
.theme-app .main-menu li.section-topic.parent ul {border-color: var(--section-topic);color: var(--section-topic) !important;}
.container-topic .input-theme {color: var(--section-topic);}
.container-topic .color-section {color: var(--section-topic);}
.color-topic {color: var(--section-topic) !important;}
.container-topic .bg-section {background-color: var(--section-topic);}
.container-topic .label .input .note::before {color: var(--section-topic);}

.container-topic a.selectab:hover,
.container-topic a.selectab.active {background: var(--section-topic); color: #ffffff;}
.container-topic .nav-tabs a.active.tab {border-top-color: var(--section-topic);}
.container-topic .nav-tabs.btn-style a.tab:hover,
.container-topic .nav-tabs.btn-style a.active.tab,
.container-topic .container-checkbox input:checked ~ .checkmark {background-color: var(--section-topic); color: #ffffff;}

/* Sidebar section - Marketing */
.theme-app .main-menu li.section-marketing i {color: var(--section-marketing);}
.theme-app .main-menu li.section-marketing.open > a,
.theme-app .main-menu li.section-marketing a:hover,
.theme-app .main-menu li.section-marketing a.active,
.theme-app .main-menu li.section-marketing.parent ul {border-color: var(--section-marketing);color: var(--section-marketing) !important;}
.container-marketing .input-theme {color: var(--section-marketing);}
.container-marketing .color-section {color: var(--section-marketing);}
.color-marketing {color: var(--section-marketing) !important;}
.container-marketing .bg-section {background-color: var(--section-marketing);}
.container-marketing .label .input .note::before {color: var(--section-marketing);}

/* Sidebar section - Administration */
.theme-app .main-menu li.section-administration i {color: var(--section-administration);}
.theme-app .main-menu li.section-administration.open > a,
.theme-app .main-menu li.section-administration a:hover,
.theme-app .main-menu li.section-administration a.active,
.theme-app .main-menu li.section-administration.parent ul {border-color: var(--section-administration);color: var(--section-administration) !important;}
.container-administration .input-theme {color: var(--section-administration);}
.container-administration .color-section {color: var(--section-administration);}
.container-administration .b-section {border-color: var(--section-administration) !important;}
.color-administration {color: var(--section-administration) !important;}
.container-administration .bg-section {background-color: var(--section-administration);}
.container-administration .label .input .note::before {color: var(--section-administration);}

.container-administration a.selectab:hover,
.container-administration a.selectab.active {background: var(--section-administration); color: #ffffff;}
.container-administration .nav-tabs a.active.tab {border-top-color: var(--section-administration);}
.container-administration .nav-tabs.btn-style a.tab:hover,
.container-administration .nav-tabs.btn-style a.active.tab,
.container-administration .container-checkbox input:checked ~ .checkmark,
.container-administration .container-registries .nav-tabs.btn-style a.tab:hover,
.container-administration .container-registries .nav-tabs.btn-style a.active.tab,
.container-administration .container-registries .container-checkbox input:checked ~ .checkmark {background-color: var(--section-administration); color: #ffffff;}

.container-administration .nav-tabs.btn-style.calendar-filters a.tab:hover,
.container-administration .nav-tabs.btn-style.calendar-filters a.active.tab {background: var(--section-administration-alpha); color: var(--section-administration);}

/* Sidebar section - Products */
.bg-products, .bg-products:hover {background-color: var(--section-products) !important;color: #ffffff !important;}
.theme-app .main-menu li.section-products i {color: var(--section-products);}
.theme-app .main-menu li.section-products.open > a,
.theme-app .main-menu li.section-products a:hover,
.theme-app .main-menu li.section-products a.active,
.theme-app .main-menu li.section-products.parent ul {border-color: var(--section-products);color: var(--section-products) !important;}
.container-products .input-theme {color: var(--section-products);}
.container-products .color-section {color: var(--section-products);}
.color-products {color: var(--section-products) !important;}
.container-products .bg-section {background-color: var(--section-products);}
.container-products .label .input .note::before {color: var(--section-products);}

.container-products .nav-tabs.btn-style a.tab:hover,
.container-products .nav-tabs.btn-style a.active.tab,
.container-products .container-checkbox input:checked ~ .checkmark {background-color: var(--section-products); color: #ffffff;}

/* Sidebar section - Activities */
.theme-app .main-menu li.section-activities i {color: var(--section-activities);}
.theme-app .main-menu li.section-activities.open > a,
.theme-app .main-menu li.section-activities a:hover,
.theme-app .main-menu li.section-activities a.active,
.theme-app .main-menu li.section-activities.parent ul {border-color: var(--section-activities);color: var(--section-activities) !important;}
.container-activities .input-theme {color: var(--section-activities);}
.container-activities .color-section {color: var(--section-activities);}
.color-activities {color: var(--section-activities) !important;}
.container-activities .bg-section {background-color: var(--section-activities);}
.container-activities .label .input .note::before {color: var(--section-activities);}

/* Sidebar section - Logistics */
.bg-logistics, .bg-logistics:hover {background-color: var(--section-logistics) !important;color: #ffffff !important;}
.theme-app .main-menu li.section-logistics i {color: var(--section-logistics);}
.theme-app .main-menu li.section-logistics.open > a,
.theme-app .main-menu li.section-logistics a:hover,
.theme-app .main-menu li.section-logistics a.active,
.theme-app .main-menu li.section-logistics.parent ul {border-color: var(--section-logistics);color: var(--section-logistics) !important;}
.container-logistics .input-theme {color: var(--section-logistics);}
.container-logistics .color-section {color: var(--section-logistics);}
.color-logistics {color: var(--section-logistics) !important;}
.container-logistics .bg-section {background-color: var(--section-logistics);}
.container-logistics .label .input .note::before {color: var(--section-logistics);}

.container-logistics .nav-tabs.btn-style a.tab:hover,
.container-logistics .nav-tabs.btn-style a.active.tab,
.container-logistics .container-checkbox input:checked ~ .checkmark {background-color: var(--section-logistics); color: #ffffff;}

/* Sidebar section - Production */
.bg-production, .bg-production:hover {background-color: var(--section-production) !important;color: #ffffff !important;}
.theme-app .main-menu li.section-production i {color: var(--section-production);}
.theme-app .main-menu li.section-production.open > a,
.theme-app .main-menu li.section-production a:hover,
.theme-app .main-menu li.section-production a.active,
.theme-app .main-menu li.section-production.parent ul {border-color: var(--section-production);color: var(--section-production) !important;}
.container-production .input-theme {color: var(--section-production);}
.container-production .color-section {color: var(--section-production);}
.color-production {color: var(--section-production) !important;}
.container-production .bg-section {background-color: var(--section-production);}
.container-production .label .input .note::before {color: var(--section-production);}

.container-production a.selectab:hover,
.container-production a.selectab.active {background: var(--section-production); color: #ffffff;}
.container-production .nav-tabs a.active.tab {border-top-color: var(--section-production);}
.container-production .nav-tabs.btn-style a.tab:hover,
.container-production .nav-tabs.btn-style a.active.tab,
.container-production .container-checkbox input:checked ~ .checkmark {background-color: var(--section-production); color: #ffffff;}

.container-production .badge {background-color: var(--section-production);}

/* Sidebar section - Registries */
.bg-registries, .bg-registries:hover {background-color: var(--section-registries) !important;color: #ffffff !important;}
.theme-app .main-menu li.section-registries i {color: var(--section-registries);}
.theme-app .main-menu li.section-registries.open > a,
.theme-app .main-menu li.section-registries a:hover,
.theme-app .main-menu li.section-registries a.active,
.theme-app .main-menu li.section-registries.parent ul {border-color: var(--section-registries);color: var(--section-registries) !important;}
.container-registries .input-theme {color: var(--section-registries);}
.container-registries .color-section {color: var(--section-registries);}
.color-registries {color: var(--section-registries) !important;}
.container-registries .bg-section {background-color: var(--section-registries);}
.container-registries .label .input .note::before {color: var(--section-registries);}

.container-registries a.selectab:hover,
.container-registries a.selectab.active {background: var(--section-registries); color: #ffffff;}
.container-registries .nav-tabs.btn-style a.tab:hover,
.container-registries .nav-tabs.btn-style a.active.tab,
.container-registries .container-checkbox input:checked ~ .checkmark {background-color: var(--section-registries); color: #ffffff;}

/* Sidebar section - Settings */
.theme-app .main-menu li.section-settings i {color: var(--section-settings);}
.theme-app .main-menu li.section-settings.open > a,
.theme-app .main-menu li.section-settings a:hover,
.theme-app .main-menu li.section-settings a.active,
.theme-app .main-menu li.section-settings.parent ul {border-color: var(--section-settings);color: var(--section-settings) !important;}
.container-settings .input-theme {color: var(--section-settings);}
.container-settings .color-section {color: var(--section-settings);}
.color-settings {color: var(--section-settings) !important;}
.container-settings .bg-section {background-color: var(--section-settings);}
.container-settings .label .input .note::before {color: var(--section-settings);}

/* Sidebar section - Deadlines */
.theme-app .main-menu li.section-deadlines i {color: var(--section-deadlines);}
.theme-app .main-menu li.section-deadlines.open > a,
.theme-app .main-menu li.section-deadlines a:hover,
.theme-app .main-menu li.section-deadlines a.active,
.theme-app .main-menu li.section-deadlines.parent ul {border-color: var(--section-deadlines);color: var(--section-deadlines) !important;}
.container-deadlines .input-theme {color: var(--section-deadlines);}
.container-deadlines .color-section {color: var(--section-deadlines);}
.color-deadlines {color: var(--section-deadlines) !important;}
.container-deadlines .bg-section {background-color: var(--section-deadlines);}
.container-deadlines .label .input .note::before {color: var(--section-deadlines);}

.container-deadlines a.selectab:hover,
.container-deadlines a.selectab.active {background: var(--section-deadlines); color: #ffffff;}
.container-deadlines .nav-tabs a.active.tab {border-top-color: var(--section-deadlines);}
.container-deadlines .nav-tabs.btn-style a.tab:hover,
.container-deadlines .nav-tabs.btn-style a.active.tab,
.container-deadlines .container-checkbox input:checked ~ .checkmark {background-color: var(--section-deadlines); color: #ffffff;}

/* Sidebar section - Ticket */
.theme-app .main-menu li.section-ticket i {color: var(--section-ticket);}
.theme-app .main-menu li.section-ticket.open > a,
.theme-app .main-menu li.section-ticket a:hover,
.theme-app .main-menu li.section-ticket a.active,
.theme-app .main-menu li.section-ticket.parent ul {border-color: var(--section-ticket);color: var(--section-ticket) !important;}
.container-ticket .input-theme {color: var(--section-ticket);}
.container-ticket .bg-section {background-color: var(--section-ticket);}
.container-ticket .label .input .note::before {color: var(--section-ticket);}

/* Sidebar section - Extensions */
.theme-app .main-menu li.section-extensions i {color: var(--section-extensions);}
.theme-app .main-menu li.section-extensions.open > a,
.theme-app .main-menu li.section-extensions a:hover,
.theme-app .main-menu li.section-extensions a.active,
.theme-app .main-menu li.section-extensions.parent ul {border-color: var(--section-extensions);color: var(--section-extensions) !important;}
.container-extensions .input-theme {color: var(--section-extensions);}
.container-extensions .bg-section {background-color: var(--section-extensions);}
.container-extensions .label .input .note::before {color: var(--section-extensions);}

/* Sidebar section - Projects */
.theme-app .main-menu li.section-projects i {color: var(--section-projects);}
.theme-app .main-menu li.section-projects.open > a,
.theme-app .main-menu li.section-projects a:hover,
.theme-app .main-menu li.section-projects a.active,
.theme-app .main-menu li.section-projects.parent ul {border-color: var(--section-projects);color: var(--section-projects) !important;}
.container-projects .input-theme {color: var(--section-projects);}
.container-projects .color-section {color: var(--section-projects);}
.color-projects {color: var(--section-projects) !important;}
.container-projects .bg-section {background-color: var(--section-projects);}
.container-projects .label .input .note::before {color: var(--section-projects);}

.container-projects a.selectab:hover,
.container-projects a.selectab.active {background: var(--section-projects); color: #ffffff;}
.container-projects .nav-tabs.btn-style a.tab:hover,
.container-projects .nav-tabs.btn-style a.active.tab,
.container-projects .container-checkbox input:checked ~ .checkmark {background-color: var(--section-projects); color: #ffffff;}

/* Sidebar section - Courses */
.bg-courses, .bg-courses:hover {background-color: var(--section-courses) !important;color: #ffffff !important;}
.theme-app .main-menu li.section-courses i {color: var(--section-courses);}
.theme-app .main-menu li.section-courses.open > a,
.theme-app .main-menu li.section-courses a:hover,
.theme-app .main-menu li.section-courses a.active,
.theme-app .main-menu li.section-courses.parent ul {border-color: var(--section-courses);color: var(--section-courses) !important;}
.container-courses .input-theme {color: var(--section-courses);}
.container-courses .color-section {color: var(--section-courses);}
.color-courses {color: var(--section-courses) !important;}
.container-courses .bg-section {background-color: var(--section-courses);}
.container-courses .label .input .note::before {color: var(--section-courses);}

.container-courses a.selectab:hover,
.container-courses a.selectab.active {background: var(--section-courses); color: #ffffff;}
.container-courses .nav-tabs.btn-style a.tab:hover,
.container-courses .nav-tabs.btn-style a.active.tab,
.container-courses .container-checkbox input:checked ~ .checkmark {background-color: var(--section-courses); color: #ffffff;}

/* Sidebar section - shifts */
.bg-shifts, .bg-shifts:hover {background-color: var(--section-shifts) !important;color: #ffffff !important;}
.theme-app .main-menu li.section-shifts i {color: var(--section-shifts);}
.theme-app .main-menu li.section-shifts.open > a,
.theme-app .main-menu li.section-shifts a:hover,
.theme-app .main-menu li.section-shifts a.active,
.theme-app .main-menu li.section-shifts.parent ul {border-color: var(--section-shifts);color: var(--section-shifts) !important;}
.container-shifts .input-theme {color: var(--section-shifts);}
.container-shifts .color-section {color: var(--section-shifts);}
.color-shifts {color: var(--section-shifts) !important;}
.container-shifts .bg-section {background-color: var(--section-shifts);}
.container-shifts .label .input .note::before {color: var(--section-shifts);}

.container-shifts a.selectab:hover,
.container-shifts a.selectab.active {background: var(--section-shifts); color: #ffffff;}
.container-shifts .nav-tabs.btn-style a.tab:hover,
.container-shifts .nav-tabs.btn-style a.active.tab,
.container-shifts .container-checkbox input:checked ~ .checkmark {background-color: var(--section-shifts); color: #ffffff;}

/* Sidebar section - Building sites */
.theme-app .main-menu li.section-building-sites i {color: var(--section-building-sites);}
.theme-app .main-menu li.section-building-sites.open > a,
.theme-app .main-menu li.section-building-sites a:hover,
.theme-app .main-menu li.section-building-sites a.active,
.theme-app .main-menu li.section-building-sites.parent ul {border-color: var(--section-building-sites);color: var(--section-building-sites) !important;}
.container-building-sites .input-theme {color: var(--section-building-sites);}
.container-building-sites .bg-section {background-color: var(--section-building-sites);}

/* Form */

/* Input */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}

input {margin: 0 !important;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input, textarea {-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;outline: none;}
input:focus, textarea:focus,
.picker__input.picker__input--active ~ .datetimepicker {box-shadow: 0 0 5px rgba(0, 0, 0, .2);border: 1px solid rgba(0, 0, 0, .2);}

/* Checkbox custom */
.container-checkbox {position: relative;padding-left: 30px;margin-bottom: 0;cursor: pointer;font-size: var(--font-size);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.container-checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #fbfcff;border: 1px solid #d5d5d5;border-radius: 4px;box-sizing: border-box;}
.container-checkbox:hover input ~ .checkmark {background-color: #e1e2e5;}
.container-checkbox input:checked ~ .checkmark {background-color: var(--adv2);border: none;}
.checkmark:after {content: "";position: absolute;display: none;}
.container-checkbox input:checked ~ .checkmark:after {display: block;}
.container-checkbox .checkmark:after {left: 7px;top: 3px;width: 7px;height: 12px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.container-checkbox.without-text {padding-left: 20px; padding-bottom: 20px;}
.container-checkbox.vh-center {position: absolute;padding-left: 20px;padding-bottom: 20px;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}

.container-checkbox.show {line-height: 20px;font-size: 14px;}
.container-checkbox.show .checkmark {background: var(--green);border: none;}
.container-checkbox.show .checkmark:after {content: "\f067";font-family: "Font Awesome 5 Free"; font-weight: bold; color: #ffffff; font-size: 12px; display: block; width: auto; height: auto; left: 50%; top: 50%;border: none;-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);}
.container-checkbox.show:hover input ~ .checkmark, .container-checkbox.show input:checked ~ .checkmark {background: var(--green);}
.container-checkbox.show input:checked ~ .checkmark:after {content: "\f068";}

/* Chat */
.chat{position:fixed;bottom:0;right:10px;z-index:2;width:auto;font-family: var(--font-family-roboto);}
.chat h2{position: relative;border-radius:5px 5px 0 0;font-size:12px;text-overflow: ellipsis;padding: 7px 50px 7px 10px;word-wrap: break-word;}
.chat h2 .c-actions {position: absolute;right: 5px;top: 6px;}
.chat .content{min-width:250px;max-height:250px;overflow:auto;background:var(--bg-chat);scrollbar-width: thin;}
.chat .minimize .content, .chat .content.minimize:not(.room), .chat .minimize textarea{display:none}
.chat .maximize .content, .chat .content.maximize:not(.room), .chat .maximize textarea{display:auto}
.chat .maximize{position:fixed;height:80%;width:50%;right:0;bottom:0;max-width:100%;max-height:100%}
.chat .rooms.content{background: var(--white);max-width:250px;}
.chat .rooms .room{cursor:pointer;padding: 10px;margin: 0;word-wrap: break-word;}
.chat .messages-number{display: none;padding: .25em .4em;font-size: 12px;font-weight: 700;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 4px;background-color: var(--adv2);color: var(--white);background-clip: border-box;border: 0 solid rgba(0,0,0,.125) !important;box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);z-index: 3;}
.chat .rooms .room.new-message {font-weight: bold;padding-right: 35px;}
.chat .rooms .room.new-message .messages-number {display: inline-block;position: absolute;top: 10px;right: 10px;}
.chat .room.new-message h2 .messages-number{display: inline-block;position: absolute;bottom: -25px;left: 0;right: 0;margin: auto;width: 130px;cursor: default;}
.chat .room{position:relative;max-width:250px;min-height:20px;border-bottom:1px solid #eee;text-align:left;margin-left:5px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;overflow: hidden;}
.chat .room .messages{min-height:100px;max-height:250px;margin-bottom: 50px;}
.chat .room .message{float:left;width:100%}
.chat .room .message .chat-infos{position: relative;padding: 5px 10px;font-size: 14px;line-height: 30px;font-family: var(--font-family-roboto);}
.chat .room .message.me .chat-infos{text-align:right;}
.chat .room .message .chat-infos:after{content: ' ';position: absolute;width: 0;height: 0;left: 10px;right: auto;bottom: 0;border-left: 0 solid transparent;border-right: 10px solid transparent;border-bottom: 7px solid var(--bg-chat-message);}
.chat .room .message.me .chat-infos:after{left: auto;right: 10px;border-left: 10px solid transparent;border-right: 0 solid transparent;border-bottom: 7px solid var(--bg-chat-message-me);}
.chat .room .message .chat-img-profile,
.chat .room .message .user {float:left;width: 30px;height: 30px;font-size: 12px;border-radius: 15px;line-height: 30px;text-align:center;margin-right: 10px;}
.chat .room .message.me .chat-img-profile,
.chat .room .message.me .user {float:right;margin-right: 0;margin-left: 10px;}
.chat .room .message .line{font-size:11px;padding:5px 15px;background: var(--bg-chat-message);word-wrap: break-word;min-width: 120px;border-top: none !important;}
.chat .room .message.me .line {background: var(--bg-chat-message-me);}
.chat .room .message .lines {float: left;max-width: 100%;padding: 0 10px; position: relative;}
.chat .room .message.me .lines {float: right;padding: 0 10px;}
.chat .room .message .lines .line:first-child {padding-top: 10px;border-top-left-radius: 0;border-top-right-radius: 4px;}
.chat .room .message.me .lines .line:first-child {border-top-left-radius: 4px;border-top-right-radius: 0;}
.chat .room .message .lines .line:last-child {margin-bottom: 30px;padding-bottom: 10px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.chat .room .message .lines .line .attachments img {max-height: 150px; max-width: 200px;}
.chat .room textarea{resize:none;font-size:12px;width:100%;height:50px;margin:0;border:0;border-radius:0;border-top: 1px solid #dddddd;position: absolute;bottom: 0;left: 0;right: 0;}
.chat .room textarea:focus{-webkit-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.2);-moz-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.2);box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.2);}
.chat .room .message .lines .line .message-date {font-size: 12px; color: rgba(0,0,0,.54);display: none}
.chat .room .message .lines .line:last-child .message-date {display: block; position: absolute;left: 15px;right: auto;bottom: 3px;}
.chat .room .message.me .lines .line:last-child .message-date {left: auto;right: 15px;}

/* rewrite comments */
.chat.comment{position:relative;right:0}
.chat.comment .rooms.content, .chat.comment .room{max-width:100% !important;margin-left:0}
.chat.comment .room .messages{margin-bottom:100px}
.chat.comment .room .message .chat-infos {padding: 10px 15px 5px;}
.chat.comment .room .message .chat-infos::after {left: 15px;}
.chat.comment .room .message.me .chat-infos::after {left: auto;right: 15px;}
.chat.comment .room .message .lines {padding: 0 50px 0 15px;}
.chat.comment .room .message.me .lines {padding: 0 15px 0 50px;}
.chat.comment .room textarea{height:100px;font-size:14px}

.chat.comment .room {padding: 0;overflow: visible;}
.chat.comment .room .messages {margin-bottom: 0;min-height: 250px;max-height: 400px;}
.chat.comment .room .message .line {font-size: 16px;line-height: 22px;}

/** chat/comment apertura totale in pagina **/
.chat.abs,.chat.abs .room.opened{height:100%;width:100%;position:absolute;left:0;top:0}
.chat.abs .messages[data-scroll]{position:absolute;top:0;left:0;width:100%;height:100% !important;min-height:auto !important;max-height:none !important;padding-bottom:100px}
.chat.abs .content-inputs{position:absolute;bottom:0;left:0;width:100%;}


.badge.chat-badge, .badge.action-badge {background-color:var(--alert);font-size: 10px;font-weight: 300;padding: 2px 4px;position: absolute;right: -3px;top: 0;z-index: 1;font-family: var(--font-family)}

.content-inputs {position: relative;}
.content-inputs textarea {position: relative !important;}
.content-inputs .form-attachments, .content-inputs .comment-submit {padding: 0;width: 50px;height: 50px;position: absolute !important;right: 0;top: 0;}
.content-inputs .comment-submit:after {position: absolute;content: '';top: 49px;height: 2px;width: 60%;left: 20%;background-color: #dddddd;}
.content-inputs .form-attachments {top: 50px;}
.content-inputs .form-attachments .preview::before, .content-inputs .comment-submit .submit::before {font-size: 20px;line-height: 50px;height: 50px;}
.content-inputs .comment-submit {cursor: pointer;}

.content-inputs .note-editor.note-frame {border: none;border-radius: 0;border-top: 1px solid #dddddd;}
.content-inputs .note-editor.note-frame .note-statusbar {border-radius: 0;}
.content-inputs .note-editor.note-frame .note-editing-area .note-editable {min-height: 70px;}
.content-inputs .note-editor.note-frame .note-editing-area .note-editable, .content-inputs .note-toolbar {padding-right: 100px;}
.content-inputs .note-editor.note-airframe .note-editing-area .note-editable {padding: 10px 50px 10px 10px;border-top: 1px solid #dddddd;min-height: 100px;}

/* Datepicker Pickadate */
.picker__frame	.picker__wrap {pointer-events: auto;}

.picker__box {box-shadow: 0 15px 20px var(--bgholder);border-color: #ffffff;}
@media (min-height:33.875em) { .picker__box {border-radius:4px 4px 0 0;} }
@media (min-height:40.125em) { .picker__box {border-radius:4px;} }
.picker__frame {transition: none;}
.picker--opened .picker__holder {background: var(--bgholder);}

.picker__nav--next:hover, .picker__nav--prev:hover,
.picker__button--clear:hover, .picker__button--close:hover, .picker__button--today:hover,
.picker--focused .picker__day--highlighted, .picker__day--highlighted:hover, .picker__day--infocus:hover, .picker__day--outfocus:hover,
.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover {border-radius: 4px;}

.picker--time .picker__button--close {display:block;width:80%;margin:1em auto 0;padding:1em 1.25em;background:0 0;border:0;font-weight:500;font-size:.67em;text-align:center;text-transform:uppercase;color:#666}
.picker--time .picker__button--close:focus,
.picker--time .picker__button--close:hover {background:var(--adv2);border-color:var(--adv2);cursor:pointer;color: #ffffff;outline:0}
.picker--time .picker__button--close:before {top:-.25em;color:#777;font-size:1.25em;font-weight:700}
.picker--time .picker__button--close:focus:before,
.picker--time .picker__button--close:hover:before {color:#ffffff;border-color:#ffffff}


/* Datepicker */
.ui-datepicker {width: auto !important;padding: 0.5em .5em 0 !important;}
.ui-datepicker table {margin: 0 0 .5em !important;font-size: 1.2em !important;}
.ui-datepicker th {padding: .7em .5em !important;}

.ui-widget-header {border: none !important; background: none !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border: none !important; background: none !important; font-weight: inherit !important;}

.ui-datepicker .ui-datepicker-prev-hover {left: 2px !important;}
.ui-datepicker .ui-datepicker-next-hover {right: 2px !important;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top: 2px !important;}

.ui-widget-header .ui-icon {background-image: none !important;width: 20px;height: 30px;}
.ui-widget-header .ui-icon:after {display: block;text-indent: 0;content: "\f053";font-family: "Font Awesome 5 Free";position: absolute;top: 5px;bottom: 0;width: 20px;height: 20px;text-align: center;border-radius: 2px;transition-property: background-color, color, border, opacity, bottom, right, left, top; transition-duration: .15s;transition-timing-function: ease-out;}

.ui-widget-header .ui-datepicker-next .ui-icon:after {content: "\f054";}

.ui-widget-header .ui-icon:hover:after {background-color: var(--adv); color: #ffffff;border-radius: 2px;}


.ui-datepicker {box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);}
.ui-widget-content {border: none !important;}
.ui-datepicker td a {text-align: center !important;padding: 0.3em 0.5em !important;}

.ui-state-default { border: none !important; background: transparent !important; color: var(--grey) !important; border-radius: 4px !important;}

.ui-state-default.ui-state-hover,
.ui-state-default.ui-state-active {background: var(--adv) !important; color: #ffffff !important; border-radius: 4px !important; }

.ui-datepicker .ui-datepicker-buttonpane button {margin-top: 0.7em !important;margin-bottom: 0.7em !important;}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {width: 100%;border-bottom: 1px solid var(--greylight) !important;font-size: 12px;padding: 8px 0 5px;}

.ui-datepicker-title select,
.ui_tpicker_hour_slider select,
.ui_tpicker_minute_slider select {width: 100%; padding-top: 3px; padding-bottom: 3px;background: var(--white) !important;color: var(--text) !important;border: 1px solid var(--greylight) !important;font-size: var(--font-size) !important;}
.ui_tpicker_hour_slider::after,
.ui_tpicker_minute_slider::after{line-height: 28px;}

.ui_tpicker_time_label, .ui_tpicker_hour_label, .ui_tpicker_minute_label {padding-top: 5px !important;}

.ui-datepicker-title {display: flex;}
.ui-datepicker-title select {text-align: center;-webkit-appearance: none;appearance: none; margin: 1px var(--grid-gutter) !important;border: none !important;border-bottom: 1px solid var(--greylight) !important;border-radius: 0 !important; cursor: pointer;}
.ui-datepicker-title select:hover {border-bottom: 1px solid var(--adv) !important;}

/* HTML Editor */
.note-dropdown-menu {box-sizing: content-box; z-index: 8;}
.note-btn {box-sizing: border-box;}
.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,
.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select {margin: 5px 0;color: var(--grey);font-size: 14px !important;padding: 2px;}
.note-toolbar .note-color .note-dropdown-menu .note-palette,
.note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {margin: 4px;}
.note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {margin-right: 5px;}

/* HTML Editor - Popup */
.note-modal-backdrop {z-index: 19;opacity: 1; background: var(--bgholder);}
.note-modal {background: none;font-family: var(--font-family);}
.note-modal-content {background: var(--bodybg);border: none;border-radius: 4px;box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);}
.note-modal-header {padding: 10px 15px;background:var(--white);border: none;border-radius: 4px 4px 0 0;}
.note-modal-title {font-size: 18px;line-height: normal;font-weight: bold;color: var(--adv);}
.note-modal-header button.close {color: var(--adv);opacity: .7;}
.note-modal-header [class*=" note-icon"]::before, .note-modal-header [class^="note-icon"]::before {content: "\f00d";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 22px;}
.note-modal-body {font-family: var(--font-family-roboto);margin: var(--grid-gutter-2) var(--grid-gutter-2) 0 var(--grid-gutter-2); padding: var(--grid-gutter-2);background-color: #fff !important;background-clip: border-box;border: 0 solid rgba(0,0,0,.125) !important;border-radius: 4px;box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.05);}
.note-modal .note-modal-body label.note-form-label {line-height: 20px;margin-left: 12px;margin-bottom: 5px;display: block;width: auto;font-size: 14px;padding:0;}
.note-modal .note-modal-body label.container-checkbox {margin-bottom: 5px;margin-top: 5px;padding: 0 0 0 30px;}
.note-modal-footer {padding: 15px; box-sizing: content-box;}
.note-btn-primary {background: var(--adv);border: none;}
.note-btn-primary:hover {border: none;border-radius: 3px;}

/* HTML Editor - area */
.fe-description div, .fe-description p, .fe-description table {margin:0 0 10px}
.fe-description a:link,.fe-description a:link *{color: var(--adv2) !important;text-decoration:underline;}
.fe-description blockquote{margin-top:0;margin-bottom:7px}
.fe-description img{float:left;margin:0 10px 5px 0}
.fe-description h1,.fe-description h2,.fe-description h3,.fe-description h4,.fe-description h5,.fe-description h6,.fe-description pre{display:block;margin:0 0 5px;}
.fe-description h1,.fe-description h1 *{font-size:26px}
.fe-description h2,.fe-description h2 *{font-size:24px}
.fe-description h3,.fe-description h3 *{font-size:22px}
.fe-description h4,.fe-description h4 *{font-size:20px}
.fe-description h5,.fe-description h5 *{font-size:18px}
.fe-description h6,.fe-description h6 *{font-size:15px}
.fe-description pre,.fe-description pre *{font-family:"Courier New",Courier,monospace}

.fe-description blockquote {margin-left: 40px;margin-right: 40px;}
.fe-description ol, .fe-description ul {list-style: inherit;padding-left: 40px;}
.fe-description ol li {list-style-type: decimal}
.fe-description ul li {list-style-type: disc}
.fe-description sub {vertical-align: sub;}
.fe-description sup {vertical-align: super;}
.fe-description i {font-style: italic;}

.fe-description table {width: 100%;border-collapse: collapse;}
.fe-description table.table tbody tr:nth-child(2n+1) {background-color: transparent;}
.note-editor .note-editing-area .note-editable.fe-description table td, .note-editor .note-editing-area .note-editable.fe-description table th,
.fe-description table td, .fe-description table th {border: 1px solid #ececec !important;padding: 10px;font-size: 14px; line-height: normal; height: auto;}
.fe-description table.table tbody tr:hover {background: transparent;}

/* Sortable */
.multiple a[data-drag] {cursor: move;}
.drag-placeholder {border:1px dashed #bbb;border-radius:10px;box-sizing:border-box;background:#eee;margin-top: 15px; margin-bottom: 15px;}


/* Database loader */
.datatable ._drop .loading {display: inline-block;width: 50px;height: 50px;background: none;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.datatable ._drop .loading:after {content: " ";display: block;width: 40px;height: 40px;margin: 5px;border-radius: 50%;border: 3px solid #fff;border-color: var(--adv) transparent var(--adv) transparent;animation: lds-dual-ring 1.2s linear infinite;}

/** images **/
.image, .image.rect{
    width:100%;
    padding-top:100%;
    position:relative;
    overflow:hidden;
    background:#f1f1f1;
}
.image.portrait{padding-top:120%;}
.image.landscape{padding-top:50%;}
.image img{
    position:absolute;
    top:0;bottom:0;
    max-width:100%;
    height:auto;
    width:100%;
}

/** truncate text **/
.truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    -webkit-box-orient: vertical;
}
.truncate2{-webkit-line-clamp: 2;}
.truncate3{ -webkit-line-clamp: 3;}

/* Sidebar minimized */
@media (min-width: 851px) {

    body.minimize #sinistra .advertising .logo-minimize {display: block !important;}

    body.minimize #destra h2.title {left: 61px !important}
    body.minimize #destra {margin-left: 61px;}
    body.minimize .head {padding-left: 61px;}
    body.minimize #sinistra {width: 61px;transition: margin-left .3s ease-in-out,width .3s ease-in-out;}
    body.minimize #sinistra:hover {width: var(--sidebarwidth);}

    body.minimize #sinistra .main-menu {overflow: hidden;}
    body.minimize #sinistra:hover .main-menu {overflow-y: auto;}

    body.minimize #sinistra .logo-retina,
    body.minimize #sinistra .logo-minimize {white-space: nowrap;transition: margin-left .3s linear,opacity .3s ease,visibility .3s ease;}
    body.minimize #sinistra .logo-minimize {display: block !important;}

    body.minimize #sinistra .adv-content {overflow: hidden;}

    body.minimize #sinistra .agency-minimize p,
    body.minimize #sinistra .agency-minimize a,
    body.minimize #sinistra .main-menu li a p,
    body.minimize #sinistra .foot {width: 0;white-space: nowrap;transition: margin-left .3s linear,opacity .3s ease,visibility .3s ease;}

    body.minimize #sinistra .main-menu .parent.open,
    body.minimize #sinistra .main-menu .parent ul {height: 0;white-space: nowrap;transition: margin-left .3s linear,opacity .3s ease,visibility .3s ease;}
    body.minimize #sinistra .main-menu .parent.open {height: 50px;}
    body.minimize #sinistra .main-menu .parent ul {overflow: hidden;}

    body.minimize #sinistra .logo-retina,
    body.minimize #sinistra:hover .logo-minimize,
    body.minimize #sinistra .agency-minimize p,
    body.minimize #sinistra .agency-minimize a,
    body.minimize #sinistra .main-menu li a p,
    body.minimize #sinistra .main-menu .parent ul,
    body.minimize #sinistra .foot {-webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: hidden;}

    body.minimize #sinistra:hover .logo-retina,
    body.minimize #sinistra .logo-minimize,
    body.minimize #sinistra:hover .agency-minimize p,
    body.minimize #sinistra:hover .agency-minimize a,
    body.minimize #sinistra:hover .main-menu li a p,
    body.minimize #sinistra:hover .main-menu .parent ul,
    body.minimize #sinistra:hover .foot {margin-left: 0; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible;}

    body.minimize #sinistra .main-menu .parent.open,
    body.minimize #sinistra:hover .main-menu .parent ul { height: auto; }

    body.minimize #sinistra:hover .agency-minimize p,
    body.minimize #sinistra:hover .agency-minimize a {display: block}

    body.minimize #sinistra:hover .foot {width: 100%;}
    body.minimize #sinistra:hover .agency-minimize p,
    body.minimize #sinistra:hover .agency-minimize a {width: auto}
}

@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@-webkit-keyframes fadeOut {
    from {opacity: 1;}
    to {opacity: 0;}
}

@keyframes fadeOut {
    from {opacity: 1;}
    to {opacity: 0;}
}

@keyframes lds-dual-ring {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/* --- Responsive --- */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    /* Sticky */
    .r-sticky-sm {position: fixed;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /* Sticky */
    .r-sticky-md {position: fixed;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /* Sticky */
    .r-sticky-lg {position: fixed;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    /* Sticky */
    .r-sticky-xl {position: fixed;}
}

/* --- End Theme --- */

@media screen and (max-width: 980px) {
    .w33p,.w30p,.w25p,.w40p,.w70p{width:50%;min-width:auto}
    .index, .content{width:100%;padding:0;margin:0}
    .index{overflow:auto}
    #menu .content {padding-left:0}
    #menu a{margin:0}
    .banner{overflow:hidden;position:absolute;width:100%;height:600px}
    .main-menu li.banner {height: auto;}
    .dialog.large{width:90%;margin-left:-45%}
    div.left{width:100%}
    div.left a.tab{padding:10px}
    div.right{margin:0}
    .checks .check{width:40%;margin:10px 5%}
}

@media screen and (max-width: 900px) {
    .head .tab{min-width:36px}
    .head .tab .fa{margin-top:13px;font-size:18px}
}

@media screen and (max-width: 850px) {
    #menu{overflow:auto;}
    .dialog.large{width:90%;margin-left:-45%}
    .dialog.medium{width:70%;margin-left:-35%}
    .dialog.small{width:50%;margin-left:-25%}
    .logo .yellow{display:none}
    .head{padding-left:0}
    .head .alerts{float:right}
    #destra{margin-left:0}
    #destra form h2.title.edit,
    #destra [data-form] h2.title.edit,
    #destra #loading .content h2.title.edit,
    #destra form.fixed h2.title.edit,
    #destra [data-form].fixed h2.title.edit,
    #destra #loading .content.fixed h2.title.edit {left:0; /*padding-left:50px*/}
    #destra .main-menu{width:100%}
    #sinistra{position:fixed;top:0;left:0;z-index:50;opacity:.9}
    #sinistra.closed{left:var(--sidebarwidthneg)}
    #sinistra a.abs{background:#fff;top:10px;right:-36px;width: 36px;display:block !important;cursor:pointer;padding:0;margin:0;border:1px solid #ddd;border-left:1px solid #fff;border-radius:0 10px 10px 0}
    #sinistra a.abs i.fa{padding:10px}
}

@media screen and (max-width: 750px) {
    .inner-search{display:none}
    .w50p,.w33p,.w30p,.w70p,.x25p,.w40p,.w60p,.w75p,.maxw300,.maxw-login{display:block;width:100%;min-width:auto;max-width:100%}
    .label h2.ib{float:none;text-align:left;margin:0 0 5px}
    .label .input.ib{padding-left:0;margin-left:0}
    .dialog.large{width:90%;margin-left:-45%}
    .dialog.medium{width:80%;margin-left:-40%}
    .dialog.small{width:70%;margin-left:-35%}
    .checks .check{width:90%}
    h2.title .btn,
    h2.title .form-search,
    #destra form h2.title .btn{width:100%;margin:5px 0 5px 0}
    h2.title .form-search .btn{width:auto;margin-top:0}
    h2.title .btn span{float:left}
    h2.title .fl-left,
    h2.title .fl-right{float:none;text-align:center}
    #destra form{padding-top:10px}
    .hide-mobile{display:none}
    .alerts{background:var(--greylight)}
    .tabs .tab{min-width:33%;text-align:center;margin-left:0;margin-right:0}
}

@media screen and (min-width: 576px) {
    .input-group-chosen .chosen-single {border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;}
    .input-group-chosen input {border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;}
}

@media screen and (max-width: 575px) {
    .input-group-chosen .chosen-single {border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;}
    .input-group-chosen input {border-top-left-radius: 0 !important;border-top-right-radius: 0 !important;}
}

/** test input fa **/
.input.fa{padding-left:24px;position:relative}
.input.fa:before,.input.fa:after{position:absolute;top:0;left:0;width:24px;height:100%;background:#eee;line-height:20px}