.v-rzrabotke{
    position: absolute;
    top: 40%;
    left: 10%;
    color: white;
    font-size: 20px;
}
.show-error{
    display: none;
    align-items: center;
    justify-content: center;
    color: red;
    font-size: 20px;
    margin-top: 20px;
}

body {
    margin: 0;
    /*margin-bottom: 1vh;*/
    /*min-width: 1200px;*/
    background-color: #2B1E1A;
    font-family: 'PTSansRegular','Open Sans', sans-serif;
    font-size: 16px;
    display: flex;
    align-items: start;
    /*align-content: center;*/
    justify-content: center;
}
a{
    text-decoration: none;
    color: #666;
}
table{
    border-collapse: collapse;
}
.wrap{
    display: flex;
    /*flex-direction: column;*/
    /*margin: 2%;*/
    border-right: 1px solid #e2e2e2;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    /*border-radius: 15px;*/
    height: 350px;
    width: 250px;
    background-color: #e2e2e2;
}
.wrap-pin{
    display: flex;
    flex-direction: column;
    margin: 10px;
    /*width: 20%;*/
    /*border-right: 1px solid #e2e2e2;*/
    /*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/

    height: 100%;
    width: 100%;
}

.top{
    display: flex;
    justify-content: space-between;
    /*flex-direction: column;*/
    width: 100%;
    height: 20%;
    /*background-color: #fff;*/
    /*position: fixed;*/

}


.pin{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22%;
    height: 100%;
    border-radius: 15px;
    background-color: #ffffff;
    font-size: 55px;
    font-weight: 700;
}

.mid{
    display: flex;
    flex-direction: column;
    margin: 35px 15px 15px 15px;
    height: 100%;
}
.mid-col{
    display: flex;
    height: 22%;
    justify-content: space-between;
    margin-top: 5px;
}
.mid-col-error{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5%;
    /*margin-top: 5px;*/
    color: red;
}

.num{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    background-color: #323232;
    width: 60px;
    border-radius: 20px;
    cursor: pointer;
    color: #F6F6F6;
}
.num:hover{
    /*background-color: #eeeeee;*/
    /*box-shadow: 0 0 5px rgba(0,0,0,0.5);*/
}
.num:active{
    background-color: red;
    /*box-shadow: 0 0 15px rgba(0,0,0,0.7);*/
}




/*Инфа****************************************************************/
.content-wrap{
    display: flex;
    flex-direction: column;
    /*margin: 2%;*/
    border-right: 1px solid #e2e2e2;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    /*border-radius: 15px;*/
    min-height: 100vh;
    width: 600px;
    background-color: #e2e2e2;
}

.content{
    display: flex;
    flex-direction: column;
    justify-content: start;
    height: 100vh;
    /*margin: 10px;*/
    /*width: 20%;*/
    /*border-right: 1px solid #e2e2e2;*/
    /*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/

    /*height: 100%;*/
    width: 100%;
}

.content a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15vh;
    font-size: 2em;
    background-color: #B93F09;
    color: white;
    margin-bottom: 10px;
}



/*Остатки*****************************************************************/
.tb-count{
    border-collapse: collapse;
}
#show_finish_count {
    zoom: 1.5;
}
.tb-count .count-col0{
    display: none;
}
.tb-count .count-col4{
    width: 40px;
}
.count-finish{
    color: #4833ff;
}
.tb-count .count-col3{
    /*background-color: rgb(222, 235, 255);*/
    padding: 0 20px 0 20px;
}
.tb-count-tr{
    height: 30px;
    font-size:18px;
    color:red;
}
.tb-count tr:nth-child(odd){
    background-color: #f1f1f1;
}
.tb-count tbody tr:hover{
    background-color: #F6F6F6;
}
/*Остатки*****************************************************************/





/*Продажи*****************************************************************/
.tb-sell tr:nth-child(odd){
    background-color: #f1f1f1;
}
.tb-sell tbody tr:hover{
    background-color: #F6F6F6;
}
.tb-sell{
    /*display: flex;*/
    margin-top: 1vh;
    width: 100%;
    border-collapse: collapse;
}
.tb-sell tbody{
    width: 100%;
}
.tb-sell tr{
    width: 100%;
    height: 23px;
}
.sell-header{
    font-size: 12px;
}
#date-money2{
    margin: 0 10px;
}
.sell-product-name{
    width: 65%;
}
.sell-product-count{
     /*width: 50px;*/
 }
