/*
Reference google font BitQ
@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,100i,200,200i,300,300i,400,400i,700,700i,900,900i');
*/

@import 'checkbox-radio.css';

/* LIGHT 300 */
@font-face {
    font-family: "BitQ";
    font-weight: 300;
    /* src: url('/v2/temi/font/Open_Sans/OpenSans-Light.ttf'); */
    src: url('/v2/temi/font/Montserrat/static/Montserrat-Light.ttf');
}

@font-face {
    font-family: "BitQ";
    font-weight: 300;
    font-style: italic;
    /* src: url('/v2/temi/font/Open_Sans/OpenSans-LightItalic.ttf'); */
    src: url('/v2/temi/font/Montserrat/static/Montserrat-LightItalic.ttf');
}

/* REGULAR 400 */
@font-face {
    font-family: "BitQ";
    font-weight: normal;
    /* src: url('/v2/temi/font/Open_Sans/OpenSans-Regular.ttf'); */
    src: url('/v2/temi/font/Montserrat/static/Montserrat-Regular.ttf');
}

@font-face {
    font-family: "BitQ";
    font-weight: 400;
    /* src: url('/v2/temi/font/Open_Sans/OpenSans-Regular.ttf'); */
    src: url('/v2/temi/font/Montserrat/static/Montserrat-Regular.ttf');
}

@font-face {
    font-family: "BitQ";
    font-weight: normal;
    font-style: italic;
    /* src: url('/v2/temi/font/Open_Sans/OpenSans-Italic.ttf'); */
    src: url('/v2/temi/font/Montserrat/static/Montserrat-Italic.ttf');

}

@font-face {
    font-family: "BitQ";
    font-weight: 400;
    font-style: italic;
    /* src: url('/v2/temi/font/Open_Sans/OpenSans-Italic.ttf'); */
    src: url('/v2/temi/font/Montserrat/static/Montserrat-Italic.ttf');
}

/* SEMI-BOLD 600 */
@font-face {
    font-family: "BitQ";
    font-weight: 600;
    /* src: url('/v2/temi/font/Open_Sans/OpenSans-SemiBold.ttf'); */
    src: url('/v2/temi/font/Montserrat/static/Montserrat-SemiBold.ttf');
}

@font-face {
    font-family: "BitQ";
    font-weight: 600;
    font-style: italic;
    /* src: url('/v2/temi/font/Open_Sans/OpenSans-SemiBoldItalic.ttf'); */
    src: url('/v2/temi/font/Montserrat/static/Montserrat-SemiBoldItalic.ttf');
}

/* BOLD */
@font-face {
    font-family: "BitQ";
    font-weight: bold;
    /* src: url('/v2/temi/font/Open_Sans/OpenSans-Bold.ttf'); */
    src: url('/v2/temi/font/Montserrat/static/Montserrat-Bold.ttf');
}

@font-face {
    font-family: "BitQ";
    font-weight: 700;
    /* src: url('/v2/temi/font/Open_Sans/OpenSans-Bold.ttf'); */
    src: url('/v2/temi/font/Montserrat/static/Montserrat-Bold.ttf');
}

@font-face {
    font-family: "BitQ";
    font-weight: bold;
    font-style: italic;
    /* src: url('/v2/temi/font/Open_Sans/OpenSans-BoldItalic.ttf'); */
    src: url('/v2/temi/font/Montserrat/static/Montserrat-BoldItalic.ttf');
}

@font-face {
    font-family: "BitQ";
    font-weight: 700;
    font-style: italic;
    /* src: url('/v2/temi/font/Open_Sans/OpenSans-BoldItalic.ttf'); */
    src: url('/v2/temi/font/Montserrat/static/Montserrat-BoldItalic.ttf');
}


/* BOLDER 800 */
@font-face {
    font-family: "BitQ";
    font-weight: 800;
    /* src: url('/v2/temi/font/Open_Sans/OpenSans-ExtraBold.ttf'); */
    src: url('/v2/temi/font/Montserrat/static/Montserrat-ExtraBold.ttf');
}

@font-face {
    font-family: "BitQ";
    font-weight: 800;
    font-style: italic;
    /* src: url('/v2/temi/font/Open_Sans/OpenSans-ExtraBoldItalic.ttf'); */
    src: url('/v2/temi/font/Montserrat/static/Montserrat-ExtraBoldItalic.ttf');
}


@font-face {
    font-family: 'Timmana';
    src: url('/v2/temi/font/Timmana/Timmana-Regular.ttf');
}

