.panel-title {
    font-size: 14px;
}

.panel-body {
    font-size: 12px;
}

.carrello {
    font-size: 14px;
}

.main-header__bottom {

}

/* CART PAGE STYLE */
.cart-header {
    padding-top: 45px;
    padding-bottom: 45px;
}

table.carrello {
    margin-top: 30px;
    margin-bottom: 0px;
}
table.carrello, table.carrello tr {
    border: 0px;
}
table.carrello tr td, table.carrello > thead > tr > th {
    border: 1px solid #ddd;
    font-weight: 300;
}

table.carrello > thead > tr > th {
    border: 1px solid #e9e9e9;
    background-color: #e9e9e9;
    text-transform: uppercase;
}
table.carrello > thead > tr > th:first-child {
    border-left: 0px;
    background-color: transparent;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
}
table.carrello > tbody > tr:first-child > td {
    border-top: 0px;
}
table.carrello > thead > tr > th:first-child, table.carrello > tbody > tr > td:first-child, table.carrello > tfoot > tr > td:first-child {
    border-top: 0px;
    border-bottom: 0px;
}
/* SECTIONS */
.cart-section {
    padding: 15px 10px;
    position: relative;
}
.cart-section-first-item {
    float: left;
    width: 70px;
    position: absolute;
    z-index: 1;
    bottom: 45%;
}
.cart-section-first-item.number-box {
    font-size: 2em;
    padding-left: 30px;
    padding-top: 5px;
}
.cart-section-second-item {
    padding-left: 86px;
}
.cart-table-info {
    padding: 30px 0px 15px 0px;
}
.cart-table-info h5 {
    color: #d0dbec;
    font-weight: 300;
    margin-bottom: 0px;
}
ul.cart-list-header {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.cart-list-header li{
    padding-left: 1em;
    text-indent: -1em;
    text-transform: uppercase;
}
ul.cart-list-header li::before {
    content: "\002022 ";
    color: #d0dbec;
    margin-right: 0.2em;
    font-weight: 500;
}

@media (min-width: 768px) {
    .cart-table-total {
        /*padding-left: 40px;*/
    }
    .cart-section-second-item.has-right-padding {
        /*padding-right: 86px;*/
    }
}
/* BUTTONS */
.btn-primary {
    background-color: #000000;
    border-color: #888888;
}
/* SELECTPICKER */
.bootstrap-select > .btn-default {
    padding: 0px 25px 0px 0px;
    color: #757575;
}

.bootstrap-select.open > .btn-default,.bootstrap-select > .btn-default:active,.bootstrap-select > .btn-default:hover,.bootstrap-select > .btn-default:focus {
    color: #757575;
}
.bootstrap-select > .btn-dark,.bootstrap-select > .btn-dark.btn-default {
    background-color: #4C4E57 !important;
}
.bootstrap-select > .btn-default .bs-caret{
    color: white;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    padding: 4px 12px;
    background-color: #ffffff;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
    right: 6px !important;
}
.bootstrap-select > .dropdown-toggle {
    padding-right: 20px !important;
}
.special-product .bootstrap-select img {
    max-height: 32px;
}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}

/* PRODUCTS */

.line-box-bounder {
    border: 1px solid #000000;
    padding: 30px;
}
.mystorico-box .col-md-4 .btn-default {
    margin-bottom: 15px;
}
.dotted-box-bounder, article.special-product {
    border: 8px dotted #000000;
    padding: 15px;
    border-radius: 40px;
    margin-top: 15px;
    margin-bottom: 15px;

}
.box-colors, article.special-product {
    /*text-transform: uppercase;*/
}
@media (min-width: 768px) {
    article.special-product {
        margin: 15px -23px;
    }
}
article.special-product .product-info{
    padding-left: 140px;
    padding-right: 10px;
}
article.special-product a.file__img-wrapper,article.special-product div.file__img-wrapper{
    margin: 10px;
    margin-right: 20px;
    position: absolute;
}

