/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/public/fonts/roboto-v19-latin/roboto-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/public/fonts/roboto-v19-latin/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/public/fonts/roboto-v19-latin/roboto-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/public/fonts/roboto-v19-latin/roboto-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/public/fonts/roboto-v19-latin/roboto-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/public/fonts/roboto-v19-latin/roboto-v19-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/public/fonts/roboto-v19-latin/roboto-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/public/fonts/roboto-v19-latin/roboto-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/public/fonts/roboto-v19-latin/roboto-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/public/fonts/roboto-v19-latin/roboto-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/public/fonts/roboto-v19-latin/roboto-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/public/fonts/roboto-v19-latin/roboto-v19-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
body{background-color:white;width:100%;margin:0;}
body.black{background-color:#333 !important}
#auth_man_ctnr{margin:auto;display: flex; flex-direction:column; align-items:stretch;width:30vw;border-radius: 5px;}
#auth_man_form{position:relative;/*margin:auto;*/background-color: #ddd;/*width:30vw;*/border-radius: 5px;padding-top:30px;padding-bottom:30px;font-family: 'Roboto',sans-serif;font-weight: 700;z-index:20;}

#auth_man_form.black{background-color: #111 !important}
#auth_man_form > *:not(p):not(h1) {width:80%;/*height:40px*/;margin:0px 10% 10px 10%;padding-left:5%;border-radius:5px;}
#auth_man_form > .icon_field {padding-left:0!important;background-color: #eee;height:8vw;max-height:50px;}
#auth_man_form > .icon_field input{width:85%;padding-left:6.25%;border-radius:5px;display:inline-block;}
#auth_man_form > .icon_field img{height:70%;width:auto;border-radius:5px;background:none;border:none;display:inline-block;vertical-align: middle;padding-right:0;padding-left:auto;cursor:pointer;}
body h1{text-align: center; font-family: 'Roboto',sans-serif;font-weight: 700; font-size: 3vw; color: white;}
body p{margin:5%;text-align: center; font-size: 1.2vw;}
body.black p{color: #eee}

input{background-color:#eee;border:none;box-sizing:border-box;height:8vw;max-height:50px;}
#submit{background-color:#77909b;border:none;height:50px!important;margin-top:40px!important;padding-left:0px !important;font-weight: 500;font-size:1.2vw;color:white;cursor:pointer;}
a{color: #555;text-decoration:none; padding:0!important}
#auth_man_message{/*position:relative;margin:auto;width:30%;height:50px;*/border-radius: 0 0 5px 5px;/*margin-top:-20px;padding-top:20px;*/font-family: 'Roboto',sans-serif;font-weight: 500;z-index:1;
background-color: rgba(0,0,0,0);transition: background-color 1s linear}
.errorBackground{background-color: rgba(204,0,0,1)!important;transition:none!important}
.successBackground{background-color: rgba(0,204,0,1)!important;transition:none!important}
#strengthLabel{text-align:left; height:12px;;margin:0 10%;}

@media only screen and (max-width: 600px) {
   #auth_man_ctnr{ width:95vw !important }
   body h1{font-size: 6vw!important;}
   body p{font-size: 4vw!important;}
   input{height:8vw!important;}
   #submit{font-size:4vw!important;}
}