@font-face {
    font-family: 'Acme';
    src: url('/v2/temi/font/Acme/Acme-Regular.ttf');
}

/* SOVRASCRIVO LA PERSONALIZZAZIONE CON UN SEMPLICE ARIAL */
@font-face {
    font-family: "BitQ";
    src: local('Arial');
}

@font-face {
    font-family: "Roboto";
    src: local('BitQ');
    letter-spacing: 0px !important;
}

html,
body {
    font-family: 'BitQ', Arial, sans-serif;
}

/*
  GENERICO
*/
input.btn,
button.btn {
    min-width: auto !important;
    /*font-family: 'Acme', sans-serif;*/
    line-height: normal;
    height: auto;
    background-color: grey;
}

a.btn,
input.btn,
button.btn {
    text-decoration: none;
    min-width: auto;
    box-shadow: none;
    border: 3px solid #ACD023;
    background-color: rgba(174, 209, 35, 0.1);
    background-image: none;
    font-size: 21px;
    color: #555;
    text-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: lighter;
    height: auto;
    min-height: auto;
}


/* QUESTI SOTTO SONO I RADIO / CHECKBOX STILIZZATI! */
.checkbox-success input[type="checkbox"]:checked+label::before,
.checkbox-success input[type="radio"]:checked+label::before {
    background-color: #ACD023;
    border-color: #ACD023;
}


.immagine-disabilitata {
    background-color: grey;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
}

hr {
    background-color: #aaa;
}

.gc-container a.btn,
.gc-container a.btn:hover,
.gc-container input.btn,
.gc-container input.btn:hover,
.gc-container button.btn,
.gc-container button.btn:hover {
    font-size: small;
    padding: 3px 5px;
    border-width: 2px;
}

.flash {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

a.btn-error,
input.btn-error,
button.btn-error {
    border-color: #ff5252;
    background-color: rgba(209, 35, 35, 0.1);
}

a.btn-error:hover,
input.btn-error:hover,
button.btn-error:hover {
    background-color: #ff5252;
}

/*
    VETRINA
*/
.prezzo-vetrina {
    width: 100%;
    text-align: center;
    border-radius: 500px;
    font-size: 35px;
    color: #444;
    /*text-shadow: 5px 5px 5px #ccc;*/
    /*font-family: 'Acme','Timmana', sans-serif;*/
    padding-top: 0px;
    margin-top: -10px;
}

#prezzo-pieno-vetrina {
    width: 100%;
    text-align: center;
    border-radius: 500px;
    font-size: 20px;
    color: red !important;
    /*text-shadow: 3px 3px 5px rgba(255, 0, 0, 0.3);*/
    /*font-family: 'Acme','Timmana', sans-serif;*/
    padding-top: 0px;
    text-decoration: line-through;
    display: block;
    height: 20px;
    margin-top: 7px;
}

.bottone-acquista-vetrina {
    margin-top: 0px;
    width: 100%;
}

.immagine-categoria-vetrina {
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    border-radius: 50%;
}

.immagine-categoria-vetrina:hover {
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
}


/* .singola-offerta-vetrina { */
/*visibility: hidden;*/
/* } */

.immagine-offerta-vetrina {
    border-radius: 5px;
    /*box-shadow: 0px 0px 25px #555;*/
}

@media(max-width:767px) {
    .categorie-vetrina {
        overflow-x: scroll;
    }
}

.vetrina-offerta-titolo {
    /*font-family: "Acme",sans-serif;*/
    padding-top: 0px;
    margin-top: 0px;
    font-weight: 700;
}

/* FINE VETRINA */
/* DETTAGLI VETRINA */

.vetrina-dettaglio-immagine {
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
}

#vetrina-dettaglio-titolo {
    font-size: xx-large;
    /*font-family: "Acme",sans-serif;*/
    font-weight: bold;
}

.bottone-acquista-vetrina-dettaglio {
    margin-top: 10px;
    width: 100%;
    background-color: #9fc95d;
    color: white;
    padding: 10px;
    font-weight: 400;
    font-size: x-large;
    text-transform: uppercase;
}

.bottone-acquista-vetrina-dettaglio:hover {
    margin-top: 10px;
    width: 100%;
    background-color: rgba(160, 202, 92, 0.71);
    color: #555;
}

