/*--------------------------------------------------
Cart style
--------------------------------------------------*/
.checkout-step-section .border { border-bottom: 1px solid #ddd; padding-bottom: 3px; margin-bottom: 10px; }
.checkout-step-section .qty-controller { background: none; padding: 0; text-align: right; float: none; display: block; }
.checkout-step-section .qty-controller input { font-size: 14px; border: 1px solid #bbb; padding: 3px 6px; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); }
.ordineOk p strong, .ordineKo p strong { font-size: 24px; line-height: 30px; }
.checkout-step-section { margin-bottom: 35px; margin-top:140px; }
.checkout-step-section label { font-weight: normal; }
.checkout-step-bar { margin-top: 140px; margin-bottom: 35px; background-color: #edebeb; }
.checkout-step-section .checkout-step-bar { margin-top:0;}
.checkout-step-bar .step { float: left; font-size: 14px; font-weight: 700; text-transform: uppercase; height: 55px; line-height: 55px; text-align: center; width: 20%; border-right: 1px solid #fff; border-left: 1px solid #fff; color: #000; }
.checkout-step-bar #step1 { margin-left: 0; border-left: 2px solid #fff; }
.checkout-step-bar #step5 { border-right: 2px solid #fff; }
.checkout-step-bar .step.on { font-weight: bold; background-color: #e5e0e0; color: #000; }

.perc-col { float: left; border-left: 2px solid #fff; }
.perc-col.tac { text-align: center; }
.cart-header { font-weight: 600; }
.cart-header .perc-col { font-size: 12px; height: 36px; line-height: 36px; padding: 0 20px; background-color: #efefef; }
.perc-col:first-child { border-left: none; }
.perc-col.thumb { width: 15%; }
.perc-col.name { width: 61%; }
.is-summary .perc-col.name { width: 54%; }
.perc-col.price { width: 13%; }
.perc-col.qty { width: 10%; }
.perc-col.edit { width: 8%; }
.perc-col.sub { width: 8%; }

.cart-item-list { list-style: none; margin: 0 0 25px 0; padding: 0; }
.cart-item-list > li { border-bottom: 1px solid #eee8e8; margin-bottom: 0px; padding: 10px 0; }
.cart-item-list > li > .perc-col { padding-top: 10px; padding-bottom: 10px; }
.cart-item-list > li > .thumb { padding: 5px; }
.cart-item-list > li .price, .cart-item-list > li .sub { font-size: 14px; font-weight: 700; padding-top: 15px; }
.cart-item-list > li .name { padding-left: 20px; padding-right: 20px; }
.cart-item-list > li .name .item-brand { font-size: 14px; font-weight: 700; text-transform: uppercase; margin: 8px 0 5px 0; line-height: 1.1em; }
.cart-item-list > li .name .item-name { font-size: 14px; line-height: 1.1em; }
.cart-item-list > li .perc-col.qty .qty-controller { margin-right: -5px; }
.cart-item-list > li .perc-col.qty .qty-field { position: absolute; left: 0; }

.edit .edit-item, .edit .delete-item { font-size: 12px; background-color: rgb(170, 170, 170); display: inline-block; position: relative; width: 18px; height: 18px; margin-top: 5px; color: #fff; line-height: 18px; }
.edit .edit-item:hover, .edit .delete-item:hover { background-color: #5c5c5c; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; }
.edit .edit-item i { display: block; position: relative; width: 9px; height: 9px; top: 6px; left: 6px; background-position: -80px -120px; }
.edit .delete-item i { display: block; position: relative; width: 9px; height: 9px; top: 6px; left: 6px; background-position: -100px -120px; }

.shipping-cost-section { margin-bottom: 15px; }
.shipping-cost-section .main-title { margin-bottom: 12px; }

.shipping-cost-section label { display: inline-block; margin-right: 20px; font-size: 14px; }
.shipping-cost-section select { width: 170px; height: 28px; line-height: 28px; background-color: #fff; border: 1px solid #dfd6d6; color: #777777; padding: 0 6px; font-size: 14px; }
.shipping-cost-section .price-sped { font-size: 14px; font-weight: bold; }

.grey-cart-bar { padding: 15px; margin-top: 5px; background-color: #353535; color: #fff; text-align: right; }
.grey-cart-bar .total-price { color: #fff; text-transform: uppercase; font-size: 18px; font-weight: bold; }
.grey-cart-bar .total-price span { clear: both; float: right; padding-left: 20px; display: inline-block; }
.grey-cart-bar .total-price .sconto { font-size: 16px; }
.grey-cart-bar .total-price .originalprice { text-decoration: line-through; font-size: 16px; }

.mandatory-field-label { line-height: 1em; margin: -5px 0 20px 0; }
.mandatory-field-label .red { color: #cc0000; display: inline-block; margin-right: 5px; }

.form-field { width: 230px; margin-bottom: 15px; }
.form-field.checkbox { margin: 3px 0; }
.form-field.full { width: 620px; }
.form-field.full.checkbox { width: 100%; }
.form-field > label { display: inline-block; font-weight: normal; line-height: 1em; }
.form-field > label .req { display: inline-block; margin-left: 5px; color: #cc0000; }
.form-field input[type="text"], .form-field input[type="email"], .form-field input[type="password"] { width: 100%; height: 28px; line-height: 28px; background-color: #fff; border: 1px solid #dfd6d6; color: #777777; font-size: 12px; padding: 0 6px; -webkit-appearance: none; }
.form-field select { width: 100%; height: 28px; line-height: 28px; background-color: #fff; border: 1px solid #dfd6d6; color: #777777; padding: 0 6px; font-size: 12px; }
.form-field textarea { width: 100%; max-width: 100%; height: 60px; background-color: #fff; border: 1px solid #dfd6d6; color: #777777; padding: 0 6px; font-size: 12px; }

section.invoice-form { padding: 20px 0; border-top: 1px solid #eee8e8; border-bottom: 1px solid #eee8e8; margin-bottom:10px; }
section.invoice-form > span { display: inline-block; margin-right: 30px; }
section.invoice-form label { font-weight: normal; display: inline-block; margin: 0 5px; }
section.invoice-form input[type="radio"] { position: relative; top: 2px; }
section.checkout-navigation { padding-top: 20px; }
section.checkout-navigation .step-back { margin-top: 2px; }
section.checkout-navigation .continue-shopping { font-size: 14px; margin-top: 7px; }
section.checkout-navigation .refresh-cart { display: inline-block; margin-top: 7px; margin-right: 16px; font-size: 14px; }

.shipping-cost-section .form-field { width: 80%; }
.coupon-form label { position: relative; float: left; margin-right: 20px; top: 4px; }
.coupon-form input[type="text"] { float: left; width: 130px; }
.coupon-form .main-cta { float: left; outline: none; border: 0; height: 28px; line-height: 28px; font-size: 13px; padding: 0 8px; margin-left: 8px; }
.purchase-data-summary { margin: 16px 0 0 0; padding-bottom: 20px; border-bottom: 1px solid #eee8e8; }
.summary-title { font-weight: bold; font-size: 16px; margin-bottom: 22px; }
.summary-list {list-style:none; margin:0; padding:0;}
.summary-list li { margin-bottom: 9px; }

.field-name { font-weight: bold; font-size: 14px; padding-right: 20px; width:40%; float:left; }
.field-value { float: left; width: 60%; font-size: 14px; line-height: 1.1em; padding-right: 20px; }
.panel-abstract { font-size: 14px; font-weight: bold; margin-bottom: 15px; }

.login-form .form-field { width: 100%; }
.login-form label { float: left; width: 95px; /*position: relative; top: 8px;*/ }
.login-form input[type="text"], .login-form input[type="email"], .login-form input[type="password"] { float: left; width: 230px; }
.login-form button { border: 0; outline: none; -webkit-appearance: none; margin-left: 95px; }
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { margin-left: 0; }
.form-field.full, .form-field { width: 100%; }

#fsUtente .form-group.checkbox a { text-decoration:underline;}


/*--------------------------------------------------
Spinner
--------------------------------------------------*/
.spinner { margin: 50px auto; display: none; text-align: center; }
.spinner img { width: 60px; }

/* Media queries */
@media (min-width:992px) and (max-width:1200px) {
    .perc-col.thumb { width: 15%; }
    .perc-col.name { width: 51%; }
    .is-summary .perc-col.name { width: 45%; }
    .perc-col.price { width: 16%; }
    .perc-col.qty { width: 13%; }
    .perc-col.edit { width: 9%; }
    .perc-col.sub { width: 11%; }
    .form-field.full { width: 554px; }
    .form-field.full.checkbox { width: 100%; }
}

@media (max-width:991px) {
}
/* SM */
@media (min-width:768px) and (max-width:991px) {
    .perc-col.thumb { width: 15%; }
    .perc-col.name { width: 45%; }
    .is-summary .perc-col.name { width: 42%; }
    .perc-col.price { width: 15%; line-height: 18px; }
    .perc-col.qty { width: 14%; }
    .perc-col.edit { width: 12%; }
    .perc-col.sub { width: 14%; }
    .checkout-step-bar .step { font-size: 12px; }
}

/* XS */
@media (max-width:767px) {
	.checkout-step-section { margin-top:40px;}
    .checkout-step-bar { margin-top: 20px; margin-bottom: 20px; }
    .cart-header { display: none; }
    .checkout-step-bar .step { width: 100%; line-height: 25px; height: 25px; }
    .shipping-cost-section .price-sped { float: left !important; width: 100% !important; text-align: left; margin-top: 20px; }
    .grey-cart-bar .total-price { /*float: none !important; text-align: center;*/ }
    section.checkout-navigation .continue-shopping { display: block; text-align: center; width: 100%; float: none !important; display: none; }
    .grey-cart-bar { background: #353535; }
    section.checkout-navigation { padding-top: 0; }
    .checkout-navigation a { display: block; width: 100%; float: none !important; text-align: center; margin-top: 0; clear:both;  }
    .shipping-cost-section .form-field { width: 100%; margin-bottom: 0; }
    .shipping-cost-section select { width: 100%; }
    .purchase-data-summary { margin-top: 30px; }
    .login-form button { width: 100%; margin: 0 0 20px; }
    .login-panel-section .main-cta { width: 100%; text-align: center; }
    .perc-col.thumb { width: 50%; }
    .perc-col.name { width: 50%; }
    .is-summary .perc-col.name { width: 50%; }
    .perc-col.price { width: 30%; }
    .perc-col.qty { width: 30%; }
    .perc-col.edit { width: 30%; }
    .perc-col.sub { width: 40%; }
    .perc-col.thumb { width: 20%; }
    .perc-col.name { width: 50%; }
    .is-summary .perc-col.name { width: 50%; }
    .perc-col.price { width: 30%; text-align: left; padding-left: 20px; }
    .perc-col.qty { width: 50%; text-align: left; padding-left: 20px; }
    .perc-col.edit { width: 44px; position: absolute; top: -15px; left: -8px; height: 44px; padding: 0 !important; z-index: 99; }
    .perc-col.sub { width: 30%; text-align: left; padding-left: 20px; }
    .cart-item-list > li { position: relative; z-index: 0; }
    .edit .delete-item { position: relative; width: 20px; height: 20px; background-color: #333; margin-top: 0; color: #fff; line-height: 20px; display: block; border: 12px solid #fff; box-sizing: content-box; }
	.codici_promo { display:block; padding:10px 0;}
	section.checkout-navigation .step-back { margin: 10px 0;}
}

/* XS */
@media (max-width:600px) {
    .perc-col.thumb { width: 50%; }
    .perc-col.name { width: 50%; }
}