html {
    background: url(../../../img/be/kk0184/bkg.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body {
    color: #5a5a62;
}

::selection { /* Safari */
    background: #381a0a;
    color:#fff;
}
::-moz-selection { /* Firefox */
    background: #381a0a;
    color:#fff;
}

/* LINKS **********************************************************/
a:link { color:#fff;}
a:visited { color:#fff;}
a:hover { color:#fff; text-decoration:none;}
a:active { color:#fff;}

.a1:link { color:#a7a6ae; }
.a1:visited { color:#a7a6ae;}
.a1:hover { color:#5a5a62; text-decoration:none;}
.a1:active { color:#a7a6ae;}

.a2:link { color:#5a5a62; }
.a2:visited { color:#5a5a62;}
.a2:hover { color:#5a5a62; text-decoration:none;}
.a2:active { color:#5a5a62;}

.a3:link { color:#381a0a; }
.a3:visited { color:#381a0a;}
.a3:hover { color:#381a0a; text-decoration:underline;}
.a3:active { color:#381a0a;}

/* GENERAL ********************************************************/
hr { width:100%; margin:0px auto; border-color:#ebebeb;}
.header { color:#fff; background-color: rgba(34, 31, 32, 0.8); }
.header-menu { color:#fff; background-color: rgba(34, 31, 32, 0.8); }
.content, .content-full, .content-list, .content-scheda, .content-carrello { background:#fff;}
.title { background:#ececec; color:#a7a6ae;}

/* ALERT **********************************************************/
.alert-red { background:#e43f44; color:#fff;}

/* TOOLTIP ***************************************************/
.tooltip-inner {background-color: #381a0a;}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: #381a0a !important; }

/* COLORS ********************************************************/
.color { color:#221f20;}
.white { color:#fff;}
.green { color:#86c42d;}
.yellow { color:#FAC210;}
.red { color:#e43f44;}
.gray { color:#a7a6ae;}
.bg-black {background:#191919;}
.bg-gray {background:#ececec;}

/* BTN ************************************************************/
.btn { color:#5a5a62;}
.btn-type { background:#ececec; color:#a7a6ae; }
.btn-type.active { background:#381a0a; color:#fff; }
.btn-type:hover { background:#381a0a; color:#fff;}
.btn-menu { background:#381a0a; color:#fff;}
.btn-menu:hover { background:#492715; color:#fff;}
.btn-primary {background:#221f20; color:#fff;}
.btn-default {background:#ececec;}
.btn-circle {background:#381a0a; color:#fff; }
.btn-primary:hover, .btn-default:hover, .btn-circle:hover {background:#381a0a; color:#fff; }
.btn-lang {background:#ececec; color:#000 !important; }
.btn-lang.active {background:#381a0a; color:#fff !important; }
.btn-trasp { background-color: rgba(73, 39, 21, 1); border:solid 2px #fff; color:#fff;}
.btn-trasp:hover { background-color: rgba(73, 39, 21, 0.8); border:solid 2px #fff; color:#FFFFFF;}
.btn-block { border:solid 1px #ebebeb; background:#fff; }
.btn-block:hover, .btn-block:focus {background:#ececec; color:#090909; }
.btn-block.active {background:#ececec; color:#090909; }
.btn-app {color:#5a5a62; border: 1px solid #ebebeb; background-color: #f4f4f4;}
.btn-app:hover {background:#bcbcbc; color:#fff;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {background:#381a0a; color:#fff;}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .bth-primary:hover
{background-color: #bcbcbc; border-color: #939393;}

/* FORM *******************************************************/
.form-control { border:solid 1px #ddd;}
.form-group select { color:#999; border:solid 1px #ddd; }
.form-group textarea { border:solid 1px #ddd; }
.form-group input[disabled] { border:solid 1px #ddd; }
.form-group input:hover, .form-control:focus, .form-group textarea:hover, .form-group select:hover { border:solid 1px #381a0a;}

/* TABS ********************************************************/
.nav-tabs > li > a { color:#999;}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus { background:#f7f7f7 !important;}
.nav-tabs > li.active > a,#381a0a
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { background:#ececec !important;}
.tab-content {background:#ececec; }

/* NAVBAR *******************************************************/
.navbar-nav > li > a { color:#fff;}
.navbar-nav > li > a:hover { color:#fff; background:#212121;}
.navbar-default { background-color:#212121; }
.navbar-right > .nav-item {border-right: solid 1px #161a1c !important;}
.dropdown.show, .dropdown.show > a:hover { background:#e7e7e7; color:#555;}
.dropdown.show > a { color:#555;}
.dropdown-menu { background:#381a0a;}
.dropdown-menu > .dropdown-item { color:#fff;}
.dropdown-menu > .dropdown-item:hover { color:#fff; background:#212121;}

/* TABELLE *****************************************************/
.table-bordered td, .table-bordered th { border:solid 1px #ddd;}
.table-bordered { border:solid 1px #ddd;}

/* OPTIONBAR ****************************************************/
.optionbar { background:#ececec; color:#a7a6ae; }
.optionbar span { color:#a7a6ae;}
.optionbar a:hover { background:#fff;}

/* OWLCAROWSEL **************************************************/
.data, .ora { border:solid 1px #e7e7e7; color:#a7a6ae;}
/*
.data:hover, .ora:hover, .data.active, .ora.active { border:solid 1px #381a0a; color:#381a0a; }
.data:hover > span, .data.active > span { color:#5a5a62;}
*/
.data.active, .ora.active { border:solid 1px #381a0a; color:#381a0a; }
.data.active > span { color:#381a0a;}
@media (min-width: 1025px) {
    .data:hover, .ora:hover { border:solid 1px #381a0a; color:#381a0a; }
    .data:hover > span { color:#381a0a;}
}

/* INTRO ***************************************************/
.locali > li { color:#fff; }
.locali > li > a:hover { background-color: rgba(255, 255, 255, 0.5); }

/* CATEGORIE ***************************************************/
.lista-cat li { border-bottom:solid 1px #e3e3e3; background-image:url(../../../img/be/kk0184/arrow.png);}
.lista-cat li > a { color:#5a5a62; }
.lista-cat li:hover { background-color:#ececec;}

/* LISTA PRODOTTI **********************************************/
.cat { border-bottom:solid 1px #e3e3e3;}
.dati > .nome { color:#381a0a; }
.dati > .quantita-carrello { background:#381a0a2b6e52; color:#fff;}
.item { border:solid 1px #e3e3e3; }
.item > .dati > .prezzo { background:#8f6e2b; color:#fff; }
.item > button { background: #381a0a;} /* btn aggiungi */
/* lista con foto */
.prodotti-foto .item > .prezzo { background:#221f20; color:#fff;}
.prodotti-foto .item > .quantita-carrello {background:#381a0a; color:#fff;}
/* consigli per te*/
.cat-consigli { background-color: #381a0a !important;}
.cat-consigli:hover { background-color: #381a0a !important;}

/* SCHEDA *****************************************************/
.scheda { border:solid 1px #e3e3e3;}
.scheda .prezzo { background:#221f20; color:#fff; }
.scheda .prezzo-nofoto { background:#221f20; color:#fff; }
.allergeni li > a { color:#5a5a62;}
.aggiunte { border-left: solid 1px #ebebeb; border-right: solid 1px #ebebeb; }
.aggiunte li { border-bottom: solid 1px #ebebeb; }
.aggiunte i { color:#bbb9c3;}
.aggiunte i:hover { color:#5a5a62;}
.totale > .btn-primary {background: #381a0a;} /* btn aggiungi */

/* CARRELLO ***************************************************/
.prodotto .quantita { background:#381a0a; color:#fff; }
.prodotto .nome { color:#381a0a;}
.opzioni { background:#f4f4f4; border-top: solid 1px #ebebeb; }
.opzioni > .misura { border-bottom:solid 1px #ebebeb;}
.opzioni > .note {  border-bottom:solid 1px #ebebeb; }
.opzioni ul { border-bottom:solid 1px #ebebeb;}
.consegna { border-bottom:solid 1px #ebebeb;}
.tot { background:#ececec; color:#5a5a62;}
.blocchetto-titolo { border-bottom:solid 1px #ebebeb; border-top:solid 1px #ebebeb; background:#fff;}
.blocchetto-selezioni { background:#f4f4f4; }
.conferma { color:#381a0a; border-bottom:solid 1px #ebebeb;}
.dove img { background:#fff;}
.indirizzo {border-top:solid 1px #ebebeb; }
.indirizzo img { background:#fff;}
.ordine { border-bottom:solid 1px #ebebeb;}
.badge-info { background-color: #381a0a; color: #fff}

/* UTENTE *****************************************************/
.blocchetto { background:#f4f4f4; border:solid 1px #ebebeb; }

/* LOGIN *****************************************************/
.login h1 { padding:20px 0; background: #221f20; }
.login h1, .login a { color:#FFF!important; }
.login > .content { color:#111; background-color: rgba(255, 255, 255, 1); margin-top: 0 !important;}
.login > .content a { color:#000 !important; }
.login .btn-primary {background-color: #381a0a !important;}
.login .btn-primary:hover {background-color: #381a0a !important;}

/* LOADING PROGRESS BAR ***************************************************/
.mdc-linear-progress__bar-inner { border-color: #381a0a !important;}

/* FIDELITY PROGRESS BAR ***************************************************/
.progress-bar {background-color: #381a0a;}

/* CHECKBOX E RADIO ********************************************/
:root {--mdc-theme-secondary: #381a0a;}

/* POWERED BY *****************************************************/
.powered { width: 170px; padding: 10px 0; margin: 0 auto;}