.sell-product-total{
    font-weight: 700;
}
/*Продажи*****************************************************************/




/*Выручка*****************************************************************/
.tb-money tr:nth-child(odd){
    background-color: #f1f1f1;
}
.tb-money tbody tr:hover{
    background-color: #F6F6F6;
}
.tb-money{
    /*display: flex;*/
    margin-top: 1vh;
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}
.tb-money-ann{
    font-style: italic;
    color: red;
}
.tb-money tbody{
    width: 100%;
}
.tb-money tr{
    width: 100%;
    height: 23px;
}
.tb-money-head td{
    font-weight: 500;
    background-color: #4e4e4e;
    color: #ffffff;
}
.tb-money-footer td{
    background-color: #c4c4c4;
    font-style: italic;
}
.tb-money-footer-total td{
    background-color: #c5dbff;
    font-style: italic;
}
#date-money22{
    margin: 0 10px;
}
.money-product-name{
    width: 42%;
}
.money-product-count{
    /*width: 50px;*/
}
.money-product-total{
    font-weight: 700;
}
/*Выручка*****************************************************************/



/*мясной цех*****************************************************************/
.tb-meat tr:nth-child(odd){
    background-color: #f1f1f1;
}
.tb-meat tbody tr:hover{
    background-color: #F6F6F6;
}
.tb-meat{
    /*display: flex;*/
    margin-top: 1vh;
    width: 100%;
    border-collapse: collapse;
}
.tb-meat tbody{
    width: 100%;
}
.tb-meat tr{
    width: 100%;
    height: 23px;
}
.tb-meat-header{

    font-size: 24px;
    font-weight: 600;
}
/*мясной цех*****************************************************************/






/*Мини ревизия*************************************************************/
.content-for-mini-reviziya{
    display: flex;
    flex-direction: column;
    justify-content: start;
}
.content-for-mini-reviziya .wrap-select{
    /*width: 100%;*/
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1vh;
}
.content-for-mini-reviziya .wrap-select select{
    /*height: 40px;*/
    font-size: 20px;
    width: 70%;
}
.content-for-mini-reviziya a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 7vh;
    font-size: 2em;
    background-color: #B93F09;
    color: white;
    /*margin-bottom: 10px;*/
}
.href-back span{
    font-size: 16px;
}
.tb-mini-rev {
    width: 100%;
    /*padding: 4px;*/
    border-collapse: collapse;
}
.tb-mini-rev tr:hover {
    background-color: #c4c4c4;
}
.tb-mini-rev-head{
    font-size: 14px;
    color: #666666;
}
.mini-rev-col1{
    width: 45%;
    font-size: 30px;
    padding-left: 10px;
}
.mini-rev-col2, .mini-rev-col3, .mini-rev-col4{
    width: 15%;
    font-size: 30px;
    padding-right: 10px;
}
.mini-rev-col2 input, .mini-rev-col3 input, .mini-rev-col4 input {
    /*height: 30px;*/
    font-size: 18px;
    width: 100%;
    border: 0;
}
.wrap-bt-reviziya{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
.wrap-bt-reviziya button:hover{
    cursor: pointer;
}
.content-for-mini-reviziya button{
    width: 50%;
    height: 6vh;
    font-size: 20px;
    background-color: #C14310;
    border: 0;
    color: white;
}


/*Кнопка подтверждения отправки*****/
.mini-reviziya-dialog-wrap{
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(256,256,256,0.75);
    background-size: cover;
}
.mini-reviziya-dialog{
    width: 300px;
    height: 160px;
    background-color: #2B1E1A;
}
.mini-reviziya-q{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #2B1E1A;
    color: white;
    height: 30%;
    font-size: 20px;
}
.mini-reviziya-dialog-wrap{
    display: none;
}
.mini-reviziya-res{
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    margin-top: 30px;
}
.mini-reviziya-res div{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 40px;
    color: white;
    font-size: 24px;
    cursor: pointer;
}
.mini-reviziya-res div:hover{
    background-color: #544743;
}

.move-wrap-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin:0 10px 0 10px;
}
.move-wrap-select select{
    font-size: 20px;
    width: 40%;
}
.move-tb{
    border-collapse: collapse;
    margin: 10px;
}
.move-tb tr{
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    height: 2vh;
    /*margin-bottom: 100px;*/
}
.move-tb:first-child{
    /*margin: 10px;*/
    font-size: 16px;
    font-weight: 600;
}
.move-col1{
    /*width: 70%;*/
    /*font-size: 16px;*/
    /*font-weight: 600;*/
}




