/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background:transparent none repeat scroll 0 0;
    border:0 none;
    font-size:100%;
    margin:0;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:0;
    padding:0;
    vertical-align:baseline;
    }
    body {
    line-height:1;
    }
    ol, ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    }
    blockquote, q {
    quotes:none;
    }
    blockquote:before, blockquote:after, q:before, q:after {
    content:none;
    }
    :focus {
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:0;
    }
    ins {
    text-decoration:none;
    }
    del {
    text-decoration:line-through;
    }
    table {
    border-collapse:collapse;
    border-spacing:0;
    }
    
    /*END RESET*/
    @font-face {
        font-family: 'montserratblack';
        src: url('../font/montserrat-black.woff2') format('woff2'),
             url('../font/montserrat-black.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    
    }
    
    @font-face {
        font-family: 'montserratbold';
        src: url('../font/montserrat-bold.woff2') format('woff2'),
             url('../font/montserrat-bold.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'montserratlight';
        src: url('../font/montserrat-light.woff2') format('woff2'),
             url('../font/montserrat-light.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'montserratregular';
        src: url('../font/montserrat-regular.woff2') format('woff2'),
             url('../font/montserrat-regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    
    }
    body{
        font-family: 'montserratregular';
        background:#f2f2f2;
    }
    .clear{
        clear: both;
    }
    .fl{
        float: left;
    }
    .fr{
        float: right;
    }
    .ptb5{
        padding:5px 0;
    }
    .ptb20{
        padding: 20px 0!important;
    }
    .mt20{
        margin-top:20px!important;
    }
    .font20{
        font-size: 20px;
    }
    strong{
        font-family: 'montserratbold'!important;
    }
    .container-fluid{
        background:#3f3f51;
        padding: 10px;
        display: none;
    }
    .container-smart{
        display: block!important;
    }
    .logo{
        padding: 1px 15px!important;
    }
    .logo-admin img{
        display: none;
    }
    .bg-admin img{
        display: block;
        margin: 0 auto;
        width: 100%;
        position: fixed;
        bottom: 0;
    }
    .btn-primary{
        color: #fff!important;
        background-color: #F3A704!important;
        border-color: #F3A704!important;
        font-size: 13px;
        padding: 20px 14px;
        text-transform: uppercase;
    }
    .btn-primary:hover{
        color: #fff!important;
        background-color: #F38808!important;
        border-color: #F38808!important;
    }
    .btn-primary-2{
        color: #fff!important;
        background-color: #F3A704!important;
        border-color: #F3A704!important;
        padding: 14px;
        display: inline-block;
        text-transform: uppercase;
    }
    .btn-primary-2:hover{
        color: #fff!important;
        background-color: #F38808!important;
        border-color: #F38808!important;
    }
    .btn-sm{
        margin: 7px 0;
        border: 1px solid #8c8c8c;
        color: #8c8c8c;
        background: none;
    }
    .btn-sm:hover{
        border: 1px solid #F3A704;
        color: #F3A704;
        background: none;
    }
    .btn-sm-2{
        margin: 12px 0;
        border: 1px solid #8c8c8c;
        color: #8c8c8c;
        background: none;
        padding: 14px;
    }
    .btn-sm-2:hover{
        border: 1px solid #F3A704;
        color: #F3A704;
        background: none;
    }
    .salawidth{
        width: 49%;
        margin: 3px 0;
        text-align: left;
    }
    .search-palmare{
        margin: 10px 0;
    }
    .search-palmare input{
        padding: 20px 10px;
        height: 70px;
    }
    .btn-sm-3{
        margin: 12px 0;
        border: 1px solid #8c8c8c;
        color: #8c8c8c;
        background: none;
        padding: 14px 27px;
    }
    .btn-sm-3:hover{
        border: 1px solid #F3A704;
        color: #F3A704;
        background: none;
    }
    .btn-sm-product{
        margin: 7px 0;
        border: 1px solid #8c8c8c;
        color: #8c8c8c;
        background: none;
        font-size: 12px;
        margin: 5px;
        padding: 8px;
    }
    .btn-sm-product:hover{
        border: 1px solid #8c8c8c;
        color: #fff;
        background: #8c8c8c;
    }
    a.dropdown-item:hover{
        background: #e3e3e3;
    }
    .btn-cassa, .active{
        color: #fff;
        background-color: #F3A704!important;
        border-color: #F3A704!important;
    }
    .btn-cassa:hover, .active:hover{
        color: #fff;
        background-color: #F38808!important;
        border-color: #F38808!important;
        box-shadow: none;
    }
    .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle{
        color: #fff;
        background-color: #F3A704;
        border-color: #F3A704;
    }
    .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus{
        box-shadow: none;
    }
    .btn-dark{
        padding: 20px 14px;
        font-size: 13px;
        text-transform: uppercase;
    }
    .btn-dark span{
        display: block;
    }
    .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle{
        color: #fff;
        background-color: #F3A704;
        border-color: #F3A704;
    }
    .form-inline{
        margin: 7px 0 0 0;
    }
    .list-group-item{
        padding: 20px;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,.125);
        width: 100%;
    }
    .icon-cart-list{
        margin: 0 auto;
        display: block;
    }
    .icon-cart-group li{
        display: block;
    }
    .icon-cart{
        margin: 10px 0 0 0;
    }
    .ntav{
        display: inline-block!important;
        float: right;
        padding: 6px 11px;
    }
    .icon-cart a{
        padding: 7px 7px;
        border: 1px solid #9fa8b1;
        color: #9fa8b1;
        float: left;
        width: 16.6%;
    }
    .divider{
        font-family: 'montserratbold';
        background: #e3e3e3;
        padding: 10px 0;
        border-radius: 5px;
    }
    .icon-cart-left a{
        border-radius:4px 0 0 4px;
        padding: 3px 18%;
    }
    .icon-cart-right a{
        border-radius:0 4px 4px 0;
        padding: 3px 18%;
    }
    .invia-comanda{
        margin: 20px 0;
        text-transform: uppercase;
        font-family: 'montserratbold';
    }
    .list-group-item .name-cart{
        font-size: 16px;
        font-family: 'montserratbold';
        float: none;
    }
   .list-group-item .icon-cart i{
        font-size: 22px;
    }
    .badge{
        display: block;
        margin: 3px 0 0 0;
    }
    .row{
        margin-left: 0;
        margin-right: 0;
    }
    .col-2{
        -ms-flex: 0 0 15.666667%;
        flex: 0 0 15.666667%;
        max-width: 15.666667%;
        margin: 0 0 0 5px;
    }
    .col-4{
        -ms-flex: 0 0 32.333333%;
        flex: 0 0 32.333333%;
        max-width: 33.333333%;
        margin: 0 10px 0 0;
    }
    .col-5{
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-6, .col-5{
        padding: 3px;
    }
    .col-12{
        padding: 3px;
    }
    .btn-food, .btn-bar, .btn-risto{
        background: #3f3f51;
        border-color: #3f3f51;
        color: #fff;
        padding: 15px 0;
    }
    .btn-food:hover, .btn-bar:hover, .btn-risto:hover{
        background: #232330;
        border-color: #232330;
        color: #fff;
    }
    .btn-tavolo{
        background: #94a275;
        border-color: #94a275;
        color: #fff;
        font-size: 14px;
    }
    .relative{
        position: relative;
    }
    .nome-tavolo{
        font-size: 16px;
        text-transform:lowercase;
        clear: both;
        text-align: left;
        float: left;
    }
    .btn-tavolo:hover{
        background: #68744e;
        border-color: #68744e;
        color: #fff;
    }
    .btn-tavolo-2{
        background: #94a275;
        border-color: #94a275;
        color: #fff;
        padding: 20px 14px;
        font-size: 14px;
        text-transform: uppercase;
    }
    .btn-tavolo-2:hover{
        background: #68744e;
        border-color: #68744e;
        color: #fff;
    }
    .btn-intero{
        background: #a8a193;
        border-color: #a8a193;
        color: #fff;
    }
    .btn-intero:hover{
        background: #817b6e;
        border-color: #817b6e;
        color: #fff;
    }
    
    .btn-dipendente, .btn-standby{
        background: #799AAC;
        border-color: #799AAC;
        color: #fff;
    }
    .btn-dipendente:hover, .btn-standby:hover{
        background: #4f6c7c;
        border-color: #4f6c7c;
        color: #fff;
    }
    .btn-secondary{
        font-size: 1rem;
        padding: 14px 0;
    }
    .btn-secondary-2{
        background: #9fa8b1;
        border-color: #9fa8b1;
        color: #fff;
        font-size: 14px;
    }
    .btn-secondary-2:hover{
        background: #79828b;
        border-color: #79828b;
        color: #fff;
        font-size: 14px;
    }
    .btn-white{
        background: #fff;
        border-color: #fff;
        border: 1px solid #ced4da;
        color: #8c8c8c;
        font-size: 14px;
        padding: 7px;
    }
    .btn-white:hover{
        border: 1px solid #8c8c8c;
    }
    .btn-danger{
        background: #b15d50;
        border-color: #b15d50;
        border: 1px solid #fff;
    }
    .btn-danger:hover{
        background: #7e3a30;
        border-color: #7e3a30;
        border: 1px solid #fff;
    }
    .container h2, .container-smart h2{
        font-family: 'montserratbold';
        font-size: 20px;
        margin: 30px 0!important;
    }
    .table-header, .bold{
        font-family: 'montserratbold';
    }
    .text-center{
        margin: 20px 0;
    }
    .table td, .table th{
        font-size: 14px;
        line-height: 18px;
    }
    .form-group label{
        margin: 0 0 10px 0;
        font-family: 'montserratbold';
        font-size: 14px;
    }
    .alert-primary{
        background-color: #cacbcc;
        border-color: #cacbcc;
        color: #000;
    }
    .text-muted{
        font-size: 12px;
    }
    .form-check-input{
        position: relative;
    }
    .form-check-label{
        font-size: 14px;
        line-height: 30px;
    }
    .ajax-btn p.button{
        float: right;
        font-size: 14px;
    }
    .ajax-btn p.a{
        float: left;
        font-size: 14px;
    }
    .ingrediente{
        float: left;
        width: 100%;
    }
    .trash{
        float: right;
    }
    .nota{
        font-size: 14px;
    }
    .nota a{
        float: right;
        color: #8c8c8c;
    }
    #lista li{
        border-bottom: 1px solid #e3e3e3;
        padding: 10px;
    }
    .lista a{
        font-family: 'montserratbold';
        font-size: 15px;
        text-align: left;
    }
    .lista a span{
        display: block;
        font-family: 'montserratlight';
    }
    .lista{
        position: relative;
    }
    .absolute{
        position: absolute;
        top: 7px;
        right: 10px;
    }
    .countpalmare{
        right: 14px;
        font-size: 18px;
    }
    .removepalmare{
        right: 14px;
        font-size: 16px;
        margin: 8px 0 0 0;
        padding: 12px 16px;
        background: none;
        border: 2px solid #fff;
        color: #fff;
    }
    .ntable{
        font-family: 'montserratbold';
        font-size: 16px;
        margin: 10px 0 0 0;
    }
    .coperti i{
        display: block;
        margin: 10px 0;
        font-size: 20px;
    }
    .header-search{
        width: 100%;
        border:1px solid #e3e3e3;
        padding: 30px;
        border-radius: 5px;
        background: #fff;
        margin: 0 0 40px 0;
    }
    .header-search input{
        border: 1px solid #e3e3e3;
        padding: 7px;
        border-radius: 5px;
        width: 100%;
    }
    .search{
        width: 100%;
        border-radius: 5px;
        margin: 0 0 40px 0;
        text-align: center;
    }
    .search input{
        border: 1px solid #e3e3e3;
        padding: 7px;
        border-radius: 5px;
        width: 50%;
        text-align: center;
    }
    
    .header-search .left{
        float: left;
        width: 80%
    }
    .header-search .right{
        float: right;
    }
    .width{
        width: 30%;
    }
    .table-primary th{
        background: #f0f0f0;
        border-color: #e3e3e3;
    }
    .sala{
        float: left;
        text-align: left;
    }
    .badge-rimosso{
        background: #dc3545;
        padding: 10px;
        font-size: 14px;
        color: #fff;
        margin: 10px 0 0 0;
        width: 150px;
    }
    .badge-aggiunta{
        background: #94a275;
        padding: 10px;
        font-size: 14px;
        color: #fff;
        margin: 10px 0 0 0;
        width: 150px;
    }
    
    .count{
        position: absolute!important;
        top:93px!important;
        right: 36px!important;
    }
    .stepnumber{
        margin: 0 0 20px 0;
    }
    .stepnumber a{
        margin: 5px 0!important;
        padding: 15px 24.7px;
    }
    .messagestep{
        line-height: 24px;
    }
    .btn-group-sale{
        width: 100%;
    }
    .btn-group-sala a{
        width: 45.2vw;
        margin: 5px 0!important;
    }
    .btn-group-sale a{
        width: 29.8vw;
        padding: 18px;
    }
    .noteline{
        margin: 10px 0;
        display: block;
    }
    .form-group input{
        padding: 30px 20px;
    }
    .fixed{
        position: fixed;
        width: 100%;
        z-index: 1;
        background: #fff;
        top: 0;
        left: 0;
        padding: 0 14px;
    }
    .table{
        margin:30px 0 0 0;
    }
    .icon-cart-active{
        color:#F3A704;
    }
    .icon-cart-noactive{
        color: #9fa8b1;
    }
    .margin-top{
        margin:100px 0 0 0;
    }
    .zone{
        margin:30px 0 0 0;
    }
    .none{
        display: none;
    }
    .prenotazione {
        background:#fff;
        border: 1px solid #e3e3e3;
        border-radius: 10px;
        padding: 10px;
        margin: 20px 0;
    }
    .prenotazione li{
        font-size: 14px;
        display: inline-block;
        padding: 5px;
        width: 100%;
        border-bottom: 1px solid #e3e3e3!important;
    }
    .btn-oktable{
        text-align: right;
        margin: 24px 0 10px 0;
        padding: 0;
        display: block;
    }
    .pollice-giu, .pollice-giu:hover{
        padding: 10px 20px;
        background: #e3e3e3;
        color: #fff;
        border: none;
        border-radius: 5px;
    }
    .pollice-su, .pollice-su:hover{
        background: #94a275;
        padding: 10px 20px;
        color: #fff;
        border: none;
        border-radius: 5px;
    }
    .btn-preconto-on{
        color: #fff;
        animation:1s blinker linear infinite;
        -webkit-animation:1s blinker linear infinite;
        -moz-animation:1s blinker linear infinite;
        background: #f38504;
        border: 1px solid #f38504;
    }
    .coperti{
        margin: 10px 0 0 0;
    }
    .tavolo a h4{
        font-size: 13px;
    }
    #filter{
        height: 70px;
        display: block;
    }
    .blink {
        animation:1s blinker linear infinite;
        -webkit-animation:1s blinker linear infinite;
        -moz-animation:1s blinker linear infinite;
        color: #fff;
        background: #4f6c7c;
        border: 1px solid #4f6c7c;
      }
      @-moz-keyframes blinker {  
        50% { opacity: 0.7; }
        100% { opacity: 1.0; }
      }
      
      @-webkit-keyframes blinker {  
        50% { opacity: 0.7; }
        100% { opacity: 1.0; }
      }
      
      @keyframes blinker {  
        50% { opacity: 0.7; }
        100% { opacity: 1.0; }
      }
      .carrellopalmari {
        position: fixed;
        width: 92.5%;
        bottom: 0;
        z-index: 1;
    }
    .carrellopalmari .btn-primary-2{
        border-radius: 5px 5px 0 0!important;
    }
    .prodottipalmari {
        margin: 0 0 120px 0;
    }
    .spostaunisci select{
        height: 70px;
    }
    .segue{
        margin:0;
    }
    .segue a{
        background:rgb(255 255 255 / 23%);
        padding: 15px;
        display: inline-block;
        border: 1px solid rgba(0,0,0,.125);
        width: 100%;
        text-align: center;
        color: #282828;
        opacity: 0.3;
        text-decoration: none;
    }
    .segue-active{
        background:#282828!important;
        padding: 15px!important;
        display: inline-block;
        border: 1px solid #282828;
        width: 100%;
        text-align: center;
        color: #fff!important;
        opacity: 1!important;
    }
    .nosmartphone{
        display: block;
        padding: 30px;
    }
    .nosmartphone img{ 
        width: 150px;
        margin: 0 auto!important;
        display: block;
    }
    .nosmartphone h2{
        font-family: 'montserratbold';
        font-size: 20px;
        text-align: center;
        margin: 20px 0 0 0;
        line-height: 24px;
    }
    .nosmartphone a{
        font-family: 'montserratbold';
        font-size: 16px;
        color: #fff;
        background:#f6a704;
        padding: 15px;
        text-align: center;
        border-radius: 5px;
        display: block;
        margin: 20px auto;
        width: 200px;
    }
    .nosmartphone .description{
        text-align: center;
        font-size: 16px;
        margin: 20px 0 0 0;
        line-height: 22px;
    }
    .logincassa, .loginnonoperativo{
        display: none!important;
    }
    .cassa, .container-fluid{
        display: none!important;
    }

    /*css ipad mini*/
    .modal-sm{
        max-width: 80%;
        margin:0 auto;
    }
    .btn-group-sala a{
        width:49%;
    }
    .container{
        max-width:100%;
    }
    /*css ipad mini*/

.glutine {
    background-image: url(/img/allergeni/gluten.png);
    width: 30px;
    height: 30px;
    display: block;
    background-size: 30px 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 999999;
}

.cereali {
    background-image: url(/img/allergeni/corn.png);
    width: 30px;
    height: 30px;
    display: block;
    background-size: 30px 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 999999;
}

.latte {
    background-image: url(/img/allergeni/milk.png);
    width: 30px;
    height: 30px;
    display: block;
    background-size: 30px 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 999999;
}

.uova {
    background-image: url(/img/allergeni/uova.png);
    width: 30px;
    height: 30px;
    display: block;
    background-size: 30px 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 999999;
}

.soia {
    background-image: url(/img/allergeni/soia.png);
    width: 30px;
    height: 30px;
    display: block;
    background-size: 30px 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 999999;
}

.arachidi {
    background-image: url(/img/allergeni/arachidi.png);
    width: 30px;
    height: 30px;
    display: block;
    background-size: 30px 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 999999;
}

.anidride {
    background-image: url(/img/allergeni/anidride.png);
    width: 30px;
    height: 30px;
    display: block;
    background-size: 30px 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 999999;
}

.crostacei {
    background-image: url(/img/allergeni/crostacei.png);
    width: 30px;
    height: 30px;
    display: block;
    background-size: 30px 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 999999;
}

.frutta {
    background-image: url(/img/allergeni/frutta.png);
    width: 30px;
    height: 30px;
    display: block;
    background-size: 30px 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 999999;
}

.senape {
    background-image: url(/img/allergeni/senape.png);
    width: 30px;
    height: 30px;
    display: block;
    background-size: 30px 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 999999;
}

.semi {
    background-image: url(/img/allergeni/semi.png);
    width: 30px;
    height: 30px;
    display: block;
    background-size: 30px 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 999999;
}

.lupini {
    background-image: url(/img/allergeni/lupini.png);
    width: 30px;
    height: 30px;
    display: block;
    background-size: 30px 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 999999;
}

.molluschi {
    background-image: url(/img/allergeni/molluschi.png);
    width: 30px;
    height: 30px;
    display: block;
    background-size: 30px 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 999999;
}

.pesce {
    background-image: url(/img/allergeni/pesce.png);
    width: 30px;
    height: 30px;
    display: block;
    background-size: 30px 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 999999;
}

.sedano {
    background-image: url(/img/allergeni/sedano.png);
    width: 30px;
    height: 30px;
    display: block;
    background-size: 30px 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 999999;
}