﻿/* thumb */
.cstm-thumb {
    padding: 3px 0;
}
.thumb {
    border-width: 0;
    /*border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;*/
}

.cstm-thumb div.product-image,
.cstm-thumb-color .product-color-image {
    display: block;
}

.cstm-thumb .thumb-color-info-cartella-colore {
    display: inline;
}
.mt-xs-10 {
    margin-top: 10px;
}
.mr-0 {
    margin-right: 0;
}
.mt-0 {
    margin-top: 0!important;
}
.pb-0 {
    padding-bottom: 0;
}

@media (min-width: 576px) {
    .cstm-thumb-color.xxs .product-color-image {
        width: 200px;
        height: 138px;
        background-size: cover !important
    }

    .cstm-thumb.xxs {
        width: 200px;
    }

    .cstm-thumb-color .product-color-image {
        height: 160px;
        background-size: cover !important
    }
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .cstm-thumb {
        width: 208px;
        height: auto; /*340px;*/
    }
    .cstm-thumb.x2 {
        width: 416px;
    }

    .cstm-thumb img.product-image,
    .cstm-thumb-color .product-color-image {
        display: none;
    }

    .cstm-thumb div.product-image,
    .cstm-thumb-color .product-color-image {
        display: block;
        width: 206px;
        height: 206px;
        margin: 0;
    }
    .cstm-thumb.x2 div.product-image {
        width: 414px;
        height: 414px;
    }

    .thumb-space {
        display: inline-block;
        width: 208px;
    }

    #details-colors {
        max-height: 205px !important;
    }

    #details-colors-show {
        width: 100px !important;
        overflow: hidden;
    }

    #details-colors-show p {
        width: 100px !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .mt-sm-0 {
        margin-top: 0;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

@media (min-width: 1025px) {
    .cstm-thumb {
        width: 238px;
        height: auto; /* 360px; */
    }
    .cstm-thumb.x2 {
        width: 476px;
    }
    .cstm-thumb div.product-image,
    .cstm-thumb-color .product-color-image {
        display: block;
        width: 236px;
        height: 236px;
        margin: 0;
    }
    .cstm-thumb.x2 div.product-image {
        width: 474px;
        height: 474px;
    }
    .thumb-space {
        width: 238px;
    }

    .cstm-thumb.description-open div.description {
        height: 160px;
        margin-top: -83px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* /thumb */

div.has-error label.has-error {
    padding-top: 3px;
}

.cstm-dispo-thumb-color .product-color-image {
    width: 119px !important;
    height: 119px;
}

.annullatoafter:after {
    display: block;
    content: " ";
    width: 5%;
    height: 100%;
    background-color: rgba(255,64,64,.7);
    transform-origin: center center;
    transform: rotate( 45deg );
    margin-left: calc(50% - 2.5%);
    margin-top: -10%;
    margin-bottom: 10%;
    box-shadow: 0 0 3px 1px #fff;
    position: absolute;
    top: 0;
    z-index: 2;
}

.login-cnt-browser {
    display: none;
}


.rldmt-FkUaYW-modalContent .container {

width:100%!important;

}




/*#root select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
	background-repeat: no-repeat;
	background-position: left .7em top 100%;
	background-size: 1.5em;
	padding-right: 2.5em;
  
}*/



#root_conf {
    height: 100vh;
}

#mdlConfigurator{
top:70px!important;
}

#mdlConfigurator #root_conf {
    height: 95% !important;
}

#mdlConfigurator .modal-dialog {
    height: 100%
}

#mdlConfigurator .modal-content {
    height: 90%
}

#mdlConfigurator .modal-body {
    height: 95%;
    overflow: auto
}
.zindex-low {
z-index:11;

}

/*price description*/
span.price-description del.min-price {
    opacity: 0.5
}

span.price-description span.special-price-perc {
    /*padding: 3px;
    margin-left: 5px;*/
}