/*Заявки на продукты*********************************************/
.zayavka-wrap-panel{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 10px;
}
.zayavka-wrap-bt{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#zayavka-date{
    font-size: 16px;
}
#zayavka-write{
    font-size: 16px;
}
.zayavka-wrap-tab{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid #c4c4c4;
}
.zayavka-tab1, .zayavka-tab2{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 5vh;
    font-size: 26px;
    cursor: pointer;
    /*height: 100%;*/
}
.zayavka-tab1:hover, .zayavka-tab2:hover{
    background-color: #c4c4c4;
}

.zayavka-wrap-tab{

}

.zayavka-wrap-group{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 20px;
    border-top: 1px solid #F6F6F6;
}
.zayavka-tb-kafe-products, .zayavka-tb-kafe-pack, .zayavka-tb-kafe-himiya{
    width: 100%;
}

/*.zayavka-tb-kafe-products tbody{*/
/*    width: 100%;*/
/*}*/
.zayavka-tb-kafe-products tbody tr:hover, .zayavka-tb-kafe-pack tbody tr:hover, .zayavka-tb-kafe-himiya tbody tr:hover{
    background-color: #ffffff;
}
.zayavka-tb-kafe-pack, .zayavka-tb-kafe-himiya{
    display: none;
}
.zayavka-tab1{
    background-color: #DE6C3F;
}
.zayavka-products{
    background-color: #DE8A69;
}
.zayavka-wrap-group div{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 5vh;
    cursor: pointer;
}
.zayavka-wrap-group div:hover{
    background-color: #c4c4c4;
}

/*.zayavka-tb-kafe-products tbody tr,.zayavka-tb-kafe-pack tbody tr,.zayavka-tb-kafe-himiya tbody tr{*/
/*    width: 100%;*/
/*}*/

.zayavka-col0{
    display: none;
}
.zayavka-col0{
    /*width: 5%;*/
}.zayavka-col1{
    width: 90%;
}
.zayavka-col2{
    width: 10%;
}
.zayavka-col2 input{
    /*width: 80px;*/
}

.zayavka-wrap-kafe table{
    /*margin: 10px;*/
}






@media screen and (max-width: 980px) {
    body {
        align-items: start;
    }

    .wrap, .content-wrap {
        min-height: 100%;
        width: 100%;
        /*height: 100%;*/
        /*margin-bottom: 5vh;*/
        /*height: 100vh;*/
        /*-webkit-touch-callout: none; !* iOS Safari *!*/
        /*-webkit-user-select: none; !* Safari *!*/
        /*-khtml-user-select: none; !* Konqueror HTML *!*/
        /*-moz-user-select: none; !* Old versions of Firefox *!*/
        /*-ms-user-select: none; !* Internet Explorer/Edge *!*/
        /*user-select: none; !* Non-prefixed version, currently*/
        /*                          supported by Chrome, Edge, Opera and Firefox *!*/
    }

    .content {
        /*margin-bottom: 10vh;*/
    }

    .wrap-pin {
        /*height: 60%;*/
    }

    .top {
        height: 15%;
    }

    .mid {
        height: initial;
    }

    .pin{
        font-size: 10vh;
        border-radius: 55px;
    }

    .num {
        font-size: 10vh;
        border-radius: 1em;
        width: 32%;
        height: 95%;
        outline: none;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .num:hover {
    }

    .mid-col-error {
        height: 5vh;
        font-size: 5vh;
    }
}