@charset "UTF-8";
#contentarea-wrapper #step-main-container ul {
list-style:none
}
span.title {
display: block;
text-align: left;
clear: both;
width: 100%;
padding: 0 0 5px 0;
text-overflow: ellipsis;
overflow: hidden;
font-size: 0.8em;
}
ul.caratteristiche span.title{
 text-align:left;
 font-weight:700;
}
.step-list span.title{margin:0}
h3.step-title {
text-transform:uppercase;
margin-bottom:24px
}
#contentarea-wrapper ul.scelte {
list-style:none;
text-align:left;
margin:0;
padding:0
}
#contentarea-wrapper ul.scelte li {
padding-bottom:0
}
ul#section-navigator {
margin:0
}
#section-navigator li {
display:block;
cursor:pointer;
padding:12px 0 12px 12px;
border-bottom:1px solid #e3e3e3;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box
}
#section-navigator li.warning .title::after {
content:'*';
font-weight:400;
color:#9C211A
}
#section-navigator li span {
display:block
}
#section-navigator li span.selection {
font-style:italic;
white-space:nowrap;
overflow:hidden;
display:block;
text-overflow:ellipsis
}
#section-navigator li.current {
background-color:#C1C8D5;
border-right:0
}
#section-navigator li.current .title {
color:#000;
font-style:italic
}
#section-navigator li.filler {
cursor:default;
border:0
}
#step-container {
display:block;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
position:relative;
}
#step-container a{text-decoration:none}
#step-container .loader {
display: block;
position:absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: #fff;
text-align: center;
color: #999;
}
#step-container fieldset legend {
display:none
}
@media screen and (max-width: 320px) {
#step-container {
width:100%;
margin:none
}
}
.carousel-paging,.carousel-prev,.carousel-next {
display:none!important
}
#step-container fieldset {
border:none;
padding:0;
margin:0
}
ul.tessuti,ul.caratteristiche,ul.brands,ul.folders {
list-style:outside none none!important;
margin:0;
padding:0
}
ul.tessuti li a{
display:block;
position:relative;
overflow:hidden;
justify-content: center;
margin: 0 auto;
width: 100%;
}
#tessuti span.badge{cursor:pointer}
#tessuti span.active{
	color: #fff;
	background-color: #6c757d;
}
#tessuti ul li a img, .caratteristica a img {
    max-width: 130%;
    width: 130%;
    margin: 0 -15%;
}
#tessuti .fabric-detail {
	box-sizing: content-box;
	position: absolute;
	bottom: 20%;
	right: 8%;
	width: 38%;
	z-index: 10;
}
#tessuti .fabric-circle {
  box-sizing: content-box;
  position: relative;
  height: 0;
  padding-top: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 0 2px #fff;
  border-radius: 50%;
  overflow: hidden; /* fondamentale per tagliare l'immagine nel cerchio */
}

/* immagine dentro al cerchio */
#tessuti .fabric-circle > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.48);      /* simula background-size:148% 148% */
  transform-origin: center;
  display: block;
}

#tessuti ul li a span.description,.price {
color:#400
}
fieldset.images ul.caratteristiche li.caratteristica {
margin:0 0 10px;
position:relative
}
section li span.title {
color:#000
}
fieldset.images ul.caratteristiche li.current .ms-bookmark,fieldset#tessuti li.current .ms-bookmark,fieldset#brand li.current .ms-bookmark,fieldset#folders li.current .ms-bookmark,fieldset.images ul.caratteristiche li.current .ms-bookmark,fieldset#tessuti li.current .ms-bookmark {
display:block
}
.ms-bookmark {
display:none;
position:absolute;
top:1em;
left:1em
}
.ms-bookmark::before {
content:"\f058";
font-family: "Font Awesome 5 Free";
font-style:normal;
font-weight:900;
text-decoration:none;
font-size:2em;
color:#fff;
text-shadow: 1px 1px 3px #999;
}
fieldset.images ul.caratteristiche li.caratteristica a {
text-align:left;
margin:0;
display:block;
width:100%;
height:100%;
border:0;
overflow:hidden;
background-color:#fff;
text-decoration:none
}
fieldset.images ul.caratteristiche li.caratteristica,ul.carousel-block li {
line-height:100%
}
fieldset#tessuti ul.caratteristiche li.caratteristica img {
max-width:100%;
max-height:100%;
display:block;
margin:auto
}
fieldset.images ul.caratteristiche li.caratteristica img {
max-width:100%;
display:block;
margin:auto;
margin-bottom:8px
}
#tipologia-6 ul.caratteristiche li.caratteristica img {
max-width:100%;
display:block;
margin:auto;
margin-bottom:8px
}
fieldset.images ul.caratteristiche li.caratteristica span.description {
display:none
}
fieldset.blocks ul.caratteristiche li.caratteristica {
display:block;
float:left;
margin:.1em;
width:90px;
height:90px;
padding:0!important;
border:3px solid #fff
}
fieldset.blocks ul.caratteristiche li.current {
border:3px solid #a00
}
fieldset.blocks ul.caratteristiche li.caratteristica a {
display:block;
width:100%;
height:100%;
color:#000;
font-size:1.2em;
text-align:center;
text-decoration:none
}
fieldset.blocks ul.caratteristiche li.caratteristica a .title {
font-weight:700;
display:block
}
fieldset.blocks ul.caratteristiche li.caratteristica a .descrizione {
color:#444;
font-size:2em;
line-height:1em
}
.descrizione {
font-size:12px
}
fieldset.checks ul.caratteristiche li {
display:block;
padding-bottom:1em;
padding-left:0
}
fieldset.checks ul.caratteristiche li a {
display:block;
background-position:top left;
background-image:url(images/unchecked.jpg);
padding-left:1.2em;
background-repeat:no-repeat;
text-decoration:none
}
#tipologia-6 ul.caratteristiche li a {
 padding:0
}
#tipologia-6 .title {
 padding-left:1.5em;
