﻿/* ############ CCS DEFAULT ############ */
.clear{ clear:both; }

.bgx{ background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; }
.nohover:hover{ text-decoration:none; }
.text-decoration-none { text-decoration: none !important; }

#lista-oggetti-media i.switch-icon{ color:#198754; } /* green */
#lista-oggetti-media i.disabled{ color:#ccc !important; }
i.switch-icon.disabled{ color:#ccc !important; }
img.switch-img.disabled{ filter:grayscale(100%) !important; }

ul.err-message{ margin-bottom:0; list-style:none; padding-left:10px; }
ul.err-message li{ margin-bottom: 5px; }
ul.err-message li:last-child{ padding-bottom:0; margin-bottom:0; }

#ajax-loader { display:none; position:fixed; z-index:999999; background-color:rgba(255,255,255,0.7); width:100%; height:100%; top:0; left:0; }
#ajax-loader.show { display:block; }
#ajax-loader img{ position:fixed; top: 50%; left: 50%; width:35px; height:35px; margin-top: -33px; margin-left: -33px; }

.modal-sm .modal-header{ padding: 0.6rem 1rem; }
.dialog-loader{ color:#aaa; }

.num-barrato{ text-decoration:line-through; opacity:0.4; font-weight:normal; font-size:14px; }
ol.breadcrumb{ padding:0; background:none; }
.nav-breadcrumb{ display:inline-block; }

.carrello .table-riepilogo td{ vertical-align:middle; }
.carrello h3{ font-size:18px; font-weight:bold; }
.carrello .price-x{ font-size:16px; }
.carrello form .box{ border:1px solid #eee; padding:20px; }
.carrello form .box .desc{ font-size:13px; color:#aaa; }
.carrello form .box .desc p{ margin:0; padding:0; }
.carrello #box-giftcard input#codice_giftcard{ width:180px; height:32px; display: inline-block; }

table.riassunto-ordine tr.item.last{ border-bottom:2px solid #888; }
.page-dettaglio-ordine h3{ font-size:18px; font-weight:bold; text-transform:uppercase; }

#map { height:400px !important; width:100% !important; }
#map .gm-style-iw .tit{ font-size:16px; }

.g-recaptcha { transform:scale(0.77); transform-origin:0 0; }

.modelli .table i{ font-size:22px }
.modelli .table .qta{ max-width:120px; display:inline-block; }
.modelli .table .qta input{ height:30px; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd;}
.modelli .table .qta button{ height:30px; border: 2px solid #ddd; }
.modelli .table button[type='submit']{ border:0; background:transparent; margin:0; display:inline-block; }

.indirizzi-spedizione table i{ font-size:20px; cursor:pointer; }

.wishlist-icon i{ margin-left:0 !important; }
.remove-wishlist{ position: absolute; top: 0; right: 0; }
.remove-wishlist i{ cursor:pointer; }

.modifica-psw{ margin-top:38px; }
@media(max-width:767px){
	.modifica-psw{ margin-top:0; }
}

@media(max-width:1000px){
	.social-share{ margin-bottom:15px }
}

/* ############ CSS TEMPLATE ############ */



/* FORM CREATOR */
.form-custom .form-group .item{ margin-bottom:15px; }
.form-custom input[type='radio']{ margin-top: 2px; }
.form-custom .item-radio label{ margin-right: 20px; }
.form-sezione{ font-size:20px; margin-bottom:10px; }
.anteprima-form-custom{ max-width:800px; background:#f4f4f4; padding:20px; margin-top:20px; }
/* ! FORM CREATOR */



/* TABLE RESPONSIVE WITH DIV */
.table.tablex { display: table; border-collapse: separate; }
.table_row { display: table-row; }
.theader { display: table-row; }
.table_header { display: table-cell; background:#e9ecef; color:#495057; padding:10px; font-weight:bold; }
.table_small { display: table-cell; }
.table_row > .table_small > .table_cell:nth-child(odd) { display: none; background:#e9ecef; color:#495057; }
.table_row > .table_small > .table_cell { padding:8px 10px; color: #5b5b5b; }
.table_row:nth-child(2n+3) .table_cell{ /* background: #e9e9e9; */ }
.table_cell.label{ text-align:left; }

@media screen and (max-width: 767px) {
  .table.tablex { display: block; }
  .table_row:nth-child(2n+3) { background: none; }
  .theader { display: none; }
  .table_row > .table_small > .table_cell:nth-child(odd) { display: table-cell; width: 40%; }
  .table_cell { display: table-cell; width: 50%; text-align:left !important; padding:6px 10px !important; }
  .table_row { display: table; width: 100%; border-collapse: separate; margin: 5% auto 0; }
  .table_small { display: table-row; }
}
/* ! TABLE RESPONSIVE WITH DIV */


/* STRIPE v3 */
/* Variables */
.stripe-form * { box-sizing: border-box; }
.stripe-form form { width: 30vw; min-width: 500px;  border-radius: 7px; padding: 10px 40px 30px 40px; align-self: center; box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1), 0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07); }
.stripe-form input { border-radius: 6px; margin-bottom: 6px; padding: 12px; border: 1px solid rgba(50, 50, 93, 0.1); height: 44px; font-size: 16px; width: 100%; background: white; }
.stripe-form .result-message { line-height: 22px; font-size: 16px; }
.stripe-form .result-message a { color: rgb(89, 111, 214); font-weight: 600; text-decoration: none; }
.stripe-form .hidden { display: none; }
.stripe-form #card-error { color: rgb(105, 115, 134); text-align: left; font-size: 13px; line-height: 17px; margin-top: 12px; }
.stripe-form #card-element { border-radius: 4px 4px 0 0 ; padding: 12px; border: 1px solid rgba(50, 50, 93, 0.1); height: 44px; width: 100%; background: white; }
.stripe-form #payment-request-button { margin-bottom: 32px; }

/* Buttons and links */
.stripe-form button { background: #5469d4; color: #ffffff; font-family: Arial, sans-serif; border-radius: 0 0 4px 4px; border: 0; padding: 12px 16px; font-size: 16px; font-weight: 600; cursor: pointer; display: block; transition: all 0.2s ease; box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07); width: 100%; }
.stripe-form button:hover { filter: contrast(115%); }
.stripe-form button:disabled { opacity: 0.5; cursor: default; }

/* spinner/processing state, errors */
.stripe-form .spinner,
.stripe-form .spinner:before,
.stripe-form .spinner:after { border-radius: 50%; }
.stripe-form .spinner { color: #ffffff; font-size: 22px; text-indent: -99999px; margin: 0px auto; position: relative; width: 20px; height: 20px; box-shadow: inset 0 0 0 2px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.stripe-form .spinner:before,
.stripe-form .spinner:after { position: absolute; content: ""; }
.stripe-form .spinner:before { width: 10.4px; height: 20.4px; background: #5469d4; border-radius: 20.4px 0 0 20.4px; top: -0.2px; left: -0.2px; -webkit-transform-origin: 10.4px 10.2px; transform-origin: 10.4px 10.2px; -webkit-animation: loading 2s infinite ease 1.5s; animation: loading 2s infinite ease 1.5s; }
.stripe-form .spinner:after { width: 10.4px; height: 10.2px; background: #5469d4; border-radius: 0 10.2px 10.2px 0; top: -0.1px; left: 10.2px; -webkit-transform-origin: 0px 10.2px; transform-origin: 0px 10.2px; -webkit-animation: loading 2s infinite ease; animation: loading 2s infinite ease; }
@media only screen and (max-width: 600px) {
  .stripe-form form { width: 80vw; }
}
/* ! STRIPE */

.page-my-files .view-mode a{ color:#bbb; }
.page-my-files .bread a{ color:#555;text-decoration:none; }
.page-my-files .bread .item:last-child .sep{ display:none; }

.page-my-files .items .item .tit{ font-size:14px; word-break:break-word; }
.page-my-files .items .item .date{ font-size:12px; color:#aaa; }
.page-my-files .items a{ color:#555; text-decoration:none; }
.page-my-files .items a .item label{ cursor:pointer !important; }
.page-my-files .items .item-folder i{ font-size:25px; }

.page-my-files.vm-grid .items .item{ background:#F5F5F5; min-height:75px; }
.page-my-files.vm-list .items .item{ background:#F5F5F5; min-height:auto; }
.page-my-files.vm-list .items .item img{ width:30px; height:auto; }
.page-my-files.vm-list .items .item .col-icon-folder{ width:50px; }


form .item-privacy{ font-size:small; }

.btn.btn-cart-edit{ font-size:12px; padding:1px 5px; margin-top:-3px; text-transform:none; }
.btn.btn-xs{ font-size:12px; width:auto; padding:2px 6px; text-transform:none; }

.login-social .btn.btn-facebook{ background-color:#1773ea; color:#fff; border:1px solid #1773ea; min-width:230px; }
.login-social .btn.btn-google{ background-color:#f7f7f7; color:#000; border:1px solid #ddd; min-width:230px; }

.trans-list img{ width:18px; cursor:pointer !important; }
.trans-list img.no-trans{ opacity:0.3; }
.trans-list .bullet{ margin-top:-5px !important; }
.trans-list .bullet i{ font-size:6px !important; margin:0 !important; }
.legend-lang{ position:absolute; top:-45px; right:50px; }
.legend-lang img{ width:18px; }

.sidebar-area-riservata ul li a{ color:inherit; font-size:14px; }

.testata-x{ background:#eee; }

.radio-toolbar hr {
  margin-top: -1px;
  border-width: 2px;
  border-color: #444;
}
.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.radio-toolbar label {
  display: inline-block;
  word-break: break-word;
  overflow-wrap: break-word;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: transparent;
  padding: 0.30rem 1.75rem;
  font-size: 18px;
  /*border-radius: 4px;*/
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid transparent;
  color: #444;
  margin-top: 0.5rem;
  margin-bottom: 0;
  cursor: pointer;
}
.radio-toolbar label:not(:last-child) {
  margin-right: 5px;
}

.radio-toolbar input[type="radio"]:focus + label {
  box-shadow: 0 0 0 0.2rem rgb(28, 172, 217, .25);
}

.radio-toolbar input[type="radio"]:checked + label {
  border-color: #444;
  background: #444;
  color: #fff;
}

.with-nav-tabs .nav-pills { margin-bottom:3px; }
.with-nav-tabs .nav-pills .nav-item a{ cursor:pointer; width:35px; padding:1px 5px; font-size:12px; text-align:center; color:#555; border-radius:0; }
.with-nav-tabs .nav-pills .nav-item a.active{ background:#95b6c4; color:#fff; }

.http-error-page .text h1 { font-size:50px; font-weight:bold; }
.http-error-page .text p { font-size:20px; }

form .btn-select{ color:inherit !important; }


/* Aggiungi al carrello */
.box-add-cart{ border:2px solid #D8D8D8; }
.box-add-cart .prezzo .num{ font-weight:bold; color:#DBB9B9; font-size:18px; }
.box-add-cart .prezzo .iva{ font-size:12px; }
.box-add-cart .disponibilita{ color:#2CAC0E; }
.box-add-cart .btn{ text-transform:uppercase; }
/* ! Aggiungi al carrello */

/* Varianti */
.group-varianti .tit{ font-size:15px; }
.group-varianti .list{ margin-left:3px; }
.group-varianti .radio-custom label {
    color: #333;
    outline: 1px solid #d1d1d1;
    cursor: pointer;
    font-size: 14px;
    height: 33px;
    min-width: 33px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*transition: all .15s ease-in-out;*/
}
.group-varianti .radio-custom label img { margin-left:-5px; }
.group-varianti .radio-custom:not(.group-varianti .radio-custom:last-child) { margin-right:14px; }
.group-varianti .radio-custom input[type="radio"] { position: absolute; left: -9999px; }
/*#varianti.group-varianti .radio-custom label { text-transform:uppercase; }*/

.group-varianti .radio-custom label:hover,
.group-varianti .radio-custom label:active,
.group-varianti .radio-custom label:focus,
.group-varianti .radio-custom input[type="radio"]:checked + label { 
    outline: 2px solid #000; 
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/* ! Varianti */

.carrello .iva{ font-size:12px; }
.text-editor img{ max-width:100% !important; height:auto !important; }

.dropdown-media { position:absolute !important; right:5px; bottom:5px; z-index:1; }
.dropdown-media .btn{ padding: 3px 8px 1px 8px; cursor:pointer; }
.dropdown-media .dropdown-item{ font-size:12px; padding:4px 12px; }
.dropdown-media .dropdown-item label{ cursor:pointer; }
.dropdown-media .dropdown-item:hover, .dropdown-media .dropdown-item:active, .dropdown-media .dropdown-item:focus{ color:inherit; background:#f8f9fa; }

.grecaptcha-badge { visibility: hidden; }

#admin-bar { position:absolute; top:0; right:0; z-index: 1050 }
/*#admin-bar a{ font-size:12px; margin:0; padding:3px 8px; background:#2a3a4a; color:#fff; text-decoration:none; }*/
/*#admin-bar a:hover{ background:#000; }*/

.hidden-during-drag { opacity: 0; }


/* Choiches (select) */
.choices__inner{ 
    background-color: #fff !important;
    min-height: 36px !important;
    padding: 3px 8px !important;
    border-radius:5px !important;
    font-size:15px !important;
    border-color: #ced4da !important;
    border-radius:5px !important;
}
.choices__inner .choices__placeholder{ opacity: inherit !important; }
.choices__inner input{ margin-bottom:0 !important; }
.choices__list--dropdown .choices__list input{ padding-top:6px !important; padding-bottom:6px !important; margin-bottom:0 !important; }
.choices__list--dropdown .choices__list .choices__item{ font-size:13px !important; padding-top:6px !important; padding-bottom:6px !important; }
.choices__list--dropdown .choices__list .is-selected{ background-color:#eee !important; }
.choices__list--dropdown .choices__list .is-highlighted:not(.is-selected){ background-color:#f8f8f8 !important; }
.choices .choices__input{ background:inherit; }
.choices[data-type*=select-one] .choices__input { padding:8px 10px; }
.choices .choices__notice{ word-break: keep-all; white-space: normal; }
/* ! Choiches (select) */

/* Flackpickr */
.flatpickr-input { background-color: #fff !important; opacity: 1 !important; }
.flatpickr-months { margin-bottom:8px !important; }
.flatpickr-current-month { font-size:16px !important; }
.flatpickr-monthDropdown-months { margin-right:20px !important; }
.flatpickr-monthDropdown-month { font-size:14px !important; }
/* ! Flackpickr */

/* Dropzone */
form.dropzone{ min-height:auto; border:0; padding:0; }
form.dropzone .dz-message{ margin:0; }
.dropzone-list{  min-height:150px; padding-bottom:20px; }
.dropzone-list #lista-oggetti-media{ display:flex; }
.dropzone-list #lista-oggetti-media .dz-preview { position:relative; background:#fff; margin-top:15px; margin-bottom:15px; outline:1px solid #ccc; }
.dropzone-list #lista-oggetti-media .copertina{ position:relative; background:#ebebeb; }
.dropzone-list #lista-oggetti-media .copertina .image{ height:125px; border-bottom:1px solid #ebebeb; }
.dropzone-list #lista-oggetti-media .copertina .image img { width:auto; height: 100%; object-fit: cover; }
.dropzone-list #lista-oggetti-media .filename{ position:absolute; background:#00000096; color:#fff; top:0; left:0; padding:3px; font-size:11px; word-break: break-all; }
.dropzone-list #lista-oggetti-media .icon{ position:absolute; left:5px; bottom:10px; z-index:1; }
.dropzone-list #lista-oggetti-media .icon img{ width:30px !important; height:auto !important; }
.dropzone-list #lista-oggetti-media .ops{ text-align:center; padding: 7px 10px; margin:0; }
.dropzone-list #lista-oggetti-media .ops i{ font-size:20px; text-align:center; cursor:pointer !important; margin:4px 3px; }
.dropzone-list #lista-oggetti-media a{ color:#343434; text-decoration:none; }
/* ! Dropzone */

/* Input Spinner (quantità) */
.input-spinner-wrapper { display: inline-flex; align-items: center; gap: 4px; }
.input-spinner-wrapper input { width:50px; text-align:center; border:1px solid #ddd; }
.input-spinner-wrapper button {
  user-select: none;
  cursor: pointer;
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  padding: 5px 8px;
  font-size: 1rem;
  line-height: 1;
  border-radius: 3px;
  transition: background-color 0.2s ease;
}
.input-spinner-wrapper button:hover { background-color: #ddd; }
.input-spinner-wrapper button:active { background-color: #ccc; }
.input-spinner-wrapper button:focus { outline: none; box-shadow: 0 0 2px 2px #aaa; }

/* Chrome, Safari, Edge, Opera */
.input-spinner-wrapper input[type=number]::-webkit-inner-spin-button, 
.input-spinner-wrapper input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;  margin: 0;  }

/* Firefox */
.input-spinner-wrapper input[type=number] { -moz-appearance: textfield; }
/* ! Input Spinner (quantità) */