/* Coded with love by Mutiullah Samim */
body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #0068b3 !important; }

.logo {
  width: 100%; }
  .logo img {
    width: 80px;
    margin: auto;
    display: block; }

.user_card {
  min-height: 400px;
  width: 400px;
  margin-top: auto;
  margin-bottom: auto;
  background: #fff;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 10px;
  border-radius: 4px; }

.head {
  font-size: 0.9rem;
  color: #444;
  margin-top: 10px; }

.brand_logo_container {
  position: absolute;
  height: 170px;
  width: 170px;
  top: -75px;
  border-radius: 50%;
  background: #0068b3;
  padding: 10px;
  text-align: center; }

.brand_logo {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  border: 2px solid white; }

.form_container {
  margin-top: 20px; }

.login_btn {
  width: 100%;
  background: #0068b3 !important;
  color: white !important; }

.login_btn:focus {
  box-shadow: none !important;
  outline: 0px !important; }

.login_container {
  padding: 0 2rem; }

.input-group-text {
  background: #0068b3 !important;
  color: white !important;
  border: 0 !important;
  border-radius: 0.25rem 0 0 0.25rem !important;
  font-size: 0.9rem; }

.input-group-text i {
  font-size: 11px; }

.input_user,
.input_pass:focus {
  box-shadow: none !important;
  outline: 0px !important;
  font-size: 0.9rem; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #c0392b !important; }

/*# sourceMappingURL=login.css.map */