@media (min-width: 1200px) {
    article.special-product a.file__img-wrapper,article.special-product div.file__img-wrapper{
        margin: 10px;
        margin-right: 50px;
        position: absolute;
    }
    article.special-product .product-info{
        padding-left: 285px;
    }
}
.special-product .product-price{
    font-size: 2em;
    color: #d0dbec;
}
.special-product .product-price small{
    font-size: 0.4em;
    color: #757575;
}
.special-product label {
    color: #d0dbec;
    font-family: inherit;
    font-weight: 500;
}
.product-add-cart {
    font-size: 1.3em;
    font-family: inherit;
    font-weight: 500;
    line-height: 75px;
    text-align: right;
}
.product-add-cart input{
    line-height: 1.42857;
    margin: 4px auto;
    border-radius: 10px;
    border: 1px solid #757575;
    padding: 3px 5px;

}
.product-add-cart img{
    width: 54px;
}
@media (max-width: 991px) {
    .special-product .product-add-cart {
        line-height: normal;
        text-align: left;
    }
}
/* Thumbnail product */

article.thumbnail-product {
    text-transform: uppercase;
    margin-bottom: 15px;
}
article.thumbnail-product .product-photo{
    position: relative;
    margin-bottom: 20px;
}
.thumbnail-product img.img-responsive{
    /*border-radius: 15px;*/
}
.thumbnail-product .product-modal {
    padding-right: 15px;
    display: block;
}
.thumbnail-product .product-add-cart, .popup-product .product-add-cart{
    position: absolute;
    z-index: 1;
    bottom: -15px;
    right: 0px;
}
.popup-product .product-add-cart {
    line-height: 1.4;
    bottom: 15px;
    right: 15px;
}
.popup-product .product-add-cart img{
    width: 96px;
}
.thumbnail-product .product-info h4{
    max-height: 2.3em;
    height: 2.3em;
    overflow: hidden;
}
.thumbnail-product .product-info div.btn{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0.9em;
}
.popup-product {
    position: relative;
    text-transform: uppercase;
}
.popup-product .product-photo{
    position: relative;
    min-height: 200px;
    margin-bottom: 0px;
}
.popup-product .product-info{
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 0;
    right: 0;
}
.img-border-radius {
    border-radius: 30px;
}
.product-info-icons {
    padding: 20px;
    background-color: #f1f4f9;
    border-radius: 40px;
}

