/* CSS Document */
/* FONTS */
@font-face {
    font-family: Roboto; 
    src: url(/template/fonts/Roboto.ttf); 
   }
@font-face {
    font-family: PoiretOne-Regular; /* Гарнитура шрифта */
    src: url(/template/fonts/PoiretOne-Regular.ttf); /* Путь к файлу со шрифтом */
   }
/* FONTS END */
/*---ОБЩИЕ СТИЛИ---------------------------*/
html,body {
	font-family: "Roboto", sans-serif;
	margin: 0px;
	padding: 0px;
	height: 100%;
	min-height: 100%;
	background-color: #ebecf0;
	font-size: 1em;
	color: #000;
}
.wrapper{
	min-height: 100%;
	overflow: hidden;
}
a {
	text-decoration: none;
	color: inherit;
}
ul,ol,li {
	list-style: none;
}
::before,
::after {
	padding: 0;
	margin: 0;
	border: 0;
	box-sizing: border-box;
}
h1 {
    color: #babecc;
    text-shadow: 1px 1px 1px #fff;
}

.site-container{}
/*---ОБЩИЕ СТИЛИ end-----------------------*/

/*---LOGIN INDEX---------------------------*/

.login-form{
	padding: 16px;
    width: 320px;
    margin: 0 auto;
}
.segment {
    padding: 32px 0;
    text-align: center;
}
.segment-server_feedback{
	padding: 12px 0;
	margin-top: 12px;
	text-align: center;
}
.segment-link {
    padding: 12px 0;
    text-align: center;
}
.label_neo {
    display: block;
    margin-bottom: 24px;
    width: 100%;
}
.inp_neo, .but_neo{
	border: 0;
    outline: 0;
    font-size: 1em;
    border-radius: 32px;
    padding: 16px;
    background-color: #ebecf0;
    text-shadow: 1px 1px 0 #fff;
	letter-spacing: 0.2px;
}
.inp_neo{
	margin-bottom: 8px;
	margin-right: 8px;
    box-shadow: inset 2px 2px 5px #babecc, inset -5px -5px 10px #fff;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
    appearance: none;
    -webkit-appearance: none;
}
.inp-width100{
	width: 100%;
}
.inp_neo:focus {
    box-shadow: inset 1px 1px 2px #babecc, inset -1px -1px 2px #fff;
}
.but_neo{
	color: #61677c;
    box-shadow: -5px -5px 20px #fff, 5px 5px 20px #babecc;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    font-weight: 600;
}
.color_red{
	color: #ae1100;
}
.but-width100{
	display: block;
    width: 100%;
}
.but_neo:hover {
    box-shadow: -2px -2px 5px #fff, 2px 2px 5px #babecc;
}
.but_neo:active {
    box-shadow: inset 1px 1px 2px #babecc, inset -1px -1px 2px #fff;
}
.but_neo i{
	/*margin-right: 5px;*/
}
a.but_neo{
	display: block;
	margin-bottom: 20px;
}
.server_feedback{
	color: #ae1100;
}
/*---LOGIN INDEX end-----------------------*/

/*register*/
form span input{
	display: none;
}