@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700';
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/*@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css');*/
@import url("https://use.fontawesome.com/releases/v5.2.0/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.2.0/css/fontawesome.css");

@import '/ReadySkins/cap/css/leftmenu.css';
@import '/ReadySkins/cap/css/xcap-base.css';
@import '/ReadySkins/cap/css/xcap-header-menu-footer.css';
@import '/ReadySkins/cap/css/xcap-input.css';
@import '/ReadySkins/cap/css/xcap-dialogs.css';
@import '/ReadySkins/cap/css/xcap-area.css';

/* nel footer di cap ci sono tag residui di font-awesome */
.footer_block_title i.fa {
    display: none;
}

.material-icons,
a.btn.stop_shop::after,
.cart_form label::after,
.cart_form_update::after,
.servicesBox a::before,        /* pagina dettagli prodotto */
#breadcrumbs::before
{
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/*
body > div:nth-last-of-type(2) {
    display: none;
}
*/


/* PAGINA PRODOTTO */

    /* Titolo prodotto */
#colMid h1, #telToFriend .boxTitle, #resetPwdRequest .boxTitle, #resetPwd .boxTitle, #pwdModify .boxTitle, #votoForm .boxTitle, #otherDestination h1, #productShipping h1 {
    font-size: 18px;
    font-weight: normal;
    color: #3C3A3B;
}

    /* Dettagli prodotto */
#sheetBox .detailsBox th,
#sheetBox .detailsBox td {
  padding: 10px 5px;
  color: #707070;
  border-top: none;
  border-bottom: 1px dotted #707070;
  font-size: 18px;
}
#sheetBox .detailsBox th {
  font-weight: normal;
}
#sheetBox .detailsBox td {
}

.mainPrice {
    color: #3C3A3B;
    font-size: 24px;
}
    /* Servizi */
.servicesBox h2 {
    display: none;
}
.servicesBox a {
    font-size: 18px;
    color: #707070;
}
.servicesBox a {
  position: relative;
  line-height: 32px;
  background-image: none !important;
  padding: 0 0 0 30px !important;
}
.servicesBox a:before {
  position: absolute;
  top: 5px;
  left: 0;
  height: 32px;
}
.servicesBox a:hover {
    text-decoration: underline;
}
.servicesBox a.buttServPrint:before {
  content: '\e8ad';
}
.servicesBox a.webRequestPrice:before {
  content: '\e8a5';
}
.servicesBox a.buttServInfo:before {
  content: '\e88e';
}



.availability th {
    color: transparent !important;
}
    /* Descrizione */
#sheetBox .descriptionBox {
    color: #707070;
    font-size: 16px;
    line-height: 23px;
}
#sheetProductBoxes h2, #sheetBox .attachmentsBox th, .variantsBox th, #shoppingCartGrid thead th, table.artCollBox th {
    color: #3C3A3B;
    background: #fff;
    padding: 10px 0;
    font-size: 16px;
    text-transform: uppercase;
}




/* PAGINA CARRELLO */
#showCart {}
#showCart .boxTitle {
    display: none;
}
#showCart .showCartTable {
    border: none;
}
#showCart .showCartTable th {
    padding: 10px 5px 25px;
    font-size: 16px;
    text-transform: uppercase;
    color: #3C3A3B;
    background: #fff;
}
#showCart tbody td {
    padding: 10px 5px;
    border-bottom: 1px solid #707070;
    border-right: none;
    font-size: 18px;
    color: #836E64;
}
#showCart tbody td a {
    color: #3C3A3B;
    font-weight: normal;
}
#showCart tbody td.price {
    font-weight: bold;
}
#showCart tbody td.taxes {
    font-weight: bold;
}
#showCart tbody td.itemTotal {
    font-weight: bold;
}
#showCart tbody td.delete form {
    background: url(ReadySkins/cap/ic/ic_delete_forever_24px_colored.svg) no-repeat center;
    opacity: 0.8;
}
#showCart tbody td.delete form:hover {
    opacity: 1;
}