.vetrina-dettaglio-prezzo {
    padding: 10px;
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: #444;
    /*text-shadow: 5px 5px 5px #ccc;*/
    /*font-family: 'Acme','Timmana', sans-serif;*/
    margin-top: -13px;

}

#vetrina-acquista-input input {
    /*font-family: 'Acme','Timmana', sans-serif;*/
    font-size: 31px;
    padding: 3px;
    height: 40px;
    border: none !important;
    border-color: transparent;
    box-shadow: none;
    width: 100%;
}

#vetrina-acquista-meno,
#vetrina-acquista-piu {
    /*font-family: 'Acme','Timmana', sans-serif;*/
    font-size: 40px;
    text-align: center;
}

#vetrina-acquista-meno button,
#vetrina-acquista-piu button {
    cursor: pointer;
    background-color: white;
    padding: 0px;
    padding-bottom: 3px;
    border-color: transparent;
    box-shadow: inset 0px 0px 10px #555;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    line-height: 30px !important;
}

.vetrina-dettaglio-tendina {
    width: 100%;
    text-align: center;
}

.vetrina-dettaglio-tendina select {
    border: none;
    background-color: transparent;
    background-image: none;
    /*font-family: 'Acme','Timmana', sans-serif;*/
    font-size: 30px;
    height: 38px;
    padding: 0px;
}

.vetrina-dettaglio-menu {
    font-size: larger;
    padding-top: 30px;
}

.vetrina-dettaglio-menu div {
    margin-bottom: 10px;
}

.vetrina-dettaglio-menu div span {
    color: #333;
    display: block;
    margin-top: -3px;
    font-weight: 500;
}

/* FINE DETTAGLI VETRINA */

/* PROFILO */
/* Acquisto */
.prezzo-dettaglio-acquisto {
    font-size: 25px;
}

/* Fine Acquisto */
/* FINE PROFILO */


/* BARRA DI ERRORE/AVVISO/NOTIFICA */
#barra_errore {
    width: 70%;
    position: absolute;
    top: 15%;
    left: 15%;
}

#barra_errorez {
    -moz-animation: nascondiBarraErrore 1s ease-in 4s forwards;
    /* Firefox */
    -webkit-animation: nascondiBarraErrore 1s ease-in 4s forwards;
    /* Safari and Chrome */
    -o-animation: nascondiBarraErrore 1s ease-in 4s forwards;
    /* Opera */
    animation: nascondiBarraErrore 1s ease-in 4s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes nascondiBarraErrore {
    to {
        opacity: 0;
        visibility: hidden;
    }
}

@-webkit-keyframes nascondiBarraErrore {
    to {
        opacity: 0;
        visibility: hidden;
    }
}


.cursore {
    cursor: pointer !important;
}

/* FIX MODALE */
html {
    overflow-y: scroll !important;
}

body .modal-open {
    overflow: visible;
}

.btn-small,
.btnsmall,
.microbtn,
.smallbtn {
    font-size: 13px !important;
    padding: 3px 5px !important;
    border-width: 2px !important;
}


.full-width {
    width: 100%;
}

/* MATERIAL DESIGN (modifiche nostre) */
.mdl-button--accent.mdl-button--accent.mdl-button--raised,
.mdl-button--accent.mdl-button--accent.mdl-button--fab,
.mdl-button--fab.mdl-button--colored,
.mdl-badge[data-badge]:after {
    background-color: #9fc95d;
    color: #fff;
}

.mdl-button--fab.mdl-button--colored:hover {
    background-color: rgba(160, 202, 92, 0.77);
}

.md-cell--padding {
    padding: 10px;
}

/* TABELLE */
@media screen and (max-width: 767px) {
    .table-responsive {
        width: inherit !important;
    }
}

.table tbody tr th {
    padding: 15px;
    color: rgba(0, 0, 0, .60);
    vertical-align: middle;
}

.table tbody tr td {
    padding: 15px;
    color: rgba(0, 0, 0, .60);
}

.table {
    margin-bottom: 0px;
}

.table tbody tr:nth-child(odd) {
    background-color: white !important;
}

.table tbody tr:nth-child(even) {
    background-color: white !important;
    /* #f9f9f9 !important; */
}

.table tbody tr:not(:first-child):hover {
    background-color: #eee !important;
}

.table>tbody>tr>td.numeric {
    text-align: right !important;
}

.gc-container .table-container {
    border: none !important;
}

.gc-container .scroll-if-required {
    padding-bottom: 0px;
}

.table-label {
    padding: 0px;
}

.table-bordered {
    border: 0px;
}