@import url(https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900);

ul { margin:0; padding:0; }

body {
  color: #7e93a1;
  font-family: Work Sans,sans-serif;
}

#header .title {
    padding:20px;
    text-transform: uppercase; font-size: 24px; font-weight: 800;
}

.btn { background:#7F93A0; text-transform:uppercase; color:#FFF; font-weight:500; text-align:center; padding:15px 30px; border:1px solid #7F93A0; font-size:14px; cursor:pointer; }

input[type=text],
input[type=password] {
  display:block;
  font-size:11px;
  width: 226px;
  padding: 0px 0px 6px;
  outline:none;

  border:none;
  border-bottom: 1px solid #ADABAD;
  color: #272727;
  resize: vertical;
}

input + input { margin-top:10px; }

.errors ul { border:1px solid; padding:20px; }
.errors ul li { list-style-position: inside; }

.clear { height:0px; width:0px; clear:both; display:block; }

h2 {
  font-family:"Rubik";
  margin-top:0;
  color:#272727;
  font-size: 16px;
  color: rgb(39, 39, 39);
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 8px;
}

.container {
  width: 536px;
  background: #FFF;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 4px 0px;
  margin: 32px auto;
  padding: 32px;
  position: relative;
  border-radius:4px;
}

.btn, a.btn {
  background: #FFFFFF;
  border: none;
  border-radius: 4px;
  font-family: "Rubik";
  font-size: 12px;
  color: rgb(0, 211, 150);
  letter-spacing: 0;
  display:inline-block;
  text-align:center;
  padding: 7px 10px;
  cursor:pointer;
  user-select:none;
  text-transform:none;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 1px;
}

.btn-cta {
  background-color: rgb(0, 211, 150);
  color:#FFF;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 2px 0px;
}
.btn.btn-block { display:block; box-sizing: border-box; width:100%; padding: 10px; }
.btn.btn-block + .btn.btn-block { margin-top:10px; }


.form-group { margin-bottom:15px; }
.form-group label { color: #ADABAD;}

.container-badge-icon { position:absolute; top:0; left:50%; width:20px; height:20px; border-radius:20px; background:#fff; padding:10px; transform:translate(-50%, -50%); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 2px 0px;}
.container-badge-icon img { width:100%; height:100%; }

/* ERRORS */
.error-cnt {
  background-color: #272727;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.error-msg {
  margin: 0;
  padding: 20px;
  list-style: none;
  color: #FFF;
  font-size: 14px;
  font-weight: 200
}

.warningIcon {
  width: 21px;
  height: 20px;
  margin-right: 16px;
  transform: translateY(4px);
  display: inline-block;
  background-size: contain;
  background-image: url('/assets/media/icon-warning.png');
}
.errorMsg {
  position: relative;
  top: -2px;
}