@charset "UTF-8";
/* CSS Document 2e83a3 celeste scuro*/

/*
MAGENTA SS: #c61a7e
MAGENTA SCURO SS: #a21363
CELESTE SS: #6cb7cc
CELESTE SCURO: #2e83a3
SCURO: #1f1f1f
BG: #282828
GIALLO: #ffc107
GRIGIO CHIARO: #f2f2f2
*/


html {}
body { margin: 0px; font-size: 18px; font-family: 'DIN', sans-serif; font-weight: 400; font-style: normal; line-height: normal; background: #282828; color: white }
main { padding-bottom: 90px }
.container { width: 100%; max-width: 1440px; margin: 0 auto; }
/* breakpoints */


.alert { z-index: }
.debug, .divdebug, .divdebug-att { position: absolute; background: #0aee29; padding: 10px; z-index: 99999; color: black; width: auto; display: none }
.divdebug-att { display: block }

/* MENU TOP */
.text-center.global-menu { position: fixed; opacity: 0; animation: slideDown 0.5s ease-out forwards; animation-delay: .2s; top: 0; left: 0%; transform: translateX(-50%) translateY(-100%); z-index: 1010; width: 100%; }

@keyframes slideDown { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

.global-menu .icsma { font-size: 1rem;  display:inline-block; color:#999999 }
.global-menu .nav-link:hover .icsma { color:#ffffff; }
.global-menu .nav-link { padding: 8px; transition: transform .2s ease; }
.global-menu .nav-link:hover { transform: scale(1.3); color:#ffffff }
.global-menu .dropdown-toggle::after { display: none !important; }

.global-menu .dropdown-menu { display:block; opacity:0; visibility:hidden; transform:translateY(-5px); transition:all 0.25s ease; margin-top:0; }
.global-menu .dropdown:hover > .dropdown-menu { opacity:1; visibility:visible; transform:translateY(0); }
/* .global-menu .nav-link:not(.dropdown-toggle) { cursor: default; } */
.global-menu .omb { box-shadow: 0px 10px 20px -15px #000000 }

/* SCRITTE SOTTO IL MENU, RIMOSSO
.global-menu .nav-link::after { content: attr(data-label); position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: -13px; background: none; color: #999; font-size: 0.5rem; opacity: 0; pointer-events: none; white-space: nowrap; transition: opacity .2s ease, transform .3s ease; }
.global-menu .nav-link:hover::after { opacity: 1; transform: translateX(-50%) translateY(2px); }
*/

/* FINE MENU TOP */


.boxzoom { opacity: 0; transform: scale(0.9); animation: zoomIn 0.5s ease forwards; }

/* sequenza uno dopo l’altro */
.dashboard-wrapper .row > div:nth-of-type(1) { animation-delay: 0.1s; }
.dashboard-wrapper .row > div:nth-of-type(2) { animation-delay: 0.2s; }
.dashboard-wrapper .row > div:nth-of-type(3) { animation-delay: 0.3s; }
.dashboard-wrapper .row > div:nth-of-type(4) { animation-delay: 0.4s; }
.dashboard-wrapper .row > div:nth-of-type(5) { animation-delay: 0.5s; }
.dashboard-wrapper .row > div:nth-of-type(6) { animation-delay: 0.6s; }
.dashboard-wrapper .row > div:nth-of-type(7) { animation-delay: 0.7s; }
.dashboard-wrapper .row > div:nth-of-type(8) { animation-delay: 0.8s; }
.dashboard-wrapper .row > div:nth-of-type(9) { animation-delay: 0.9s; }

@keyframes zoomIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }



b, strong { font-weight: 700; }
a { display: inline-block; text-decoration: none }
* { transition: all 0.2s; }
p { margin: 0 }
.text-dark { color: #333332!important }
.text-gray { color: gray }

.breadcrumb-item, .breadcrumb-item a, .breadcrumb-item::before { color: #fff !important; }

.num-col { opacity: .5; font-size:.8rem; line-height:1; display:inline-flex; align-items:center }
.max-35 { max-width: 35px; width: 35px; }
.max-40 { max-width: 40px; width: 40px; }

mai { text-transform: uppercase }
mai b { color: #c61a7e}


.obb { color:#c61a7e; font-weight:900; margin-left:4px; }
.disno { display: none!important }

.table tbody { counter-reset: righe; }
.table tbody tr td[data-column="num-col"]::before { counter-increment: righe; content: counter(righe); opacity:.5; font-size:.8rem; line-height:1; display:inline-flex; align-items:center }



.table-danger { background: #f8d7da;}
.table-danger td { background: #f8d7da; color: rgb(114, 28, 36)!important  }

.titpag { font-weight: 700; text-transform: uppercase; background: #f2f2f2; padding: .5rem .7rem; border-radius: .2rem; color: #282828 }

a.titpag.btn-primary:hover { color: #ffffff }

.tooltip-inner { text-align: left !important }

.lab-3col { max-width: 94%;   overflow: hidden; }

.bg_w01 { background: rgba(255,255,255,.1)}
.bg_black { background: #111111 }
.bg_b05 { background: rgba(0,0,0,5)}
.bg_b09 { background: rgba(0,0,0,9)}

.select2-results, .select2-selection__choice__display { color: #333332 }

.select2-container--default .select2-selection--multiple.select2-selection--clearable { background: none; border: none}

.select2-container--default .select2-selection--multiple .select2-selection__choice { padding: 0; display: inline-flex; align-items: center; height: 33px; margin-left: 0; margin-top: 0; margin-bottom: 10px; margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { position: relative; text-align: center; margin: 0 auto; min-width: 30px; border-radius: 0; border: none; height: 100% }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove > span { font-size: 1.5rem; line-height: 1 }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { }

.select2-container--default .select2-selection--multiple .select2-selection__choice__display { justify-content: center; display: flex; padding: 5px 7px 4px 7px; align-items: center; border-left: 1px solid #aaa; height: 100% }
.select2-container--default .select2-selection--multiple .select2-selection__choice__display > span { display: flex; align-items: center; padding: 2px 5px 0 0; }

.select2-container--default .select2-selection--multiple .select2-selection__clear { height: 25px; width: 25px; background: #999999; margin: 0; padding: 0; /*display: flex;*/ align-items: center; justify-content: center; top: 50%; transform: translateY(-50%); right: 3%; border-radius: 3px; color: white; display: none }

.select2-container--default .select2-search--inline .select2-search__field { padding-left: 8px; color: white }
/*
.select2-container--default .select2-selection--multiple { background: none!important; border: none; box-shadow: none !important }

#selectedTablesList .select2-container--default .select2-selection--multiple { background: none; border: none; box-shadow: none }
*/
.select2-container--default .select2-selection.select2-selection--multiple { background: none; border: none;
  box-shadow: none; }


.select2-selection__choice { position: relative; padding-right: 32px !important; }
.set-default-payment, .set-default-delivery { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); cursor: pointer; color: #666; z-index: 999; }
.set-default-payment.active, .set-default-delivery.active { color: #ffc107 !important; }


/*
.select2-container--default.select2-container--focus .select2-selection--multiple { border: none }
*/

/* prefisso telefono più stretto
#phone_prefix + .select2 { width: 230px !important }
#phone_2_prefix + .select2 { width: 230px !important }

#phone_prefix + .select2 .select2-selection, #phone_2_prefix + .select2 .select2-selection { border-radius: 5px 0 0 5px }
 */

.phone-prefix + .select2 { width: 230px !important; }
.phone-prefix + .select2 .select2-selection { border-radius: 5px 0 0 5px; }

.select-100 { max-width: 100px; width: 100%; }

/* SINGLE: allinea altezza/padding/border/colore al .form-control */
.select2-container .select2-selection--single { height: calc(2.5rem + 2px)!important; padding: .375rem .75rem; line-height: 1.5; border: var(--bs-border-width) solid var(--bs-border-color); background-color: var(--bs-body-bg); color: var(--bs-body-color); border-radius: var(--bs-border-radius); }

/* testo dentro la singola */
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1.5; color: var(--bs-body-color); padding-left: 0; }

/* freccia verticale centrata */
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; }

/* MULTIPLE: altezza e bordo coerenti */
.select2-container .select2-selection--multiple { min-height: calc(2.25rem + 2px); padding: .125rem .25rem; border: var(--bs-border-width) solid var(--bs-border-color); background-color: var(--bs-body-bg); color: var(--bs-body-color); border-radius: var(--bs-border-radius); }

/* dropdown dark mode coerente */
.select2-container .select2-dropdown { background-color: var(--bs-body-bg); color: var(--bs-body-color); border-color: var(--bs-border-color); }

/* highlight opzione */
.select2-results__option--highlighted { background-color: #2e83a3; color: #fff; }

/* campo search inside dropdown in dark */
.select2-search--dropdown .select2-search__field { background-color: var(--bs-body-bg); color: var(--bs-body-color); border: var(--bs-border-width) solid var(--bs-border-color); }

/* chip multiple: testo scuro già ok, bordo separatore tolto per look pulito dark */
.select2-container--default .select2-selection--multiple .select2-selection__choice { border: 1px solid #aaa; }


input.datepicker { padding: .6rem .8rem; }
.discount_time_desc { max-height: 135px }






.me-2.bgcol {width: 22px; height: 22px; margin-top: -3px; border: 1px solid #aaa;}

.relative { position: relative }
.view-pass { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; color: #686868 }





h1, h2, h3, h4, h5, h6 { font-weight: 400!important; font-style: normal; margin: 0 0 0.5rem 0; padding: 0; }
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.3rem; }
h5 { font-size: 1.1rem; }
h6 { font-size: .9rem; }

.fs1, a.fs1, p.fs1 { font-size: 2.5rem; }
.fs2, a.fs2, p.fs2 { font-size: 2rem; }
.fs3, a.fs3, p.fs3 { font-size: 1.6rem; }
.fs4, a.fs4, p.fs4 { font-size: 1.3rem; }
.fs5, a.fs5, p.fs5 { font-size: 1.1rem; }
.fs6, a.fs6, p.fs6 { font-size: .9rem; }
.fs7, a.fs7, p.fs7 { font-size: .85rem; }
.fs8, a.fs8, p.fs8 { font-size: .8rem }
.fwn { font-weight: normal }
.fwb { font-weight: bold }

.mt-6 { margin-top: 2rem }
.mb-6 { margin-bottom: 2rem }
.gx-6 { --bs-gutter-x: 2.5rem }

.list-unstyled a:hover { opacity: .6; }

.icbig { font-size: 1.3rem; margin: -3px 0 0 6px; }

.bla, a.bla, p.bla { color: #333333!important }
a.bla:hover { color: #000000 }

.gia, a.gia, p.gia { color: #ffc107!important }
a.gia:hover { color: #ffc107!important }


.cel, a.cel, p.cel { color: #6cb7cc }
a.cel:hover { color: #2e83a3 }


.mag, a.mag, p.mag { color: #c61a7e }
a.mag:hover { color: #a21363 }

.ros, a.ros, p.ros { color: #dc3545 }
a.ros:hover, p.ros:hover { color: #dc3500 }


.ver, a.ver, p.ver { color: #198754 }
a.ver:hover, p.ver:hover { color: #198754 }


.gri, a.gri, p.gri { color: #999999 }
 a.gri:hover, p.mag:hover { color: #888888 }

.bia, a.bia, p.bia { color: #ffffff }
a.bia:hover, p.bia:hover { color: #dddddd }

gr { color: gray!important }


/* LINK PAGINE IN TABELLA */
.container.desings table td a { color: #ffffff; padding: 1px 4px; border-radius: 5px; }
.container.desings table td a:hover { background: rgba(0,0,0,.3)  }



.bg-dark, .bg-bla { background-color: #1f1f1f!important; }
.bg-ner { background-color: #000000!important;  }

.bg-gia { background-color: #ffc107!important; }
.bg-cel { background-color: #2e83a3!important; }
.bg-ros, .bg-red { background-color: #dc3545!important; }
.bg-mag { background-color: #c61a7e!important; }
.bg-bia { background-color: #efefef!important; }
.bg-gri { background-color: #999999!important; }
.bg-scu { background-color: #666666!important; }
.bg-piuscu { background: #282828!important }
.bg-ver { background-color: #198754!important; }
.bg-pag { background-color: #282828!important; }
.bg-dis { background-color: #51575c!important; }
.bg-dis:active, .bg-dis:focus { border:none }


.btn-icbig, .btn-icnorm, .btn-icpic, .btn-icsma, a.btn-icbig, a.btn-icnorm, a.btn-icpic, a.btn-icsma { border:1px solid transparent; color: none; background: none; padding: 0; display: inline-flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 5px; flex-shrink:0 }

.btn-icbig, a.btn-icbig { width: 37px; height: 37px }

.btn-icnorm, a.btn-icnorm { width: 35px; height: 35px }
.btn-icpic, a.btn-icpic { width: 25px; height: 25px }

.btn-icsma, a.btn-icsma { width: 22px; height: 22px; }

.btn-toggle-cards, a.btn-toggle-cards { padding: .7rem!important; margin-top: 0px!important }


.btn-icbig i, a.btn-icbig i { font-size: 1.5rem }
.btn-icnorm i, a.btn-icnorm i { font-size: 1.2rem }
.btn-icpic i, a.btn-icpic i { font-size: .8rem }
.btn-icsma i, a.btn-icsma i { font-size: 1rem }

i.fontsma { font-size: .9rem!important }

i.fsb { font-size: 1.5rem }
i.fsn { font-size: 1.2rem }
i.fss { font-size: .9rem }


.btn-icbig.att, a.btn-icbig.att { background: #ffffff40; }
.btn-icnorm.att, a.btn-icnorm.att { background: #ffffff40; }
.btn-icpic.att, a.btn-icpic.att { background: #ffffff40; }




.col-mag, a.col-mag { background: #c61a7e; color:  white; border: 1px solid #a21363 }
.col-mag:hover, a.col-mag:hover { background: #a21363; color: white; }

.col-ros, a.col-ros { background: #dc3545; color:  white; border: 1px solid #dc3545 }
.col-ros:hover, a.col-ros:hover { background: #dc3545; color: white; }

.col-gri, a.col-gri { background: gray; color:  white; border: 1px solid gray }
.col-gri:hover, a.col-gri:hover { background: #666; color: white; border-color: #666 }

.col-gri.dis { cursor: default; }
.col-gri.dis:hover { background: gray }

.col-ver, a.col-ver { background: #198754; color:  white; border: 1px solid #157347 }
.col-ver:hover, a.col-ver:hover { background: #157347; color: white; }

.col-ner, a.col-ner { background: #333333; color: white; border: 1px solid #222222 }
.col-ner:hover, a.col-ner:hover { background: #222222; color: white; }

.col-gia, a.col-gia { background: #ffc107; color:  #1f1f1f; border: 1px solid #cc9a06 }
.col-gia:hover, a.col-gia:hover { background: #cc9a06; color: #1f1f1f; }

.col-cel, a.col-cel { background: #2e83a3; color:  #efefef; border: 1px solid #2e83a3 }
.col-cel:hover, a.col-cel:hover { background: #6cb7cc; color: #efefef; }


.btn.btn-ic { padding: 0; font-size: 1.5rem }
.btn.btn-ic:focus { outline: none }
.btn.btn-ic:active { border-color: transparent;  }


.ic-bia, a.ic-bia { color: #ffffff }
.ic-bia:hover, a.ic-bia:hover { color: #ffffff80 }

.quantity-copy-all.ic-bia:hover { color: #ffffff }


.ic-mag, a.ic-mag { color: #c61a7e }
.ic-mag:hover, a.ic-mag:hover { color: #a21363 }


.ic-red, a.ic-red { color: #dc3545 }
.ic-red:hover, a.ic-red:hover { color: #dc3545 }



.ic-cel, a.ic-cel { color: #2e83a3 }
.ic-cel:hover, a.ic-cel:hover { color: #6cb7cc }

.ic-gia, a.ic-gia { color: #ffc107 }
.ic-gia:hover, a.ic-gia:hover { color: #ffc107 }
.ic-gia.occ:hover, a.ic-gia.occ:hover { cursor: pointer }


.ic-ver, a.ic-ver { color: #198754 }
.ic-ver:hover, a.ic-ver:hover { color: #157347 }

.ic-ner, .ic-bla, a.ic-ner, a.ic-bla { color: #333333 }
.ic-ner:hover, .ic-bla:hover, a.ic-ner:hover, a.ic-bla:hover { color: #000000 }

.ic-gri, a.ic-gri { color: #999999 }
.ic-gri:hover, a.ic-gri:hover { color: gray }

.ic-gri.occ:hover, a.ic-gri.occ:hover { color: #999999 }


.ic-dis, a.ic-dis { color: #b1b1b1!important }
.ic-dis:hover, a.ic-dis:hover { color: #b1b1b1!important; cursor: default }
.ic-dis:active, a.ic-dis:active, .ic-dis i:active, a.ic-dis i:active  { boder:none; color: #b1b1b1!important  }

.ic-gia.attdis,  .ic-gia.attdis:hover, a.ic-gia.attdis:hover { color: #ffc107; cursor:pointer }
.ic-gri.attdis:hover, a.ic-gri.attdis:hover { color: #ffffff; cursor: pointer }


.icbtn { border-radius: 5px; width: 40px; height: 40px; align-items: center; display: inline-flex; justify-content: center; border: 2px solid #efefef }


.btn-whatsapp { background-color: #25D366; color: #fff; }
.btn-whatsapp:hover { background-color: #1ebe5d; color: #fff; }


.order-cli { display: block; font-size: .9rem; font-weight: normal; max-width: 215px; overflow: hidden; white-space: nowrap }


ev-gri, ev-cel, ev-bia, ev-mag { font-size: 1.5rem; font-weight: bold; padding: .05rem 0.4rem; border-radius: 5px; margin: 0 3px 0 5px; display:inline-block; }

ev-gri { background: rgba(255,255,255,.3); }
ev-cel { background: #2e83a3; }
ev-mag { background: #c61a7e; color: #ffffff }
ev-bia { background: rgba(255,255,255,1); color: #1f1f1f }


/* checknox */
.p-05 { padding: .5rem .5rem }
tr.sel-del td { opacity: .5; }
tr.sel-del td[data-column="actions"] { opacity: .9; }
tr.sel-del td[data-column="actions"] a.btn, tr.sel-del td[data-column="actions"] button { cursor: default; opacity: .5 }
.chk{ display:inline-flex;align-items:center;cursor:pointer }
.chk input { opacity:0;width:0;height:0;position:absolute }
.chk .chkbox{ width:18px;height:18px;border:2px solid #aaa;border-radius:4px; display:flex;align-items:center;justify-content:center; transition:all .15s ease;background:#2b2b2b }

.chk.gri .chkbox { background:#666; border:2px solid #666; cursor:default;}

.chk input:checked + .chkbox{ border-color:#ffc107;background:#ffc107 }
.chk input:checked + .chkbox::after { content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900; font-size:12px;color:#000 }

.disabled-block { opacity: .5; pointer-events: none; }


tr.tr-dis td img { opacity: .4 }
tr.tr-dis td, tr.tr-dis td a { color: gray!important }
/*tr.tr-dis td i.fa-pen { color: white }*/
tr.tr-dis td i { color: gray }
tr.tr-dis td a.btn, tr.tr-dis td button { background: gray; border:gray }
tr.tr-dis td a.btn i, tr.tr-dis td button i { color:#bfbfbf }

/*
.btn-add { display: flex; align-items: center; color: white; background: #1f1f1f; height: 30px; width: 30px; border-radius: 5px }
.btn-add:hover { color: #ffffff90 }

.btn-add i { font-size: 3rem;}
.btn-add i:hover { }

.icon-big i { font-size: 2.7rem  }
*/



/*
.bg-mag { font-size: 2.5rem; color: #c61a7e; background: white }
.bg-mag:hover { color: #a21363; }
*/


/* MENU INDEX */
.menu_box .dropdown-menu { background-color: #565e64; border: none; border-radius: 0.25rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); padding: 0; margin: 0; }
.menu_box .dropdown-item { color: #fff; padding: 0.5rem 1rem; transition: background-color 0.2s, color 0.2s; }
.menu_box .dropdown-item:hover { background-color: #3d3d3d; color: #fff ; }
.menu_box .dropdown-item.active { background-color: #2e83a3 ; color: #fff }



/* QUICK SEARCH  */


#quicksearchInput { background:rgba(255,255,255,.7); border:1px solid gray; outline:none; box-shadow:none; padding-right:130px; }
#quicksearchInput.focused, #quicksearchInput.has-value { background:rgba(255,255,255,.9); }
#quicksearchInput::placeholder { font-size:1.2rem; }

#noResultsMessage { display:none; position:absolute; right:30px; top:50%; transform:translateY(-50%); background:#ffc107; color:#fff; padding:3px 10px; border-radius:5px; font-size:1rem; }
.search-wrapper i { position:absolute; right:10px; top:50%; transform:translateY(-50%); cursor:pointer; display:none; color:#1f1f1f; }
.config_desgin .search-wrapper { display:none; }




/*
#noResultsMessage  { right:  220px }
*/










.card { border-color:unset; background: none; color: white; border: none; /*box-shadow: rgba(0,0,0,0.6) 0 12px 16px -10px;*/ font-weight: 200; text-transform: uppercase; font-size: .9rem; }

.card-body { padding: 0 }
#filterForm { padding:0; position: relative; }
#filterForm div.col-md-1, #filterForm div.col-md-2, #filterForm div.col-md-3 { display: flex;
flex-direction: column;
align-items: flex-start;
gap: .3rem; }
#filterForm input, #filterForm select { max-width: 80% }
#filterForm input::placeholder, #filterForm select::placeholder { font-weight: bold}


/*
#filterForm i.r-md1 { right: 15% }
#filterForm i.r-md2sel { right: 17.5% }
#filterForm i.r-md2 { right: 15% }
#filterForm i.fa-circle-xmark .r-3 { right: 30% }
#filterForm i.fa-circle-xmark .r-2 { right: 20% }
*/

.form-control { font-size: 1rem }
textarea.form-control { font-size: 1.2rem }
.form-control::placeholder { font-size: .9rem; color: gray }

/* Stile icone filtro */
.cont_filtri .fa.fa-eye, .cont_filtri .fa.fa-eye-slash { /* position: absolute; top: 50%; right: 7%; transform: translateY(-50%);*/ font-size: 1.2rem; color: #e9ecef; cursor: pointer; z-index: 10; }
.cont_filtri .fa.fa-eye-slash { color: #6a6a6a; }


.cont_filtri .filter-input:disabled { background-color: rgba(255,255,255,.2)!important; cursor: default; border: unset; border-radius: 5px; }
.cont_filtri .filter-input:disabled::placeholder { color:rgba(255,255,255,.5) }


.clear-icon { /* position: absolute; top: 50%; right: 0; transform: translateY(-50%);*/ font-size: 1.2rem; cursor: pointer; z-index: 10; color: #dc3545 }
.clear-icon:hover { color: #6a6a6a }





.filter-wrapper { display:flex; flex-direction:column; width:100%; }
.input-row { display:flex; align-items:center; gap:6px; }
.wildcards { margin-top:3px; display:flex; flex-wrap: wrap; gap:4px; }
.wc-btn { padding:0px 4px; border:1px solid #777; border-radius:4px; cursor:pointer; font-size:11px; }
.wc-btn.wc-info { background: #ffc107; color: black }
.wc-btn:hover { background:#444; color:white; }
.wc-btn.wc-active { background:#2e83a3; border-color:#2e83a3;}




input[name="client_search_mode"]:checked + .wc-btn { background:#ffc107; color:#000; }

input[name="client_search_mode"]:disabled + .wc-btn { opacity:.5; cursor:default; }








.table-responsive { border-radius: 5px; /*box-shadow: rgba(0, 0, 0,.8) 0 12px 16px -10px*/ }
tbody, td, tfoot, th, thead, tr { border: none }
.nowrap { white-space: nowrap }



.table { --bs-table-bg: none; --bs-table-border-color: none; --bs-table-color-type:none;  margin-bottom: 0; }
.table > thead { vertical-align: top; background: #1f1f1f;}
.table > thead th { padding: 0; white-space: nowrap }

.table-striped > tbody > tr > * { color: white; background: rgba(255,255,255,.1)  }
.table-striped > tbody > tr:nth-of-type(2n+1) > * { color: white; background: rgba(255,255,255,.2) }

.table-striped > tbody > tr:nth-of-type(2n+1) > td.tdimg { background: rgba(255,255,255,1)  }
.table-striped > tbody > tr:nth-of-type(2n) > td.tdimg { background: rgba(255,255,255,1) }


.table-striped > tbody > tr:hover { }
.table-striped > tbody > tr:nth-of-type(2n+1):hover {  }

.table-striped tbody td { border-left: 1px solid #282828 }
.table-striped tbody td:first-child { border-left: none }


table td[data-column="id"] { width:50px }

td.tdimg { width: 30px; text-align: center; vertical-align: top; padding: 5px; border-bottom:1px solid #4e4e4e }
td.tdimg img { max-width: 105px; max-height: 105px }
th.tdactions { width: 90px }

#designsTableBody td[data-column="tag"] span, #designsTableBody td[data-column="subtag"] span { padding: 2px 5px; border-radius: 3px; border: 1px solid rgba(255,255,255,.5); display: inline-block; cursor: pointer; color:inherit }
#designsTableBody td[data-column="tag"] span a, #designsTableBody td[data-column="subtag"] span a { color: white }

#designsTableBody td[data-column="tag"] span:hover, #designsTableBody td[data-column="subtag"] span:hover { background: rgba(0,0,0,.3) }

.btnnum { padding: 2px 5px; border-radius: 3px; border: 1px solid rgba(255,255,255,.5); display: inline-block; cursor: pointer; color:inherit }
.btnnum:hover { background: rgba(0,0,0,.3) }





.boxevi, a.boxevi { padding: 2px 5px; border-radius: 3px; border: 1px solid rgba(255,255,255,.5); display: inline-block; color:#ccc; font-size: 1rem; }
.boxevi:hover, a.boxevi::hover { background: rgba(0,0,0,.3) }



#categories_container, #zip_container { transition: opacity .2s ease; width: 100% }
#categories_container label, #zip_container label { width: 100%}
.vis-0 { visibility: hidden; opacity: 0; }
.vis-05 { visibility: visible; opacity: 0.5; }
#product_ids_import + .select2-container .select2-selection--multiple { margin-left:-5px }
#import_mode_wrapper { min-height: 150px; position: relative; }
#cont_generic-product { background: rgba(255,255,255,.1); width: 100%; margin: 0 auto; border-radius: 5px }

/*.btn.btn-sm { padding: 0; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px;} */
/*.btn.btn-warning:hover { filter: brightness(70%); }*/

.btn.btn-warning:hover { background: #cc9a06 !important; border-color: #cc9a06 }

.spanall, .spanempty, .spansino { display: inline-block; padding: 2px 5px 1px 6px; border: 1px solid #aaa; background: rgba(0,0,0,.1); border-radius: 3px; font-size: 1rem }

.spanall { border:1px solid rgba(255,255,255, .5); color: rgba(255,255,255, .5) }
.spanall.bia { border:1px solid rgba(255,255,255, 1); color: rgba(255,255,255, 1) }
.spanall.cel { border:1px solid #2e83a3; color: #2e83a3 }

.spanall.bg-cel { background: #2e83a3; border:1px solid #2e83a3; color: #fff; font-weight: 500; font-size: .7rem!important; width: 47px }

.bg-piu { background: rgb(255,255,255,.8); color: #1f1f1f }

.idtit { font-size: .9rem; font-weight: 300; display: inline-block; padding: 2px 3px 1px 3px; border: 1px solid #aaa;; background: #efefef; border-radius: 3px }
.idtit::before { content: "ID "; font-size: .7rem }
.idtit::after { content: ""; }

.numev { display: inline-block; padding: 2px 5px 1px 6px; background: rgba(0,0,0,.1); border-radius: 3px; font-size: inherit }

.numev.mag { color: #dc3545; margin-right: 8px }
.numev.ros { color: #dc3545; margin-right: 8px }
.numev.gia { color: #ffc107; margin-right: 8px }
.numev.cel { color: #2e83a3; margin-right: 8px }
.numev.ver { color: #188653; margin-right: 8px }
.numev.bia { color: #ffffff; margin-right: 8px }
.numev.gri { color: #aaaaaa; margin-right: 8px }
.numev.ner, .numev.bla { color: #000000; margin-right: 8px }

.evid { padding: 4px 8px 2px 8px; background: rgba(0,0,0,.5); border-radius: 3px; display: inline-block; }
.evid.gia { padding: 4px 8px 2px 8px; background:#ffc107; border-radius: 3px; display: inline-block; color: #1f1f1f!important }
.evid.gia:hover { color: #1f1f1f!important }

.cupo, .cursor-pointer { cursor: pointer}

ev { padding: 4px 8px 2px 8px; background: rgba(0,0,0,.5); border-radius: 3px; display: inline-block; }


.spanempty { background: none; border: none}


.sort-header, .sort-header.sorted, span.nosort { display: flex; height: 40px; padding: 0; align-items: center }
.sort-header:hover, .sort-header.sorted:hover, span.nosort:hover { color:#c61a7e!important }

.sort-header.sorted { color: #c61a7e!important; }
span.nosort { margin-left: .5rem }
span.nosort:hover { color: unset!important; user-select: none;  }
.sort-header.sorted i.fa-sort-up, .sort-header.sorted i.fa-sort-down, .sort-header i.fa-sort { transition: none; display: flex; height: 100%; align-items: center; padding: .5rem }

.fa-sort-up::before { top: 0.3em; position: relative; }
.fa-sort-down::before { top: -0.2em; position: relative; }


.text-fb { color: #1877F2 }
.text-ig { color: #fb1dbe }
.text-fb:hover { color: #1877F280 }
.text-ig:hover { color: #fb1dbe80 }



.mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt30 { margin-top: 30px; }

.ml5 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml25 { margin-left: 25px; } .ml30 { margin-left: 30px; }

.mr5 { margin-right: 5px; } .mr10 { margin-right: 10px; } .mr15 { margin-right: 15px; } .mr20 { margin-right: 20px; } .mr25 { margin-right: 25px; } .mr30 { margin-right: 30px; }

.mb4 { margin-bottom: 4px; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb14 { margin-bottom: 14px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb25 { margin-bottom: 25px; } .mb30 { margin-bottom: 30px; }





.pt5 { padding-top: 5px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt25 { padding-top: 25px; } .pt30 { padding-top: 30px; }

.pl5 { padding-left: 5px; } .pl10 { padding-left: 10px; } .pl15 { padding-left: 15px; } .pl20 { padding-left: 20px; } .pl25 { padding-left: 25px; } .pl30 { padding-left: 30px; }

.pr5 { padding-right: 5px; } .pr10 { padding-right: 10px; } .pr15 { padding-right: 15px; } .pr20 { padding-right: 20px; } .pr25 { padding-right: 25px; } .pr30 { padding-right: 30px; }

.pb5 { padding-bottom: 5px; } .pb10 { padding-bottom: 10px; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .pb25 { padding-bottom: 25px; } .pb30 { padding-bottom: 30px; }



.cont-blocchi { }
.cont-sez { background: #1f1f1f; padding-top: 1rem }
.cont-blocchi .form-label { font-weight: 500; color: #ccc }

/* FORM
.form-check { display: flex; background: red; align-items: center; gap: .5rem; min-height: 1.5rem; padding: 0; }
*/
#form_prodotto h4, #form_design h4, #form_cliente h4, #form_address h4, #form_sconto h4, #form_subtag h4, #form_tag h4, #form_utente h4, #form_listino h4 { color:#c61a7e }




t-sel, p-sel, c-sel, g-sel, ca-tit, pr-tit, ca-stit { border: 1px solid gray;  margin: 0rem .5rem .2rem 0rem; padding: .2rem .4rem .15rem .4rem; display: inline-flex; border-radius: 4px; color: #999999; font-size: 1rem }

ca-tit { cursor: default; margin: 0; background: #c61a7e; color: #ffffff; border: 1px solid #c61a7e }
ca-stit { cursor: default; margin: 0; background: #ffc107; color: #282828; border: 1px solid #ffc107 }

ca-stit span { margin-left: .3rem; font-style: italic; display: none }




.tag-btn, .subtag-btn { background-color: #2e83a3 !important; border: 1px solid #2e83a3!important; color: white !important; transition: all 0.2s; border-radius:4px; text-transform: uppercase; }
.subtag-btn { text-transform: none; font-size: 1.1rem; }

.tag-btn:hover, .subtag-btn:hover { background-color: #6cb7cc !important }

.tag-btn.active, .subtag-btn.active { background-color: #ffc107!important; border-color: #ffc107!important; color: #1f1f1f !important; /* box-shadow: inset 0px 2px 2px 1px rgba(0,0,0,.8)*/ }


.cont_catalog h4 { color:#c61a7e }
.t-name { max-height: 40px; overflow: hidden; width: 100%; display: inline-block; line-height: normal }
.cont-img-cat { aspect-ratio: 1/1; }
.img-cat { object-fit: contain; background: #fff; padding: 5px; }
.col-6-cat { width: calc((100% - (5 * 1.5rem)) / 6) }
.full-tit-cat { width: 100%; border-left-color: #c61a7e!important }
.cont-pro { background: #2e83a3 }
.cont-var-cat { transition: transform 0.2s ease-in-out; background: #1f1f1f; cursor: default /*gap: 4px*/ }
.cont-var-cat:hover { transform: scale(1.9); z-index: 10 }
.var-col-cat { width: 20px; height: 20px; padding: 0rem .3rem 0rem .6rem }
.var-img-cat { width: 20px; height: 20px; object-fit: cover; }
.var-text-cat { font-size: .7rem; font-weight: bold; padding: .1rem .3rem; color: #999999 }



.preview_indirizzo h4 { color: white!important; margin-bottom: 0 }

#nomecli { font-weight: bold; text-transform: uppercase; }

.form-check {  }
.form-switch .form-check-input { margin-top: 1px; margin-right: 8px; }

.form-check-input:checked { background-color: #2e83a3; border-color: #2e83a3 }


.form-check-input.checkpro:checked { background-color: #198754; border-color: #198754 }


.box_notanostampa { max-height: 0; overflow: hidden; padding-top: 0; padding-bottom: 0; transition: max-height 0.3s ease, padding 0.3s ease; position: relative; z-index: 10; }
.box_notanostampa.show {  }
.areanostampa { max-height: 54px; line-height: normal;}
.selling_price { background: lightgoldenrodyellow; font-weight: 700;  border: 1px solid #198754; box-shadow: inset 0 0 0 1px #198754; }

.tot-cost, .tot-prof { background: none; border: none; color: white; padding-left: 0; font-size: 1.1rem }
.inp-b { font-weight: 700 }

.select2-search__field { min-height: 33px; line-height: 34px; padding-left: 10px }
.select2-search__field::placeholder {  }

#select2-variant_question_ids-container, #select2-tags-container, .variant-tags-container, #select2-tag_ids-container, #select2-product_ids-container { display: flex!important; flex-direction: column!important; align-items: flex-start; margin: 0 }

.select2-container .select2-selection--single .select2-selection__clear { font-size: 2rem; line-height: 0; height: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b { border-width:9px 8px 0 8px;   left: 0%; margin-left: -5px; margin-top: -5px; }

/* Stile Select2 quando disabilitato */
.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--disabled .select2-selection--multiple { opacity: .5; cursor: not-allowed }
.select2-container--default.select2-container--disabled .select2-selection__rendered { color: #6c757d }


/* Nasconde le select che devono diventare Select2 per evitare lo scatto */
.select2-export:not(.select2-hidden-accessible) { display: none; }





input[readonly], input[readonly]:focus { background-color: rgba(255,255,255,.2); border: none; border-radius: 5px; font-size: 1.5rem; padding: 0 .75rem;  cursor: default; box-shadow: unset; caret-color: transparent; }

input[readonly].reonl { background: unset; color: white; padding: 0; }
.cod-cat-scat input[readonly].reonl { max-width: 60px }


.variant-group-row .answer-select.form-select { height: 36px }
/* testo selezionato
.configuration-card .variant-question-select + .select2 .select2-selection__rendered { font-weight: 700; }
*/





.input-evi, select.input-evi + .select2 .select2-selection { border: 3px solid #2e83a3; background: lightcyan;  }
.col-pick { width: 150px; margin-left: 10px }

/*
.sel_varianti span.select2 { background: none; cursor: pointer }
.sel_varianti span.select2-selection { background: none; border: none; cursor: pointer; padding: 0  }
.sel_varianti span.select2-search textarea { color: white; cursor: pointer }
.sel_varianti .select2-selection__choice { }
*/

/*#variant_question_ids*/








/* DASHBOARD */
.mb-meno { margin-bottom: -.6rem }




.boxzoom { transition: transform 400ms  ease-in-out }
.boxzoom:hover { transform: scale(1.03) }
.boxzoom:hover .dashboard-box { box-shadow: rgba(0,0,0,0.4) 0 12px 16px -10px; transition: box-shadow 400ms ease-in-out; }


.header-wrapper { margin-bottom: 1rem; padding-top: .5rem; padding-bottom: .5rem}


/* DASHBOARD */
.container.dashboard-wrapper { border-radius: 5px; }
.dashboard-label-wrapper { display: flex; align-items: stretch; margin-bottom: 0; }

.label-icon { background: #1f1f1f; color: #6cb7cc; padding: 0.5rem; display: flex; align-items: center; justify-content: center; min-width: 50px; border-radius: .5rem 0 0 0; }
.label-icon i { font-size: 1.2rem; }
.label-text { background: #1f1f1f; color: white; font-weight: 700; text-transform: uppercase; font-size: 1rem; padding:0.75rem 1rem 0.75rem .2rem; border-radius: 0 .5rem 0 0; display: flex; align-items: center; }

.dashboard-box { background-color: #1f1f1f; box-shadow: rgba(0,0,0,0.6) 0 12px 16px -10px; color: white; padding: 1.5rem; border-radius: 0 .5rem .5rem .5rem; display: flex; flex-direction: column; flex-grow: 1; min-height: 220px; }
.dashboard-action-row { padding: 0.5rem 0.25rem; border-bottom: 1px solid rgba(255,255,255,0.05); }
.dashboard-action-label { font-weight: 600; color: white; font-size: 0.95rem; }
.dashboard-action-buttons a { white-space: nowrap; }



.status-swatch { display: inline-block; width: 25px; height: 25px; border-radius: 3px }
.nobox { padding: 0!important; border: 0!important;}





/* PAGINA ORDINI */
.cont-prod-gra { display: flex; flex-wrap: wrap; gap: 12px }

.box_prod_sel, .box_gra_sel { display: flex; flex-direction: column; justify-content: flex-start; width: calc(50% - 6px); background: #f3f4f6; padding: 6px 8px 6px 6px; color: #333332; border-radius: 6px }

.box_prod_sel img, .box_gra_sel img { width: auto; max-width: 100%; height: auto; max-height: 200px; border-radius: 4px }
.box_gra_sel img, .box_prod_sel img { cursor: pointer;  }

.cod-nom-pro, .cod-des-gra { margin-top: 10px }
.cod-nom-pro span, .cod-des-gra span { display: inline-block; width: 100% }


.senza-risposta { }
.multi-risposta { }
.singola-risposta { }


.cont-var { overflow: hidden }


.singola-risposta .cont-var { min-width: 49%; max-width: 49%; margin-right: 2% }
.senza-risposta .cont-var,
.nostampa-risposta .cont-var { min-width: 49%; max-width: 49%; margin-right: 2% }
.multi-risposta .cont-var { min-width: 32%; max-width: 32%; margin-right: 2% }


.box-var { display: flex; align-items: center }


.variant-name { flex: 1; display: flex; align-items: center; font-size: .95rem; font-weight: 400; line-height: 1 }




/* CART BUTTON */
.cont_cart_button { background: xblack }
.cont_cart_button .btn:disabled { background: gray !important; border: none; opacity: .4; }













/* GESTIONE ORDINE */

vr, vrg { background: #c61a7e; border: 1px solid #c61a7e; padding: 1px 4px 0px 4px; margin-right: 3px; color: white; }
vrg { background: #ccc; border: 1px solid #cccccc; margin-right: 3px; margin-left: 3px; padding: 5px 5px 3px; color: #1f1f1f; white-space: nowrap;  }





/* PAGINATORE */
.pagina {  }
.pagina ul.pagination { margin: 0 }

.pagina li.page-item a {   }
.pagina li.page-item a { background: #3d3d3d; border-color: #1f1f1f;  color: #cccccc  }
.pagina li.page-item a:hover { background: #1f1f1f; color:white }
.pagina li.page-item.active span { background: #2e83a3; border-color: #282828; }
.pagina li.page-item.disabled span  { background: #282828; border-color:#282828; color: #cccccc }

.pagina ul.pagination li.page-item:first-child a, .pagina ul.pagination li.page-item:last-child a { background: none; border-radius: 0; border: none; color:#cccccc }
.pagina ul.pagination li.page-item:first-child a:hover, .pagina ul.pagination li.page-item:last-child a:hover { color:#ffffff }

.pagina ul.pagination li.page-item:nth-child(2) a, .pagina ul.pagination li.page-item:nth-last-child(2) a { background: #1f1f1f; border-radius: 0 }
.pagina ul.pagination li.page-item:nth-child(2) a:hover, .pagina ul.pagination li.page-item:nth-last-child(2) a:hover { background: #0f0f0f;}

.perpagina, .perpaginatop { width: 100%; max-width: 35px; font-weight: bold; color: #cccccc; background: none; border: none; padding: 4px; margin-left: 5px; }
.perpagina:focus, .perpaginatop:focus { color: white; background: rgba(255,255,255,.3); outline: none !important; box-shadow: none !important; }

.perpaginatop { max-width: 45px; padding: 6px 6px; margin: 0 -8px 0 -5px; font-size: 1.1rem; background: rgba(255,255,255,.1)  }


#scrollSwitchBtn  { right: 0px; bottom: 90px; z-index: 9999; background: #282828; border-radius: 5px 0 0 5px; box-shadow: -8px 0px 15px -8px #1f1f1f; }
#scrollSwitchBtn:active { border-color:#282828 }
#scrollSwitchBtn:hover { box-shadow: none }
#scrollSwitchBtn:hover i { color: white }

#scrollSwitchBtn i { color: #ffc107; font-size: 22px; padding:2px 0 0 0;}
.scroll-fx { transform: translateX(100%); opacity: 0; animation: slideFromRight 0.6s ease-out forwards }

@keyframes slideFromRight {
from { transform: translateX(100%); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}












/* LIGHTBOX */

/*
#lightboxModal .modal-lg, #lightboxModal .modal-xl { --bs-modal-width: 100%; }
*/

#lightboxModal .modal-body { background: none }
#lightboxImage { background: rgba(255,255,255,1); padding: 20px }

#lightbox-close { position:absolute;top:-17px; right:-17px; color:white;font-size:2rem;cursor:pointer;user-select:none; background:#c61a7e;z-index:10;padding:0 10px;border-radius:5px; transform:none; }
#lightbox-close:hover { background: #a21363 }

#lightbox-nav span { position: absolute; top: 50%; transform: translateY(-50%); font-size: 3rem; color: white; cursor: pointer; user-select:none; padding: 0 10px; background: rgba(0,0,0,0.3); border-radius: 3px }
.img-thumb { cursor: pointer }

#lightbox-prev,#lightbox-next{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:35px;height:35px;color:white;font-size:1.1rem;cursor:pointer;user-select:none;background:#c61a7e;border-radius:3px;z-index:10; padding: 0 0px 1px 0;}

#lightbox-prev{left:-60px;}
#lightbox-next{right:-60px;}

#lightboxCaption { background: none }


.gallery-yes { position: absolute; color: #1f1f1f; padding: 2px; top: 0; left: 0; }


/* PAGINA PRODOTTI GALLERIE */
.gallery-container { padding-bottom: 20px; margin: 5px 10px 0 0; flex-wrap: wrap }
.cont_gall, .cont_princ { min-height: 370px }

.gallery-container .preview-wrapper { background: rgba(255,255,255,.95); padding: 10px;  }
.preview-wrapper { position: relative; display: inline-block; margin: 9px 9px 0px 0px; }
.preview-img { border: 1px solid #ddd; }
.preview-img-main { max-width: 200px; max-height: 200px; }
.preview-img-gallery { max-width: 140px; max-height: 140px; }

.preview-wrapper.img-upload { background: white; max-width: 230px; margin: 0px 10px 10px 0px; display: none }
.preview-wrapper.img-upload img { padding:10px }


#main-image-preview { margin: 20px 0 20px 0 !important; background: rgba(255,255,255,.95); padding: 10px }
.preview-img { border: none}


.delete-x, .delete-all-gallery { color: white; border-radius: 50%; cursor: pointer; font-size: 1.5rem; z-index: 10; background: gray; box-shadow: 0px 0px 5px #000; }
.delete-all-gallery { margin: 0 0 0.5rem 0 }
.delete-x { position: absolute; top: -10px; right: -10px;  }


.delete-x:hover { background-color: black; box-shadow: none }


#imageUpdateNotice { width: 100%; }
#imageUpdateNotice .btn-close { vertical-align: middle; }




.descinbox { text-transform: none; font-size:1rem; font-weight: 400;  }
.descIcon { cursor:pointer }


/* MODAL FIX */
.modal-content { color: #333332 }
/* Modal dark */
.modal-content { background-color: #1f1f1f; color: white; border: 1px solid #444; border-radius: 6px; }

/* Header modal */
.modal-header { border-bottom: 1px solid #333; }
.modal-title { color: #c61a7e; font-weight: 700; }
.btn-close { filter: invert(1); opacity: 0.8; }
.btn-close:hover { opacity: 1; }

.btn-close.close-ner { filter: unset  }

/* Body modal */
.modal-body { background-color: #1f1f1f; color: white; }

/* Footer modal */
.modal-footer { border-top: 1px solid #333; background-color: #1f1f1f; }

#exportModal .modal-content {
  box-shadow:
    0 12px 25px rgba(0,0,0,0.6),   /* ombra principale sotto */
    0 4px 10px rgba(0,0,0,0.3),    /* ombra laterale */
    0 -2px 6px rgba(0,0,0,0.2);    /* ombra sopra più leggera */
}

#csvKeysList .col-6.col-md-4 { max-width: 32%; margin-right: 1.3%; overflow: hidden }
#import {}
.dett_report .table > thead th { font-weight: normal }
.dett_report .table > thead th.gri, .dett_report .table > tbody td.gri { color: #999999 }
.dett_report .table > thead th.ver, .dett_report .table > tbody td.ver { color: #198754 }
.dett_report .table > thead th.gia, .dett_report .table > tbody td.gia { color: #ffc107 }
.dett_report .table > thead th.mag, .dett_report .table > tbody td.mag { color: #c61a7e }
.dett_report .table > thead th.cel, .dett_report .table > tbody td.cel { color: #2e83a3 }
.dett_report .table > thead th.ros, .dett_report .table > tbody td.ros { color: #dc3545 }


.dett_tab i { cursor:  pointer }



.tabr { color: #ffc107 }

.modal-backdrop.show {
opacity: .55;
 /* background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  */
}



/* Colonne nascoste */
.column-hidden { display: none }

/* Colonne visibili */
.column-visible { display: table-cell; }


/* REPORT IMPORT */
.import-report { background:#0d0d0d; border-radius:6px; padding:10px; }
.import-report-text { background:transparent; color:#ddd; font-family:monospace; font-size:0.9rem; max-height:400px; overflow:auto; white-space:pre-wrap; line-height:1.4; }

/*background:#111;color:#fff;padding:1rem;border-radius:8px;max-height:300px;overflow:auto;*/




/* INDEX ORDINI */

#ordersTableBody td:not([data-column="actions"]) a, .actiontab { position: relative; color: #aaa; line-height: 1.2rem; background: rgba(0,0,0,.4); padding: 5px 5px 1px 5px; border-left: 2px solid #dc3545; border-radius: 0px 3px 3px 0px; margin: 0 0 5px 0; cursor: pointer }

#ordersTableBody td:not([data-column="actions"]) a:hover, .actiontab:hover { color: #fff }
.actiontab.nobg { background: none; border-left: 2px solid #2e83a3 }
.actiontab.min { text-transform: lowercase }



/* LOADER CONCLUDI ORIDNE */
.ss-loader { display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,0.7); z-index:9999 }
.spinner-border { width:2rem; height:2rem; border-width:0.4rem; }
.text-loading { margin-top:16px; font-size:1.2rem }






/* BOZZE */
.boto-gia { boder-top: 1px solid #ffc107 }
.bobo-gia { boder-bottom: 1px solid #ffc107 }
.cont-dett-pro > thead { vertical-align: middle }

vari { display: inline-flex; align-items: center; color: white; text-transform: uppercase; white-space: nowrap; margin: 1px 4px 1px 0; background:none; border:none; padding: 0; }
.vr-box { width: 15px; height: 15px; margin-right: 6px; border-radius: 2px; flex-shrink: 0 }
.vr-valore { line-height: 1; }
.vr-valore::after { content: none; }









/* FOOTER */
.footer-logo { max-width: 150px; }
.footer-logo-q { width: 130px; margin: 0 0 0 -5px }

.footer-logo-small { max-width: 180px; }
.hr-short { max-width: 150px; }
.footer-title { font-size: 1.2rem; }

.logo-foot-v { display: block }
.logo-foot-q { display: none }














@media (max-width: 1024px) {

/* @media (min-width: 768px) and (max-width: 1024px) { */

.global-menu .nav-link { padding: 5px 5px 2px 5px }
.global-menu .icsma { font-size: 1rem }


.cont_action { flex-wrap:wrap }
.cont_action .action-left { margin-bottom: .7rem; width: 100% }
.cont_action .btn-icbig.col-mag { margin-right: auto!important }


.riepilogo_desgin_pro .cont_action,  { flex-wrap:nowrap }
.riepilogo_desgin_pro .cont_action .action-left { width:auto;margin-bottom:0 }
.riepilogo_desgin_pro .cont_action .action-right { width:auto }

.config_desgin .cont_action,  { flex-wrap:nowrap }
.config_desgin .cont_action .action-left { width:auto;margin-bottom:0 }
.config_desgin .cont_action .action-right { width:auto }




.logo-foot-q { display: block }
.logo-foot-v { display: none }


}

/* TELEFONI */
@media (max-width: 767px) {





.global-menu .nav-link { padding: 4px 3.5px 1px 3.5px }
.global-menu .icsma { font-size: .9rem }


/* HEDADER */
.header-wrapper { margin-bottom: 0}
.header-wrapper > .d-flex{align-items:center!important}
.header-wrapper .lh-1{display:none!important}
.header-wrapper .logo_header{max-width:210px;height:auto}
.header-wrapper > .d-flex > .d-flex{margin-top:0!important;gap:.5rem}





/* ACTION BAR */
.cont_action{flex-wrap:wrap;gap:.6rem}
.cont_action .action-left,.cont_action .action-right{flex:0 0 100%;width:100%}

.cont_action .action-left{flex-wrap:wrap;align-items:center;row-gap:.6rem}
.cont_action .action-left > *{flex-shrink:0}

.cont_action .search-wrapper{order:1;flex:1 1 auto;max-width:180px;margin-left:auto}
.cont_action .search-wrapper input{height:25px;font-size:.85rem;padding:.2rem .5rem}

.cont_action #perPageInput,.cont_action .perpaginatop{order:10}
.cont_action .d-flex.flex-column.align-items-center{order:11}

/*.cont_action .titpag{order:12;margin-left:.8rem;white-space:nowrap}*/


.cont_action .action-right{flex-wrap:wrap;justify-content:flex-start;gap:.6rem}

.btn-icnorm, a.btn-icnorm { height: 25px; width: 25px }
.btn-icnorm i, a.btn-icnorm i { font-size: .9rem;}

#filtersHeader .btn.btn-secondary { height: 25px; width: auto; padding: 0rem .3rem .1rem .3rem }
#filtersHeader .btn.btn-secondary i { font-size: .9rem;}

.cont_action .btn-icbig.col-mag { width: 25px; height: 25px;}
.cont_action .btn-icbig.col-mag i { font-size: .9rem }

.cont_action #quicksearchInput { height: 28px; margin-bottom: -2px }

}

/* KPI CARDS */
.kpi-card { border-radius: 6px; padding: .6rem 1rem; min-width: 220px; display: inline-block; }
.kpi-label { font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; color: #adb5bd; margin-bottom: .15rem; }
.kpi-value { font-size: 1.45rem; font-weight: 700; line-height: 1.2; }
.kpi-delta { font-size: .75rem; margin-top: .2rem; }
.kpi-delta .neu { color: #6c757d; }