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

  .wrap-text {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  form {width:90%;}

  .user_card {
    width: 400px;
    margin-top: auto;
    margin-bottom: auto;
    background: #fefeff;
    border-radius: 10rem;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 5px;
    padding-bottom:15px;

  }
  .brand_logo_container {
    position: absolute;
    height: 170px;
    width: 170px;
    top: -75px;
    border-radius: 50%;
    background: #60a3bc;
    padding: 10px;
    text-align: center;
  }
  .brand_logo {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    border: 2px solid white;
  }
  .form_container {
  }

.logo-wrapper {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      background-color: #0c5d69;
      display: flex;
      padding-top:10px;
      padding-bottom:10px;
      margin-bottom:15px;
      align-items: center;
      justify-content: center;
}

.logo-wrapper img {
    max-height: 95px;
    max-width: 200px;
    vertical-align: middle;
}


  .login_btn {
    width: 100%;
    background: #0c5d69 !important;
    color: white !important;
  }
  .login_btn:focus {
    box-shadow: none !important;
    outline: 0px !important;
  }
  .login_container {
    padding-top:10px;
  }

  .input-group-text {
    background: #0c5d69 !important;
    color: white !important;
    border: 0 !important;
    border-radius: 0.25rem 0 0 0.25rem !important;
  }
  .input_user,
  .input_pass:focus {
    box-shadow: none !important;
    outline: 0px !important;
  }
  .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #0c5d69 !important;
  }

  a {
      color: #0c5d69;
      font-size: 14px;
      text-decoration: none;
      background-color: transparent;
  }


  .form-control {
    font-size: 0.6rem;
  }

  label {
      font-size: 13px;
  }