::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}



html, body { height: CALC(100% - 15px) }
	

a {
    color: #565655;
}


.navbar-fixed #horizontal-nav {
    z-index: 15;
    margin-top: 0px;
    position: relative;
	float: left;
	margin-left: 190px;
	width: auto;
	background-color: transparent;
}

@media (max-width: 1455px){ .homelink {display: none;} #ul-horizontal-nav > li > a {padding: 0 11px;}.navbar-fixed #horizontal-nav { margin-left: 180px;}}
@media (max-width: 1455px){ .homelink {display: none;} #ul-horizontal-nav > li > a {padding: 0 10px;}}
@media (max-width: 1270px){ #ul-horizontal-nav > li > a {padding: 0 9px;}.navbar-list.right a { padding: 0 10px;}#horizontal-nav ul li a span {margin-left: 8px;font-size: 13px;}}
@media (max-width: 1158px) and (min-width: 993px){ #ul-horizontal-nav > li > a {padding: 0 8px;}
#horizontal-nav ul li a span {margin-left: 8px;font-size: 11px;}

.navbar-fixed #horizontal-nav {
    margin-left: 170px;
}
.navbar .navbar-main {
    padding: 0 0 0 5px;
}
.navbar-list.right a {
    padding: 0 4.5px;
}
}


.filtroaltodx label{    color: #fff;
    font-size: 14px;
    padding: 10px 5px 12px 12px;
    border-radius: 20px;
    border: #ccc 1px solid;
    top: -5px;
    position: relative;
    margin-left: 15px;

}
.filtroaltodx .lever{zoom: 125%; margin-left: 2px !important;}



.filtroaltodx  .switch label .lever:after {
    background-color: #f1f1f1;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
	-webkit-animation: colorpulse 4s infinite alternate;
	animation: colorpulse 4s infinite alternate;
}


@media (max-width: 767px){ 

.filtroaltodx {
    padding: 0 0 0 10px !important;
}
.filtroaltodx label {
    font-size: 13px;
    padding: 0px;
    border-radius: 20px;
    border: none;
    margin-left: 0px;
	top:1px;
}
.filtroaltodx .lever{zoom: 110%;}

}


@-webkit-keyframes colorpulse {
0%   { background-color: #ffffff; }
50%  { background-color: #bbb5a5; }
}
@keyframes colorpulse {
0%   { background-color: #ffffff; }
50%  { background-color: #bbb5a5; }
}

#horizontal-nav {
    box-shadow: 0 16px 16px 0 rgba(0, 0, 0, .0), 0 1px 5px 0 rgba(0, 0, 0, .0), 0 3px 1px -2px rgba(0, 0, 0, .0);
}

#ul-horizontal-nav {
    overflow-x: hidden;
    width: 102%;
    margin-left: 0px;
    white-space: nowrap;
}
#horizontal-nav ul li a i {
    color: #ffffff;
    line-height: 20px;
    position: absolute;
    top: 24px;
    display: inline;
}
#horizontal-nav ul li a span {
	color: #ffffff;
    top: 2px;
    margin-left: 14px;
}
#horizontal-nav ul li a span {
	color: #ffffff;
    top: 2px;
    margin-left: 14px;
}
#ul-horizontal-nav .dropdown-content li a span{
	color: #777777;
}
#horizontal-nav .dropdown-menu span i {
    font-size: 14px;
    position: absolute;
    top: 1px;
    right: -16px;
}
.titlepage {color: #eeeeee;
    font-size: 19px;
    margin-left: 16px;
    margin-top: 17px;
	text-align: right;}
@media (max-width: 920px){ .titlepage {font-size: 16px;}}
	
	
.sidenav li a {
    margin-right: 0rem;
}
.cercatop {margin-top:10px;}
.filtroaltodx {text-align:right;}
#settings ul.collection {
	border-top: #ddd 1px solid !important;
	border-bottom: #ddd 1px solid !important;
}
.btn-floating {
    background-color: #006594;
}
header .brand-logo {
    padding: 12px 12px;
}
header .brand-logo img {
    height: 39px;
}



form .dropdown-content li, form .dropdown-content li {
    min-height: 30px;
}
form .dropdown-content li > a, form .dropdown-content li > span {
    font-size: 12px;
    line-height: 14px;
    display: block;
    padding: 12px 16px;
    color: #777777;
}

.filtertop{background-color: #ffffff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
}

.filtertop .input-field  {width: 20% !important;}

.filtroattivo{background-color: #ffffff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);}
.filtroattivo.filtrotop{background-color: transparent;}


.search-sm {background-color: #4a4a4a; display: block !important; height: 56px;}

#filtrotop,.filtrotop { overflow: hidden; opacity: 0; height: 0px; width:100%; -webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

-ms-transition: all 0.5s ease;

transition: all 0.5s ease;}


#filtrotop.open, .filtrotop.open {opacity: 1;
    height: initial;
    padding: 10px 20px;
    border-left: #bbb5a5 20px solid;
	position: relative;
    top: -9px;
	float: left;
	overflow: initial;}
	
	
#filtrotop.open {
    background-color: #ffffff;
}
	


#titolonascondi {display: in-line;}
#titolonascondi.open {display: none;}

