@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,500,700&subset=cyrillic');
/*
font-family: 'PT Sans', sans-serif;
z-index nav 100;
*/

*{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;}:focus{outline:0;}
body,html{position:relative;height:100%;width:100%;font-family: Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5{font-family: 'PT Sans', sans-serif;}
a{color:#1d78c6;text-decoration:none;}a:hover{text-decoration:underline;}

#background
{
	background-image:url('../img/login_page.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	
	position:absolute;
	top:0;left:0;right:0;bottom:0;

	filter:blur(3px);
	z-index:-1;
}
#logo
{
	margin:0 auto;
	width:700px;
	margin-top:20px;
	margin-bottom:20px;
}
#logo img
{
	max-width:350px;
}
			
/* login/ signup */
.scene{max-width:700px;margin:0 auto;margin-bottom:20px;z-index:9999;background-color:#fff;}
.card{position:relative;width:80%;height:100%;display:block;padding-bottom:48px;margin:0 auto;}
.legend_title{text-align:center;color:#15314a;font-family:'PT Sans',sans-serif;font-size:18px;font-weight:bold;letter-spacing:3px;text-transform:uppercase;padding-top:48px;padding-bottom:0px;}

.btns{margin-bottom:10px;padding:5px;font-size:16px;cursor: pointer;letter-spacing: 0.5px;text-transform: uppercase;transition: all 0.5s linear;width:100%;background: #ffc107;color:#15314a;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);}
.btns:hover{background: #15314a;color: #ffc107;	}
.disabled{background-color:#fff !important;color:#15314a;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);}
.disabled:hover{background-color:#fff !important;color:#15314a;}

.column-content {display: inline-block;width:100%;}
.column-content i{vertical-align: middle;}
.column-content span{display: inline-block;vertical-align: middle;}
.column-content div{display:inline-block;vertical-align:middle;}


/*FA for input*/
.fontFa {position: relative;}
.fontFa i{position: absolute;left:15px;top:22px;color: #9e9e9e;font-size:16px;}
          	
input[type=text],input[type=password]
{ 
	width:100%; 
    padding:8px 40px; 
    margin:8px 0; 
	display:inline-block; 
	border:1px solid #9e9e9e;
	border-bottom:2px solid #15314a;
	box-sizing:border-box; 
	
	color:#333;
	font-size:16px;
}


.alert_align
{
	margin:0 auto;
	margin-bottom:20px;
	margin-top:20px;
}
.alert, .alert_well
{
	display: inline-block;
	position:relative;
		
	background-color: rgb(160,5,0, 1);
	padding:8px;
	color:#6d0100;
}

.alert_well
{
	background-color: rgb(94, 183, 86, 1) !important;
	color:green;
}

.alert i, .alert_well i
{
	vertical-align: middle;        
}

.alert span, .alert_well span
{
	display:inline-block;
	vertical-align:middle;
	padding-right:20px;
}


/* title atribut*/
.tooltip{position:relative;display:inline-block;}
.tooltip .tooltiptext
{
visibility:hidden;
width:120px;
background-color:black;
color:#fff;
text-align:center;
border-radius:6px;
padding:5px 0;
position:absolute;
z-index:6;
top:150%;
left:50%;
margin-left:-60px;
margin-top:-10px;
}
.tooltip .tooltiptext::after
{
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent black transparent;
}
.tooltip:hover .tooltiptext
{
visibility: visible;
}