body
{
	margin:0;
}

.buttons_place
{
	background-color:#e5e5e5;
	display:flex;
	position:fixed;
	bottom:10px;
	right:0;
	z-index:100;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	transition:1.5s transform ease-in-out;
}

.buttons
{
	background-color:#e5e5e5;
	display:flex;
	border:0 dotted #c6c6c6;
	padding:0 0 0 5px;
	border-left-width:2px;
}

.button
{
	width:max-content;
	height:max-content;
	background-color:#cdcdcd;
	border:1px solid #8d8d8d;
	padding:5px;
	border-radius:5px;
	margin:5px 10px 5px 0;
	outline:unset;
}

label
{
	width:max-content;
	height:max-content;
	background-color:transparent;
	position:relative;
	display:flex;
	border-radius:5px;
	margin:5px 10px 5px 0;
	border:1px solid #8d8d8d;
}

label ul
{
	height:max-content;
	outline:none;
	position:absolute;
	margin:0;
	border-radius:4px;
	box-sizing:border-box;
	list-style-type:none;
	width:100%;
	padding:0;
}

label ul li
{
	padding:1px 2px 0;
	cursor:pointer;
	outline:none;
	background-color:#e5e5e5;
	border:1px solid #8d8d8d;
	border-bottom:0;
}

label ul li:first-child
{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

label ul li:last-child
{
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	border-bottom:1px solid #8d8d8d;
}

.buttons textarea
{
	resize:none;
	outline:unset;
	font-size:10px;
	box-sizing:border-box;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-width:0;
}

.buttons input
{
	outline:unset;
	font-size:17px;
	box-sizing:border-box;
	padding:0 2px;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-width:0;
}

label .button
{
	border-width:0;
	border-bottom-left-radius:0;
	border-top-left-radius:0;
	margin:0;
	margin-left:1px;
}

.button.show_hide_menu
{
	background-color:transparent;
	border:0;
	border-radius:0;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	margin:0;
	transition:1.5s transform linear;
}

.button.show_hide_menu::before
{
	content:'>';
	background-color:transparent;
	border:unset;
}

.button:hover
{
	background-color:#dbdbdb;
}

.button:active
{
	background-color:#00fce1;
}

.conteiner
{
    display:flex;
	justify-content:center;
    flex-wrap:wrap;
}

.conteiner:empty::before
{
	content:'';
    background-color:transparent;
    height:80px;
    width:80px;
	margin:5px 10px 20px;
}

.textbox
{
	display:block;
    background-color:#fff;
    height:80px;
    width:80px;
	border:10px solid #000;
	box-sizing:border-box;
	margin:5px 10px 20px;
	padding:0.5px 1px;
	outline:unset;
	font-size:10px;
	resize:none;
}

.none_see_able
{
	display:none;
}

.textbox.none_see_able
{
	display:block;
	border:40px solid transparent;
	cursor:default;
	font-size:0;
	padding:0;
}