overflow: hidden;
}
#tipologia-4 .descrizione,#tipologia-6 .descrizione {
 font-size:0.8em;
 color:#444;
 line-height:100%;
}
#tipologia-4 .descrizione{
 height:38px;
 overflow:hidden;
}
fieldset.checks ul.caratteristiche li .title {
color:#444;
font-weight:700;
display:block;
text-align:left
}
fieldset.checks ul.caratteristiche li .description {
font-style:italic;
margin-top:.5em
}
fieldset.checks ul.caratteristiche li.current a {
background-image:url(images/checked.jpg)
}
fieldset.checks ul.caratteristiche li span.extra_data_input {
display:none
}
fieldset.checks ul.caratteristiche li.current span.extra_data_input {
display:inline
}
.otherimgs {
background:rgba(0,0,0,0.5)!important;
top:0;
height:45px!important;
position:absolute;
right:15px;
width:45px!important;
z-index:10;
color:#fff;
text-align:center!important;
line-height:45px
}
.otherimgs i.fa {
margin-right:0!important;
line-height:45px
}
#custom-misure div.img-tip,#custom-misure-custom div.img-tip,#custom-misure-custom-shirt div.img-tip {
width:200px;
height:250px;
margin-right:0;
margin-left:10px;
border:none
}
.img-tip img {
max-width:100%
}
#custom-misure div label,#custom-misure-custom div label,#custom-misure-custom-shirt div label {
display:block
}
#custom-misure div label span.label,#custom-misure-custom div label span.label,#custom-misure-custom-shirt div label span.label {
display:block;
color:inherit;
font-size:100%;
text-align:left
}
#custom-misure div input:focus,#custom-misure-custom div input:focus,#custom-misure-custom-shirt div input:focus {
background-color:#fff;
border:1px solid #369
}
#custom-misure div input+span.tip,#custom-misure-custom div input+span.tip,#custom-misure-custom-shirt div input+span.tip {
display:none;
position:absolute;
margin-left:0;
max-width:300px
}
#custom-misure div input:focus+span.tip,#custom-misure-custom div input:focus+span.tip,#custom-misure-custom-shirt div input:focus+span.tip {
display:block;
padding:5px;
background-position:5px 5px;
background-color:#F8F8F8;
box-shadow:2px 2px 2px rgba(0,0,0,0.5);
z-index:999999
}
#tessuti .filter {
text-align:center;
display:block;
margin:0;
padding:0
}
#tessuti .filter li {
margin:0;
display:inline-block;
padding:0;
height:30px;
margin:.5em
}
#tessuti .filter li a {
margin:.5em;
display:block;
width:100%;
height:100%;
background-color:#eee;
color:#000;
font-weight:700;
border:1px solid #ccc;
overflow:hidden;
line-height:30px
}
#tessuti .filter li a.current {
background-color:#444;
color:#fff
}
#tessuti .tessuti {
clear:left;
overflow:auto
}
.tessuto.filtered {
display:block
}
.tessuto {
display:none
}
.row.no-gutter {
margin:0 0 24px
}
#myModal ul {
list-style:none;
list-style-type:none;
line-height:1.5em;
text-align:left;
padding:0
}
#myModal ul li span.label {
font-weight:700;
color:#000;
padding-left:0!important
}
.modal-image img{
 width:100%;
}
.fabric-features-list h3 {
margin:0;
color:#000;
padding-bottom:20px
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  color:#192D40;
  font-size:2em
}
#step-main-container .error {
background-color:#a77;
text-align:center;
font-weight:700;
padding:.5em;
margin-bottom:.5em;
border-radius:.2em;
border:1px solid #800;
color:#ff8
}
#posizione-contrasto li {
margin:10px
}
#misure {
clear:left
}
fieldset#tipologia-1 li#caratteristica-1 a i,fieldset#tipologia-1 li#caratteristica-2 a i{float:right;color:#C1C8D5}
fieldset#tipologia-1 li#caratteristica-1.current a i,fieldset#tipologia-1 li#caratteristica-2.current a i{color:#192D40}
#close-button {
float:right;
margin-top:-20px;
margin-right:-20px;
width:32px;
height:32px;
display:block;
background-color:#000;
border-radius:16px;
color:#fff;
line-height:32px;
text-align:center
}
#scelte-effettuate .scelte li .name {
font-weight:700;
color:#444
}
#scelte-effettuate .scelte li .title {
font-style:italic
}
#misure-su-misura {
/*margin-left:3em*/
}
#misure-su-misura h3 {
margin:0 0 5px;
line-height:1em
}
#caratteri-iniziali {
margin:.5em 0 0;
padding:.2em;
clear:both
}
#caratteri-iniziali select,#caratteri-iniziali input {
display:block
}
#caratteri-iniziali p label {
line-height:1em
}
#step-container fieldset#tipologia-1 {
overflow:hidden
}
.filterbar a{
color:#262626;
}
.filterbar a.nav-link.dropdown-toggle{
	text-transform: uppercase;
}
.filterbar .nav-pills .nav-link.active, .filterbar .nav-pills .show>.nav-link {
    color: #4180AF;
    background:transparent;
}
.filterbar span.dropdown-item:hover,.filterbar span.nav-link{cursor: pointer;}
.filterbar .dropdown-item.active, .filterbar .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #6c757d;
}
#removeItem{display: none}