#showCart tfoot td {
    font-size: 16px;
    color: #707070;
    border: none;
    background: #fff;
}
#showCart tfoot td strong {
    font-weight: normal;
}
#showCart tfoot td.productsTotalLabel,
#showCart tfoot td.mainTotalLabel
{
    font-size: 18px;
}
#showCart tfoot td.productsTotalValue,
#showCart tfoot td.mainTotalValue
{
    font-size: 20px;
}

#showCart tfoot td.mainTotalLabel strong {
    font-weight: bold;
}
#showCart h3, #sendOrder .confirmOrderTotal h3, #showCart .confirmOrderTotal h3 {
    font-size: 1em;
    color: #3C3A3B;
}

#cartButtons, #estimateCartButton {

}


/* PRODOTTI */

.pages a, .pages input {
    font-weight: normal;
    color: #707070;
    border-color: #707070;
}
.pages p {
    font-weight: normal;
    color: #707070;
}

/*
.listProduct.horizontal.view.box
    .resultBox .content
        a.imageLink
        h2.title
        dl
            dt.code
            dd.code
        p.description
        ul
            li.availab
            li.price
            li.cart


.listProduct.cubes.view.box
    .row .resultBox .content
        a.imageLink
        h2.title
        dl
            dt.code
            dd.code
        p.description
        ul
            li.availab
            li.price
            li.cart


table#resultsTable
    tbody
        tr
            td.thumb
            td.title
            td.code
            td.availab
            td.price
            td.cart

*/

#categoriesBoxes_Title.boxTitle {
    font-size: 30px;
    font-weight: bold;
}
#colMid #categoriesBoxes:before {
    content: 'Categorie';
    display: block;
    text-transform: uppercase;
    font-weight: 300;
  	font-size: 40px;
  	margin: 40px 0;
  	color: #3C3A3B;
}
#colMid #categoriesBoxes li {
    min-width: 120px;
    padding: 0 20px;
    width: 160px;
}
#colMid #categoriesBoxes li a  {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    border: none;
}
#colMid #categoriesBoxes li a > *  {
}
#colMid #categoriesBoxes li strong {
    flex: 1 0 auto;
    text-align: left;
    padding-left: 10px;
    color: rgb(112,112,112);
    font-size: 18px;
  	font-weight: normal;
}
#colMid #categoriesBoxes li img {
}


#orderByForm {
    border: none;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(222,222,222,0.5) 100%);
    margin-right: auto;
    padding-left: 20px;
}
#orderByForm input {
  color: #3C3A3B;
  border-right: none;
  text-transform: uppercase;
}
#orderByForm > p {
  color: #A5897C;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 16px;
}

.results-view {
    position: relative;
    width: auto;
    border: none;
    background: transparent;
}
.results-view::before {
  content: 'VIEW:';
  position: absolute;
  left: -40px;
  line-height: 2em;
}
.results-view li.view-cubes {
  display: none;
}
.results-view a:hover div, .results-view a.selected div {
    border: 1px solid #836E64 !important;
    background: #836E64 !important;
}
.results-view div {
    border: 1px solid #C0B5B0;
    background: #C0B5B0;
}



/*
$('#resultsTable .noAV').parent().parent().addClass('no-disp');
*/
#body_searchProd #resultsTable .no-disp {
    opacity: 0.3;
}
#body_searchProd #resultsTable .no-disp form {
    display: none;
}

/*
$('.listProduct .noAV').parent().parent().parent().addClass('no-disp');
*/
#body_searchProd .listProduct .content.no-disp {
    opacity: 0.3;
}
#body_searchProd .listProduct .content.no-disp .cart {
    display: none;
}





/*
    .row .resultBox .content
        a.imageLink
        h2.title
        dl
            dt.code
            dd.code
        p.description
        ul
            li.availab
            li.price
            li.cart
*/

