@charset "UTF-8";
/* GENERAL STYLES*/

@media screen and (max-width: 991px) {

#menuHTML{
	display: none;
	min-height: 100vh;
	text-align:left;
	width: 256px;
	background-color: #c0d2de;
	box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
	position: static; 
}

#menuHTML.show {
		display:  block;
		position: fixed;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgba(0,0,0,0.6);
		z-index: 1000;
		color: #000;
		text-align:center;
	}

#menuHTML > #menu{
	display:inline-block;
	width: 60%;
	margin-top:20px;
	padding-bottom:110px;
}
#menuHTML > #menu > div{
	background-color:#c0d2de;
	margin:0px;
	text-align:center;
}
#menuHTML > #menu > .marked{
	background-color: #FFF;
}
#menuHTML > #header{
	width: 60%;
	display:inline-block;
	height: 50px;
	border:0px;
}

.dataHTML{
	margin:0px;
	width:80%;
	min-height: 100vh;
	text-align:center;
	display: inline-block;
	vertical-align: top;
	background: #F2F8F8;
}

#menuTop{
	display: inline-block;
	position: absolute;
	border: 5px solid #9C99F2;	
	border-radius: 50px;
	padding:20px 25px 20px 25px;
	cursor: pointer;
	text-align:center;
	font-size: max(1.8vw, 30px);
	margin-left:-45px;
	font-weight:bolder;
	background-color: #c0d2de;
	z-index: 8000;
}

.mnemarea textarea{
	margin-top: 100px;
	min-height: 150px;
	height: 40%;
}



#wallet_address{
	margin-left:70px;
}
/*
#dataHeaderAdressHTML{
	margin-left:70px;
}*/
.modal .modal_content {
	width: 75%;
}

}

@media screen and (max-width: 767px) {
/* стили для средних планшетов - начало */


#menuHTML{
	display: none;
	min-height: 100vh;
	text-align:left;
	width: 256px;
	background-color: #c0d2de;
	box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
	position: static; 
}

#menuHTML.show{
	display:  block;
	width:100%;
	min-height: 100%;
	position:absolute;
}
.dataHTML{
	margin:0px;
	width:100%;
	min-height: 100vh;
	text-align:center;
	display: inline-block;
	vertical-align: top;
	background: #F2F8F8;
}
#menuTop{
	margin-left:-25px;
	margin-top:-10px;
}

.modal .modal_content {
	width: 85%;
}

.horisont .type_one label:first-child{
	width: 97.5%;
	display: inline-block;
	text-align: left;
	float:left;
}

.horisont .type_one label:last-child{
	width: 97.5%;
	display: inline-block;
	text-align: left;
	float:left;
}

.horisont .type_two label{
	position: relative;
	width: 97.5%;
	display: inline-block;
	text-align: left;
	float:left;
}

.horisont .type_three label:first-child{
	width: 97.5%;
	display: inline-block;
	text-align: left;
	float:left;
}

.horisont .type_three label:nth-child(2){
	width: 47.5%;
	display: inline-block;
	text-align: left;
	float:left;
	margin-right:2.5%;
}
.horisont .type_three label:nth-child(3){
	width: 47.5%;
	display: inline-block;
	text-align: left;
	float:left;
	margin-right:0;
}


.horisont .type_four label{
	width: 47.5%;
	display: inline-block;
	text-align: left;
	float:left;
}

.horisont .type_four label:last-child{
	width: 47.5%;
	display: inline-block;
	text-align: left;
	float:left;
}



}