body{
	margin : 0px;
	padding : 0px;
	font: normal 17px 'Roboto Condensed', sans-serif;
}

.loader{
	display: block;
	position: absolute;
	text-align: center;
	width: 100%;
}
.info{
	display: block;
	position: absolute;
	bottom: 20px;
	right: calc(100%-400px);
	height: 50px;
	text-align: center;
	font-size : 20px;
	color: #000000;
	z-index: 1;
    background-color: rgba(255, 255, 255, 1);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	padding: 5px;
	border: 1px solid #a0a0a0;
}

.infoPanel{
	display: flex;
	position: absolute;
	top: calc(50% - 50px);
	right: calc(50% + 50px);
	width: 300px;
	height:50px;
	font: normal 17px 'Roboto Condensed', sans-serif;
	color: #000000;
	z-index: 10;
    background-color: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid #a0a0a0;
	padding: 10px;
}

.blockPanel{
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 380px;
	height: 98%;
	text-align: left;
	color: #000000;
	z-index: 1;
    background-color: rgba(200, 200, 200, .3);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	padding: 10px;
	border: 1px solid #a0a0a0;
}
 
 
.blockPanels {
	width: 100%;
	padding: 0px;
	margin: 0 auto;
}
 
 
.blockPanels>input {
	display: none;
}

.blockPanels>div {
    display: none;
	height: calc(100% - 140px);
	padding: 12px;
    border: 1px solid #C0C0C0;
    background: #FFFFFF;
	overflow-y: scroll;
	overflow-x: hidden;
}

.blockPanels>label {
    display: inline-block;
    padding: 7px;
    margin: 0 -5px -1px 0;
    text-align: center;
    color: #000000;
    border: 1px solid #C0C0C0;
    background: #E0E0E0;
    cursor: pointer;
}

.blockPanels>input:checked + label {
    color: #000000;
    border: 1px solid #C0C0C0;
    border-bottom: 1px solid #FFFFFF;
    background: #FFFFFF;
}

#bpm_1:checked ~ #bpt_1,
#bpm_2:checked ~ #bpt_2,
#bpm_3:checked ~ #bpt_3,
#bpm_4:checked ~ #bpt_4 {
	display: block;
}

.btn {
	position: relative;
	width: 50px;
	height: 80px;
	border: 0;
	background-color: rgba(200, 200, 0, .0);
	padding: 5px;
}

.btn:hover {
 border: 0px solid #000;
 cursor: pointer;
 filter: invert(75%);
}

.btn:disabled,
.btn[disabled]{
background-color: rgba(255, 255, 255, .0);
cursor: auto;
filter: opacity(40%);
}

.btn_control{
	position: relative;
	width: 50px;
	height: 50px;
	border: 1px solid #000;
	background-color: rgba(200, 200, 0, .0);
	padding: 5px;
	border: 0;
}

.btnt {
	position: relative;
	width: 50px;
	height: 80px;
	border: 0;
	background-color: rgba(200, 200, 0, .0);
	padding: 5px;
	margin: 5px;
}

.btnt:hover {
 border: 0px solid #000;
 cursor: pointer;
 filter: invert(75%);
}

.btnt:disabled,
.btnt[disabled]{
background-color: rgba(255, 255, 255, .0);
cursor: auto;
filter: opacity(40%);
}

.btn_control{
	position: relative;
	width: 50px;
	height: 50px;
	border: 1px solid #000;
	background-color: rgba(200, 200, 0, .0);
	padding: 5px;
	border: 0;
}
.btn_control:hover {
 cursor: pointer;
filter: drop-shadow(-2px 5px 5px white) invert(100%);
}

.btn_control:disabled,
.btn_control[disabled]{
background-color: rgba(255, 255, 255, .0);
cursor: auto;
filter: opacity(40%);
}

.editPanel{
    display: flex; 
    position : absolute;
    width :  calc(100% - 380px );
    height : 50px;
    bottom : 0px;
    justify-content: center; 
	z-index: 0;
	border: 0px;
}

.kitchenLength{
	text-align : center;
	font-size : 20px;
	width : 350px;
	height : 26px;
	right : 0px;
	bottom : 10px;
}

.begunok2{

}


.btn_cat {
	position: relative;
	width: 350px;
	height: 230px;
	border: 0px;
	background-color: rgba(0,0,0,.0);
	margin-bottom: 5px;
}
.btn_cat:hover {
 border: 0px;
 background-color: rgba(150,150,150,.5);
 cursor: pointer;
}
.btn_cat:disabled,
.btn_cat[disabled]{
background-color: rgba(255, 255, 255, .0);
cursor: auto;
filter: opacity(40%);
}