/*
#colMid .bigBox .title, #colMid .bigBoxFade .title,
.resultBox .title
{
    padding-top: 40px;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}

#colMid .bigBox .title a,
.resultBox .title a {
    color: #836E64;
}

#colMid .bigBox p, #colMid .bigBoxFade p {
    font-size: 16px;
    line-height: 20px;
    color: #707070;
}

#colMid .bigBox .details, #colMid .bigBoxFade .details {
    position: relative;
    top: -25px;
}
.grossPrice {
    font-size: 18px;
    line-height: 1em;
    font-weight: bold;
    color: #CBCBCB;
    margin: 0;
}
.sIva {
    color: #707070;
}
#colMid .cart_form input.butt1, #colMid .cart_form_matrix input.butt1, #colMid .cart_form_disabled input.butt1,
#colMid .cart_form input.butt1, #colMid .cart_form_matrix input.butt1, #colMid .cart_form_disabled input.butt1:hover
{
    border: 2px solid #836E64;
    background: #A5897C !important;
    border-radius: 16px;
    font-size: 12px;
    line-height: 30px;
    color: #FFFFFF;
    padding: 0 25px 0 45px;
    margin-bottom: 0;
}
#colMid .cart_form input.butt1:before,
#colMid .cart_form_matrix input.butt1:before,
#colMid .cart_form_disabled input.butt1:before {
    content: 'AA';
    display: block;
}
*/



/* Elenco Prodotti */

.listProduct.horizontal.view.box {
    display: flex;
    flex-flow: row wrap;
}
.horizontal .resultBox {
    flex: 1 1 33.33%;
    padding: 10px 0;
    min-width: 200px;
    max-width: 33.33%;
}
.horizontal .resultBox .content {
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    padding: 0 10px;
}
.horizontal .resultBox .imageLink {
    float: none;
    margin: 0;
    width: auto;
    text-align: left;
}
.horizontal .resultBox .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}
.horizontal .resultBox .title a {
    color: #836E64;
}
.horizontal .resultBox dt {
    width: auto;
}
.horizontal .resultBox p.description {
    font-size: 16px;
    line-height: 20px;
    color: #707070;
    width: auto;
}
.horizontal .resultBox ul {
    width: 100%;
    padding: 0;
    margin-top: auto;
}

.horizontal .resultBox li.availab {
}
.horizontal .resultBox li.availab strong {
    display: none;
}
.horizontal .resultBox li.price {
}
.horizontal .resultBox li.price strong {
    display: none;
}
.horizontal .resultBox li.cart {
}

.grossPrice {
    font-size: 18px;
    line-height: 1em;
    font-weight: bold;
    color: #CBCBCB;
    margin: 0;
}
.sIva {
    color: #707070;
}



/* Elenco Prodotti "Tabella" */

#resultsTable th, #resultsTable td {
    text-align: left;
    border: none;
    padding: 10px 4px;
}

#resultsTable tbody .title a {
    color: #836E64;
    font-weight: bold;
}

#resultsTable tbody .sIva {
    line-height: 1em;
}


/* Elenco prodotti extra */

#colMid .bigBox > ul {
    display: flex;
    flex-flow: row wrap;
    margin: auto;
}
#colMid .bigBox > ul > li {
    flex: 1 1 29%;
    padding: 10px 1%;
    min-width: 200px;
    max-width: 32%;

    display: flex;
    flex-flow: column nowrap;

    border-bottom: 2px dotted #ddd;
}
#colMid .bigBox > ul > li .imageLink {
    float: none;
    margin: 0;
    width: auto;
    text-align: left;
}


#colMid .bigBox > ul > li > .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}
#colMid .bigBox > ul > li > .title a {
    color: #836E64;
}
#colMid .bigBox > ul > li > dt {
    width: auto;
}
#colMid .bigBox > ul > li > p.product {
    font-size: 16px;
    line-height: 20px;
    color: #707070;
    width: auto;
    float: none;
}
#colMid .bigBox > ul > li > span {
    display: none;
}
#colMid .bigBox > ul > li > .details {
    width: 100%;
    padding: 0;
    margin-top: auto;
    float: none;
}




/* Ricerca avanzata */

