* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0; 

}
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
@font-face {
    font-family: Share-Tech;
    src: url("/fonts/Share Tech CYR/Share-Tech-CYR.otf") format("opentype");
}

.wp{
    position: absolute;
    height: 100%;
    width: 100%;
}
.header{
    position: relative ;
    height: 4em;
    width:100%;
    display: inline-block;
    -webkit-box-shadow: 1px 9px 52px 15px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 1px 9px 52px 15px rgba(34, 60, 80, 0.2);
    box-shadow: 1px 9px 52px 15px rgba(34, 60, 80, 0.2);
    z-index:10;
}
.logo {
    display: inline-block;
    margin:.5em;
    width:10em;
}
.logoimg {
    height: 3em;
}

.login{
    position: absolute ;
    display: inline-block;
    top:.3em;
    right: 1em;
}
.userimg {
    height: 2em;
}

.bottom {
    margin:.5em;
    position: absolute;
    bottom:0;
    right: 0;
    z-index: 1;
}

.blogoimg{
    margin:.5em;
    height: 2em;
    opacity: 0.5;
    filter: grayscale(50%);
}

.userimg {
    height: 3em;
    opacity: 0.5;
    filter: grayscale(100%);
}
.content {
	position: relative ;
	background: url('/img/back.jpg') no-repeat;
/*	margin-top: .9em; */
	height: calc(100% - 5em);
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	background-size: cover;
	z-index: 1;
}
.content p {
    font-family: Share-Tech;
    margin: .5em;
    text-align: justify;
    font-size: 1.2em;
    text-indent: 1em;
} 

.content p::before {
  content: url('/img/favicon-32x32.png'); 
  margin-right: .2em;
  vertical-align: middle;
}

.loginform {
    display:none;
    position:fixed;
    top:0;
    width: 100%;
    height: 100%;
    background-color: rgba(155, 155, 155, 0.3);
    backdrop-filter: blur(.1em);
    -webkit-backdrop-filter: blur(.1em); 
    z-index: 11;
}
#lfrm {    
    display: table;
    width: 22em;
    margin: 15% auto;
    background-color: rgba(255,255,255,1);
    border-radius: 1em;
    box-shadow: 0em 0em 2em 0em rgba(0, 0, 0, 0.2);
    text-align: center ;
}
#lfrm label {
	text-align: left;
	display: block;
	color: #999;
	height:1.2em;    
}
#lfrm table {
	font-family:Arial; 
	font-size:.9em;
	margin: auto;
	margin-top:2em;
	margin-bottom:2em;
}
#lfrm input:not([type=submit]) {
	font-size:1em;
	padding: .6em;
	height:2em;
	width: 13em;
	border: 0px solid rgba(0, 0, 0, 0.3);
	border-radius: .6em;
	box-shadow: inset 0em 1em 3em 0em rgba(0, 0, 0, 0.1);
}
#lfrm img {
	margin-top:.3em;
	height: 6em;
}
.cbutton {
	margin-right: .3em;
	padding: .4em 1.5em;
	border-radius: .4em;
	cursor:pointer;
	-webkit-user-select: none;
	display: inline-block;
	text-decoration: none;
	font-family:Arial; 
	font-size:1em;
	border: .1em solid rgb(205, 205, 205);
	color:black;
	background: white;
}
.bred {
    background: red;
    color: white;
}
.cbutton:hover {
	box-shadow: 0 0 .5em rgba(0,0,0,0.3);
	background: #64c8ef;
	border: .1em solid rgb(90, 179, 214);
/*	color: rgb(255, 255, 255); */
}

.opbox {
    padding-top: 1.54em;
}