*{
	padding:0;
	margin: 0; 
}

body{
  font-family: DM Sans,sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: normal;
  padding: 0;
  margin: 0;
  color: #324253;
  background: #f9fbfe;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom:.625rem;
  font-weight:600;
  line-height:1.2
}

a, a:hover{
	color: #af222d;
}

.btn {
  outline:none;
  display:inline-block;
  font-family:DM Sans,sans-serif;
  font-weight:400;
  color:#324253;
  text-align:center;
  vertical-align:middle;
  user-select:none;
  background-color:transparent;
  border:1px solid transparent;
  padding:.625rem 1.25rem;
  font-size:1rem;
  line-height:1.5;
  border-radius:5px;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.btn:focus{
	box-shadow: none;
}

.btn-primary{
  color: #fff;
  background-color: #3378ff;
  border-color: #3378ff;
  box-shadow: 0 4px 8px 0 hsla(0,0%,100%,.05);
}

.btn-danger{
  color: #fff;
  background-color: #af222d;
  border-color: #af222d;
  box-shadow: 0 4px 8px 0 hsla(0,0%,100%,.05);
}

.btn-block{
  display: block;
  width: 100%;
}

.text-secondary{
  color: #8f9fbc !important;
}

label{
  display: inline-block;
  margin-bottom: .5rem;
}

.form-group{
  margin-bottom: 1rem;
}

.form-control {
  height:46px;
  line-height:45px;
  background:#fff;
  border:1px solid #f1f1f1;
  font-size:14px;
  color:#324253;
  border-radius:5px;
  box-shadow:none
}
.form-control:focus {
  color:#01041b;
  border-color:#3378ff;
  box-shadow:none
}

.form-select{
	height:46px;
	color: #747c84;
}

.form-select:focus {
  color:#01041b;
  border-color:#3378ff;
  box-shadow:none
}

.checkbox label,
.radio label {
  padding-left:10px;
  font-size:14.58px;
  font-weight:500;
  color:#323e48
}
.checkbox input {
  width:auto;
  opacity:.00000001;
  position:absolute;
  left:0
}
.checkbox {
  margin-top:0;
  margin-bottom:0;
  padding:0 0 0 15px;
  float:left;
  position:relative;
  background:#fff
}
.checkbox .helper {
  color:rgba(0,0,0,.5);
  position:absolute;
  top:2px;
  left:0;
  width:20px;
  height:20px;
  z-index:0;
  border:2px solid #c4c4c4;
  border-radius:.0625rem;
  -webkit-transition:border-color .28s ease;
  transition:border-color .28s ease
}
.checkbox .helper::before,
.checkbox .helper::after {
  position:absolute;
  height:0;
  background-color:#bb2d3b;
  display:block;
  -webkit-transform-origin:left top;
  transform-origin:left top;
  border-radius:.25rem;
  content:'';
  -webkit-transition:opacity .28s ease,height 0s linear .28s;
  transition:opacity .28s ease,height 0s linear .28s;
  opacity:0
}
.checkbox .helper::before {
  top:0.9rem;
  left:0.50rem;
  -webkit-transform:rotate(-142deg);
  transform:rotate(-142deg);
}
.checkbox .helper::after {
  top:.5rem;
  left:.1rem;
  width:3px;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.checkbox label:hover .helper {
  color:#bb2d3b
}
.checkbox input:checked~.helper {
  color:#bb2d3b;
  border:2px solid #bb2d3b
}
.checkbox input:checked~.helper::after,
.checkbox input:checked~.helper::before {
  opacity:1;
  -webkit-transition:height .15s ease 0s;
  transition:height .15s ease 0s
}
.checkbox input:checked~.helper::after {
  height:.5rem;
}
.checkbox input:checked~.helper::before {
  height:1.5rem;
  width:2.5px;
  -webkit-transition-delay:.15s;
  transition-delay:.15s
}


.card {
  background:#fff;
  border-radius:5px;
  margin-bottom:30px;
  -ms-box-shadow:0 10px 30px 0 rgba(0,60,179,.05);
  -o-box-shadow:0 10px 30px 0 rgba(0,60,179,.05);
  box-shadow:0 10px 30px 0 rgba(0,60,179,.05);
  border:0 solid #dfe7ff
}

.auth-logo{
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.login-content{
  position: relative;
  height: 100vh;
  z-index: 99;
}

.login-content .form-control{
  border-color: #c7cbd3;
}

.login-content .form-control:focus{
  border-color: #3378ff;
}