html,
body {
  height: 100%;
}

body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;

  border-radius: 25px !important;
}
.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .checkbox.mb-3 {
    display: none !important;
}

.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}


.btn-primary {
  color: #fff;
  background: #1d713c;
  border-color: #1d713c;
}
.btn-primary:hover {
  background-color: #114a2e !important;
  border-color: #114a2e !important;
  color: #fff;
}
.btn-group-lg>.btn, .btn-lg {
    font-size: 1.0rem !important;
}


.rounded-top {
      text-align: center;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
}

.rounded-bottom {
      text-align: center;
    border-bottom-left-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.shadow_soft {
  box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff;
}

.my_border
{
  border: none !important;
  border-color: transparent !important;
}

.my_text_shadow
{
  text-shadow: -1px -1px 1px #ffffff, 1px 1px 1px #c7c8cd;
}

.hover_box_shadow
{
  box-shadow: inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #fff!important;
  background-color: #e6e7ee!important;
}

.my_background
{
  background-color: #e6e7ee!important;
}

.btn_hover:hover{
  box-shadow: inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #fff!important;
  background-color: #e6e7ee!important;
}

.my_border_radius
{
  border-radius: 10px;
}

.fw_bold
{
  font-weight: bold;
}


@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}
Toast.fire({
  type: 'success',
  title: 'Signed in successfully'
});

const Toast = Swal.mixin({
  toast: true,
  position: 'top-end',
  showConfirmButton: false,
  timer: 3000
})
