/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
    margin:0px !important;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}



/*MARGINI*/
.mb-10{margin-bottom:10px}
.mt-10{margin-top:10px}
.mt-20{margin-top:20px}
.mt-5{margin-top:5px}
.mr-5{margin-right:5px}

.p-10{padding:10px}
.p-15{padding:15px}
.pr-10{padding-right:10px}
.pl-10{padding-left:10px}
.pt-10{padding-top:10px}
.pb-10{padding-bottom:10px}

.w-100{width: 100%;}
.w-20{width: 20%;}
.w-32{margin-bottom: 15px;}
.w-25{width: 100%;}


/*ALLINEAMENTI*/
.text__align__right{text-align: right;}
.text__align__left{text-align: left;}
.text__align__center{text-align: center;}

/*color*/
.color__red{color:#c43644}

.cursor--pointer{cursor: pointer}

.d-block{display: block}
.d-inline-block{display: inline-block}

.filter__container{
    background-color:#F2F2F2;
    padding:15px;
    margin: 20px 0px;
}
.filter__title{
    width: 100%;
    display: block;
    padding-bottom: 5px;
}
.filter_btn_empty{
    color:#000;
    background-color:#ccc;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
@media screen and (min-width: 720px) {

	.w-32{width: 32.33%;margin-bottom: 0px;}
    .w-25{width:25%;}
	
    .o2000__row__equal__height {
        --gap: 15px;
        --wrap-flex: wrap;
        -webkit-flex-wrap:  var(--wrap-flex);
        -ms-flex-wrap: var(--wrap-flex);
        flex-wrap: var(--wrap-flex);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width:100%;
        gap: var(--gap);
        -webkit-column-gap: var(--gap);
        -moz-column-gap: var(--gap);

    }

    .o2000__row__equal__height .o2000__col__equal__height {
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        /*display: -webkit-box;*/
        /*display: -webkit-flex;*/
        /*display: -ms-flexbox;*/
        /*display: flex;*/
        position: relative;
        flex-direction: column;

    }
}


#main-content{z-index:inherit}

/*tabella*/

.table__abs td{vertical-align: middle}
.table__abs .dtr-details{width:100%;}
/*spostamento ordinamento*/
.table__abs thead>tr>th.sorting:before,
.table__abs thead>tr>th.sorting:after,
.table__abs thead>tr>th.sorting_desc:before,
.table__abs thead>tr>th.sorting_desc:after{left: 0;}

.table__abs thead>tr>th.sorting,
.table__abs thead>tr>th.sorting_desc{
    padding-right: 10px;
    padding-left: 26px;
}


.table__abs>tbody>tr>td.dtr-control:before,
.table__abs>tbody>tr>th.dtr-control:before {
    color: #3f485d;
    border: none;
    border-radius: 0em;
    box-shadow: none;
    content: "˅";
    background-color: transparent;
}

/*cerca e select*/
/*#table_composition_filter input[type=search]{width: auto;}
#table_composition_length select{ width: auto}*/
.dataTables_filter input[type=search]{width: auto !important;}
.dataTables_length select{ width: auto !important;}

/*pagination table*/

div.dataTables_paginate.dataTables_paginate .paginate_button{border:1px solid #d8d8d8;}

div.dataTables_paginate.dataTables_paginate .paginate_button.current,
div.dataTables_paginate.dataTables_paginate .paginate_button.current:hover{
    color: #ffffff !important;
    border: 1px solid rgba(193, 54, 68, 1);
    background-color: rgba(193, 54, 68, 1);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(193, 54, 68, 1)), color-stop(100%, rgba(193, 54, 68, 1)));
    background: -webkit-linear-gradient(top, rgba(193, 54, 68, 1) 0%, rgba(193, 54, 68, 1) 100%);
    background: -moz-linear-gradient(top, rgba(193, 54, 68, 1) 0%, rgba(193, 54, 68, 1) 100%);
    background: -ms-linear-gradient(top, rgba(193, 54, 68, 1) 0%, rgba(193, 54, 68, 1) 100%);
    background: -o-linear-gradient(top, rgba(193, 54, 68, 1) 0%, rgba(193, 54, 68, 1) 100%);
    background: linear-gradient(to bottom, rgba(193, 54, 68, 1) 0%, rgba(193, 54, 68, 1) 100%);
}

div.dataTables_paginate.dataTables_paginate .paginate_button:hover {
    color: #ffffff !important;
    border: 1px solid rgba(193, 54, 68, 1);
    background-color: rgba(193, 54, 68, 1);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(193, 54, 68, 1)), color-stop(100%, rgba(193, 54, 68, 1)));
    background: -webkit-linear-gradient(top, rgba(193, 54, 68, 1) 0%, rgba(193, 54, 68, 1) 100%);
    background: -moz-linear-gradient(top, rgba(193, 54, 68, 1) 0%, rgba(193, 54, 68, 1) 100%);
    background: -ms-linear-gradient(top, rgba(193, 54, 68, 1) 0%, rgba(193, 54, 68, 1) 100%);
    background: -o-linear-gradient(top, rgba(193, 54, 68, 1) 0%, rgba(193, 54, 68, 1) 100%);
    background: linear-gradient(to bottom, rgba(193, 54, 68, 1) 0%, rgba(193, 54, 68, 1) 100%);
}

