@font-face {
    font-family: 'Avenir Next';
    src: local('../../design/fonts/Avenir Next Light'), local('Avenir-Next-Light'),
        url('../../design/fonts/AvenirNextCyr-Light.woff2') format('woff2'),
        url('../../design/fonts/AvenirNextCyr-Light.woff') format('woff'),
        url('../../design/fonts/AvenirNextCyr-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
  }
  
:root {
  --cA: #373737;
  --cB: #52658F;
  --cC: #333A56;
  --cD: #F7F5E6;
}

body{
   background: #E9F4F0; 
   overflow-x:hidden;
}

label{
    font-weight:400;
    font-size:15px;
}
 
.login-box{
-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.32);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.32);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.32);
background:#FFF;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px;
}

.loginSide {
	min-height:500px;
}

.loginSide h1{
	font-weight:600;
    font-family: 'Avenir Next', sans-serif;
    color:var(--cC);
    padding:20px 0px;
    text-align:center;
	font-size:1.8em;
}

#show_eye:hover, #hide_eye:hover{
	color:orange;
}

h1 small{
color:var(--cB);
}

.form{
    padding:20px 30px;
}

.form-control {
    box-shadow: none;
    outline: 0;
    border-radius:0;
    color: var(--cB);
    font-size:14px;
    padding:6px 10px;
    margin-bottom:30px;
    border: 1px solid #f2f2f2;
    background: #fcfcfc;
	font-family:Arial, Helvetica, sans-serif;
}


.btn{ 
    background: #077187;
    border: none;
    border-radius: 15px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 30px;
    text-transform: uppercase;
    width:100%;
}

.btn:hover{
    color:#E6C229;
	background: #077187;
}

.content-wrapper{
position:fixed;
}