.product-info-icons.with-image {
    margin-left: 30px;
    position: relative;
    display: inline-block;
}
.product-info-icons.with-image > img{
    position: absolute;
    left:-30px;
    max-width: 30px;
    max-height: 110px;
    top: 15px;
    z-index: 1;
}
.product-info-icons.with-image.small-icon > img{
    position: absolute;
    left:-30px;
    max-width: 30px;
    max-height: 94px;
    top: 15px;
    z-index: 1;
}
.product-info-icons li{
    cursor: pointer;
    opacity: 1;
}
.product-info-icons li.disabled{
    opacity: 0.5;
}
.product-info-icons li a{
    outline: none
}
.product-info-icons li img {
    max-height: 64px;
}
.product-info-icons.small-icon li img {
    max-height: 48px;
    margin-left: calc(50% - 24px);
}
.product-info-icons li img, .product-info-icons li .title {
    transition: transform 200ms ease-in-out;;
}
.product-info-icons li:not(.disabled):hover img {
    transform: translate(0px,-6px);
}
.product-info-icons li:not(.disabled):hover .title {
    transform: translate(0px,-2px);
}
.product-info-icons .title{ text-align: center; font-weight: 900;color: #bfcde4;margin-top: 6px; text-transform: uppercase;}
.box-color-stroke {
    border: solid 1px white;
    padding: 2px;
    margin: -3px 8px -3px -3px;
    border-radius: 50%;
    float: left;
}
.product .box-color {
    display: block;
    width: 38px;
    height: 38px;
    margin-right: 8px;
    border-radius: 40%;
    transform: rotate(-5deg);
    float: left;
}

.product .box-color-image {
    height: 50px;
    background-size: cover;
    background-position: center center;
    display: block;
    width: 38px;
    margin-right: 8px;
    float: left;
    border-radius: 20px;
    position: relative;
}
.product-secondary-photos .thumbnail-product {
    position: relative;
}
.product .box-color-stroke .box-color {
    margin-right: 0;
    float: none;
}
.product .box-colors {
    padding: 30px;
}
.product .box-colors .row > div {
    margin-bottom: 3px;
}
@media screen and (max-width: 400px) {
    .product .box-colors .row > div.col-xs-4 {
        width: 50%;
    }
    .product .box-colors {
        padding: 10px;
    }
}
@media screen and (max-width: 200px) {
    .product .box-colors .row > div.col-xs-4 {
        width: 100%;
    }
}
.product .box-colors input {
    margin: 4px auto;
    border-radius: 10px;
    border: 1px solid #757575;
    padding: 3px 5px;
}

.product .box-colors input.error {
    border-color: red;
}
.box-color-input .popover  {
    max-width: none;
    white-space: nowrap;
}
.box-color-input label.error {
    position: absolute;
    width: auto;
    background: white;
    box-shadow: 0px 0px 2px red;
    padding: 5px 10px;
    border-radius: 6px;
    text-transform: initial;
    max-width: inherit;
    white-space: nowrap;
    font-size: 12px;
    left: 0px;
    top: -2em;
    color: red;
    z-index: 1;
}
.list-color  {
    text-align: center;
}
.list-color li {
    padding-right: 10px;
    line-height: 1;
}
.list-color .box-color {
    border-width: 1px;
    border-style: solid;
    border-color: white;
    width: 30px;
    height: 30px;
    border-radius: 13px;
}
.list-color .title {
    line-height: 30px;
    text-transform: uppercase;
    float: right;
}
.list-color .two-line .title {
    line-height: 1;
    font-size: 0.9em;
}
.box-colors .product-price .primary-color {
    font-size: 2.5em;
}
.box-colors h2,.box-colors .product-price-img {
    margin-top: 10px;
}
.box-colors .box-color-title {
    height: 5em;
    overflow: hidden;
    font-size: 0.8em;
    padding-top: 0.5em;
}
#productModal .modal-dialog {
    max-width: 400px;
    width: auto;
}
.product-secondary-photos img {
    cursor: pointer;
}
/* Safari Hack*/
_::-webkit-full-page-media, _:future, :root hr.separator {}
_::-webkit-full-page-media, _:future, :root .dotted-box-bounder,  :root article.special-product  {
    border-style: dotted;
    border-color: #d0dbec;
    border-image-source:none;
    border-image-slice: 33% 33%;
    border-image-repeat: round;
}
::-webkit-full-page-media, _:future, :root hr.separator, :root .block-title-center.dotted, :root .block-title-center.dotted8 {
    border: 0px;
    height: 5px;
    background:none center center repeat-x;
    background-position: center center;
    background-repeat: repeat-x;
}
::-webkit-full-page-media, _:future,:root hr.separator,  :root .block-title-center.dotted8 {
    height: 5px; /* era 9 */
    background: none; /* era 8 */
}
/* End Safari hacking */
.servizioclienti-icons img {
    max-height: 48px;
    margin-right: 5px;
}
ul.servizioclienti-icons li {
    margin-bottom: 5px;
}
/*servizioclienti page*/
.img-placeholder {
    border: solid 1px #757575;
    padding: 30px 0;
    text-align: center;
}
.servizioclienti-accordion a[data-toggle="collapse"] {
    color:#bdcce1;
}
.servizioclienti-accordion a[data-toggle="collapse"]:before {
content: "- ";
    display: inline-block;
    width: 1em;
}
.servizioclienti-accordion a[data-toggle="collapse"].collapsed:before {
content: "+ ";
}
/* Promo page*/
.promo-arrow {
    padding-right: 80px;
    padding-bottom: 10px;
    position: relative;
    min-height: 102px;
}
.promo-arrow .promo-slider-toggle{
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
}
/*Carrello page*/

.payment-methods label {
    font-size: 1.2em;
    font-weight: 500;
    text-transform: uppercase;
}
.payment-methods img {
    max-height: 120px;
    margin-bottom: 10px;
}
/*Product*/
#legendaModal .list-color {
    text-align: left;
}
#legendaModal .list-color li {
    padding: 20px 0px 20px 50px;
}
#legendaModal .list-color .box-color {
    display: inline-block;height: 15px;
    border: 0px;
    border-radius: 0;
    width: 50px;
    height: 10px;
    margin-right: 15px;
}
#legendaModal .list-color .title {
    float: none;
    font-size: 1.3em;
    font-weight: 500;
}
.g-recaptcha.text-center > div {
    margin: auto;
}
.promo-slider-container .product-info a.btn {
    padding: 4px;
}