.table__abs tbody tr td.control:before{
    left: 50%;
    color:#d8d8d8 !important;
    border:none!important;
    border-radius: 0px!important;
    box-shadow:none!important;
    box-sizing: initial;
    text-align: center;
    text-indent: 0;
    font-family: 'Font Awesome 5 Free'!important;
    line-height:20px !important;
    content: '\f078' !important;
    background-color: transparent !important;
    font-weight: 200 !important;
}



/* Popup Open button */
.open-button{
    color:#FFF;
    background:#0066CC;
    padding:10px;
    text-decoration:none;
    border:1px solid #0157ad;
    border-radius:3px;
}

.open-button:hover{
    background:#01478e;
}

.popup,
.popup-riepilogo{
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
    width:100%;
    height:100%;
    display:none;
    z-index:999;

}
.popup-generic{
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
    width:100%;
    height:100%;
    display:none;
    z-index:9999;

}

/* Popup inner div */
.popup-content{
    max-width: 2560px;
    margin: 20px;
    box-sizing: border-box;
    box-shadow: 0px 2px 6px rgb(0 0 0);
    border-radius: 3px;
    background: #fff;
    position: relative;
    height: calc(100% - 40px);
    overflow-x: hidden;
}

.popup-content-riepilogo{
    max-width: 1200px;
    margin: 100px auto 0 auto;
    box-sizing: border-box;
    box-shadow: 0px 2px 6px rgba(0,0,0,1);
    border-radius: 3px;
    background: #fff;
    position: relative;
    max-height: 600px;
    overflow-x: hidden;
}
.popup-content-generic{
    width: 400px;
    margin: 100px auto 0 auto;
    box-sizing: border-box;
    box-shadow: 0px 2px 6px rgba(0,0,0,1);
    border-radius: 3px;
    background: #fff;
    position: relative;
}

/*Popup title*/
.popup_title{
    font-size: 20px;
    color: #020d26;
    font-weight: 700;
    border-bottom: 1px solid #d8d8d8;
    padding: 25px 30px;

}
/*Popup body*/
.popup-body{
    padding:25px 30px
}

/*Popup footer*/
.popup-footer{
    padding:25px 30px;
    border-top:1px solid #d8d8d8;
}

/* Popup close button */
.close-button,
.close-button-riepilogo,
.close-button-generic{
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0px;
    right: 10px;
    border-radius: 20px;
    font-size: 30px;
    text-align: center;
    color: #000;
    text-decoration: none;
}

/*
.close-button:hover,
.close-button-generic:hover{
    background: rgba(0,0,0,1);
}*/

