@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic|Ubuntu+Condensed|Marck+Script|Archivo+Black&subset=latin,cyrillic);

 @font-face {
    font-family: 'ucrmicon';
    src: url('fonts/ucrmicon.eot');
    src: url('fonts/ucrmicon?#iefix') format('embedded-opentype'),
         url('fonts/ucrmicon.woff') format('woff'),
         url('fonts/ucrmicon.ttf') format('truetype'),
         url('fonts/ucrmicon.svg#ucrmicon') format('svg');
    font-weight: normal;
    font-style: normal;
}
 /*

Skahcano s https://phpguru.com.ua

*/
* {box-sizing: border-box;}

html, body
{
    height: 90%;width:100%;
}

body
{
    font: 12px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;    
    margin: 0;
	/*background-color: #1abc9c;*/
	}

/*  FLAXBOX
	--------------------------------------------------- */	
	.block-flex-div { display: flex;width: 100%;justify-content: space-between;box-sizing: border-box;}	
		.block-line-flex {display: flex;padding: 8px; height: auto;font-size: 14px;width: 100%;color: #666;font-weight: 500;text-align: left;box-sizing: border-box;/* justify-content: center; */ }
			.block-column-flex{ flex: 1;} 	
	
	/* ИКОНКИ ШРИФТ */	

		.ucrmicon {
		  font-family: ucrmicon;
		  display: inline-block; 
		}
		
.login-page { width:100%;}

.logo-ucrm {
		background:url('../img/logo-ucrm-prob.jpg') no-repeat center top;
		background-size:90%;
		height:100px;
		width:100px;
		text-align:center;
		margin:15% auto;
		/* -left:220px; */ 
}
.logo-ucrm div {}

.index .logo-ucrm {
		background:url('../img/logo_color_new.png') no-repeat center top;
		background-size:100%;
		height:80px;
		width:200px;
		text-align:center;
		margin:23% auto;
		/* -left:220px; */ 
}


#signup a {
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}


#login-trigger:hover,
#login-content .active,
#signup a:hover {
  /*background: #fff;*/
  
  display: inline-block;
}

#login-content {
	  display: block;
	  position:relative;
	  min-width: 330px;
	  max-width: 430px;
	  margin:50px auto;
	  z-index: 999;    
	  background: #f7f7f7; 
	  padding: 15px;
		box-shadow:0 0 1px rgba(15,15,15,.25);b
	  -moz-border-radius: 3px 3px 3px 3px;
	  -webkit-border-radius: 3px 3px 3px 3px;
	  border-radius: 3px 3px 3px 3px;
}

		
	
	
li #login-content {
  right: 0;
  width: 300px;  
  height: auto;
}
.title-form {text-align:center;font-family: 'Open Sans Condensed', sans-serif !important;font-size:2.3em !important;}

#message_login,
#message_rem {text-align:center;}

.remember-pass, 
.back-auth-form {text-align: end;}
.reg-or-login {position: absolute; width: 150px; bottom: -28px;}
.remember-pass span, 
.back-auth-form span, 
.reg-or-login span {border-bottom: 1px dashed #1836FF; color: #1836FF; text-decoration: none;cursor: pointer;}
.reg-or-login a {text-decoration:none;}

#RegForm {margin-top:50px;}
#RemPassForm {margin-top:0px;display:none;}

#RemPassForm  .vid_remember {float: left;text-align:left;margin-left:10px;width:85px;}	
	#message_auth_rem_pass {line-height:16px;}

		#RemPassForm input.radio {
			margin-top:10px !important;
			color:#999999;
			width: 16px;
			height: 16px;
		}
		#RemPassForm input.radio:hover {border:none;}
		#RemPassForm input.radio:focus {border:none;box-shadow:none;}
		#RegForm .okMessage,
		#RemPassForm .okMessage {color:#34C924}
		
#message_result_reg_form {} 
	#message_result_reg_form .h-t {margin-top:50px;font-size:46px;font-weight:bold;font-family: 'Open Sans Condensed', sans-serif !important;} 
	#message_result_reg_form .h-t-t {font-size:24px;font-family: 'Open Sans Condensed', sans-serif !important;} 


.ok-success {width: 300px;margin:30px auto;text-align:center;font: 26px/34px "Ubuntu Condensed", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;}
	.ok-success .success-img {margin:20px auto;color:green;font-size:70px; display: block;}
	.ok-success .error-img {margin:15px auto;color:red;font-size:70px;display: block;}
	
.errorMessage {color: #E32636;font-family:"PT Sans";font-size:18px;font-weight:bold}
.okMessage {color: #fff;font-size:18px;font-family: 'Open Sans Condensed', sans-serif !important;}

/*--------------------*/

#inputs {border:none;padding:0px;margin-top:15px;}
		
#inputs input {
  background: #f1f1f1;
  margin: 0 0 10px 0;
  width: -webkit-fill-available;
  height: 40px;
	color: #666;
	background: #ffffff;
	border: 1px solid #dfe4e6;
	padding: 10px 12px 8px 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
 
}

#inputs input:focus {
  background-color: #fff;
  border-color: #ccc;
  outline: none;
  -moz-box-shadow: 0 0 0 1px #ccc inset;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
}

/*--------------------*/

#login-content #actions {
  margin: 10px 0 0 0;
  border: none;
  
}

#actions input.checkbox {
			margin-top:10px;
			color:#999999;
			width: 10px;
			height: 10px;
		}
		
		
#actions .block-flex-div {justify-content: flex-start; align-items: center;}
		
#login-content #submitauth{		
	display: inline-block;
	padding: 3px 10px;
	outline: 0;
	font-size: 18px !important;
	line-height: 30px;
	color: #fff !important;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	background: #FF6347;
	border:0;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
}

#login-content #submitauth:hover,
#login-content #submitauth:focus {		
opacity: 0.9;
border:0;
}	

#login-content #submitauth:active,
#speed-reg #submitreg:active {		
  outline: none;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;		
}

#login-content #submitauth::-moz-focus-inner,
#speed-reg #submitreg::-moz-focus-inner {
  border: none;
  border-color: #ff0000;
}

#login-content label {
  float: right;
  line-height: 30px;
}

#login-content label input {
  position: relative;
  top: 2px;
  right: 2px;
}