#body_searchProd #colSx {
    /* display: none; */
}

#mainSearchFormBox {
    border: none !important;
    max-width: 800px;
    margin: 0 auto;
}
  /* Titolo */
#body_searchProd #mainSearchFormBox .boxTitle {
    background: none;
    text-transform: uppercase;
    color: #3C3A3B;
    font-size: 21px;
    margin: 27px 0;
}
#body_searchProd #mainSearchFormBox .boxTitle span {
    text-align: center;
    padding: 0;
}

  /* Form */
#mainSearchForm_frm {
    height: 50px;
}

#mainSearchFormBox form {
    display: flex;
    padding: 0;
    border-radius: unset !important;
    overflow: hidden;
}
/*#mainSearchFormBox form > * */
#mainSearchFormBox form > input[name=cmdString],
#mainSearchFormBox form > #paramsFormblock
{
    flex: 1 1 auto;
    margin: 0;
    display: block;
    border-radius: 0 !important;
    float: none !important;
}
#mainSearchFormBox form > label,
#mainSearchFormBox #mainSearchFormButton {
    display: none;
}
#mainSearchFormBox form > input[name=cmdString] {
    border: none;
    padding: 4px 15px;
    width: auto;
}

#mainSearchFormBox #paramsFormblock {
    padding: 0;
}
#mainSearchFormBox #paramsFormblock fieldset {
    margin: 0;
    display: block !important;
}
#mainSearchFormBox #paramsFormblock label {
    display: none;
}
#mainSearchFormBox #paramsFormblock select {
    width: 100%;
    background-color: #CBCBCB;
    margin: 0 !important;
    height: 50px;
    border-radius: 0 !important;
    border: none;
}
#mainSearchForm_frm input.butt1 {
  border-radius: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
    background-image: url(/ReadySkins/cap/img/icon_search_white.png) !important;
    background-size: 20px !important;
    background-position: 12px center !important;
    background-repeat: no-repeat !important;
    color: transparent;
    flex: 0 1 50px;
}
#mainSearchForm_frm input.butt1:hover {
    background-image: url(/ReadySkins/cap/img/icon_search_white.png);
    background-size: 20px;
    background-position: 12px center;
    background-repeat: no-repeat;
}
















@media screen and (max-width: 768px) {

  /* prodotti in evidenza */

  #colMid .bigBox > ul > li {
      flex: 1 1 47%;
      max-width: 48%;
  }

  /* risultato ricerca */

  .horizontal .resultBox {
      flex-basis: 50%;
      max-width: 50%;
  }
}

@media screen and (max-width: 600px) {

  /* prodotti in evidenza */

  #colMid .bigBox > ul > li {
      flex: 1 1 100%;
      max-width: none;
      padding: 10px 10%;
      text-align: center;
  }
  #colMid .bigBox > ul > li .imageLink {
      text-align: center;
  }
  .cart_form {
      justify-content: center;
  }

  /* risultato ricerca */

  .horizontal .resultBox {
      flex-basis: 100%;
      max-width: none;
      padding: 10px 10%;
      text-align: center;
  }
  .horizontal .resultBox .imageLink {
      text-align: center;
  }
  .horizontal .resultBox dl, .horizontal .resultBox p {
      float: none;
      width: auto;
      margin: 0 auto;
  }

  /* visualizzazione righe */

  #resultsTable tr {
      padding: 20px 0;
  }
  #resultsTable td {
      font-size: 18px;
      padding: 5px 5px;
  }
  #resultsTable td::before {
      position: relative;
      top: 0;
      left: 0;
  }


}


@media screen and (max-width: 600px) {
  .results-view {
    display: none;
  }
}

@media screen and (max-width: 480px) {

  /* dettaglio prodotto */

  #sheetBox .detailsBox .availability th {
    display: none;
  }

  .servicesBox a {
  	line-height: 50px;
  	padding: 0 0 0 50px !important;
  }
  .servicesBox a::before {
    top: 12px;
    left: 15px;
  }
}