@media screen and (max-width: 720px) {
    .popup-content,
    .popup-content-generic{
        width:90%;
    }
}






/**
TABELLA RIEPILOGO
 */
.o2000__table__riepilogo__header{
    display:none;
    font-weight: 700;
}

.o2000__table__riepilogo__col.text__align__center{
    text-align: left;
}
.o2000__table__riepilogo__body{
    border-bottom:1px solid #666666;
    margin:20px 0px;
}
.o2000__table__riepilogo__label{
    font-weight: 700
}
.o2000__table__riepilogo__label__qta{
    vertical-align: middle;
    display:inline-block;
    width:10%;
}
.o2000__table__riepilogo__input__qta.o2000__table__riepilogo__input__qta{
    width:90% !important;
}
.o2000__table__riepilogo__btn{
    margin-bottom:15px;
    text-align:right;
}
.o2000__table__riepilogo__btn i{
    margin-right: 5px;
}
@media screen and (min-width: 1024px) {
    .o2000__table__riepilogo__label{
        display:none
    }
    .o2000__table__riepilogo {
        display: table;
        width: 100%;
    }
    .o2000__table__riepilogo > *{
        display: table-row;
    }
    .o2000__table__riepilogo__col {
        display: table-cell;
    }
    .o2000__table__riepilogo__header .o2000__table__riepilogo__col{
        border-bottom:1px solid #d8d8d8;
        padding: 5px;
    }


    .o2000__table__riepilogo__body .o2000__table__riepilogo__col{
        padding:5px;
    }
    .o2000__table__riepilogo .o2000__table__riepilogo__body:first-of-type{
        padding-top:16px;
    }

    .o2000__table__riepilogo__row{
        height:15px;
    }
    .o2000__table__riepilogo__label__qta{
        vertical-align: auto
    }
    .o2000__table__riepilogo__input__qta{
        width:auto;
        margin-bottom:0px !important;
    }
    .o2000__table__riepilogo__btn{
        text-align:center;
        margin-bottom:0px;
    }

    .o2000__table__riepilogo__btn__label{
        display:none;
    }

    .o2000__table__riepilogo__body{
        margin:0px;
    }

}




/*.list__table.list__table{*/
/*    list-style: none;*/
/*    padding: 0;*/
/*    margin:0px;*/
/*}*/
/*.list__table__item{*/
/*    display:inline-block;*/
/*}*/
/*.list__table__title__item,*/
/*.list__table__body__item{*/
/*    width:16.6%;*/
/*}*/


/*.list__table__subtitle,*/
/*.list__table__subbody{*/
/*    display: block;*/
/*    border: 1px solid red;*/
/*}*/
/*.list__table__subtitle__item,*/
/*.list__table__subbody__item{*/
/*    display:inline-block;;*/
/*    width: 9.09%;*/
/*    border: 1px solid red;*/
/*}*/


/*Filter select*/
.filter__title{font-weight: 700}
.filter__select{}

/*filter range*/
.o2000__filter__range__label{font-weight: 700}
.o2000__filter__range{margin: auto;}

/*cart*/
.cart__abs__container {
	align-items: center;
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    padding-top: 10px;
}
.cart__abs{
	text-align:center;
	margin-bottom:10px;
	font-weight: 700;
}
.cart__abs span{
color:#008000;
}
.cart__abs i{
	font-size: 30px;
    margin-right: 10px;
    vertical-align: middle;
	
}
.cart__abs__container .vedi-lista{width:100%;}
@media screen and (min-width: 1024px) {
	.cart__abs__container .vedi-lista{width:auto;}
	.cart__abs{
		text-align:left;
		margin-bottom:0px;
	}

}


/*pulsante aggiungi lista*/
.aggiungi-lista,.aggiungi-lista-eng{display:block}
.aggiugi_lista_text {
	font-size: 14px;
    color: #008000;
    font-weight: 700;
	display:none;
}