body{
    background-image: url(/images/background2.jpg);
    background-size: cover;
	image-rendering: -webkit-optimize-contrast;
}

.window-waiter{
    position: relative;
}
    .window-waiter .window-text{
        text-align: center;
    }
    .window-waiter .window-image{
        text-align: center;
    }

.toast-success,
.toast-warning,
.toast-error,
.toast-info{
    left: unset !important;
    right: 10px;
}

/* TOAST INFO */
.toast-info,
.toast-info .x-window-header,
.toast-info .x-title-text{
    background-color: #1f82df;
    color: white;
}
.toast-info .x-window-body{
    background-color: #1f82df;
    border-color: #1f82df;
}
/* TOAST INFO */

/* TOAST SUCCESS */
.toast-success,
.toast-success .x-window-header,
.toast-success .x-title-text{
    background-color: #56bf48;
    color: white;
}
.toast-success .x-window-body{
    background-color: #56bf48;
    border-color: #56bf48;
}
/* TOAST SUCCESS */

/* TOAST WARNING */
.toast-warning,
.toast-warning .x-window-header,
.toast-warning .x-title-text{
    background-color: #f8a900;
    color: white;
}
.toast-warning .x-window-body{
    background-color: #f8a900;
    border-color: #f8a900;
}
/* TOAST WARNING */

/* TOAST ERROR */
.toast-error,
.toast-error .x-window-header,
.toast-error .x-title-text{
    background-color: #df1f1f;
    color: white;
}
.toast-error .x-window-body{
    background-color: #df1f1f;
    border-color: #df1f1f;
}
/* TOAST ERROR */

#DEI-login-body{
    background-color: unset !important;
}

/* EXTJS GRID */
.light-yellow-row{
    background-color: #fff2c9;
}

.x-keyboard-mode .x-grid-item-focused .x-grid-cell-inner::before,
.x-keyboard-mode .x-grid-cell-inner-action-col :focus{
    border: 0px !important;
    outline: unset !important;
}