.switch label .lwswitch:checked + .lever {
    background-color: #63615a;
}
.switch label .lwswitch:checked + .lever:after {
    background-color: #ead480;
}
.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid #ead480;
}

.btn-icon {
    padding: 0;
    line-height: calc(2.25rem + 2px);
    border-radius: 2.25rem;
    width: calc(2.25rem + 2px);
    height: calc(2.25rem + 2px);
	margin-right: 5px;
border: #ddd 1px solid;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );

box-shadow: none;
}



.btn-icon.btn-sm {
    line-height: calc(calc(1.8125rem + 2px) - 2px);
    width: 1.8125rem;
    height: 1.8125rem;
}
.btn-icon.btn-sm img{vertical-align: initial;}

.btn-icon.btn-sm img.l-international { margin-top: 2px;}

.dataTables_length select {display: block;}


table.dataTable thead th {
vertical-align: bottom;
}

.dataTables_wrapper .dataTables_length {
    float: right !important;
    margin-left: 30px;
}

h4.card-title.mb-0 {font-size: 20px;}
	
	
	
@-webkit-keyframes autofill {
    0%,100% {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill, input:focus:-webkit-autofill {
    -webkit-animation-delay: 1s;
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}
	
	
figure.effect-layla {
    background: #ffffff;
}
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 320px;
    max-width: 800px;
    max-height: 800px;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
	
.socialpedice a{font-size: 14px; margin-left: 10px;}

@media only screen and (min-width: 1200px) {
	.dataTables_wrapper {margin-top: 5px;}
	h4.card-title.mb-0 {font-size: 24px; color:#4a4a4a;}
	h4.card-title.mb-0 span{ color:#999999;}
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-position: bottom right !important;
}

.bottonehome {border-radius: 8px; text-align: center; width: 100%; padding: 30px; color: #ffffff;}
.bottonehome i{font-size: 120px;}


@media only screen and (min-width: 993px){
.navbar-fixed {
    margin-bottom: 0px;
}
}


@media  (max-width: 750px){
.dataTables_wrapper .dataTables_length {
	display: none;
}

h4.card-title.mb-0 {
    text-align: center;
}

#filtrotopopenb {
width: 100%;
    float: left;
    margin-bottom: 30px;
    text-align: center;
}

}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly])
{
    border-bottom: 1px solid #bab8b3;
    box-shadow: 0 1px 0 0 #bab8b3;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label
{
    color: #bab8b3;
}


.gradient-45deg-light-blue-cyan.gradient-shadow {
    box-shadow: none !important;
    margin-top: 20px;
}

.sidenav-trigger.btn-floating.btn-medium {background-color: #ffffff;}

.sidenav-trigger.btn-floating.btn-medium i {color: #96948c;}


.gradient-45deg-light-blue-cyan {
    background: #b9b9b9;
    background: -webkit-linear-gradient(45deg, #bbb5a5, #b9b9b9) !important;
    background: linear-gradient(45deg, #bbb5a5, #b9b9b9) !important;
}
.tabs .tab a:hover, .tabs .tab a.active {
    color: #666666;
    background-color: transparent;
}
.tabs .indicator {
    background-color: #bbb5a5;
}
.cyan {
    background-color: #bbb5a5 !important;
}

.bottonehome, .bottoneproducts {    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
}

.bottonehome:hover, .bottoneproducts:hover {
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
}

.linkbackprodotti{border: #bab9b6 2px solid;
    padding: 5px 10px;
    border-radius: 16px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
.linkbackprodotti span{top: 6px;
    position: relative;}
.linkbackprodotti:HOVER {border: #d8d8d8  2px solid; color: #bab9b6;}


@media (min-width: 601px){
.imgprodotti{   height: 20vw !important;
width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
}

@media (min-width: 993px){
.imgprodotti{   height: 20vw !important;
width: 100%;
}}

@media (min-width: 1240px){
.imgprodotti{   height: 15vw !important;
width: 100%;
}}




.dropdown-content.select-dropdown {    max-height: 210px;
    top: 3px !important;
    border: #ccc 1px solid;}

/*

.form-1 .input-field input
{
	    color: #ffffff !important; font-size: 16px; font-weight: 600;
}

.form-1 .input-field input:focus
{
    color: #ffffff !important;
    border: 0;
    background-color: #000000 !important;
    box-shadow: none;
}
.form-1 .input-field input:focus + label i,
.form-1 .input-field input:focus ~ .mdi-navigation-close,
.form-1 .input-field input:focus ~ .material-icons
{
    color: #ffffff !important;
}
*/




span.variabilericerca {
	color: #4a4a4a !important;
}
span.variabilericerca::before {
    content: " » ";
	color: #bbb6aa !important;
}
span.variabilericerca:first-child:before {
    content: "";
}


/* DATA TABLE */


#filtrotopopenb {padding: 3px 10px; border: #bbb5a6 1px solid; border-radius: 15px; cursor: pointer; position: relative; top: 10px;}
#filtrotopopenb:HOVER {background-color:#bbb5a6; color: #ffffff;}
#filtrotopopenb:HOVER i {color: #bbb5a6 !important;}


table.dataTable a.codelink {
	font-weight: bold;
    font-size: 12px;
    color: #0071e3;
}


table.dataTable tr td:not(:first-child):not(:last-child) {
	text-align: center !important;
}





.btn.btn-trigger {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2); background-color: #bbb5a5 !important;     padding: 0px 10px;
    color: #ffffff !important;
    text-decoration: none !important;
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    text-transform: initial;}
	
.btn.btn-extra {  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2); background-color: #bbb5a5 !important;     padding: 0px 10px;
    color: #ffffff !important;
    text-decoration: none !important;
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    text-transform: initial;}

.btnrichiediofferta {
    box-shadow:  0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    background-color: #dddddd !important;
    padding: 0px 10px;
    color: #ffffff !important;
    text-decoration: none !important;
    height: 24px;
    font-size: 13px;
    line-height: 24px;
	letter-spacing: .5px;
    float: left;
    width: 100%;
    margin-top: 7px !important;
    text-align: center;
    border-radius: 4px;
}

.boldkva {    font-weight: bold;
    font-family: arial;
    font-size: 14px;
    background-color: #e0dfdd;}

table.dataTable tr:nth-child(odd) .boldkva {
    background-color: #eeeeee;}
	
table.dataTable tr {
    border-bottom: #eeeeee 1px solid;}

.btn.btn-trigger:hover {
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
}

.btn.btn-extra:hover {
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
}




.dtr-title .icon-th{
	
	height: 32px;
object-position: 0 100%;
-o-object-fit: cover;
    object-fit: cover;}

.span-th {display: none;}
.dtr-title .span-th {
	
    display: inline;
    margin: 15px;
    font-weight: 900;
    color: #7b7566;

}

.btn.btn-primary.btn-sm {margin-bottom: 10px;}

.menuico-footer {width: 100%; float: left;}
.menuico-footer img {height: 90px;
    margin-bottom: 10px;}


@media only screen and (min-width: 993px){
	
#contenutomodal .col.s12.m12.l5:nth-child(2){
border-left: 1px dotted #888888;
    border-right: 1px dotted #888888; }	
#contenutomodal .col.s12.m12.l6:nth-child(2){
border-left: 1px dotted #888888; }	
	
}
	
	

.cerca-top {color: #ffffff !important;
    font-size: 14px;
    padding: 0;
    border-radius: 20px;
    border: #ccc 1px solid;
    position: relative;
    margin: 7px;
    height: 42px;}
.cerca-top input {    width: 75% !important;
    float: left;
    border: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
    height: 35px !important;
    line-height: 35px !important;
    margin: 0 !important;
    position: relative;
    top: 1px;
    left: 15px;
    font-size: 17px !important;
    padding-left: 0px !important;}
.cerca-top button {    width: 40px;
    float: right;
    border: none;
    background-color: transparent;
    color: #bbb6a8;
    padding: 0;
	text-align: right;
    padding-right: 10px;}
.cerca-top button i{
line-height: 40px;
    height: 40px;
    font-size: 40px;
}
.cerca-top button:HOVER{
	color: #FFFFFF;
}
 .cerca-top input:-webkit-autofill,
 .cerca-top input:-webkit-autofill:hover,
 .cerca-top input:-webkit-autofill:focus  {
    -webkit-box-shadow: 0 0 0px 1000px #4a4a4a inset !important;
	-webkit-text-fill-color: white !important;
	color: #ffffff !important;
  }


@media only screen and (max-width: 600px){
.search-sm-icon {
    position: relative !important;
    top: 0px !important;
}
}



.modalschede .actiononmenu{
    border-radius: 10px;
    padding: 2px 5px;
    margin: 0 10px 10px 0;
    cursor: pointer;
    border: #ccc 1px solid;
	float: left;}

.modalschede .actiononmenu:HOVER{
	border: #3a3a3a 1px solid;
    background-color: #444;
    color: #fff;
}
.modalschede .modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 35px;
    padding: 0;
}
.modalschede .modal-close span{
    font-size: 35px;
}


@media only screen and (min-width: 993px){
#ul-horizontal-nav {overflow: hidden !important;}
}


.pagination li {
    height: auto;
}


.pagination li a, .pagination li span {
box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
	margin-bottom: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    font-size: 14px;
	line-height: 20px;
    border: 1px solid #dddddd;
}


.pagination li span {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}


.pagination li a:HOVER {
    color: white !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(to bottom, #585858 0%, #111 100%);
}

	

.dataTable td,
.dataTable th
{

    text-align: center;

}


.boldquanti {    font-weight: bold;
    font-family: arial;
    font-size: 14px;
    background-color: #eeeeee;}

table.dataTable tr:nth-child(odd) .boldquanti {
    background-color: #e8e8e8;}
	
.boldsconto {    font-weight: bold;
    font-family: arial;
    font-size: 14px;
    background-color: #dedede;}

table.dataTable tr:nth-child(odd) .boldsconto {
    background-color: #d8d8d8;}
	
	




/* barra top fixed */

.prezziedisponibilita .cercatop{
    position: fixed;
    width: 100%;
    top: 59px;
    left: 0;
    z-index: 9;
    padding-top: 15px;
    margin-top: 0;
    background-color: #f9f9f9;
}
.prezziedisponibilita #main{ margin-top: 75px; min-height: calc(100% - 181px);}

@media (max-width: 599px){
		
.prezziedisponibilita #main{ margin-top: 115px;}
}



/* table + */

table.dataTable>tbody>tr.child ul.dtr-details>li {
border: 1px solid #efefef;
    margin: 2px;
    background-color: #fff;
    padding: 5px 10px !important;
    float: left;
	border-radius: 3px;
}
table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
    border-right: none;
}
table.dataTable>tbody>tr.parent td {
	background-color: #f9f9f9 !important;
    border-top: #efefef 1px solid;
}
table.dataTable>tbody>tr.parent td:first-child {
    border-left: #dddddd 5px solid;
}
table.dataTable>tbody>tr.parent td:last-child {
    border-right: #efefef 1px solid;
}
table.dataTable>tbody>tr>td.child {
    border-bottom: #efefef 1px solid;
    border-left: #dddddd 5px solid;
    border-right: #efefef 1px solid;
	background-color: #f9f9f9 !important;
	text-align: left !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    top: 50%;
    margin-top: -10px;
}

.prezziedisponibilita table.dataTable thead th.sorting{
    padding: 10px 12px !important;
}
.prezziedisponibilita table.dataTable thead th.no-sort{
    padding: 10px 8px !important;
}

.prezziedisponibilita .boldquantinosfondo {font-weight: 800;}
.prezziedisponibilita .boldscontonosfondo {font-weight: 800; color: #99cc34;}

.prezziedisponibilita table.dataTable tbody tr td {
    border-left: #eee 1px solid;
    border-radius: 0px;
}

.prezziedisponibilita table.dataTable tbody tr td:last-child {
    border-right: #eee 1px solid;
}

table.dataTable tbody tr td, table.dataTable th {
    border-radius: 0px;
}

.owl-carousel .col.s12.m6.l3 {width: 100% !important;}
.owl-carousel .card {border-radius: 8px !important;}

.imgiconainhome { width: 128px; margin-top: 14px;}


@media (min-width: 750px ){
.table-responsive {min-height: 200px;}
.dataTables_filter {width: 250px}
.filtrosconti.filtroscontilight {
    position: absolute;
    max-width: calc(100% - 300px)!important;
    margin-top: 12px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
	border: none !important;
	z-index: 999;}
.filtrosconti.filtroscontilight > form > div{
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;}
}

@media (min-width: 1000px ){
.filtrosconti.filtroscontilight {
	width: 700px !important;}

}

@media (max-width: 990px){
.heightb {
    height: 200px;
    vertical-align: middle;
}}

.schedealtrionsite .bloccoprodotto-testo2 {color: #6b6f82;}
.desctecpdfaltri h6{font-size: 14px !important; padding-top: 40px; padding-bottom: 10px !important;}
.desctecpdfaltri > div{padding: 10px 0px !important; border-top: #ccc 1px dotted; margin: 0px 20px !important;}

@media (max-width: 767px){
	#filtrotop.open, .filtrotop.open {
    top: 0px;
}
.prezziedisponibilita .cercatop {
	top: 44px;
    padding-top: 12px;
}
}


.btnaddto {
	color: #ffffff;
    border: none;
    border-radius: 4px;
    float: initial !important;
    display: inline;
    padding: 4px 5px 0px 5px;
	margin-left: 6px;
}
.btnaddto i{
    line-height: 18px;
    font-size: 20px;
}


						
.elencotopcart {
	position: relative;
	border-bottom: #dfdfdf 1px dotted;
	padding-left: 52px !important;
	padding-top: 10px !important;}

.elencotopcart .numero {
    height: 35px;
    color: #444444;
    width: 35px;
    padding: 8px;
    left: 4px;
    position: absolute;
    top: 4px;
    background-color: #eeeeee;
    text-align: center;
	}
.elencotopcart:HOVER .numero {
    background-color: #aaaaaa;
	color: #ffffff;
	}
	
.elencotopcart .delete{
    height: 20px;
    color: #aaaaaa;
    position: absolute;
    top: 7px;
    right: 10px;
    font-size: 17px;
    line-height: 20px;}

.elencotopcart .delete:HOVER{ 
	color: #666666;}
	
.cancelement {color: #bbb5a5; cursor: pointer;}
.cancelement:HOVER {color: #ff0000;}
								
.bloccoelemntooff{border-left: #eeeeee 5px solid; padding-left: 10px;}
.descriztit h6 {font-weight: 700;}
.descriztit h6 small{font-weight: 400;}
.btnopen {background-color: #444444 !important; padding-right: 20px; text-transform: none;}
.btnopen i{background-color: #ffffff !important;
    border-radius: 50%;
    color: #333333;
    height: 24px;
    width: 24px;
    line-height: 24px;
    position: relative;
    top: 4px;
    left: 10px;}

.altodxb {float: right; margin: 0px;position: relative;
    top: -5px;
    right: 5px;}

.gofixed{position: fixed;
    bottom: 0;
    width: 100%;
    left: 0px;
    padding: 10px;
    background-color: #333333;
    color: #ffffff;
    z-index: 99;}
.gofixed #bottonegeneraofferta {font-size: 20px;
    margin: 10px;}
.gofixed .totalprice {    float: left;
    font-size: 28px;
    padding: 7px;}
.gofixed .totalprice span {    font-size: 18px; color: #aaaaaa;}
.generaofferta .card >.card-content {min-height: 70vh;}
.generaofferta .bloccoelemntooff h3{position: relative;
    left: -10px;
    background-color: #eee;
    padding: 10px;
}

.generaconfiguratore .card >.card-content {min-height: 70vh;}
.generaconfiguratore .bloccoelemntooff h3{position: relative;
    left: -10px;
    background-color: #eee;
    padding: 10px;
}



.bloccoelemntooff .divis:nth-child(3) .row {border-top: #eee 1px solid;
    padding: 15px 0px 15px 30px;}
	
	#notifications-dropdown {height: auto !important;}
	
.versioneopt {    font-size: 24px;
    display: inline-block;
    background-color: #eeeeee;
    padding: 10px 15px 10px 45px !important;
    margin-top: 10px;}
	
.select3 .input-field {padding-bottom: 8px;}
.bloccointstatop select {
    color: #777777;
    border-bottom: 1px solid #949494;
    height: 46px;
    border-radius: 0px;
    margin-left: 40px;
	width: CALC(100% - 50px);
	}	
.sottotitolop {font-size: 12px;
    line-height: 16px;
    padding: 10px 0;}
	
.divscontob, .divscontoa, .divscontoc {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
	padding-left: 0px !important;
}
.minheight1{    min-height: 40px !important;}

@media (max-width: 650px){
.bloccoelemntooff h3 {font-size: 24px;}
}

 .iconmenutop {width: 24px;
    position: absolute;
    top: 21px;}

.sidenav-collapsible  .iconmenutop {
	width: 24px;
    position: relative;
    top: 5px;
    margin-right: 19px;
}

.titledx{float: right;
    font-weight: 700;
    color: #bab6ab;
    padding: 16px 10px 0 0;}
	
	
			

#form-newsearch { float: left; width: 33%; position: relative;}
#form-newsearch .fa-search {font-size: 18px; position: absolute; top: 18px; left: 30px;}
#form-newsearch input {border: none !important; box-shadow: none !important; margin: 0px; padding-left: 60px !important; height: 53px;}

.newcercatop {border-bottom: #ddd 1px solid; background-color: #fff; float: left; width: 100%; position: relative;    z-index: 9;}
.newcercabottom {}

.tabsearch {
  overflow: hidden;
}

.tabsearch button {
  background-color: inherit;
  float: right;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 18px 18px;
  transition: 0.3s;
  color: #555e62;
  border-left: #eeeeee 1px solid;
}
.tabsearch button:first-child {
  margin-right: 22px;
  border-right: #eeeeee 1px solid;
}

.tabsearch button:hover {
  background-color: #eeeeee;
}

.tabsearch button.active {
    background-color: #ececec;
    color: #555e62;
}

.tabcontentsearch {
  padding: 0px 12px;
  border: 1px solid #ffffff;
  border-top: none;
  background-color:#eeeeee;
  color: #ffffff;
  overflow: hidden;
  width: 100%;
  height: 0px;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  transition:all 0.5s ease;
}

.tabcontentsearch.active {
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  background-color:#bab7ae;
  color: #ffffff;
  height: auto;
}



.tabcontentsearch h3{
	color: #ffffff; font-size: 32px;
}


.bsxfilter {padding-top: 10px !important;}



.btn-filter {
	display: inline-block;
    margin: 10px 10px 0 0;
    line-height: 1.2em;
    border: 2px solid #fff;
    padding: 10px 15px;
    text-decoration: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
}

.btn-filter.selected {    background-color: #ffffff;
    color: #555e62;}
	
	

.opensearchmobile {display: none;}
.tablinksmobile {display: none;}


@media (max-width: 992px) {
.tabsearch {display: none;}
.opensearchmobile {
	display: inline-block;
    position: absolute;
    top: 11px;
    right: 25px;
    font-size: 28px;}
	
#form-newsearch {
    width: 60%;
}	
.tabcontentsearch h3{display: none;}
.tablinksmobile, .tablinksmobile:focus  {
    display: inline-block;
    margin: 10px 10px 0 0;
    line-height: 1.2em;
    border: 2px solid #dadada;
    background-color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #6b6f82;
    width: 98%;
    margin: 1% 1% 0 1%;
	  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  transition:all 0.5s ease;}
  
.tablinksmobile.active {
    display: inline-block;
    margin: 10px 10px 0 0;
    line-height: 1.2em;
    border: 0px solid #bab7ae;
    background-color: #bab7ae;
    padding: 10px 15px;
	font-size: 24px;
    text-decoration: none;
    -webkit-border-radius: 50px 50px 0 0;
    -moz-border-radius: 50px 50px 0 0;
    border-radius: 50px 50px 0 0;
    color: #ffffff;
    width: 100%;
    margin: 1% 0 0 0;}


}



.checkboxcontainer {color: #FFF; padding: 15px;}
.checkboxcontainer span{padding-left: 30px !important;}
.checkboxcontainer span:before{
border: 2px solid #9a9a9a !important;
    background-color: #9a9a9a;
    height: 21px !important;
    width: 21px!important;}
.checkboxfilter:checked + span:not(.lever):before {
    border-right: 3px solid #fff !important;
    border-bottom: 3px solid #fff !important;
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    background-color: transparent;
    width: 13px !important;
    height: 23px !important;
}





.checkboxcontainer2 span{
	padding-left: 40px !important;
	display: inline-block;
    margin: 10px 10px 0 0;
    line-height: 1.2em;
    border: 2px solid #fff;
    padding: 10px 15px;
    text-decoration: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
	height: auto !important;
	}
.checkboxfilter2:checked + span {background-color: #ffffff;
    color: #555e62;
}
.checkboxcontainer2 span:before{
	border: 2px solid #9a9a9a !important;
    background-color: #9a9a9a;
    height: 21px !important;
    width: 21px!important;
	top: 8px!important;
    left: 11px!important;
	}
.checkboxfilter2:checked + span:not(.lever):before {
    border-right: 3px solid #4caf50 !important;
    border-bottom: 3px solid #4caf50 !important;
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    background-color: transparent;
    width: 13px !important;
    height: 23px !important;
    top: 3px !important;
}



.checkboxcontainer3 span{
	display: inline-block;
    margin: 10px 10px 0 0;
    line-height: 1.2em;
    border: 2px solid #fff;
    padding: 10px 28px 10px 28px;
    text-decoration: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
	height: auto !important;
	}
.checkboxfilter3:checked + span {background-color: #ffffff;
    color: #555e62;
    padding: 10px 35px 10px 41px !important;
}
.checkboxcontainer3 span:before{
	border: none !important;
    background-color: transparent !important;
    height: 21px !important;
    width: 21px!important;
	top: 8px!important;
    left: 11px!important;
	}
.checkboxfilter3:checked + span:not(.lever):before {
    border-right: 3px solid #4caf50 !important;
    border-bottom: 3px solid #4caf50 !important;
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    background-color: transparent;
    width: 13px !important;
    height: 23px !important;
    top: 3px !important;
}



.checkboxcontainer4 span{
	display: inline-block !important;
    margin: 2% 2% 0;
    line-height: 1.2em !important;
    border: 1px solid #ddd;
    padding: 5px 10px 5px 10px !important;
	text-align: left;
    text-decoration: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #555e62;
	height: auto !important;
	width: 96%;
	}
.checkboxcontainer4:HOVER span{
	background-color: #eeeeee;
	}
.checkboxfilter4:checked + span {background-color: #ffffff;
    color: #555e62;
    padding: 5px 30px 5px 10px !important;
    border: 1px solid #aaa;
}
.checkboxcontainer4 span:before{
	border: none !important;
    background-color: transparent !important;
    height: 21px !important;
    width: 21px!important;
	top: 4px!important;
    right: 20px!important;
    left: auto!important;
	}
.checkboxfilter4:checked + span:not(.lever):before {
    border-right: 3px solid #4caf50 !important;
    border-bottom: 3px solid #4caf50 !important;
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    background-color: transparent;
    width: 13px !important;
    height: 23px !important;
    top: -1px !important;
}









.variabilenewricerca {
	font-size: 14px;
	background-color: #eee;
    color: #000;
    display: inline-block;
    padding: 2px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;
    margin: 5px 5px 0 0;}
.variabilenewricerca > i{cursor: pointer;}
.variabilenewricerca > i:hover{cursor: pointer;}


.bottoneconferma{
	padding-left: 40px !important;
	display: inline-block;
    margin: 10px 10px 0 0;
    line-height: 1.2em;
    border: none;
    padding: 10px 15px;
    text-decoration: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
	height: auto !important;
	}



.btnricercadown {
    position: relative;
    cursor: pointer;
    padding: 9px 12px;
    line-height: 1;
    letter-spacing: .5px;
    background-color: #fff;
    color: #1a1a1a;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #ddd;
	margin-right: 10px; 
    margin-bottom: 14px;
	width: auto;
}
.btnricercadown i {
    top: auto !important;
    font-size: 1.3rem !important;
}


.btnricercadown:HOVER, .btnricercadown:FOCUS {
	background-color: #eeeeee !important;
}


.btnricercadown.ceccato {
    border: 2px solid #99cc34;
    color: #868686;
    font-weight: 700;
}


.insidedropdownmenu { overflow-y: auto; max-height: 300px; border-bottom: #ccc 1px solid;}
.dropfilter {    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;    overflow-y: initial;}

.insidedropdownmenu label:last-child span {margin-bottom: 10px;}

.dropfilter .btn {padding: 0 1.5rem;}


.criteriricerca {float: left; width: 100%; padding: 20px 0px;}

.bottoni-search-b {
    padding: 2%;
    float: left;
    width: 100%;}
.bottoni-search-b .btn-reset {
    background-color: #ffffff !important;
    color: #7c8386;
    border: none;
    margin: 0;
    box-shadow: none;

}

.dropdown-content.dropfilter {max-height: 400px;}

.confinder {overflow: hidden;}

.material-icons {
      font-display: block;
    }




/* VERSIONE pre 17/09/2020 aggiuntivo 33% 

.btnricercadown {
	width: 32%;
	margin-right: 1%;
}
.dropdown-content.dropfilter {width: 31%;}
.dropdown-content.dropfilter > div{
	max-width:1000px !important;
}
@media (max-width: 828px) {
.btnricercadown {	width: 100%;	margin-right: 0%;}
.dropdown-content.dropfilter {width: 98%;}
}

.variabilenewricerca > i {
    margin-left: 10px;
}	
*/


.btnricercadown {	width: 100%;	margin-right: 0%; }
.pagfile .btnricercadown {	height:auto; }


.notification-menufirst {
	width: 32%;
	margin-right: 1%;
	float: left;
}

.colonnaa{
	float: left;
    width: 32%;
    clear: both;
    margin-right: 1%;}
.colonnab{
	float: left;
    width: 32%;
    margin-right: 1%;
	position: relative;
	top: -50px;
    margin-bottom: -50px;}
.colonnac {
	float: left;
    width: 33%;
    margin-right: 0%;
	position: relative;
	top: -50px;
    margin-bottom: -50px;}
.colonnad {
	float: left;
    width: 33%;
    margin-right: 0%;
	position: relative;
	top: 0px;}


.dropdown-content.dropfilter {width: 100% !important;}

.dropdown-content.dropfilter.dropfirstcol {width: 31% !important;}


.dropdown-content.dropfilter > div{
	max-width:1000px !important;
}
@media (max-width: 828px) {
.btnricercadown {	width: 100%;	margin-right: 0%;}
.dropdown-content.dropfilter {width: 98%;}


.colonnaa, .colonnab, .colonnac, .colonnad {
	float: left;
    width: 100%;
    clear: both;
    margin-right: 0%;top: 0px;
	margin-bottom: 0px;}

.dropdown-content.dropfilter.dropfirstcol {width: 100% !important;}

}

.variabilenewricerca > i {
    margin-left: 10px;
}	



.btnservizio {
    width: auto;
    font-size: 12px;
    padding: 0 5px !important;
    float: right;
    position: relative;
    right: 1%;
	border: none !important;
	margin-left: 10px;
	background-color: #90b6fb !important;
	color: #ffffff; 
    text-decoration: none !important;
    height: 24px;
    font-size: 13px;
    line-height: 24px;
	}
.btnservizio.btn.btn-trigger {
background-color: #90b6fb !important;}
.btnservizio:HOVER  {
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
	background-color: #90b6fb !important;
}
	}	
	
.filtrogenerale {
       right: 1%;
}


	
@media (max-width: 828px) {
.btnservizio {
	width: auto;
	margin: auto;
    font-size: 12px;
    line-height: 12px;
    padding: 5px;
    height: auto;
    background-color: #eeeeee;
	float: left;
    position: relative;
    right: auto;
    bottom: auto;}
		
.filtrogenerale {
	position: relative;
    right: auto;
    bottom: auto;
	float: left !important;
    margin-top: 14px;
}
.guardailtutorial {
       float: left !important;
    clear: both;
    margin-top: 15px;
	display: none !important;
}
}

.preloader {position: fixed; z-index: 999999; background-color: #000000; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%;opacity: 0;
filter: alpha(opacity =0); display: none;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;

}
.preloader.active {opacity: 0.5;
filter: alpha(opacity =50); display: block;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

.insidedropdownmenu label {
  display: block;
  position: relative;
  overflow: hidden;
}

.preloader img{position: absolute; top: 50%; left: 50%; margin: -140px 0 0 -140px;}

#filtroleft .dropdown-content.dropfilter.dropfirstcol {
    width: 330px !important;
    margin-left: -2px;
}
#filtroleft .filtrogenerale {
    right: auto;
}

.dropdown-content {
z-index: 996 !important; }

@media (max-width: 1370px) {
.nascondimobile {display: none;}
}



.nuovomenudisabled, .nuovomenudisabled:HOVER {cursor: auto;color: #aaaaaa !important; border: 1px solid #ffffff !important; background-color: #ffffff !important;     box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2) !important;}

/* Chrome, Safari, Edge, Opera Nascondere frecce in input number */
input.prezzo::-webkit-outer-spin-button,
input.prezzo::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox Nascondere frecce in input number */
input.prezzo[type=number] {
  -moz-appearance: textfield;
}


/* TABELLA download */

.container-download {max-width: 1300px; margin: 40px auto;}
.container-download td, th {
    padding: 10px 5px 0px 5px;
}
.container-download  .col {padding: 0 40px !important;}
.bottonenewtab {height: auto;    line-height: initial;       padding: 5px 5px 0px 0px;    background-color: #bbb5a5;    min-width: 160px;}
.bottonenewtab:HOVER {background-color: #99cc34;}
.bottonenewtab img{    width: 32px;
    padding: 2px;
    background-color: #ffffff;
    border-radius: 2px;}
.bottonenewtab span{ padding: 8px 20px 0 5px; float: right;}
@media (max-width: 1260px) {
	
	.bottonenewtab span{ display: none;}
	.container-download  .col {padding: 0 15px!important;}
    .bottonenewtab, .bottonenewtab:HOVER {min-width: 20px; box-shadow: none; background-color: transparent !important; border: none !important; padding: 0px!important; margin: 0px!important; }

}

.bottonecanclistinoblock {
	background-color: #b9b8b4;
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding: 0 5px;}
.bottonecanclistinoblock span{
    position: relative;
    top: -5px;}


@media (max-width: 767px) {
.bottonecanclistinoblock {
    position: relative;
    right: auto;
    bottom: auto;
    margin: 20px;
    float: right;}
}



/* PRELOADER FIle */


.linguegenlist { text-align:center; font-size: 1.5vw;padding-top: 5vh;}
.linguegenlist h3{font-size: 2vw;}
.linguegenlist .btn-gen-listino-ok{    
	height: auto;
    line-height: initial;
    padding: 1vw;
    border: #dfdfdf 2px solid;
    background-color: #ffffff;
    text-align: center;
    margin: 0.5vw;
    border-radius: 3vw;
    display: inline-block;
	cursor: pointer;
}
.linguegenlist .btn-gen-listino-ok:HOVER{    
    border: #25d357 2px solid;
}
.linguegenlist .btn-gen-listino-ok img{max-height: 18vh; max-width: 24vw;}

@media (max-width: 767px) {

.linguegenlist h3{font-size: 18px;}

}

.preloaderfile {text-align: center;}
.preloaderfile img{max-height: 30vh; max-width: 40vw; margin-top: 5vh;}
.preloaderfile h3{font-size: 2vw;}

.preloaderfilegen {text-align: center;}
.preloaderfilegen .txtclicc {font-size: 1.5vw; text-decoration: none;}
.preloaderfilegen img{max-height: 30vh; max-width: 40vw; margin-top: 5vh;}
.bottonefilegen {height: auto;    line-height: initial;       padding: 5px 5px 5px 5px;    background-color: #bbb5a5;    min-width: 160px; text-align: center; margin-top: 0.5vw;}
.bottonefilegen span{ padding: 5px 20px 2px; float: right; color: #ffffff; font-size: 1.5vw;}
.bottonefilegen:HOVER {background-color: #99cc34;}

@media (max-width: 767px) {

.preloaderfile h3{font-size: 18px;}
.bottonefilegen span{font-size: 14px;}
.preloaderfilegen .txtclicc {font-size: 14px;}

}




.container-switch  {padding: 0px 15px 0; display: inline-block; }

  .lwswitch  {
    --active: #275efe;
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, 0.3);
    --border: #bbc1e1;
    --border-hover: #275efe;
    --background: #fff;
    --disabled: #f6f8ff;
    --disabled-inner: #e1e6f9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
	position: relative !important;
	opacity: 1 !important;
	pointer-events: all !important;

  }
  .lwswitch:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }
  .lwswitch:checked{
    --b: var(--active);
    --bc: var(--active);
    --d-o: 0.3s;
    --d-t: 0.6s;
    --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
  }
  .lwswitch:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
  }
  .lwswitch:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
  }
  .lwswitch:disabled + label{
    cursor: not-allowed;
  }
  .lwswitch:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }
  .lwswitch:focus {
    box-shadow: 0 0 0 var(--focus);
  }
  .lwswitch:not(.switchswitch) {
    width: 21px;
  }
  .lwswitch:not(.switchswitch):after{
    opacity: var(--o, 0);
  }
  .lwswitch:not(.switchswitch):checked{
    --o: 1;
  }
  .lwswitch + label{
    font-size: 14px;
    line-height: 21px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: 4px;
  }
  .lwswitch:checked + label{
	  color: #000;
  }

  .lwswitch:not(.switchswitch) {
    border-radius: 7px;
  }
  .lwswitch:not(.switchswitch):after {
    width: 5px;
    height: 9px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 7px;
    top: 4px;
    transform: rotate(var(--r, 20deg));
  }
  .lwswitch:not(.switchswitch):checked {
    --r: 43deg;
  }
  .lwswitch.switchswitch {
    width: 38px;
    border-radius: 11px;
  }
  .lwswitch.switchswitch:after {
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: var(--ab, var(--border));
    transform: translateX(var(--x, 0));
  }
  .lwswitch.switchswitch:checked {
    --ab: var(--active-inner);
    --x: 17px;
  }
  .lwswitch.switchswitch:disabled:not(:checked):after {
    opacity: 0.6;
  }


.dataTables_filter {
	float: left !important;
	padding: 20px 0 !important;
	text-align: left !important;
}

.dataTables_filter label {
	color: #5fad45;
	font-size: 1rem;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0em;
}

.iconimput {position: relative; overflow: hidden;}
.iconimput .material-icons {position: absolute; top: 7px; left: 0px;}
.iconimput .form-control {padding-left: 30px !important;}

.btn-sm{overflow: initial;
    background-color: #a2b8c6 !important;
    }


.img-play-video {
width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -55px 0 0 -40px;
}


/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}



/* cart photo */
.cartphoto {position: relative; background-color: #f0f0f0; padding: 20px 10px 10px 10px; margin: 0 0 20px 10px;}
.cartphoto img{width: 100px; height: auto !important}
.cartphoto .piuinfopedice{float: right; width: CALC(100% - 130px);}
.cartphoto .deletegeneraphotocatalogo {cursor: pointer;position: absolute;top: 10px;right: 10px;}
.cartphoto .deletegeneraphotocatalogo:HOVER {color: #c00; }