@import url('https://fonts.googleapis.com/css?family=Rubik+Mono+One|Numans');
@import url("https://wa.mentor-market.ro/theme/default/css_ext/fas/css/all.min.css");

html,body{

  background: #3e86d7; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover,  #3e86d7 1%, #021429 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#3e86d7), color-stop(100%,#021429)); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover,  #3e86d7 1%,#021429 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover,  #3e86d7 1%,#021429 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover,  #3e86d7 1%,#021429 100%); /* IE10+ */
  background: radial-gradient(ellipse at center,  #3e86d7 1%,#021429 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e86d7', endColorstr='#021429',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  height:calc(100vh);
  width:100%;

  /*background-image: url('http://getwallpapers.com/wallpaper/full/a/5/d/544750.jpg');*/
  background-size: cover;
  background-repeat: no-repeat;
  /*height: 100%;*/
  font-family: 'Numans', sans-serif;
}

.container{
  height: 100%;
  align-content: center;
}

.card{
  height: 370px;
  margin-top: auto;
  margin-bottom: auto;
  width: 400px;
  background-color: rgba(0,0,0,0.2) !important;
}

.card-header {
  background-color: transparent;
}
.card-header h3{
  margin-top:50px;
  color: white;
}
.card-body {
  padding-top:0px;
}

.app_title{
  position: absolute;
  right: 20px;
  top: -24px;
  background-color: #F3EED9;
  margin-left: 10px;
  padding:5px;
  border-radius: 5px;
}
.app_title .c1 {
  font-family: 'Rubik Mono One', sans-serif;
  line-height:20px;
  padding-top:5px;
  font-size: 30px;
  color: #021429;
}
.app_title .c2 {
  /*position: absolute;*/
  /*top: 35px;
  right: 7px;*/
  padding-top:0px;
  font-size: 12px;
  color: #021429;
  text-align:right;
}
.input-group-text{
  width: 50px;
  background-color: #F3EED9;
  color: black;
  border:0 !important;
}

input:focus{
  outline: 0 0 0 0  !important;
  box-shadow: 0 0 0 0 !important;

}

.remember{
  margin-left:20px;
  margin-bottom:20px;
  color: white;
}

.login_btn{
  color: black;
  background-color: #F3EED9;
  width: auto;
}

.login_btn:hover{
  color: black;
  background-color: white;
}

.links{
  color: white;
  font-size:0.8em;
}

.links a{
  margin-left: 4px;
}

.links a:hover{
  color: white;
  margin-left: 4px;
}