body {color:white;background-color:#0f2241}
.btn {color:white;background-color:#404859;border:solid 1px #171a23;}
.btn:active {background-color: #050e21;border: solid 1px #312ead;color:#1e8588;}
.btn:hover {border:solid 1px #797986;color:#dbe47f;}
.btn:focus {outline:none;box-shadow: 0 0 0 0px}
.btn-checked { background-color:#050e21; }
.btn.-orange {background-color:#e94f36;border-color:#e94f36;}
.btn.-orange:hover {background-color:#d43d25;border-color:#d43d25;color:white;}
.btn.-orange:active, .btn.-orange:focus {background-color:#c3331a;border-color:#c3331a;color:white;box-shadow:0 0 0 0;}
.main.-center .form > .-center img {width:100%;max-width:380px;height:auto; margin-bottom: 20px;}
.form-control::selection {background-color:#e94f36;color:white;}
.form-control::-moz-selection {background-color:#e94f36;color:white;}

.topform{
    width: 95vw;
    height:60vh;
    left: 50%;
    top: 5%; 
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color:#080627;
    border-radius: 10px;
    position:fixed;
    z-index: 10; 
    padding:3vh;
    opacity:0.9;
    display: none;
}
.form-control {
    background-color: #141923;
    border: solid 1px #43434e;
    color:white;
}
.form-control:focus {
    border: solid 1px #19445d;
    background-color: #050e21;
    color:#1e8588;
    outline:none;box-shadow: 0 0 0 0px
}
/*    #110f36;
*/

.modal-content{background-color:#252A3A;}
.btn-dark{ background-color:#080b19;color:#a6a8b3;border:solid 1px #64646d; }

/*.form-control {background-color:#252A3A;color:#868993}
.form-control:focus {background-color:#262C4B;color:white}*/
.header{position:absolute;left:0;top:0;right:0;height:4.88281vh;font-size:1.36719vh;background-color:#252A3A;padding-left:5.85938vh;padding-right:5.85938vh}
.header>.row{height:100%}
.header__group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.header__group .header__item{margin-left:0}
.header__item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:9.76562vh}
.header__item:first-child{margin-left:0}
.header__item .text{margin-left:1.46484vh}
.header__item .text:first-child{margin-left:0}
.header__locker{position:absolute;right:0;top:0;cursor:pointer;height:100%;width:5.85938vh;height:4.88281vh;background:url(../img/icons/locker.svg) no-repeat 50% 50%;background-size:auto 2.92969vh;-webkit-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease}
.header__locker:active{background-color:#363C4B}
.header__status{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1.75781vh;font-size:1.17188vh;border-radius:5px;background-color:#A47F48;padding:0 .68359vh;margin-left:.97656vh}
.header__status:first-child{margin-left:0}
.header__status.-payed{background-color:#B13E2F}
.header__status.-closed{background-color:#5B9B44}
.header__btn-stop{height:3.51562vh;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:5px;padding:0 .78125vh;background-color:#3775E7}
.header__digit{min-width:2.92969vh;width:2.92969vh;height:2.92969vh;border-radius:50%;background-color:#1D222E;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:1.17188vh}
.dishes-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.dishes-list .text{margin-right:.97656vh}
.dishes-list .no-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.dishes-list li{min-width:2.92969vh;width:2.92969vh;height:2.92969vh;border-radius:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:.97656vh}
.checkbox {width:2vw;height:2vw;}
.dishes-list li:first-child{margin-left:0}
.dishes-list li.-green{background-color:#5B9B44}
.dishes-list li.-brown{background-color:#A47F48}
.dishes-list li.-red{background-color:#B13E2F}
.btn-dots{cursor:pointer;position:absolute;right:0;top:0;height:100%;width:5.85938vh;-webkit-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease}
.btn-dots__icon{background:url(../img/icons/dots.svg) no-repeat 50% 50%/contain;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:2.44141vh;height:2.44141vh}
.btn-dots:active{background-color:#363C4B}
.main{height:100%;padding-left:2vh;padding-right:2vh;padding-top:6vh;padding-bottom:2vh}
.main.-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:4.10156vh}
.form-service{position:relative;background-color:#252A3A;width:60%;padding:4vh 10vh 4vh;text-align:center;margin-left:20%}
.form{position:relative;background-color:#252A3A;width:63.47656vh;padding:4.29688vh 10.25391vh 5.56641vh;text-align:center}
.form__title{margin-bottom:3.125vh}
.form__title .h1{margin:0}
.form__content-row{margin-bottom:1.07422vh;display:-webkit-box;display:-ms-flexbox;display:flex}
.form__content-row:last-child{margin-bottom:0}
.form__content-row .btn{padding:0;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:.97656vh}
.form__content-row .btn:last-child{margin-right:0}

.btn-back{height:4.88281vh;border:0;padding:0;width:5.85938vh;background:url(../img/icons/arrow.svg) no-repeat 50% 50%;background-size:.78125vh 1.46484vh;-webkit-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease;position:absolute;left:0;top:0;z-index:100}
.btn-back:active{background-color:#363C4B}
.table-order-zlist{padding-top:1vh;padding-right:2vh;padding-bottom:1vh;background-color:#252A3A;border-radius:5px;
             position:relative;
             margin-bottom:1vh;height:90%
}
.table-order{padding-top:1vh;padding-right:2vh;padding-bottom:1vh;background-color:#252A3A;border-radius:5px;
             position:relative;
             margin-bottom:1vh;height:60%
}

.table{overflow:auto;padding:0 2vh;font-size:1.36719vh; height:100%;color:white }
.table table{width:100%}
.table tr{-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}
.table tr.is-removing{opacity:0.5}
.table td{border-bottom:1px solid #2f3343;padding:0 0.5vh;height:5.5vh;vertical-align:middle}
.table td:first-child{color:#858892}
.table td:last-child{padding-right:0}
.table thead th{font-size:1.17188vh;text-transform:uppercase;color:#858892;vertical-align:middle;border-bottom:1px solid #2f3343;padding:0vh 0.5vh}

.tr-select {border-bottom: 1px solid #2f3343;margin:0;padding:0}
.tr-select:hover {background-color:#141c30;}

.specs-possible{ color: #89e6e9; }
.spec-multi{ color: #89e6e9; }

.table-head { border-bottom: 1px solid #2f3343;align-items:center;margin-left:1%;margin-right:1%}
.table-row { border-bottom: 1px solid #07080c;border-top:none;vertical-align:middle;align-items:center;margin:0px;padding:0px}

.specific {color:#9da0d0;border-top:1px solid #2f3343;}
.comment { background:  #24242e; padding:0.5vh; border-radius:5px;color:#a7afa8; border: solid 1px #1c1f34;}

.table__count-td{width:3%;color:#6c84a0;text-align:center;}
.table__name-td{width:47%;}
.table__count-control-td{width:15%;}
.table__unit-td{width:3%;}
.table__price-td{width:10%;text-align:right}
.table__total-td{width:10%;text-align:right}
.table__btns-td{width:12%;text-align:right}
.table__amount-td{text-align:center;width:9.76562vh;color:#868993}
.table__comment-icon{background:url(../img/icons/comment.svg) no-repeat 50% 50%;display:inline-block;vertical-align:middle;min-width:2.14844vh;width:2.14844vh;height:2.14844vh;margin-left:.78125vh}
.table__unit{color:#6c84a0}
.table__price{color:#868993}
.table__btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.table__trash{cursor:pointer;color:#363C4B;min-width:2.92969vh;width:2.92969vh;height:2.92969vh;font-size:2.34375vh;margin-left:.97656vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.table__trash:active{color:#fff}
.table__name-text{display:inline-block}

.table-stop-list .table{max-height:50.78125vh}
.table-stop-list .table__count-td{width:1.95312vh}
.table-stop-list .table__name-td{width:30%}
.count-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.count-control__btn{min-width:2.92969vh;width:2.92969vh;height:4.88281vh;border-radius:5px;background-color:#363C4B;border:0;padding:0;-webkit-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease}
.count-control__btn:active{background-color:#4b5469}
.count-control__amount{min-width:4.49219vh;text-align:center}

.order-category{max-height:100%; padding-right:1vh;overflow-y:auto;overflow-x:hidden}
.order-category .row{margin-left:-.39062vh;margin-right:-.39062vh;margin-bottom:-.78125vh}
.order-category .row>div{margin-bottom:.78125vh;padding-left:.39062vh;padding-right:.39062vh}
.order-category .btn{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:1}
.order-category .group{ background-color:#080b19;color:#a6a8b3;border:solid 1px #64646d;}
.order-category__top{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:.78125vh}
.order-category__top>*{margin-left:1.95312vh}
.order-category__top>*:first-child{margin-left:0}
.order-category__top .input-group{min-width:70%}
.order{height:100%}
.order>.row{height:100%}
.order__item{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.order-info{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.36719vh}
.order-info__btns{min-width:8.30078vh;width:8.30078vh;margin-right:1.95312vh}
.order-info__btns .btn{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-bottom:.78125vh;background-color:#252A3A}
.order-info__btns .btn:last-child{margin-bottom:0}
.order-info__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
.order-info__table{height:5.85938vh;border:1px solid #747883;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.36719vh;margin-bottom:.78125vh}
.order-info__total{margin-top:3.90625vh;text-align:right}
.order-info__price{font-size:2.92969vh}
.order-info__discount{font-size:1.95312vh}
.order-info__item{text-align:right;margin-bottom:1.95312vh}
.order-info__item:last-child{margin-bottom:0}
.order-info .h3{margin:0 0 2.24609vh}
.order-info .h6{margin:0 0 .48828vh}
.order-btns{margin-top:auto}
.order-btns .btn{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:.78125vh;padding:0 .48828vh}
.order-btns .btn:last-child{margin-bottom:0}
.order-calc{margin-top:auto}
.btn-enter{width:9.76562vh;height:9.76562vh;position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);padding:0;border:0;background-color:transparent}
.btn-enter__icon{background:url(../img/icons/enter.svg) no-repeat 50% 50%/contain;width:5.46875vh;height:5.46875vh;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin-top:4.88281vh}
.btn-turn{width:5.85938vh;height:100%;position:absolute;top:0;right:0;padding:0;border:0;background-color:transparent;-webkit-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease;z-index:100}
.btn-turn:active{background-color:#394159}
.btn-turn__icon{background:url(../img/icons/enter.svg) no-repeat 50% 50%/contain;width:1.95312vh;height:1.95312vh;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.btn-nav{position:absolute;top:0;height:100%;width:5.85938vh;border:0;background-color:transparent;padding:0;-webkit-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease}
.btn-nav:active{background-color:#252A3A}
.btn-nav.-prev{left:0}
.btn-nav.-next{right:0}
.btn-nav.-next .btn-nav__icon{-webkit-transform:translate(-50%, -50%) scaleX(-1);-ms-transform:translate(-50%, -50%) scaleX(-1);transform:translate(-50%, -50%) scaleX(-1)}
.btn-nav__icon{background:url(../img/icons/arrow.svg) no-repeat 50% 50%/contain;width:1.36719vh;height:1.36719vh;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}


.tmred{color:#B13E2F}
.kitchen{height:calc(100% - 5.37109vh);overflow:auto;overflow-x:hidden;min-width:80%;margin-left:3%;margin-right:3%}
.kitchen>.row>div{margin-bottom:2vh}
.kitchen__item {position:relative;background-color:gray;border-radius:5px;overflow:hidden;font-size:1.36719vh}

.kitchen__item.-red{background-color:#B13E2F}
.kitchen__item.-red .kitchen__rounded:before{background-color:#B13E2F}

.kitchen__item.-green{background-color:#5B9B44}
.kitchen__item.-green .kitchen__rounded:before{background-color:#5B9B44}

.kitchen__item.-brown{background-color:#A47F48}
.kitchen__item.-brown .kitchen__rounded:before{background-color:#A47F48}

.kitchen__item.-black-red .kitchen__top{background-color:#252A3A}
.kitchen__item.-blue-green{background-color:#5B9B44}
.kitchen__item.-blue-green .kitchen__top{background-color:#3775E7}
.kitchen__item.-blue-green .kitchen__rounded:before{background-color:#5B9B44}
.kitchen__item.-black-brown{background-color:#A47F48}
.kitchen__item.-black-brown .kitchen__top{background-color:#252A3A}
.kitchen__item.-black-brown .kitchen__rounded:before{background-color:#A47F48}
.kitchen__top{background-color:rgba(0,0,0,0.15);padding:.58594vh 1.95312vh 0;height:5.27344vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.kitchen_where_self {background-color:#3775E7}
.prod_border_done {border:solid 0.2vh #3266d4;border-radius:5px;}
.prod_border_wait {border:solid 0.2vh #41434c;border-radius:5px;}

.kitchen__top .text{margin-bottom:.29297vh;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.kitchen__top .text:last-child{margin-bottom:0}
.kitchen__top-title{max-width:calc(100% - 5.85938vh)}
.kitchen__time{min-width:4.88281vh;text-align:center}
.kitchen__title{padding-right:5.85938vh}
.kitchen__specs{padding-right:5.85938vh;font-style:italic}
.kitchen__count{font-size:1.75781vh;font-weight:bold;position:absolute;right:0;top:0;min-width:4.88281vh;text-align:center;margin-right:1.95312vh;padding-top:.78125vh;line-height:1}
.kitchen__content{position:relative;padding:.8vh 1.9vh 1vh 1vh;min-height:7vh}
.kitchen__where{position:relative;left:0;bottom:0;padding-left:1vh;padding-bottom:1vh;height:2vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.kitchen__bottom{position:absolute;right:0;bottom:0;height:3.125vh;background-color:#1D222E;border-radius:5px 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 .97656vh}

.kitchen__rounded{width:.97656vh;height:.97656vh;position:absolute;background-color:#1D222E;z-index:10}
.kitchen__rounded.-top{bottom:100%;right:0}
.kitchen__rounded.-left{bottom:0;right:100%}
.kitchen__rounded:before{content:'';position:absolute;width:1.5625vh;height:1.5625vh;border-radius:50%;right:0;bottom:0}

.table-spec{text-align:left;font-size:1.75781vh}
.table-spec table{width:100%}
.table-spec table td{padding:1.46484vh .97656vh}
.table-spec table td:first-child{padding-left:0}
.table-spec table td:nth-of-type(2){text-align:right}
.table-spec table td:last-child{padding-right:0;text-align:right}
.table-spec .checkbox-control{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.discount-list .row{margin-bottom:-1.95312vh}
.discount-list .row>div{margin-bottom:1.95312vh}
.discount-list .btn{width:100%;height:10.25391vh;font-size:2.34375vh;font-weight:normal}
.menu{width:100%}
.menu .row{margin-bottom:-1.95312vh}
.menu .row>div{margin-bottom:1.95312vh}
.menu__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:0;font-size:1.95312vh;text-align:center;font-weight:bold;width:100%;height:23.82812vh;background-color:#363C4B;border-radius:5px;padding:0;-webkit-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease}
.menu__item:active{background-color:#4b5469}
/*
.keyboard{padding-left:5.85938vh;padding-right:5.85938vh;padding-bottom:5.56641vh;padding-top:3.02734vh;background-color:#252A3A;position:absolute;left:0;bottom:0;right:0}
.keyboard__row{margin-bottom:.97656vh;display:-webkit-box;display:-ms-flexbox;display:flex}
.keyboard__btn{-webkit-box-flex:1;-ms-flex:1;flex:1;height:3.90625vh;border-radius:5px;background-color:#363C4B;margin-right:1.5625vh;border:0;padding:0;-webkit-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}
.keyboard__btn:active{background-color:#4b5469}
.keyboard__btn:last-child{margin-right:0}
*/
.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:5.85938vh;padding-right:5.85938vh;position:absolute;left:0;bottom:0;right:0;padding-bottom:1.17188vh;font-size:1.36719vh;z-index:100}