/*
    font-family: 'Roboto', sans-serif;
    font-family: 'STIX Two Math', serif;
*/
body
{
	font-family: 'STIX Two Math', serif;
	background: #cccccc2e;
}
.body_block
{
	 height: 900px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
.blocks
{
	background: #fff;
	width: 500px;
	align-self: center;
	padding: 6px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #ccc;
}
.form-control:focus
{
	border-color: #6c757d;
	box-shadow: 0 0 0 .25rem rgba(108, 117, 125,.25);
}
.loads
{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background: #0000007a;
	z-index: 9999;
	cursor: wait;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;           /* Non-prefixed version, currently
	                                  not supported by any browser */
}
.loads>div
{
	position: absolute;
	color: #fff;
	top: 49%;
	left: 50%;
	font-size: 22px;
	transform: translate(-50%, -50%);
	padding: 20px;
	background: #0000007d;
	border-radius: 7px;
	border: 1px solid;
	width: 250px;
	text-align: center;
	box-shadow: 0px 0px 5px #fff;
}
.loads>div:hover
{
	box-shadow: 0px 0px 5px #000;
}
.loads>div>i
{
	font-size: 15px;
}
.messages
{
	position: fixed;
	top: 10%;
	left: 50%;
	width: 500px;
	transform: translate(-50%, -50%);
}