* {
  margin:0;
}
html, body {
  height: 100%;
  text-align:left;
}
body {font-family: Arial, sans-serif; font-size:12px; margin:0px auto 1px auto; text-align: center;}
img { border:0;}
.ovfl {overflow: hidden;}
.hidden{display: none !important;}
.ripristino { clear: both; height:1px; overflow:hidden;  margin:-1px;}
.float-l { float:left;}
.clear-left { clear: left;}
.float-r { float:right;}
.clear { clear: both;}
.noborder { border:0px !important;margin:0px; padding:0px;}
input[type='checkbox'], input[type='button'], .td_selcat { cursor:pointer; }
.font20 { font-size:20px !important; }
.font18 { font-size:18px !important; }
.font16 { font-size:16px !important; }
.font14 { font-size:14px !important; }
.strong {font-weight: bold}
.pointer {cursor: pointer;}
.move_on img {bottom: -5px;position: relative;}

.normal{font-weight: normal !important;}

.checklist { display: block; height:180px; overflow: auto; padding:10px; width:420px; background-color: white; }

.campi_seo{height: auto !important;}

/* Dai assistant */
#floating-button {position: fixed;right: 30px; bottom: 40px;z-index: 999;}
#floating-button button {padding: 12px 20px;background-color: #e5eef0;color: #000;border: none;border-radius: 50px;cursor: pointer;box-shadow: 0 4px 8px rgba(0,0,0,0.2);transition: all 0.3s ease;border: 2px solid #5ca696;}
#floating-button button:hover {transform: translateY(-5px);}
dai-chat {display: flex;height: 100%;}
.draggable-container {position: fixed;width: 40%;height: 60%;background: #fff;box-shadow: 0px 2px 10px 6px rgba(0, 0, 0, 0.3);border-radius: 5px;z-index: 9999;display: flex;flex-direction: column;}
.assistenza-header {background: #e5eef0;color: #000;padding: 10px;display: flex;justify-content: space-between;align-items: center;cursor: move;border-radius: 5px 5px 0 0;}
.close-btn {background: none;border: none;color: #000;cursor: pointer;font-size: 16px;}
.chat-container {flex: 1;overflow: auto;border-radius: 5px;}
#assistenza-dialog {width: 100%;}
.display-controls {display: flex;gap: 5px;margin-right: 10px;}
.display-controls button {background: none;border: 1px solid #5ca696;border-radius: 4px;color: #000;cursor: pointer;font-size: 12px;padding: 2px 5px;}
.display-controls button.active {background: #5ca696;color: #fff;}
#assistenza-container.dock-right {width: 30%;height: 100%;top: 0;left: auto;right: 0;transform: none;border-radius: 5px 0 0 5px;position: fixed;}
#assistenza-container.dock-bottom {width: 100%;height: 40%;top: auto;bottom: 0;left: 0;transform: none;border-radius: 5px 5px 0 0;position: fixed;}
.assistant-controls {display: inline-block;margin-right: 10px;}
.mode-btn {background: none;border: 1px solid #5ca696;border-radius: 4px;color: #000;cursor: pointer;font-size: 12px;padding: 2px 5px;margin-right: 3px;}
.mode-btn.active {background: #5ca696; color: #fff;}
#assistenza-container.floating {position: fixed;}

.espandi_filtri{background-color:#ddd;padding:10px;}
.espandi_filtri .box-filtri{float:left;margin-right:15px;}
.espandi_filtri .box-filtri .box-filtri-title{padding:5px;}
.espandi_filtri .box-filtri .box-values{border:1px #cdcdcd solid;overflow-y:auto;max-height:250px;padding:5px;}

.box-filtri-sel{margin:10px 0px}
.box-filtri-sel .filtri-sel{display:block;margin-bottom:15px}
.box-filtri-sel .filtri-sel ul{margin:0px;padding:0px;list-style:none}
.box-filtri-sel .filtri-sel ul li{display:inline-block}
.box-filtri-sel .filtri-sel ul li a{display:inline-block;border:1px #cdcdcd solid;color:#000;background:#FFF;padding:5px;}

.whatsapp, .whatsapp:hover{font-size:15px;color: #00AF50;padding:0 5px}
.whatsapp-input, .whatsapp-input:hover{font-size:18px;color: #00AF50;padding:0 5px}
.whatsapp-client, .whatsapp-client:hover, a.whatsapp-client{font-size:18px;color: #00AF50;padding:0 5px}

.pick_disabled, .pick_disabled:focus{background-color: #fb0c0c2e !important;}
.pick_enabled, .pick_enabled:focus{background-color:#0bc60b29 !important;}

.tck_docs{position: relative;}
.tck_docs .tck-input-doc{display:inline-block}
.tck_docs .tck-format{display: inline-block;margin-top: 0px;padding-left: 10px !important;}

.box-stati-sviluppo{padding: 0px 22px}
.box-stati-sviluppo > ul{list-style:none;margin: 0px;padding: 0;}
.box-stati-sviluppo > ul > li{display:inline-block;margin-bottom:5px;padding-right:5px}
.box-stati-sviluppo > ul > li .box-stato > a{color: #FFF;display:block;}
.box-stati-sviluppo > ul > li .box-stato > a:hover{text-decoration:none;}
.box-stati-sviluppo > ul > li .box-stato > a .number{font-size:17px;color:#000 !important;text-align: center}
.box-stati-sviluppo > ul > li .box-stato > a .title{padding: 10px 15px;text-align: center}

.listaprogetti{padding:0px 21px 30px;}
.listaprogetti .titololista{padding:10px 0px;font-size: 15px;display:inline-block;}
.listaprogetti .titololista span{font-size: 22px}
.listaprogetti .titololista span.stato{font-size:16px;border: 1px #cdcdcd solid;padding: 8px 10px;}
.listaprogetti ul{margin: 0px;padding: 0px;list-style: outside none none;display:flex;flex-wrap: wrap;}
.listaprogetti ul li{display:flex;padding-right:5px;flex-direction:column; margin-top: 5px;}
.listaprogetti .box-data-progetto{min-width:180px;border:1px #cdcdcd solid;padding:10px 10px;border-radius:8px;height:100%;background-color: #c6e8d8;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
.listaprogetti .box-data-progetto .box-data{position:relative;font-size:16px;font-weight:bold; line-height:30px;padding:0px 0px 0px;margin-bottom:10px}
.listaprogetti .box-data-progetto .box-data .data{padding:0px 0px 0px 5px;}
.listaprogetti .box-data-progetto .box-data .tot { position: absolute; top:0px; right:0px;}
.listaprogetti .box-data-progetto .box-data .tot span { display: block; height: 30px; width: 30px; line-height: 30px; -moz-border-radius: 15px; /* or 50% */ border-radius: 15px; /* or 50% */ background-color: #ffffff; color: black;text-align: center; font-size: 1em;}
.listaprogetti .box-data-progetto .box-data .tot span.red{background-color: #ff7676}
.listaprogetti .box-data-progetto .box-info{padding:10px 10px;font-size:17px;line-height:20px;background-color: #fff;margin-bottom:5px;border-radius:8px;}
.listaprogetti .box-data-progetto .box-info .box-stato{margin-right:5px;font-size:11px;text-align:center;border-radius:10px 0px;display:inline-block;padding:0 10px;margin-bottom:5px; line-height:20px;}
.listaprogetti .box-data-progetto .box-info .cliente {padding:0px 0px 0px;font-size:11px;}
.listaprogetti .bottone-serv{margin-right: 7px;}

.ord_forn_prod{padding:15px 0px;text-align:left}

option.macro {background-color: #DDEDF3;color: black;}
input[type=checkbox], input[type=radio]{ width:1.5em; height:1.5em; border:0px !Important;padding:2px; }
input[type=file] { border:0px;padding:0px; margin:0px; }
label {cursor: pointer;}

.gjs-one-bg { background-color: #c6e8d8 !important; }
.gjs-four-color {color: #001737 !important;}
.gjs-two-color {color: #001737 !important;}
.gjs-four-color-h:hover {color: #00aca1 !important;}
.gjs-sm-field input, .gjs-clm-select input, .gjs-clm-field input, .gjs-sm-field select, .gjs-clm-select select, .gjs-clm-field select {color: #001737 !important;}
.gjs-field input, .gjs-field select, .gjs-field textarea {background-color: #fff !important;}
.gjs-category-title, .gjs-layer-title, .gjs-block-category .gjs-title, .gjs-trait-category .gjs-title {background-color: #fff !important;font-size: 16px;}
.gjs-sm-sector-title {background-color: #fff !important;font-size: 14px;}
.gjs-block {background-color: #fff !important;}
.gjs-radio-item-label {background-color: #fff;}
.gjs-block-label {font-size: 16px !important;}
.gjs-clm-tags, .gjs-sm-properties {font-size: 14px;}

.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch.abilita_disabilita {
    width: 140px;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #999999; border-radius: 0px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 18px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "SI";
    padding-left: 10px;
    background-color: #5ca696; color: #fff;
}
.onoffswitch-inner:after {
    content: "NO";
    padding-right: 10px;
    background-color: #ea3f4a; color: #fff;
    text-align: right;
}
.abilita_disabilita .onoffswitch-inner:before {
    content: "Abilita";
    font-size: 14px;
}
.abilita_disabilita .onoffswitch-inner:after {
    content: "Disabilita";
    font-size: 14px;
}
.onoffswitch-switch {
    display: block; width: 14px; margin: 8px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 1px solid #999999; border-radius: 0px;
    transition: all 0.3s ease-in 0s;
}
.abilita_disabilita .onoffswitch-switch {
    right: unset;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.modal {
  display: none;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba( 255, 255, 255, .8 )
              url('../img/loading.png')
              50% 50%
              no-repeat;
}
body.loading .modal {
  overflow: hidden;
  display: block;
}

.loader.loading .modal {
  overflow: hidden;
  display: block;
}

#videofile {text-align: center;}

.dock-bottom #corpo {max-height: 61%;overflow: auto;min-height: unset;}
.dock-right #corpo {width: 70%;overflow: auto; margin-left: 0;}

/* #contenitore */
#corpo { background-color: transparent;position: relative; width: 100%;  min-height: 100%;  height: auto !important; height: 100%; margin: 0 auto -130px;text-align:left; }
#testa { width: 98%;height:60px; margin: 0px auto 0 auto; padding:0px;display: flex; justify-content: space-between;align-items: center}
#testa .logo {margin-right: auto;}
#testa .logo img { max-width: 180px !important;max-height: 60px !important;}
#testa .top-dx { margin-left: auto;}
#testa .bollino { padding:0px 0px 0px 10px}
#testa .bollino span { display: block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 15px; /* or 50% */
    border-radius: 15px; /* or 50% */
    background-color: red;
    color: white;
    text-align: center;
    font-size: 1em;}

#testa .evid { color:#ff0000;font-size:13px;text-align: right !important;}
/*#testa .evid ul,li {display: inline;}*/
#testa .evid li:before { content: "■"; padding-right:7px; }
#testa .evid a { color: #ff0000 !important; text-decoration: none;}
#testa .evid a:hover { color: #ff0000 !important; text-decoration: underline;}
#testa .negozio { padding:0px 20px}
#testa .ico { padding:0px 20px 0px 0px;text-align: right}
#testa .ico a { color: #001737 !important; text-decoration: none;}
#testa .ico a:hover { color: #cdcdcd !important; text-decoration: underline;}

#bordo {/*overflow:hidden; */border-top: 0px solid #E2EDF6;border-right: 0px solid #EBEBEB;border-left: 0px solid #EBEBEB;/*border-bottom: 1px solid #EBEBEB;*/clear:both;background-color: #fff;padding-bottom:30px;min-width: 1000px;position: relative}
.push {height:130px;}
.color-dash{background-color: #f9f9f9 !important}
#coda {min-width: 1000px;clear: both;background-color:#f4f4f4;width: 100%;height:auto; margin: 0px auto 0 auto;position:relative; color: #001737;font-weight:normal; border-top:3px solid #5ca696;display: flex; justify-content: space-between;align-items: center}
#coda .daisuke-footer {padding: 22px 30px; text-align: left;}
#coda .daisuke-footer img {width:150px;}
#coda .help { text-align:left;margin-right: auto;padding:0px 30px}
#coda .help .ticket{padding-bottom:9px;}
#coda a { color: #001737 !important; text-decoration: none;}
#coda a:hover { color: #001737 !important; text-decoration: underline;}
#corpo .vers { text-align: center; padding:10px;}
#corpo .pwd { text-align: right; padding-top:30px;}

/* #bloccoia */
#openia {position: fixed; top: 20%; right: 5px; display: none;background-color: #5ca696 !important;border: 1px solid #5ca696; border-radius: 4px; padding: 10px; color: #fff;z-index: 5;box-shadow: 0 0px 5px 2px #292929;}
#openia.open {display: block;}
#openia .header {cursor: move; margin-bottom: 5px; font-size: 1rem;}
#openia #chat_msg {max-height: 300px; max-width: 300px; overflow: auto; padding: 4px; background-color: #fff; color: #1d1d1d;}
#openia.fullwidth {width: 90%; height: 90%; top: 5%;}
#openia.fullwidth #chat_msg {max-width: 1200px; max-height: 500px; top: 5%;}
#openia .closeia {display: inline-block; right: 15px; position: absolute;}
#openia .closeia > i {color: #fff;}
#openia .conversazione {max-width: 400px;}


a { text-align: left; color: #001737;  text-decoration: none; }
a:hover { color: #001737; text-decoration: underline;}
.space { height:30px; }
a.black { text-align: left; color: #001737 !important;  text-decoration: none; }
a.black:hover { text-align: left; color: #001737 !important;  text-decoration: underline; }


.errore { color : red; font-size: 13px;font-weight: bold;}
.errore a { text-align: left; color: red !important;  text-decoration: none; cursor: pointer }
.errore a:hover { color: red; text-decoration: underline;}

.custalert { margin: 0 20px 0px; }

.pos_rel{position: relative;}
.loader{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;content:'';background:rgba( 255, 255, 255, .8 ) url('../img/loading.png') 50% 50% no-repeat;}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: .25rem;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.ok { color : green; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.si-no { color : green; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;padding:10px;}
.red { color : red; }
.green { color : green; }

.preview ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.preview li {
  display: inline-block;
}
.preview a {
  border-radius: 50%;
  border: 1px #a2a2a2 solid;
  background-color: white;
  color: #0B519C !important;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 11px;
  text-align: center;
  padding:8px;
  line-height: 25px;
}
.preview a:hover {
  border: 1px #a2a2a2 solid;
  background-color: #0B519C;
  color: white !important;
}

.preview.codice {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px #a2a2a2 solid;
  background-color: white;
  color: #0B519C !important;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 11px;
  text-align: center;
  line-height: 25px;
}

.dataTable {border-collapse: unset; min-width: 900px; width: 98%; margin: 0px auto 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px !important; /* text-align: center; */;}
.dataTable100 { min-width: 900px; width: 100%; margin: 0px auto 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; /* text-align: center; */;}
.dataTableDialog { width: 98%; margin: 0px auto 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; /* text-align: center; */;}
.dataTableTitleCat { text-align: left; margin: 0px 0px 0px 0px; background-color: #c6e8d8; color: #001737;font-weight:bold; height:30px; vertical-align:middle; font-size:11px }
.dataTableTitle { text-align: left; margin: 0px 0px 0px 0px; background-color: #c6e8d8; color: #001737;font-weight:bold; vertical-align:middle;height: 30px;font-size:11px }
.dataTableTitleGrigio { text-align: left; margin: 0px 0px 0px 0px; background-color: #d8d8d8; color: #001737;font-weight:bold; vertical-align:middle;height: 30px;font-size:11px }
.dataTableTitleGreen { text-align: left; margin: 0px 0px 0px 0px; background-color: #edf3dd; color: #001737;font-weight:bold; vertical-align:middle;height: 30px;font-size:11px }
.dataTableTitle a { color: #001737 !important; text-decoration: none; font-weight:bold;font-size:12px;}
.dataTableTitle a:hover { color: #001737 !important; text-decoration: underline; font-weight:bold;font-size:12px;}
.dataTableRow { background-color: #efefef; color: #001737;line-height:24px;}
.dataTableRow:hover { background-color: #DCDCDC; }
.dataTableRow1 { background-color: #e1e1e1;height:30px; }
.dataTableRow1:hover { background-color: #d7e8df; }
.dataTableRow.green { background-color: #edf3dd; }
.dataTableRow.green:hover { background-color: #dce2cc; }
.dataTableRow.red { background-color: #ffdddd; }
.dataTableRow.red:hover { background-color: #eecccc; }
.dataTableRow.blue { background-color: #ddedf3; }
.dataTableRow.blue:hover { background-color: #ccdce2; }
.dataTableRowSel { background-color: #CBCBCB; color: #001737;}
.dataTableTitleRow { text-align: left;  margin: 0px 10px; color: #3E58B7; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 15px;}
.dataTableRowEv { background-color: #f9f9f9;}
.dataTableRowEv:hover { background-color: #DCDCDC; }
.dataTableRow .salva { background-color: #8fbd56; color: #fff;}
.dataTableRow.odd {background-color: #d9d9d9;}

.dataTableTitle16 { text-align: left; margin: 0px 0px 0px 0px; background-color: #c6e8d8; color: #001737;font-weight:bold; vertical-align:middle;height: 30px;font-size:16px }
.dataTableRow16 { background-color: #efefef; color: #001737;line-height:28px;font-size:16px}

.dataTableCont { width: 98%; margin: 0px auto 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; /* text-align: center; */;}
.dataTableTitle h4 { color: white !important}
.dataTableTitle .importo { font-size: 30px;font-weight: bold;color: white !important}
.fatturato-bg { background-color: #376092;}
.fatturato { color: #376092; font-size: 16px; font-weight:bold;padding:5px}
.costi-bg { background-color: #ea3f4a;}
.costi { color: #ea3f4a;font-size: 16px; font-weight:bold;padding:5px}
.margine-bg { background-color: #5ca696;}
.margine { color: #5ca696;font-size: 16px; font-weight:bold;padding:5px}
.redd-bg { background-color: #539385;color: black !important}
.iva { color: #000;font-size: 16px; font-weight:bold;padding:5px}
.incid { font-style: italic;}
.dataTable .verde { color: #5ca696 !important;font-weight: bold;font-size: 13px}
.dataTable .rosso { color: #ea3f4a !important;font-weight: bold;font-size: 13px}
.dataTable .blu { color: #376092 !important;font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; text-align:right; margin:0;line-height: 30px}

.dataTableSVI {border-collapse: collapse; min-width: 900px; width: 98%; margin: 0px auto 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 13px !important; /* text-align: center; */;background-color: #fff}
.dataTableRowSVI { background-color: #f4f4f4; color: #000;line-height:24px;border-bottom: 1px solid #cdcdcd;border-top: 1px solid #cdcdcd  }



.ticketCont { width: 96%; margin: 40px auto 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; /* text-align: center; */;}
.ticketCont .richiesta{ font-size: 17px;padding-bottom:10px; }
.ticketCont .msg-box { font: normal 15px Arial, Helvetica, sans-serif; padding:15px;margin-bottom:15px;border-radius: 10px;margin-top:5px !important;}
.ticketCont .msg-box-admin { border: 1px solid #b9e3d0; background-color: #daf2e7;}
.ticketCont .msg-box-cliente { border: 1px solid #cdcdcd; background-color: #e0f3ff;}
.ticketCont .msg-box .autore{ font-size: 13px;padding-bottom:20px; }
.ticketCont .msg-box .utente { font-weight: bold;}
.ticketCont .msg-box .msg {margin-bottom:20px;}
.ticketCont .allegati {margin-bottom:20px;}
.ticketCont .allegati div { font-weight: bold;padding-bottom:10px; }
.ticketCont .msg-box .stato-prec { font-size: 13px; }
.MultiFile-remove { font-size: 15px; color: red !important; }

.totstats { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; text-align:right; color: #508aeb; margin:0;line-height: 30px}

.TrLh { line-height:30px;}
.TdEvR {font-weight: bold; text-align: right; background-color: #f4f4f4;}
.border { border: 1px solid #cdcdcd; background-color: #ebebeb;font: normal 12px Arial, Helvetica, sans-serif; margin:10px auto 20px;width: 96%}
.border.nomargin { margin:0px auto !important;width: 97% !important;}
.border_trasp { font: normal 12px Arial, Helvetica, sans-serif; margin:10px auto 20px;width: 96%}
input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding:5px; border: 1px solid #CBCAC1 }
.errorlabel { color : red; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 14px;text-align:center}
.oklabel { color : green; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px;}
.gotitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;color : #00a0ff;}
.torna { font-family: Verdana, Arial, Helvetica, sans-serif; text-align:right;padding:50px 10px 0px;}
.msg-box-first { border: 1px solid #cdcdcd; font: normal 14px Arial, Helvetica, sans-serif; padding:15px;background-color: #f9f9f9;}
.msg-box { border: 1px solid #cdcdcd; font: normal 14px Arial, Helvetica, sans-serif; padding:15px;border-radius: 10px;margin-top:5px !important;}
.msg-box-admin { border: 1px solid #b9e3d0; background-color: #daf2e7;}
.msg-box-cliente { border: 1px solid #cdcdcd; background-color: #e0f3ff;}
.msg-box .utente { font-weight: bold;}
.msg-box .msg { border: 0px solid #cdcdcd; padding:10px 0px;}
.sort_handle { cursor: move; }
input.editable-input-size {width: 50px;}

#selcat-wrapper{position: relative;}
#selcat-wrapper .ui-autocomplete{max-height: 200px;overflow-y: auto;overflow-x: hidden;}

.box {
    background-color: #F4F4F4;
    border: 1px solid #CDCDCD;
    clear: both;
    font: 13px Arial,sans-serif;
    padding: 20px;
    position: relative;
}


.frmlogin {
    border: 1px solid #cdcdcd;
    background-color: white;
    max-width: 350px;
    margin: 0px auto;

}

.frmlogin .logo {
    text-align: center;
    padding:30px 0px 10px;
}

.frmlogin label {
    font-weight: bold;
}

.frmlogin input[type=text], .frmlogin input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.frmlogin button {
    background-color: #5ca696;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

.frmlogin button:hover {
    opacity: 0.8;
}


.frmlogin .container, .frmlogin .errore {
    padding: 16px;
}

.frmlogin .pwd {
    margin-top: 45px;
}
.frmlogin a {
    color:#5ca696 !important;
}

.frmlogin .req-min{padding:5px 16px;}
.frmlogin .req-min-descr{padding-bottom:5px;}

.form_cnt { padding:10px; margin:0px auto;font:normal 12px "Helvetica Neue", sans-serif !important; color:#333;text-align:left;margin-bottom:20px;}
.form_cnt p { margin:.4em;clear:left;}
.form_cnt div { padding:6px 0px;font-size: 13px;}
.form_cnt div .onoffswitch { padding:0; }
#map_canvas div { padding:0px !important; }
.form_cnt fieldset { padding: 1em; border:0px; }
.form_cnt a { color: #3E9C2A; text-decoration:none; }
.form_cnt a:hover { color: #252525; text-decoration:none; }
.form_cnt a.whatsapp-client, .form_cnt a.whatsapp-client:hover{font-size:18px;color: #00AF50;padding:0 5px}
.form_cnt .blocco { background-color:transparent; padding:0px 0px 0px 0px; margin:0px; clear: left}
.form_cnt .bottoni { background-color:transparent; padding:10px 0px 0px 0px; margin:0px 0px 0px 340px; clear: left}
.form_cnt .blocco label {display:block; float:left; width:320px; text-align:right; font-weight:bold; color:#515151; padding: 8px;font-size: 12px;}
.form_cnt .blocco label img {margin:-10px 0px 0px 10px;}
.form_cnt .blocco label.descr-input{float: none !important;text-align: left !important;display: inline-block !important;}
.form_cnt .blocco span { padding: 0px;}
.form_cnt .blocco .radio, .form_cnt .blocco .checkbox { border:0px; background-color:transparent;padding: 8px; }
.form_cnt .blocco .checklist { display: block; height:180px; overflow: auto; padding:10px; width:450px; background-color: white; }
.form_cnt .blocco .checklist_prod { display: block; height:250px; overflow: auto; padding:10px; background-color: #f4f4f4; }
.checklist_prod_left {width: 50%;float: left;}
.checklist_prod_right {width: 50%;float: right;}
select option.noactive{color: red}

.form_cnt .error {float:left; border-color: #ff0000;text-align:left !important; color: #ff0000 !important; margin:.2em 0;}
.form_custcnt .error{float: none !important;right: auto;}
.form_cnt .cust-input.error{float: none !important;}

.form_cust_dialog .error {float:none; border-color: #ff0000;text-align:left !important; color: #ff0000 !important; margin:.2em 0;position: relative;display: initial;}
.form_cust_dialog .cust-input.error{float: none !important;}
.tck-lbl{width:80px !important}
.cust-input.error{float: none !important;}

.frm-search .error {border-color: #ff0000;color: #ff0000 !important;}

#frmSearch .error {border-color: #ff0000;color: #ff0000 !important;}

.form_cnt2 { padding:10px; margin:0px auto;font:normal 12px "Helvetica Neue", sans-serif !important; color:#333;text-align:left;margin-bottom:20px;}
.form_cnt2 p { margin:.2em;clear:left;}
.form_cnt2 div { padding:6px 0px;font-size: 13px;}
.form_cnt2 fieldset { padding: 1em; border:0px; }
.form_cnt2 a { color: #3E9C2A; text-decoration:none; }
.form_cnt2 a:hover { color: #252525; text-decoration:none; }
.form_cnt2 .blocco2 { background-color:transparent; padding:0px 0px 0px 0px; margin:0px; clear: left}
.form_cnt2 .bottoni { background-color:transparent; padding:10px 0px 0px 0px; margin:0px 0px 0px 290px; clear: left}
.form_cnt2 .blocco2 label {display:block; float:left; width:140px; text-align:left; font-weight:bold; color:#515151; padding: 8px;font-size: 12px;}
.form_cnt2 .blocco2 label img {float:right;margin:-10px 0px 0px 10px;}
.form_cnt2 .blocco2 span { display: block; padding:6px 0px;font-size: 13px;}
.form_cnt2 .blocco2 .radio, .form_cnt .blocco .checkbox { border:0px; background-color:transparent;padding: 8px; }
.form_cnt2 .blocco2 .checklist { display: block; height:180px; overflow: auto; padding:10px; width:280px; background-color: white; }

.form_cnt .error {float:left; border-color: #ff0000;text-align:left !important; color: #ff0000 !important; margin:.2em 0;}

.fc-disp-lim{position: absolute;top: 45px;left: 0px;right: 0px;content: '';color: #000;}
.fc-park-close{position: absolute;top: 60px;left: 0px;right: 0px;content: '';color: #000;}
.fc-def{position: absolute;top: 75px;left: 0px;right: 0px;content: '';color: #000;}


label.error {
position:absolute;
right: 0;
}

button {
    background-color: #fff;
    border-color: #DEDEDE #DEDEDE #DEDEDE #DEDEDE;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    cursor: pointer;
    display: block;
    float: left;
    font: bold 12px Arial !important;
    line-height: 130%;
    margin: 0px 7px 0 0;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}
button img {
    float:left;
    margin-right:5px;
}
button.salva { color : #fff; background-color: #9BC731;}

h1 { text-align: left;  margin: 5px 10px 0px 20px; color: #001737; font: bold 16px Arial, Helvetica, sans-serif; height: 50px; line-height: 51px; vertical-align: middle;}
h2 { margin: 0px 10px 20px 0px; color: #001737; font: bold 18px Arial, Helvetica, sans-serif; height: 28px; line-height: 29px; vertical-align: middle;}
h3 { margin: 0px 10px 0px 20px; color: #001737; font: bold 14px Arial, Helvetica, sans-serif; height: 28px; line-height: 29px; vertical-align: middle;}
h4 { margin: 0px 10px 0px 3px; color: #001737; font: bold 14px Arial, Helvetica, sans-serif; height: 25px; line-height: 20px; vertical-align: middle;}
.h4 { margin: 0px 10px 0px 3px; color: #001737; font: bold 14px Arial, Helvetica, sans-serif; height: 25px; line-height: 20px; vertical-align: middle;}
.h5 { margin: 0px 10px 0px 0px; color: #001737; font: bold 12px Arial, Helvetica, sans-serif; height: 25px; line-height: 20px; vertical-align: middle;}

.cat-prod { margin: 0px 10px 0px 20px; color: #001737; font: normal 13px Arial, Helvetica, sans-serif; height: 25px; line-height: 20px; vertical-align: middle;}


.nonabilitato {
color:#c30000 !important;
}

#tabs_menu {
float:left;
width:100%;
background:transparent;
line-height:normal;
background-color:#5ca696;
padding-top:5px;
background-image: -moz-linear-gradient(center bottom , #0B519C 0%, #0B519C 100%);
min-width: 1000px;
}
#tabs_menu ul {
margin:0px;
padding:0px 5px 0 5px;
list-style:none;
}
#tabs_menu li {
display:inline;
margin:0;
padding:0;
font: bold 11px Arial, Helvetica, sans-serif;
}

#tabs_menu li.home a span {
float:left;
display:block;
padding:9px 5px 9px 5px;
color:transparent;
font-weight:bold;
margin-left:10px;
width: 20px;
}

#tabs_menu li.home span {
float:left;
display:block;
color:transparent;
font-weight:bold;
background: transparent url(../img/home.png) no-repeat center left;
}

#tabs_menu a:hover span {
color:transparent;
}

#tabs_menu li.home {
float:left;
display: -moz-inline-stack;
vertical-align: top;
margin: 0px;

}


#tabs_menu a {
float:left;
border-color: transparent;
border-style: solid solid none;
border-width: 1px 1px 0;
margin: 0px 1px 0;
}
#tabs_menu a span {
float:left;
display:block;
padding:9px 8px 9px 8px;
color:#fff;
font-weight:bold;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs_menu a span {float:none;}
    /* End IE5-Mac hack */
#tabs_menu a:hover span {
color:#2E2832;
}
#tabs_menu a:hover {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #fff;
background-image: -moz-linear-gradient(center bottom , #FFFFFF 0%, #D8E9F5 100%);
border-color: #cdcdcd #cdcdcd -moz-use-text-color;
/*border-radius: 5px 5px 0 0;*/
border-style: solid solid none;
border-width: 1px 1px 0;
/*box-shadow: -2px -1px 2px rgba(0, 0, 0, 0.1), 2px -1px 2px rgba(0, 0, 0, 0.1);*/
color: #001737000;
font-weight: bold;
/*text-shadow: 0 0 3px #FFFFFF;*/
cursor: pointer;
text-decoration: none;
}
#tabs_menu a:hover span {
text-decoration: none;
}

#tabs_menu a span.new{position: relative;}
#tabs_menu a span.new::after{content:'NEW';background-image: url('../img/icon-new.png');background-repeat: no-repeat;position: absolute;color: #fff;font-size: 8px;margin: 0;padding: 0;border: 0 !important;line-height: 17px;font-weight: bold;right: -8px;top: -10px;display: block;height: 22px;width: 30px;box-sizing: border-box;text-align: center;z-index: 1;}

#tabs_menu li.active a {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #fff;
background-image: -moz-linear-gradient(center bottom , #FFFFFF 0%, #D8E9F5 100%);
border-color: #cdcdcd #cdcdcd -moz-use-text-color;
/*border-radius: 5px 5px 0 0;*/
border-style: solid solid none;
border-width: 1px 1px 0;
/*box-shadow: -2px -1px 2px rgba(0, 0, 0, 0.1), 2px -1px 2px rgba(0, 0, 0, 0.1);*/
font-weight: bold;
/*text-shadow: 0 0 3px #FFFFFF;*/
cursor: pointer;
text-decoration: none;
}
#tabs_menu li.active a span {
color: #001737;
}

.bottom_menu {/* background:url("../img/bg_bottom_menu.gif") repeat-x left top;*/background-color: #f4f4f4; height:40px;padding-top:3px;}

#sub-menu ul {
margin:0;
padding:3px 3px 0px 3px;
list-style:none;
border-bottom:0px dotted #cdcdcd;
}
#sub-menu li {
display:inline;
margin:0;
padding:0;
font: bold 11px Arial, Helvetica, sans-serif;
}

#sub-menu a {
float:left;
border-color: transparent;
border-style: solid solid none;
border-width: 1px 1px 0;
margin-right:1px;
}
#sub-menu a span {
float:left;
display:block;
padding:9px 8px 8px 8px;
color:#001737;
font-weight:bold;
}

#sub-menu a:hover {
float:left;
font-weight:bold;
background: none repeat scroll 0 0 #fff;
/*border-radius: 3px 3px 3px 3px;*/
border: 1px solid #cdcdcd;
color: #001737;
cursor: pointer;
}

#sub-menu a:hover span {
text-decoration: none;
}


#sub-menu .active a {
float:left;
font-weight:bold;
background: none repeat scroll 0 0 #fff;
/*border-radius: 3px 3px 3px 3px;*/
border: 1px solid #cdcdcd;
color: #0B519C;
cursor: pointer;
}


#sub-menu a span.new{position: relative;}
#sub-menu a span.new::after{content:'NEW';background-image: url('../img/icon-new.png');background-repeat: no-repeat;position: absolute;color: #fff;font-size: 8px;margin: 0;padding: 0;border: 0 !important;line-height: 17px;font-weight: bold;right: -8px;top: -10px;display: block;height: 22px;width: 30px;box-sizing: border-box;text-align: center;z-index: 1;}


.bottone { color:#fff !important; font-family: Arial, Helvetica, sans-serif;border: 1px solid #CBCAC1; font-size: 13px; background-color: #1952BB;padding:5px;font-weight : bold;cursor: pointer;}
.bottone-red { color:#fff; font-family: Arial, Helvetica, sans-serif;border: 1px solid #CBCAC1; font-size: 13px; background-color: #bd0000;padding:15px;font-weight : bold;cursor: pointer;}
.bottone-serv { background-color: #E8E8E8;background-image: -moz-linear-gradient(center top , #FAFAFA, #DADADA);border: 1px solid #C7C7C7;border-radius: 2px 2px 2px 2px;color: #222222;cursor: pointer;display: inline-block;line-height: 23px;min-width: 100px;text-align: center;text-decoration: none;text-shadow: 0 1px 0 #F2F2F2;vertical-align: middle;font-weight: bold !important;padding: 6px 2px;margin-right:2px;border-radius: 4px;}
.bottone-serv a {color: #222222 !important;text-decoration: none; font-weight: bold !important; padding: 6px 8px;}
.bottone-serv a:hover {padding: 6px 8px; color: #3E58B7 !important; text-decoration: none;  font-weight: bold !important; }
.bottone-serv span {color: #222222 !important;text-decoration: none; font-weight: bold !important; padding: 10px 8px;}
.bottone-serv input {border: 0;background-color: transparent; cursor: pointer;width: 100%;}
.bottone-serv.salva {background-color: #5ca696;}
.bottone-serv.salva input {color: #fff;}
.bottone-serv.annulla button{background: transparent;border: 0px;width: 100%;font-weight: 400;font-weight: normal !important;}
.bottone-serv.tornaindietro {margin:0px 32px;}
.allinea {text-align: left; margin:10px 20px;}

.bottone-serv-evid { background-color: #E8E8E8;
    background-image: -moz-linear-gradient(center top , #FAFAFA, #DADADA);
    border: 1px solid #C7C7C7;
    border-radius: 2px 2px 2px 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 23px;
    min-width: 100px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #F2F2F2;
    vertical-align: middle;
    font-weight: bold !important;
    padding: 6px 2px;
    }
.bottone-serv-evid a {color: red !important;text-decoration: none; font-weight: bold !important;    padding: 6px 8px;}
.bottone-serv-evid a:hover {padding: 6px 8px; color: #3E58B7 !important; text-decoration: none;  font-weight: bold !important; }

.bottone-serv-help { background-color: #E8E8E8;
    background-image: -moz-linear-gradient(center top , #FAFAFA, #DADADA);
    border: 1px solid #C7C7C7;
    border-radius: 2px 2px 2px 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 23px;
    min-width: 50px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #F2F2F2;
    vertical-align: middle;
    font-weight: bold !important;
    padding: 6px 2px;
    }
.bottone-serv-help a {color: red !important;text-decoration: none; font-weight: bold !important;    padding: 6px 8px;}
.bottone-serv-help a:hover {padding: 6px 8px; color: #3E58B7 !important; text-decoration: none;  font-weight: bold !important; }

.bottone-serv-del { background-color: #E8E8E8;
    background-image: -moz-linear-gradient(center top , #FAFAFA, #DADADA);
    border: 1px solid #C7C7C7;
    border-radius: 2px 2px 2px 2px;
    color: #222222;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    line-height: 23px;
    min-width: 100px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #F2F2F2;
    vertical-align: middle;
    font-weight: bold !important;
    padding: 2px 2px;
    }
.bottone-serv-del a {color: #222222 !important;text-decoration: none; font-weight: bold !important;    padding: 6px 8px;}
.bottone-serv-del a:hover {padding: 6px 8px; color: #bd0000 !important; text-decoration: none;  font-weight: bold !important; }

.bottone-sadmin { background-color: #c30000;
    background-image: -moz-linear-gradient(center top , #FAFAFA, #DADADA);
    border: 1px solid #C7C7C7;
    border-radius: 2px 2px 2px 2px;
    color: #222222;
    cursor: pointer;
    display: inline-block;
    line-height: 23px;
    min-width: 100px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    font-weight: bold !important;
    padding: 6px 2px;
    margin-right:2px;
    color: #fff;
}
.bottone-sadmin a {color: #fff !important;text-decoration: none; font-weight: bold !important; padding: 6px 8px;}
.bottone-sadmin a:hover {padding: 6px 8px; color: #fff !important; text-decoration: none;  font-weight: bold !important; }
.bottone-sadmin span {color: #222222 !important;text-decoration: none; font-weight: bold !important; padding: 10px 8px;}
.only-sadmin {border: 1px solid #ddd; padding: 5px;}
.sadmin {color: #c30000;}
.sadmin.ui-tabs-anchor {color: #c30000 !important;}

#elencolingue {text-align : center;}

.percorso { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; font-weight : normal; text-align:left; padding:0px 10px;margin:0px;color: #001737 !important;}
.percorso a {color: #001737 !important;  text-decoration: underline;font-size: 12px;}
.percorso a:hover { color: #0023B8 !important; text-decoration: underline; font-size: 12px;}
.percorso span { background: url("../img/icon-freccia-dx.png") no-repeat center left;padding:0px 5px 0px 10px;}

.categoria { text-align: left; color: #0023B8 !important;  padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.categoria a, active, visited { width:100%;display: block; color: #001737 !important;  text-decoration: none;}
.categoria a:hover { color: #0023B8 !important; text-decoration: none; }

.prodotto { text-align: left; color: #001737 !important;  padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.prodotto a, active, visited { color: #001737 !important;  text-decoration: none;}
.prodotto a:hover { color: #0023B8 !important; text-decoration: none; }

.link { text-align: left; color: #001737 !important;  }
.link a, visited, active { text-align: left; color: #333300 !important;  text-decoration: none; padding: 2px 2px 2px 2px; }
.link a:hover { color: #001737; text-decoration: underline;}

.linkimg {cursor: pointer;display: flex; align-items:center;}

#tabs {margin:0px 20px;}

.ordine { position:relative; width:95%; text-align:center;margin:0 auto 0 auto;font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal;}
.ordine .numero { color: #001737; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal;border-bottom:#001737 1px solid;}
.ordine .tab-cliente td { background-color:#eff6ff; }
.ordine .box-cliente {position: relative; text-align:left; padding:5px; }
.ordine .box-cliente h4 {font:bold 12px Arial;padding:8px 0px 0px;color: #001737; }
.ordine .box-cliente .mod {position: absolute; top:5px; right:20px; }
.ordine .box-cliente .txt {color: #001737; text-align:left; font:normal 13px Arial;padding:5px; }
.ordine .box-cliente .txt div{padding:2px 0px;  }
.ordine .box-cliente .txt label {display:block; width:170px;float:left;padding-top:6px;font:normal 12px Arial; }
.ordine .box-cliente .txt .etic {padding-top:7px;font:normal 11px Arial; }
.ordine input { border:1px solid #cdcdcd;padding:5px;}

.ordine .tab {font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-collapse: unset;}
.ordine .tab .riga { background-color: #E8E8E8; font-weight:bold;}
.ordine .tab .riga1 { background-color: #F1F1F1; font-weight:normal;}
.ordine .tab .col { background-color: #fff; }
.ordine .prezzo { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; text-align:right; margin-right:130px; border-top:1px solid #cccccc;}
.ordine .svuota { float:left; padding:20px 0px 0px 8px;}
.ordine .acquista { float:right; padding:20px 8px 0px 0px;}
.ordine .totale-spese { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; text-align:right;padding:2px 0px 5px 0px;}
.ordine .tab .tot { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; text-align:right; color: #08A400; margin:0;line-height: 30px}
.ordine .evaso { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#009F00; padding:10px;}
.ordine .note-box { color:#001737; border:1px solid #cdcdcd; padding:20px;margin:10px 0px;background-color: #f4f4f4;}
.ordine .note-box-important { color:#001737; border:1px solid #cdcdcd; padding:20px;margin:10px 0px;background-color: #ecffec;}
.ordine .box-allegati {height: 100px; overflow: auto; border: 1px solid #cdcdcd; background: #EEFAFF; color: #001737; margin: 10px 0 0px ; width:480px;padding:5px; }

.ordine .noteprivate{ background-color:#ffe0e0; padding:10px;font-size: 15px;margin-bottom:10px; }


.opzioni label {width: 130px;float:left;line-height: 30px;vertical-align: bottom;font-weight: bold;}

.ordine-dati-tit {text-align:left; font-weight:bold; color:#0099CC; font-family:Verdana, sans-serif;font-size:12px;padding-top:30px;}
.ordine-dati {border:#fff 1px solid;}
.ordine-dati {text-align:left; font-weight:normal; color:#001737; font-family:Verdana, sans-serif;font-size:12px;padding:10px;}
.ordine-dati .sotto-tit {text-align:left; font-weight:bold; color:#001737; font-family:Verdana, sans-serif;font-size:12px;padding-bottom:5px;}
.note-tit {text-align:center; font-weight:bold; color:#0099CC; font-family:Verdana, sans-serif;font-size:12px;padding-top:30px;}
.note-text { font-size: 12px;font-weight:normal; font-family: Verdana,helvetica,sans-serif; border:#cccccc 1px solid; background:rgb(229,229,229);}

.doc-tab { padding:10px 0px 0px;}
.docs-elenco {max-height: 250px;overflow-y: auto;background: #f1f1f1;padding: 10px;}
.docs-elenco-noscroll {background: #f1f1f1;padding: 10px;}
.form_doc { padding:0px; margin:0px auto;font:normal 12px "Helvetica Neue", sans-serif !important; color:#001737;text-align:left;}
.form_doc p { margin:.5em 0em;clear:left;font-size: 12px;}
.form_doc div { padding:0px;clear:left;}
.form_doc fieldset { padding: 1em; border:0px; }
.form_doc label {display:block; float:left; width:120px; text-align:right; font-weight:bold; color:#001737; padding: 8px;font-size: 12px;}
.form_doc input.noborder { padding: 0px;border:0px;}

.dlg-nopadding {padding: 0 !important;}
.ui-state-default { font: bold 13px Arial,helvetica,sans-serif; }
.ui-state-default a { color: #333 !important; }
.ui-state-default a:hover { color: #001737 !important; }

.ui-accordion-header {
    padding-top: 0.7em;
}

.ui-widget {
    font-family: Arial,sans-serif;
    font-size: 1.1em;
}

.frm_selcliente  { font: normal 13px Arial,helvetica,sans-serif; }
#frm_selprod .table { font: normal 13px Arial,helvetica,sans-serif; }

.table_checklist tr.spacing td { padding: 10px 0; }
#dlg_schedeauto .form_cnt { margin-bottom: 0;}

div.impagina {
	padding:3px 10px;
	margin:5px;
  font:bold 12px Arial, sans-serif;
}

div.impagina a {
	padding: 3px 6px;
	margin-right: 2px;
	border: 1px solid #E8E8E8;
	text-decoration: none;
	color: #001737 !important;
	background: #c5e7d6; /*url(image1.gif);*/
	font-weight: bold;
}

div.impagina a:hover, div.impagina a:active {
	border:1px solid #888;
	padding: 3px 6px;
	color: #FFF;
	background: #DDEDF3; /*url(img/image2.gif);*/
}

div.impagina a.current{
	padding: 3px 6px;
	margin-right: 2px;
	border: 1px solid #cdcdcd;
  font-weight: bold;
	background: #48af0c !important; /* url(img/image2.gif);*/
	color: #fff !important;
}

div.impagina span.disabled {
	padding: 3px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

.arrow-n,
.arrow-e,
.arrow-s,
.arrow-w {
  /*
   * In Internet Explorer, The"border-style: dashed" will never be
   * rendered unless "(width * 5) >= border-width" is true.
   * Since "width" is set to "0", the "dashed-border" remains
   * invisible to the user, which renders the border just like how
   * "border-color: transparent" renders.
   */
  border-style: dashed;
  border-color: transparent;
  border-width: 0.08em;
  display: -moz-inline-box;
  display: inline-block;
  /* Use font-size to control the size of the arrow. */
  font-size: 100px;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  width: 0;
}


.arrow-n {
  border-bottom-width: 1em;
  border-bottom-style: solid;
  border-bottom-color: #001737;
  bottom: 0.25em;
}

.arrow-e {
  border-left-width: 0.1em;
  border-left-style: solid;
  border-left-color: #001737;
  left: 0.01em;
}

.arrow-s {
  border-top-width: 1em;
  border-top-style: solid;
  border-top-color: #001737;
  top: 0.05em;
}

.arrow-w {
  border-right-width: 0.1em;
  border-right-style: solid;
  border-right-color: #001737;
  right: 0.0em;
}


#powered { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #fff !important; font-size: 9px;
text-align: center; padding:10px;font-weight:normal; }
#powered a { color: #fff !important; text-decoration: none; font-weight:normal;}
#powered a:hover { color: #fff !important; text-decoration: underline; font-weight:normal;}

.form_dialog { padding:0px; margin:0px;font:normal 13px "Helvetica Neue", sans-serif !important; color:#001737;text-align:left;margin-bottom:0px;}
.form_dialog p { margin:.2em;clear:left;display: block}
.form_dialog fieldset { padding: 1em; border:0px; }
.form_dialog a { color: #3E9C2A; text-decoration:none; }
.form_dialog a:hover { color: #001737; text-decoration:none; }
.form_dialog label {display:block; float:left; width:140px; text-align:left; font-weight:bold; color:#515151; padding: .6em;}
.form_dialog .input { width:100%;  padding: .2em;}
.form_dialog .radio, form_dialog .checkbox {border:0px; background-color:transparent;}
.form_dialog_cust .error {float:left; border-color: #ff0000;text-align:left !important; color: #ff0000 !important; margin:.2em 0;}
.form_dialog_cust .cust-input.error{float: none !important;}

.form_dialog_table { padding:0px; margin:0px;font:normal 13px "Helvetica Neue", sans-serif !important; color:#001737;text-align:left;}
.form_dialog_table table th { padding:6px; }
.form_dialog_table table td { padding:6px; }
.form_dialog_table table td input { margin-bottom:5px; }

.form_dialog_table_cust { padding:0px; margin:0px;font:normal 13px "Helvetica Neue", sans-serif !important; color:#001737;text-align:left;}
.form_dialog_table_cust table th { padding:3px; }
.form_dialog_table_cust table td { padding:3px; }
.form_dialog_table_cust table td input { margin-bottom:3px; }
.form_dialog_table_cust table td input.error, .form_dialog_table_cust table td select.error {border-color: #ff0000; color: #ff0000 !important;}
.cancel-ord{border: 1px solid #d3d3d3;padding: .4em 1em;background: #f99999;color: #555;}


/*
.form_dialog input, .form_dialog textarea, .form_dialog select{ margin:0px; font:normal 13px "Helvetica Neue", sans-serif !important;  border: 1px solid #cccccc; background-color:#f4f4f4; padding:.4em; text-align:left;cursor: pointer}
.form_dialog .bottone {
    background-color: #1952bb;
    border: 1px solid #cbcac1;
    color: #fff;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
}
*/
.dash { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-align:left; color: #001737000; padding:20px 20px 0px 0px; }
.dash-tot { font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight:bold; text-align:left; color: #08A400; margin:0;padding:5px 0px 20px;}
.dash .small { font-size: 11px; }
.dash .ord { font-size: 12px; color:#001737000; }
.dash-tot-old { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; text-align:left; color: #1952BB; margin:0;padding:5px 0px;line-height: 50px;}

#tabs-min {
	background: transparent;
	border: none;
	margin-top:0px;
	padding:0px 20px;
}
#tabs-min .ui-widget-header {
	background: transparent;
	border: none;
	border-bottom: 1px solid #c0c0c0;
}
#tabs-min .ui-tabs-nav .ui-state-default {
	border: none;
	background: transparent;
	font-weight: bold;
}
#tabs-min .ui-tabs-nav .ui-state-active {
	background: transparent url(../img/uiTabsArrow.png) no-repeat bottom center;
 border: medium none;
 padding-bottom:5px;
}
#tabs-min .ui-tabs-nav .ui-state-default a {
	color: #c0c0c0;
	font-size:18px;
}
#tabs-min .ui-state-active a {
	color: #1952BB !important;
}

#tabs-min li.ui-tabs-active { margin-bottom: -3px; }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }

.ui-tooltip, .arrow:after {
background: #ffffce;
}
.ui-tooltip {
padding: 10px 10px;
color: black;
font: normal 15px "Helvetica Neue", Sans-Serif;
text-align: left;
max-width: 800px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color: #212121;
    font-weight: normal;
    /*background-color: rgb(255, 255, 192) !important;*/
    background-image: none !important;
}

.sortable_grid { list-style-type: none; margin: 0; padding: 0; }
.sortable_grid li { margin: 3px 10px 10px 0; padding: 5px; float: left; width: 120px; height: 170px; text-align: center;position: relative }
.sortable_grid img { padding-top:5px; }
.sortable_grid .big img { height: 100px; max-width: 100%; }
.sortable_grid .vis {
position: absolute;
top:-3px; left:3px;
}

.imgfuncs{
padding:0px 3px 3px 3px;
}

/*persist*/
.floatingHeader {
position: fixed;
top: 0;
visibility: hidden;
}

div.findInList input {
    background-color: #ffffef;
    border: 1px solid #eee;
    color: black;
    font-family: arial;
    font-size: 1.2em !important;
    padding: 5px !important;
}

div.selcat {
    background-color: #f4f4f4;
    border-bottom: 1px solid #cdcdcd;
    color: black;
    padding: 8px !important;
    cursor:pointer;
}
div.selcat:hover{
    background-color: rgb(255, 255, 192) !important;
}
div.dataTableRowSel{
    background-color: rgb(255, 255, 192) !important;
}

.clearable{
  background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat left -10px center;
  border: 1px solid #CBCAC1;
  padding: 5px 5px 5px 18px; /* Use the same right padding (18) in jQ! */
  border-radius: 0px;
  font-size: 12px;
  transition: background 0.4s;
}
.clearable.x  { background-position: left 5px center; }
.clearable.onX{ cursor: pointer; }
.clearable::-ms-clear {display: none; width:0; height:0;}

.ui-datepicker-calendar .activeted{opacity: 0.7;}
.ui-datepicker-calendar .activeted > span{border: 1px #08a400 solid;background: #08a400;color: #001737 !important;font-weight: bold;}

.msgs{border-radius:8px;padding:10px 30px !important;overflow-y: auto;width:80%;height:250px;margin-bottom:20px;font-size: 13px;border: 1px solid #f8f8f8;background-color: #f8f8f8;text-align: left;}
.msgs > div{margin-bottom: 10px;}
.msgs > div:after{content: "";clear:both;display:block;}
.msgs > div .cloud{width:60%;padding:10px 10px;position:relative;float:right;font-size:13px;line-height:15px;display:block;background-color:#eeeeee;border-radius:3px;border:1px solid #dbdbdb;color:#1d1d1d;}
.msgs > div .data{color:#1d1d1d;}
.msgs > div.msg-utente .cloud{float:left;background-color:#f2f8fe;border-color:#d6eaf9;color:#1d1d1d;}
.msgs > div.msg-utente .data{color:#1d1d1d;font-size:12px;}
.msgs > div .cloud:after, .msgs > div .cloud:before {content: '';display: block;position: absolute;right:0;width: 0;height: 0;border-style: solid;margin-right:-24px;}
.msgs > div .cloud:after {top: 10px;border-color: #eeeeee transparent transparent transparent;border-width: 24px 24px 0 0;}
.msgs > div .cloud:before {top: 9px;border-color: #dbdbdb transparent transparent transparent;border-width: 26px 26px 0 0;right:-2px;}
.msgs > div.msg-utente .cloud:after, .msgs > div.msg-utente .cloud:before {content: '';display: block;position: absolute;left:0;width: 0;height: 0;border-style: solid;margin-left:-24px;}
.msgs > div.msg-utente .cloud:after {top: 10px;border-color: transparent #f2f8fe  transparent transparent;border-width: 0 24px 24px 0;}
.msgs > div.msg-utente .cloud:before {top: 9px;border-color: transparent #d6eaf9 transparent transparent;border-width: 0 26px 26px 0;left:-2px;}

.select2-container{font-size:14px;width:224px !important;}
.select2-dropdown{border-radius: 0px !important;}
.select2-results__option{text-align:left}
.select2-container--default .select2-selection--single {border-radius:0px;border: 1px #CBCAC1 solid;height:30px !important;}
.select2-container--default .select2-selection--multiple{border-radius:0px;border: 1px #CBCAC1 solid;}
#reft .select2-container{font-size:14px;width:600px !important;}

.border-cust{margin: 10px 20px 20px;}
.border-cust.nobck{background:none;border:none;}
.border-cust .bottone-serv{margin-bottom:5px;}
.border-cust .dataTable{margin:0px;width:100%}

.radio-group-cust { position: relative; }
.radio-cust {
  display: inline-block;
  cursor: pointer;
  margin: 2px 0;
  padding: 10px 20px !important;
  font-size: 14px !important;
  background-color: #f4f4f4;
  border: 2px solid #cdcdcd;
}
.radio-cust.selected {
  background-color:#c6e8d8 !important;
  border-color: #9bc5b2;
}

.accordion {padding: 10px 30px;background-color: #eee !important;color: #444;cursor: pointer;float:none;margin-left:20px;text-align: left;border: none;outline: none;transition: 0.4s;}
.active, .accordion:hover {background-color: #ccc;}
.panel {background-color: white;display: none;overflow: hidden;margin-top:10px}

.agg_pwd{overflow: hidden;}
.agg_pwd #btn_agg_pwd{margin: 7px 0px;display: inline-block;}
.agg_pwd #msg_agg_pwd{padding-left: 10px;}

#frmReset label{margin-bottom: 3px;display: block;cursor: initial;}
#frmReset label.last{margin-top: 10px}
#frmReset .form-group{margin-bottom:10px}
#frmReset .form-group .input-group{position: relative;display: table;border-collapse: separate;}
#frmReset .form-group .input-group .form-control {position: relative;z-index: 2;float: left;width: 100%;margin: 0;border-right: 0px;}
#frmReset .form-group .input-group .input-group-addon{border-left: 0px;cursor: pointer;width: 1%;white-space: nowrap;vertical-align: middle;display: table-cell;padding: 6px 12px;font-size: 14px;font-weight: 400;line-height: 1;color: #555;text-align: center;background-color: #eee;border: 1px solid #ccc;border-radius: 0px;}

#frmUser .input-group{position: relative;display: table;border-collapse: separate;}
#frmUser .input-group .input-group-addon{border-left: 0px;cursor: pointer;white-space: nowrap;vertical-align: middle;display: table-cell;padding: 6px 10px;font-size: 14px;color: #555;text-align: center;background-color: #eee;border: 1px solid #ccc;}
#frmUser .error {margin: 0px}

.input-group{position: relative;display: table;border-collapse: separate;}
.input-group .input-group-addon{border-left: 0px;cursor: pointer;white-space: nowrap;vertical-align: middle;display: table-cell;padding: 6px 10px;font-size: 14px;color: #555;text-align: center;background-color: #eee;border: 1px solid #ccc;}

.input-pwd{padding: 0px !important}
.input-pwd .input-group{position: relative;display: table;border-collapse: separate;padding:0px 5px}
.input-pwd .input-group .input-group-addon{border-left: 0px;cursor: pointer;white-space: nowrap;vertical-align: middle;display: table-cell;padding: 6px 10px;font-size: 14px;color: #555;text-align: center;background-color: #eee;border: 1px solid #ccc;}
.input-pwd .input-group .error{float: left;margin: 0px !important;}
.info-restrict{padding: 0px 0px 3px;overflow:hidden;}
.info-restrict ul{float: left;padding-left:23px;}

.crm{margin: 0px 20px}
.crm .table-modulo{width: 70%;margin:0px}
.crm .table-modulo tr td a{text-decoration:none;}
.crm .table-modulo tr td a .box-modulo{border: 1px #e9e9e9 solid;padding: 20px;margin-bottom: 10px;min-width: 190px;}
.crm .table-modulo tr td a .box-modulo .modulo{display: block;font-size: 16px;line-height: 20px;padding-bottom: 10px;}
.crm .table-modulo tr td a .box-modulo .tot-richieste{display: block;font-size: 14px;line-height: 18px;padding-bottom: 3px;}
.crm .table-modulo tr td a .box-modulo .tot-richieste > span{font-weight:bold;font-size:16px;line-height:18px;}

.marketing{margin: 0px 15px}
.marketing .table-marketing{width: 70%;}
.marketing .table-marketing tr td{width:200px}
.marketing .table-marketing tr td .box-modulo{border: 1px #e9e9e9 solid;padding: 20px;margin-bottom: 10px;height:110px;position:relative}
.marketing .table-marketing tr td .box-modulo a{text-decoration:none;}
.marketing .table-marketing tr td .box-modulo a .modulo{display: block;font-size: 16px;line-height: 20px;padding-bottom: 10px;}
.marketing .table-marketing tr td .box-modulo a .tot-richieste{display: block;font-size: 14px;line-height: 18px;padding-bottom: 3px;}
.marketing .table-marketing tr td .box-modulo a .tot-richieste > span{font-weight:bold;font-size:16px;line-height:18px;}
.marketing .table-marketing tr td .box-modulo a .mod{position:absolute;content:'';top:-7px;right:-32px;z-index:1;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.marketing .table-marketing tr td .box-modulo a .mod .triangle{border-style: solid;border-width: 0px 50px 50px 50px;}
.marketing .table-marketing tr td .box-modulo a .mod .triangle.att{border-color: transparent transparent #5ca696 transparent;}
.marketing .table-marketing tr td .box-modulo a .mod .triangle.noatt{border-color: transparent transparent #ea3f4a transparent;}
.marketing .table-marketing tr td .box-modulo a .mod .triangle.incl{border-color: transparent transparent #376092 transparent;}
.marketing .table-marketing tr td .box-modulo a .mod .triangle.incom{border-color: transparent transparent #e9af2c transparent;}
.marketing .table-marketing tr td .box-modulo a .mod .title{position: absolute;content: '';z-index: 2;bottom:9px;left:0;right:0;text-align:center;color: #FFF;font-size: 13px;}
.marketing .table-marketing tr td .box-modulo a.rich-info{position: absolute;bottom:10px; right:10px; text-decoration:underline;padding:5px 0px}

.hr{margin: 0px 15px}
.hr .table-hr{width: 70%;}
.hr .table-hr tr td{width:200px}
.hr .table-hr tr td .box-modulo{border: 1px #e9e9e9 solid;padding: 20px;margin-bottom: 10px;height:110px;position:relative}
.hr .table-hr tr td .box-modulo a{text-decoration:none;}
.hr .table-hr tr td .box-modulo a .modulo{display: block;font-size: 16px;line-height: 20px;padding-bottom: 10px;}
.hr .table-hr tr td .box-modulo a .tot-richieste{display: block;font-size: 14px;line-height: 18px;padding-bottom: 3px;}
.hr .table-hr tr td .box-modulo a .tot-richieste > span{font-weight:bold;font-size:16px;line-height:18px;}
.hr .table-hr tr td .box-modulo a .mod{position:absolute;content:'';top:-7px;right:-32px;z-index:1;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.hr .table-hr tr td .box-modulo a .mod .triangle{border-style: solid;border-width: 0px 50px 50px 50px;}
.hr .table-hr tr td .box-modulo a .mod .triangle.att{border-color: transparent transparent #5ca696 transparent;}
.hr .table-hr tr td .box-modulo a .mod .triangle.noatt{border-color: transparent transparent #ea3f4a transparent;}
.hr .table-hr tr td .box-modulo a .mod .triangle.incl{border-color: transparent transparent #376092 transparent;}
.hr .table-hr tr td .box-modulo a .mod .title{position: absolute;content: '';z-index: 2;bottom:9px;left:0;right:0;text-align:center;color: #FFF;font-size: 13px;}
.hr .table-hr tr td .box-modulo a.rich-info{position: absolute;bottom:10px; right:10px; text-decoration:underline;padding:5px 0px}

.stats .box-day{width:100%;padding-top:15px}
.stats .order-stats .state-text{font-size:10px;padding-bottom:10px;display:inline-block;}
.stats .order-stats a{display:inline-block;padding-left:5px;}
.stats .box-day{padding-bottom:0px !important;display: flex;}
.stats .box-day .wrapper.dx{flex: 1;margin-left:0px !important;margin-bottom:0px !important;}
.stats .box-day .box{border: 1px #e9e9e9 solid;padding: 20px;margin-bottom: 10px;height:100px;position:relative;margin-right:7px;text-decoration:none;}
.stats .box-day .box .box-title{display: block;font-size: 13px;line-height: 18px;padding-bottom: 5px;font-weight: bold;}
.stats .box-day .box .box-title .tip{position: absolute;content: '';z-index: 1;top: 6px;right: 6px;}
.stats .box-day .box .box-val{display: block;font-size: 13px;line-height: 18px;padding-bottom: 7px;}
.stats .box-day .box .box-val > span {font-weight: bold;font-size: 16px;line-height: 18px;}
.stats .box-day .box .box-val > span.perc{font-size: 11px;line-height: 15px;font-weight: normal;padding-left:3px;}
.stats .box-day .box .box-val > span.number {font-weight: bold;font-size: 16px;line-height: 20px;}
.stats .box-day .box .box-old{padding: 5px 0px 0px;color:#ffa702;font-size:11px;line-height:15px}
.stats .box-day .box .box-old.annoprev{color:#376092 !important}
.stats .box-day .box .box-old.dx{float:right;width:50%}
.stats .box-day .box .box-old.sx{float:left;width:50%}
.stats .box-day .box .box-old .perc{padding-top:2px;padding-left: 3px;}
.stats .box-day .box .box-old .perc i{padding-left:6px;}
.stats .box-day .box .box-old .perc.black{color:#000}
.stats .box-day .box .box-old .perc.green{color:green}
.stats .box-day .box .box-old .perc.red{color:red}

.tabella{display: table;}
.riga{display: table-row;}
.rigabold{display: table-row;font-weight: bold;}
.col{display: table-cell;padding: 2px;}

#table-perm{position: relative;}
#table-perm tr th {background: #c6e8d8;color: #001737;}
#table-perm th {background: #c6e8d8;position: sticky;top: 0;box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);}

/*datatable blocca riga*/
.table-fixed > thead > tr.dataTableTitle td, .table-fixed > tbody > tr.dataTableTitle td {background: #c6e8d8;position: sticky;top: 0;box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); z-index: 2;}
.table-fixed > thead + tbody > tr.dataTableTitle td{background: #efefef !important;position: static !important;box-shadow:none !important;}
.table-fixed > thead > tr.dataTableTitleFixed td, .table-fixed > tbody > tr.dataTableTitleFixed td {background: #f8f8f8;position: sticky;top: 0;box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); z-index: 3;border:0px solid}
.table-fixed > thead > tr.dataTableTitle.margin-fixed td {top: 65px;}

/*datatable blocca colonna*/
.table-fixed > thead > tr.dataTableTitle td.dataTableColFixed, .table-fixed > tbody > tr.dataTableTitle td.dataTableColFixed {background: #c6e8d8;position: sticky;left: 0;box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); z-index: 3;}
.table-fixed > tbody > tr.dataTableRow td.dataTableColFixed {background: #f8f8f8;position: sticky;left: 0;box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); z-index: 1;border:0px solid}

/*datatable listini colore bg colonne pari*/
.table-fixed > tbody > tr td.special-background:nth-child(odd) {background: #3a815f !important; }

.col-width-min {width: 200px}

.ui-autocomplete.ui-menu{height:200px;overflow-y: auto;z-index: 1008 !important;}
.ui-helper-hidden-accessible{display: none;}

.carrelli{overflow: hidden;padding:10px 0px 0px;float:left;width:33%}
.carrelli .box-cart{width: 409px;float: left;padding-right: 0px;}
.carrelli .box-cart.open-eur{width: 409px}
.carrelli .box-cart .small-box {border-radius: 10px;position: relative;display: block;margin-bottom: 20px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
.carrelli .box-cart .small-box h3 {font-size: 38px;font-weight:normal;margin: 0 0 15px 0;white-space: nowrap;padding: 0;color:#FFF}
.carrelli .box-cart .small-box > .inner {padding: 25px 16px;}
.carrelli .box-cart .small-box p.info-box-text{font-weight:bold;height:45px;padding: 6px 0px 3px;color:#FFF;text-transform: uppercase;font-size: 14px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.carrelli .box-cart .small-box p.info-box-text i{font-size:20px;line-height:20px;padding-right:10px;}
.carrelli .box-cart .small-box p.info-box-text i:first-child{padding-right:19px;}
.carrelli .box-cart .small-box .numero {font-size: 18px;padding-right: 5px;display:inline-block;}
.carrelli .box-cart .small-box .numero.first{margin-bottom: 4px;}

.carrelli .box-cart .small-box .icon {-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;position: absolute;top: 15px;right: 18px;z-index: 0;font-size:43px;color: rgba(255, 255, 255, 0.15);}
.bg-aqua{background-color: #00c0ef !important;}
.open{background-color: #ea3f4a !important;}
.bg-green{background-color: #00a65a !important;}
.abbond{background-color: #fca503 !important;}
.bg-purple{background-color:#605ca8 !important;}
.rec{background-color:#5ca696 !important;}

.carr-opz .form_cnt{/*overflow: hidden;*/margin-bottom: 0px;padding:0px}
.carr-opz .box-cart{width: 97%;border: 1px #cdcdcd solid;padding: 15px 20px;background-color: #f1f1f1;}
.carr-opz .box-cart.next{margin:20px 0px 0px;}
.carr-opz .box-cart p.box-title{font-size: 14px;line-height: 20px;margin: 0px 0px 10px;}
.carr-opz .box-cart .box-content{padding-bottom:15px}
.carr-opz .box-btn .box-btn-title{float:left;width:216px;padding:8px 0px;font-weight:bold}
.carr-opz .box-btn .onoffswitch{float:left;padding:0px}
.carr-opz .box-cart .program-email{padding: 0px 0px 0px}
.carr-opz .box-cart .program-email p{margin: 0px 0px 13px 0px;}
.carr-opz .box-cart .program-email table tr td{padding: 0px 0px 10px 0px;}
.carr-opz .form_cnt .cust-box{margin-bottom: 25px;padding: 0px;}
.carr-opz .btn-switch .box-btn-title{float:left;width:176px;padding:8px 0px;font-weight:bold}
.carr-opz .btn-switch .onoffswitch{float:left;padding:0px}
.carr-opz .clear{clear:left;padding:0px}
.carr-opz .del_opz, .carr-opz .a_add{display: inline-block;vertical-align: middle;cursor: pointer;padding: 0px 5px;}


/* Dashboard */
.dashboard{overflow: hidden;}
.dashboard .h1 {text-align: left;margin: 17px 10px 0px 20px; color: #000; font: bold 16px Arial, Helvetica, sans-serif; height: 20px; line-height: 20px; vertical-align: middle;}
.dashboard.stats h2{text-align: left;margin: 17px 10px 5px 16px;color: #000;font: bold 16px Arial, Helvetica, sans-serif; height: 20px; line-height: 20px; vertical-align: middle;}
.dashboard .row{margin-left:15px;margin-right:15px;overflow:hidden}
.dashboard .row .col6{width:49%;}
.dashboard .row .col12{width:100%;}
.dashboard .row .col6.dx{float:left;}
.dashboard .row .col6.sx{float:right;}
/*.dashboard .row .col12{padding-right: 15px;padding-left: 15px;}*/
.dashboard .row.nogutters{margin-left:0px;margin-right: 0px;}
.dashboard .row.nogutters .col6{padding-left: 0px; padding-right:0px}
.dashboard .riep-ord{border-radius:12px;background-color:#ffffff;margin-top:40px;overflow:hidden}
.dashboard.stats .riep-ord.first{margin-top:0px}
.dashboard .riep-ord #tabs-min{padding: 0px 23px;}
.dashboard.stats .riep-ord #tabs-min{padding: 0px 15px;overflow:hidden;}
.dashboard .riep-ord #tabs-min .ui-tabs-nav .ui-state-default a{font-weight:normal;font-size:16px;}
.dashboard .riep-ord #tabs-min .ui-state-active a{font-weight:bold !important;color:#5ca696 !important;position:relative}
.dashboard .riep-ord #tabs-min .ui-state-active a::before{position: absolute;content:'';left:0;right:0;bottom:-4px;width:100%;background-color:#5ca696;height:4px}
/*.dashboard .riep-ord #tabs-min .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background-color:transparent !important}*/
.dashboard .riep-ord .lists-orders{padding-top: 40px}
.dashboard .ui-tabs .ui-tabs-panel{padding: 10px 0px !important}
.dashboard .box-day{overflow: hidden;padding-top:10px;padding-bottom:50px}
.dashboard .box-day .box-gr-dx{width:50%;float: left}
.dashboard .box-day .box-gr-sx{width:50%;float: right}
.dashboard .box-day .wrapper.dx{float:left;width: 200px;margin-left: 7px;margin-bottom: 7px;}
.dashboard .box-day .wrapper .ordini{background: #fff;border-radius:6px;padding:20px 20px;border:1px #cdcdcd solid;height: 120px;}
.dashboard .box-day .wrapper .ordini .title{color:#000;font-size:17px;line-height:20px;padding-bottom: 3px;}
.dashboard .box-day .wrapper .ordini .dash-tot{color:#000;font-size:20px;line-height:25px;padding: 5px 0px 9px;}
.dashboard .box-day .wrapper .ordini .dash-tot-old{color:#acacac;font-size:12px;line-height:14px;padding: 5px 0px 15px;}
.dashboard .box-day .wrapper .ordini .arrow i{font-size: 16px;line-height: 20px;padding-right: 5px;}
.dashboard .box-day .wrapper .ordini .arrow i.green{color: green}
.dashboard .box-day .wrapper .ordini .arrow i.red{color: red}
.dashboard .box-day .wrapper .ordini .arrow span.green{color: green}
.dashboard .box-day .wrapper .ordini .arrow span.red{color: red}
.dashboard .st-ord{padding: 10px 33px 30px;}
.dashboard .st-ord ul{margin:0px;padding:0px;list-style:none;-moz-column-count: 2;-moz-column-gap: 30px;-webkit-column-count: 2;-webkit-column-gap: 30px;column-count:2;column-gap: 30px;}
.dashboard .st-ord ul li .st-ord-box{padding:8px 15px;border-radius:4px;  background-color: #fff;border: 1px #cdcdcd solid;margin-bottom: 10px;font-size: 13px;line-height: 18px;position:relative}
.dashboard .st-ord ul li .st-ord-box .st-ord-border{position:absolute;content:'';z-index:1;top:0;left:0;height:100%;width:5px;}
.dashboard .st-ord ul li .st-ord-box > span{display: inline-block;color:#000}
.dashboard .st-ord ul li .st-ord-box > span.num{width:40px}
.dashboard .st-ord ul li .st-ord-box .icn-graph{position: absolute;top: 50%;right: 5px;z-index:1;content:'';margin-top: -7px}
.dashboard .clients{overflow: hidden;padding: 20px 13px 0px;}
.dashboard .clients > div{overflow: hidden;}
.dashboard .clients .box-cart{width: 165px;float: left;padding: 0px 5px;position:relative}
.dashboard .clients .box-cart .small-box {border-radius: 2px;position: relative;display: block;margin-bottom: 10px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
.dashboard .clients .box-cart .small-box h3 {font-size: 30px;font-weight: bold;margin: 0 0 15px 0;white-space: nowrap;padding: 0;color:#FFF}
.dashboard .clients .box-cart .small-box > .inner {padding: 28px 10px;}
.dashboard .clients .box-cart .small-box p.info-box-text{color:#FFF;text-transform: uppercase;font-size: 12px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dashboard .clients .box-cart .small-box .icon {-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;position: absolute;top: 25px;right: 10px;z-index: 0;font-size:33px;color: rgba(0, 0, 0, 0.15);}
.dashboard .clients .box-cart.feedback .small-box h3 .voto{font-size: 12px !important;position:absolute;z-index:1;content:'';top:3px;right:11px}
.dashboard .clients .box-cart.feedback .small-box h3 .voto .voto_num{font-size:14px;color:#FFF;padding-left: 3px;}
.dashboard .clients .box-cart.feedback .small-box h3 .voto .fa {color: #e6e6e6;font-size: 12px;}
.dashboard .clients .box-cart.feedback .small-box h3 .voto .fa.on{color: #a47e2d;}
.bg-aqua{background-color: #00c0ef !important;}
.bg-green{background-color: rgba(92, 166, 150, 1) !important;}

.dashboard .vendite {padding: 0px 0px 10px}
.dashboard .vendite .table-vend{padding: 15px 15px; border:1px solid #cdcdcd;margin:10px;border-radius: 4px;}
.dashboard .vendite .table-vend table{font-size:14px;}
.dashboard .vendite .table-vend table th {padding: 3px 4px !important;vertical-align: bottom; color: #5ca696 !important}
.dashboard .vendite .table-vend table tr td{padding: 2px 4px !important;vertical-align: bottom;}
.dashboard .vendite .table-vend table tr.ord td{vertical-align: middle !important;}
.dashboard .vendite .table-vend table tr.ord:hover{background-color: #eaeaea;cursor:pointer;}
.dashboard .vendite .table-vend table tr td .progress-group .progress-number{font-size: 12px;float: right;}
.dashboard .vendite .table-vend table tr td .st-ordine{display: inline-block;padding: 3px 0px;border-radius: 6px;width: 160px;font-size: 12px;line-height: 14px;}
.dashboard .vendite a.view-all{color:#5ca696}
.dashboard .vendite a:hover.view-all{text-decoration:underline;color:#5ca696}

.crm{overflow: hidden;}
.crm .row{margin-left:15px;margin-right:15px;overflow:hidden}
.crm .row .col6.dx{width:49%;float:left;}
.crm .row .col6.sx{width:49%;float:right;}


.progress.sm, .progress-sm, .progress.sm .progress-bar, .progress-sm .progress-bar {
  border-radius: 1px;
}
.progress.sm, .progress-sm {
  height: 10px;
}
.progress, .progress > .progress-bar, .progress .progress-bar, .progress > .progress-bar .progress-bar {
  border-radius: 1px;
}
.progress, .progress > .progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress {
  height: 20px;
  margin-bottom: 0px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.progress.sm, .progress-sm, .progress.sm .progress-bar, .progress-sm .progress-bar {
  border-radius: 1px;
}
.progress, .progress > .progress-bar, .progress .progress-bar, .progress > .progress-bar .progress-bar {
  border-radius: 1px;
}
.progress, .progress > .progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress-bar-aqua, .progress-bar-info {
  background-color: #5ca696;
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #5ca696;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}

/* Popover dentro al calendario */
.popper,.tooltip {position: absolute;z-index: 9999;background: #fffadf;color: black;border-radius: 3px;box-shadow: 0 0 2px rgba(0,0,0,0.5);padding: 10px;text-align: center;}
.style5 .tooltip {background: #1E252B;color: #FFFFFF;max-width: 200px;width: auto;font-size: .8rem;padding: .5em 1em;}
.popper .popper__arrow, .tooltip .tooltip-arrow {width: 0;height: 0;border-style: solid;position: absolute;margin: 5px;}
.tooltip .tooltip-arrow,.popper .popper__arrow {border-color: #fffadf;}
.style5 .tooltip .tooltip-arrow {border-color: #1E252B;}
.popper[x-placement^="top"], .tooltip[x-placement^="top"] {margin-bottom: 5px;}
.popper[x-placement^="top"] .popper__arrow,.tooltip[x-placement^="top"] .tooltip-arrow {border-width: 5px 5px 0 5px;border-left-color: transparent;border-right-color: transparent;border-bottom-color: transparent;bottom: -5px;left: calc(50% - 5px);margin-top: 0;margin-bottom: 0;}
.popper[x-placement^="bottom"],.tooltip[x-placement^="bottom"] {margin-top: 5px;}
.tooltip[x-placement^="bottom"] .tooltip-arrow,.popper[x-placement^="bottom"] .popper__arrow {border-width: 0 5px 5px 5px;border-left-color: transparent;border-right-color: transparent;border-top-color: transparent;top: -5px;left: calc(50% - 5px);margin-top: 0;margin-bottom: 0;}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {margin-left: 5px;}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {border-width: 5px 5px 5px 0;border-left-color: transparent;border-top-color: transparent;border-bottom-color: transparent;left: -5px;top: calc(50% - 5px);margin-left: 0;margin-right: 0;}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {margin-right: 5px}
.popper[x-placement^="left"] .popper__arrow,.tooltip[x-placement^="left"] .tooltip-arrow {border-width: 5px 0 5px 5px;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;right: -5px;top: calc(50% - 5px);margin-left: 0;margin-right: 0;}
.fc-event{cursor: pointer;}
.fc .fc-button-primary {color: #000;background-color: #FFF !important;border-color: #5ca696 !important;}
.fc .fc-button-active{background-color: #5ca696 !important;color:#FFF !important}
.fc .fc-button-primary:hover{background-color: #5ca696 !important;border-color: #5ca696 !important;color:#000}
.fc .fc-today-button{color:#000 !important;padding: .55em .65em !important;}
.fc .fc-button-primary:focus{box-shadow: none !important}
.fc .fc-button-primary:not(:disabled):active{color:#000 !important}

.form_cnt.azienda .checkspace{position:relative}
.form_cnt.azienda label.error {padding: 6px;right:600px;}

.cal-ferieperm .fc-event{font-size: 14px;}

/*.ui-datepicker{z-index: 6 !important;}*/
.cust-calendario .fc-toolbar-title {font-size: 24px !important;font-weight: bold;}
.cust-calendario .fc-timegrid-axis-cushion {font-size: 16px !important;font-weight: bold;}
.cust-calendario .fc-col-header-cell {font-size: 15px !important;font-weight: bold;}
.cust-calendario .fc-datagrid-cell-frame {font-size: 15px !important;font-weight: bold;text-transform: uppercase;}
.cust-calendario .fc-resource-timegrid-day {font-size: 14px;}
.cust-calendario .fc-timegrid-slot {font-size: 14px;height: 140px !important}
.cust-calendario .fc-timegrid-event {font-size: 14px !important;}
.cust-calendario .fc-timegrid-resource {height: 140px !important;}
.cust-calendario .fc-timegrid-event {min-height: 50px !important;}
.cust-calendario .fc-day-today {background-color: transparent !important;}
.cust-calendario .fc-day-blocked {background-color: rgba(255, 0, 0, 0.2) !important;}
.cust-calendario .fc-timeline-event .fc-event-main {font-size: 15px !important;}
.cust-calendario .custom-toolbar {display: flex;justify-content: center;align-items: center;gap: 15px;padding: 10px;background-color: #f4f4f4;border: 1px solid #ddd;position: sticky;top: 0;left: 0;right: 0;z-index: 4;}
.cust-calendario .custom-toolbar button {margin:0px !important;padding: 8px 15px;border: none;background-color: #5ca696;color: white;font-size: 14px;cursor: pointer;border-radius: 5px;}
.cust-calendario .custom-toolbar button:hover {background-color: #5ca696;}
.cust-calendario .custom-toolbar .date-title {font-size: 18px;font-weight: bold;}
.cust-calendario .fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {top: 51px;}

.legenda{margin: 10px 22px;}
.legenda .title{padding-bottom:10px}
.legenda ul{padding:0px;margin:0px}
.legenda ul > li{display: inline-block;}

.feedback{display:table;padding:10px 27px;}
.feedback .tot_feedback{text-align:center;padding-bottom: 18px;font-size: 25px;line-height: 30px;}
.feedback .group-voto{list-style:none;padding:0px;margin:0px;}
.feedback .group-voto li{display:inline-block;padding: 0px 40px;}
.feedback .group-voto li .list-voto{padding-bottom: 5px;}
.feedback .group-voto li .list-voto i{font-size: 30px;line-height: 40px;}
.feedback .group-voto li .list-voto i.ok{color:#009245}
.feedback .group-voto li .list-voto i.no{color:#f74445}
.feedback .group-voto li .p_rec{font-size: 19px;line-height: 25px;}
.feedback .group-voto li .t_rec{font-size: 16px;line-height: 20px;}
.feedback .list-star{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;font-size: 28px;line-height: 30px;}
.feedback .list-star i.full{color:#f4c15c;}
.feedback .list-star i.empty{color:#e7e7e7}
.feedback .table_rec_voto .progress.sm{height: 18px;}
.feedback .table_rec_voto .progress.sm .progress-bar-aqua{background-color:#f4c15c}
.feedback .table_rec_voto .voto{font-size: 16px;font-weight: normal;}
.feedback .table_rec_voto .trec{font-size: 16px;}
.feedback .boxvoto{display: flex;flex-direction: row;flex-wrap: wrap;padding-left: 10px;}
.feedback .boxvoto .votomedio{font-weight: bold;}
.feedback .boxvoto .totalevoto{font-size:20px}


@media only screen and (max-width:767px){
  .crm .row{margin-left:15px;margin-right:15px;overflow:hidden}
  .crm .row .col6.dx{width:100%;float:none;display:block;}
  .crm .row .col6.sx{width:100%;float:none;display:block;}
  #coda .help{padding: 20px 20px}
  #coda .help .ticket{padding-bottom:9px;}
  #coda .daisuke-footer img{padding: 0px 10px}
}

@media only screen and (min-width:768px){
  .dashboard .clients .box-cart{width: 139px;}
  .crm .row{margin-left:15px;margin-right:15px;overflow:hidden}
  .crm .row .col6.dx{width:100%;float:none;display:block;}
  .crm .row .col6.sx{width:100%;float:none;display:block;}
  .stats .box-day .box{height:130px}
  .stats .box-day .box .box-old.dx{float:none;width:100%}
  .stats .box-day .box .box-old.sx{float:none;width:100%}
  .feedback{padding: 10px 13px}
  .feedback .tot_feedback{font-size: 18px;padding-bottom: 10px;}
  .feedback .list-star{font-size: 20px;}
  .feedback .group-voto li .p_rec{font-size: 16px;}
  .feedback .group-voto li .t_rec{font-size: 14px;}
  .feedback .group-voto li{padding: 0px 10px;}
  .feedback .table_rec_voto .trec{font-size: 14px;}
  .feedback .table_rec_voto .voto{font-size: 14px;}
  .feedback .box1{width: 230px;}
  .feedback .box2{width: 500px;}
  .feedback .box3{width: 530px}
}

@media only screen and (min-width:992px){
  .crm .row{margin-left:15px;margin-right:15px;overflow:hidden}
  .crm .row .col6.dx{width:100%;float:none;display:block;}
  .crm .row .col6.sx{width:100%;float:none;display:block;}
  .feedback .tot_feedback{font-size: 20px;padding-bottom: 10px;}
  .feedback .list-star{font-size: 22px;}
  .feedback .group-voto li .p_rec{font-size: 16px;}
  .feedback .group-voto li .t_rec{font-size: 14px;}
  .feedback .group-voto li{padding: 0px 10px;}
  .feedback .table_rec_voto .trec{font-size: 14px;}
  .feedback .table_rec_voto .voto{font-size: 14px;}
  .feedback .box1{width: 20%;}
  .feedback .box2{width: 30%;}
  .feedback .box3{width: 30%;}
}

@media only screen and (min-width:1200px){
  .dashboard .clients .box-cart{width: 165px;}
  .crm .row{margin-left:15px;margin-right:15px;overflow:hidden}
  .crm .row .col6.dx{width:49%;float:left;}
  .crm .row .col6.sx{width:49%;float:right;}
  .feedback .tot_feedback{font-size: 22px;}
  .feedback .list-star{font-size: 24px;}
  .feedback .group-voto li .p_rec{font-size: 16px;}
  .feedback .group-voto li .t_rec{font-size: 14px;}
  .feedback .group-voto li{padding: 0px 20px;}
}

@media only screen and (min-width:1600px){
  .dashboard .clients .box-cart{width: 165px;}
  .stats .box-day .box{height:100px}
  .stats .box-day .box .box-old.dx{float:right;width:50%}
  .stats .box-day .box .box-old.sx{float:left;width:50%}
  .feedback .group-voto li{padding: 0px 30px;}
}