.x-grid-group-hd{
    background-color: #E5E5E5 !important;
}
.x-grid-cell{
    vertical-align: middle !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.x-grid-cell-inner{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
}
/* EXTJS GRID */

/* EXTJS FORM */
.x-fieldset{
    padding-bottom: 10px;
}
/* EXTJS FORM */

.vocemenu-separatore{
    margin-bottom: 15px;
}
.vocemenu-dev .x-btn-inner{
    color: #9D131C !important;
}

.btn-menu-dei .x-btn-button-center {
    -webkit-box-pack: start;
    -ms-flex-pack: initial;
    justify-content: left;
}

.form-gestione-utente h1,
.form-gestione-utente h2,
.form-gestione-utente h3,
.form-gestione-utente h4,
.form-gestione-utente h5{
    color: #9D131C;
    margin-bottom: 6px !important;
}

.fake-textfield label{
    font-weight: bold;
}
.fake-textfield .x-form-field,
.fake-textfield .x-form-text-wrap{
    border: 0 !important;
    background-color: unset !important;
    background-image: unset !important;
}

.header-boundlist-combobox{
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #e4e4e4;
    /*border-bottom: 1px solid #e4e4e4;*/
}
.header-boundlist-combobox .b-r,
.boundlist-combobox td.b-r{
    border-right: 1px solid #e4e4e4;
}
.header-boundlist-combobox .align-c,
.boundlist-combobox td.align-c{
    text-align: center !important;
}
.boundlist-combobox td{
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 5px;
    border-bottom: 1px solid #e4e4e4;
}

/*.grid-oggetti .x-grid-view{
    padding-bottom: 50px !important;
}*/
.grid-ottimizzazione-prodotti .vAlign{
    position: relative !important;
    vertical-align: top !important;
}

.ottimizzazione-cestino{
    position: relative;
    width: 100% !important;
    height: 50px !important;
    cursor: pointer;
}
.ottimizzazione-cestino img{
    width: 45px;
    height: auto;
    margin-top: 3px;
}
/*.ottimizzazione-cestino{
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 40px !important;
    height: 40px !important;
}*/

.tbl-cmb-collegati{
    width: 700px !important;
}
.tbl-cmb-collegati td{
    vertical-align: middle !important;
}

.popup-avviso-prodottiidentici img{
    vertical-align: middle !important;
}

.evidenzia-catalogo-gray{
    background-color: silver !important;
}
.evidenzia-catalogo-1{
    background-color: #59e942 !important;
}
.evidenzia-catalogo-2{
    background-color: #19c912 !important;
}

.filter-filterbar{
    display: block !important;
}

/* Filter Bar */
.x-operator-button {
    width: 16px;
    height: 16px;
    background-position: 0 0;
    background-repeat: no-repeat;
    -moz-user-focus: ignore; /* https://developer.mozilla.org/en/CSS/-moz-user-focus */
    cursor: pointer;
    position: absolute;
    overflow:  hidden; /* IE 6 :-( */
    margin-top: 4px;
    background-color: white;
}

.x-operator-button-equal {
    background-image: url(/images/filterBar/operator-equal.gif);
}
.x-operator-button-not-equal {
    background-image: url(/images/filterBar/operator-not-equal.gif);
}
.x-operator-button-great-than {
    background-image: url(/images/filterBar/operator-great-than.gif);
}
.x-operator-button-less-than {
    background-image: url(/images/filterBar/operator-less-than.gif);
}
.x-operator-button-great-than-equal {
    background-image: url(/images/filterBar/operator-great-than-equal.gif);
}
.x-operator-button-less-than-equal {
    background-image: url(/images/filterBar/operator-less-than-equal.gif);
}
.x-operator-button-like {
    background-image: url(/images/filterBar/operator-like.gif);
}
.x-operator-button-isnull {
    background-image: url(/images/filterBar/operator-isnull.gif);
}
.x-operator-button-isnotnull {
    background-image: url(/images/filterBar/operator-isnotnull.gif);
}

/*.ext-ux-operatorbutton-mouse-over-input {
    background-position: 0 0px;
}

.ext-ux-operatorbutton-mouse-over-button {
    background-position: 0 -24px;
}

.ext-ux-operatorbutton-mouse-down {
    background-position: 0 -36px;
}
*/

.x-grid-header-ct .x-column-filtered .x-column-header-inner .x-column-header-text {
	font-weight: bold;
	font-style: italic;
	color: green;
}

.ext-ux-clearbutton {
    width: 12px;
    height: 12px;
    background-image: url(/images/filterBar/clear-text-icon.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    -moz-user-focus: ignore; /* https://developer.mozilla.org/en/CSS/-moz-user-focus */
    cursor: pointer;
    position: absolute;
    overflow:  hidden; /* IE 6 :-( */
    margin-top: 4px;
    background-color: white;
    left: unset !important;
    right: 5px !important;
}
.filter-withtrigger-filterbar .ext-ux-clearbutton{
    right: 20px !important;
}

.ext-ux-clearbutton-mouse-over-input {
    background-position: 0 -12px;
}

.ext-ux-clearbutton-mouse-over-button {
    background-position: 0 -24px;
}

.ext-ux-clearbutton-mouse-down {
    background-position: 0 -36px;
}

.ext-ux-clearbutton-on {
    opacity: 1;
    visibility: visible;
    /*transition: opacity .35s linear;
    -webkit-transition: opacity .35s linear;
    -moz-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    -ms-transition: opacity .35s linear;
    -khtml-transition: opacity .35s linear;*/
}

.ext-ux-clearbutton-off {
    opacity: 0;
    visibility: hidden;
    /*transition: opacity .35s linear, visibility .0s linear .35s;
    -webkit-transition: opacity .35s linear, visibility .0s linear .35s;
    -moz-transition: opacity .35s linear, visibility .0s linear .35s;
    -o-transition: opacity .35s linear, visibility .0s linear .35s;
    -ms-transition: opacity .35s linear, visibility .0s linear .35s;
    -khtml-transition: opacity .35s linear, visibility .0s linear .35s;*/
}

.add{
	background-image: url(/images/filterBar/add.png ) !important;
}

.edit{
	background-image: url(/images/filterBar/edit.png ) !important;
}

.delete{
	background-image: url(/images/filterBar/delete.png ) !important;
}

.activate{
	background-image: url(/images/filterBar/activate.png ) !important;
}

.inactivate{
	background-image: url(/images/filterBar/inactivate.png ) !important;
}

.filter{
	background-image: url(/images/filterBar/filter.png ) !important;
}

.clear-filters{
	background-image: url(/images/filterBar/clear-filters.png ) !important;
}

.x-action-col-cell img {
	height: 16px;
	width: 16px;
	cursor: pointer;
}

.x-action-col-img-noaction {
	cursor: default !important;
}
/* Filter Bar */

.compare-base{
    color: black;
}
.compare-highlight{
    color: red;
    /*font-size: 11px;*/
    font-weight: bold;
}

.lblContatoreProdotti{
    height: 30px;
    width: 80px;
    font-size: 14px;
    border: 2px inset #eee;
    text-align: center;
    line-height: 25px;
    /*background-color: transparent;*/
    margin-left: 5px;
}
.label-CompareDescrizione-left{
    right: 30px !important;
    padding: 5px !important;
    overflow-y: auto;
}
.label-CompareDescrizione-right{
    left: 30px !important;
    padding: 5px !important;
    overflow-y: auto;
}
.percentageCompare{
    position: absolute !important;
    width: 60px;
    height: 60px;
    left: unset !important;
    top: 35px;
    left: 50% !important;
    margin-left: -30px;
    z-index: 999;
    display: none;
}
.percentageCompareSquare{
    position: absolute !important;
    width: 70px;
    height: 70px;
    left: unset !important;
    top: 35px;
    left: 50% !important;
    margin-left: -35px;
    z-index: 999;
    display: none;
}

.percentageCompare.circle{
    display: block !important;
    border-radius: 35px;
    font-size: 12px;
    color: #fff;
    line-height: 52px;
    text-align: center;
    border: 3px solid #fff
}
.percentageCompare.circle.green{
    background:#39ad00;
}
.percentageCompare.circle.yellow{
    background:#e8d10b;
}
.percentageCompare.circle.orange{
    background:#e16f00;
}
.percentageCompare.circle.red{
    background:#d60000;
}

.percentageCompareSquare.square{
    display: block !important;
    font-size: 10px;
    color: #fff;
    /*line-height: 52px;*/
    text-align: center;
    border: 3px solid #fff;
    background-color: white;
    cursor: pointer !important;
}

.percentageCompareSquare.square div.green{
    background:#2b8300;
}
.comparePercentage.green div{
    height: 100%;
    background:#2b8300;
    padding-top: 6px;
    color: white;
}
.percentageCompareSquare.square div.green-light{
    background:#93c47b;
}
.comparePercentage.green-light div{
    height: 100%;
    background:#93c47b;
    padding-top: 6px;
    color: white;
}
.percentageCompareSquare.square div.yellow{
    background: #e8d10b;
}
.comparePercentage.yellow div{
    height: 100%;
    background: #e8d10b;
    padding-top: 6px;
    color: white;
}
.percentageCompareSquare.square div.orange{
    background:#e75700;
}
.comparePercentage.orange div{
    height: 100%;
    background:#e75700;
    padding-top: 6px;
    color: white;
}
.percentageCompareSquare.square div.light-orange{
    background:#edac45;
}
.comparePercentage.light-orange div{
    height: 100%;
    background:#edac45;
    padding-top: 6px;
    color: white;
}

.percentageCompareSquare.square div.red{
    background:#d60000;
}
.comparePercentage.red div{
    height: 100%;
    background:#d60000;
    padding-top: 6px;
    color: white;
}

.percentageCompareSquare.square div{
    height: 33%;
    padding-top: 4px;
}

.chk-impostazioni-escludi{
    margin-top: 11px !important;
}

.slider-ticks:before,
.slider-ticks:after{
    content: "";
    background: url(/images/ticks.gif) no-repeat;
    width: 250px;
    height: 10px;
    display: block;
}

.grid-varianti-oggetti .x-grid-cell{
    height: 24px !important;
}

.descrizione-lunga .x-grid-cell-inner{
    white-space: break-spaces;
}

.editor-descrizione .x-html-editor-input{
    border: 1px dashed #d0d0d0 !important;
}

.fake-raggruppamento-text{
    border-bottom: unset !important;
    padding: 10px;
    background-color: white;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
}
.fake-raggruppamento-text .x-container{
    border-top: 1px solid #b5b8c8 !important;
}
/*.fake-raggruppamento-text{
    margin-bottom: 0px !important;
}
.fake-raggruppamento-text textarea{
    cursor: default;
}
.fake-raggruppamento-text .x-form-trigger-wrap{
    border-bottom: unset !important;
    padding: 7px;
    background-color: white;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
}
.fake-raggruppamento-text .x-form-text-wrap{
    border-style: dashed !important;
}*/
.fake-descrizione-text .x-form-trigger-wrap{
    border-top: unset !important;
    padding: 7px;
    background-color: white;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
}
/*.fake-raggruppamento-text .x-form-field,*/
.fake-descrizione-text .x-form-field{
    background-image: none !important;
}

.icona-edit-raggruppamento,
.icona-edit-raggruppamento-default{
    background-image: url("/images/icons/16/pencil.png")  !important;
    background-color: #f0f0f0;
    border: 1px solid #b5b8c8;
    background-position: center !important;
    width: 25px !important;
}

.icona-new-raggruppamento,
.icona-new-raggruppamento-default{
    background-image: url("/images/icons/16/plus-button.png")  !important;
    background-color: #f0f0f0;
    border: 1px solid #b5b8c8;
    background-position: center !important;
    width: 25px !important;
}

.icona-edit-raggruppamento:hover,
.icona-edit-raggruppamento-default:hover,
.icona-edit-raggruppamento.x-form-trigger-click,
.icona-edit-raggruppamento-default.x-form-trigger-click,

.icona-new-raggruppamento:hover,
.icona-new-raggruppamento-default:hover,
.icona-new-raggruppamento.x-form-trigger-click,
.icona-new-raggruppamento-default.x-form-trigger-click{
    background-color: #e6e6e6 !important;
}

.editor-descrizione-raggruppamento .x-toolbar{
    display: none !important;
}

.txtField-editor-descrizione input{
    min-height: 26px !important;
}
.label-fake-editor-descrizione{
    float: left;
    color: #000;
    padding: 1px 3px 1px;
    background-color: #fff;
    background-image: url(/ext/build/classic/theme-gray/resources/images/form/text-bg.gif);
    font: normal 12px/17px tahoma, arial, verdana, sans-serif;
    min-height: 26px;
    width: 100%;
    background-size: contain;
    background-position-y: 50%;
}
.label-fake-editor-descrizione span{
    float: left;
    margin-top: 4px;
}

.quadratino-categoria-oggetto{
    width: 22px;
    height: 22px;
    text-align: center;
    margin: 0 auto;
}
.quadratino-categoria-oggetto div{
    padding-top: 4px;
}

.categoria-valore-1{
    background-color: #78fe67 !important;
}
.categoria-valore-2{
    background-color: #efb518 !important;
}
.categoria-valore-3{
    background-color: #e36a12 !important;
}
.categoria-valore-4{
    background-color: #e33d3d !important;
}
.categoria-valore-5{
    background-color: #bd1db5 !important;
}
.categoria-valore-6{
    background-color: #4da3f3 !important;
}

.div-ordinamento-struttura img{
    float: left;
}
.div-ordinamento-struttura span{
    float: left;
}

.div-ordinamento-raggruppamento-struttura img{
    float: left;
}
.div-ordinamento-raggruppamento-struttura span{
    float: left;
    margin-top: 1px;
    margin-left: 5px;
}

.span-descrizione-oggetto{
    max-height: 80px !important;
    display: block !important;
    text-overflow: ellipsis;
    width: 100%;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.struttura-path-capitoli {
    list-style-type: none;
    display: flex;
    background-color: #fafafa;
    padding-top: 11px;
    padding-bottom: 11px;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid silver;
    font-size: 0.9em;
    margin-top: 7px;
    margin-bottom: 10px;
}
ul.struttura-path-capitoli li {
    display: flex;
    gap: inherit;
    align-items: center;
    padding-left: 0;
}
ul.struttura-path-capitoli li.divider{
    padding-left: 7px;
    padding-right: 7px;
}