body {
  font-family: "Karla", sans-serif;
  background: linear-gradient(45deg, var(--color-mate-primary), var(--color-mate-secondary));
  min-height: 100vh; }
  
.text-align-center{
  text-align: center;
}

.brand-wrapper {
  margin-bottom: 19px; }
  .brand-wrapper .logo {
    height: 37px; }

.brand-wrapper a{
  text-decoration: none;
  font-size: 19px;
  color: #000;
}

.login-card {
  border: 0;
  border-radius: 27.5px;
  box-shadow: 0 10px 30px 0 rgba(44, 44, 44, 0.603);
  overflow: hidden; }
  .login-card-img {
    border-radius: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .login-card .card-body {
    padding: 85px 60px 60px; }
    @media (max-width: 422px) {
      .login-card .card-body {
        padding: 35px 24px; } }
  .login-card-description {
    font-size: 25px;
    color: #000;
    font-weight: normal;
   /* margin-bottom: 26px;*/ }
  .login-card form {
    max-width: 480px; }
  .login-card .form-control {
    border: 1px solid #d5dae2;
    padding: 15px 25px;
    margin-bottom: 10px;
    min-height: 45px;
    font-size: 15px;
    line-height: 15;
    font-weight: normal; }
    .login-card .form-control::-webkit-input-placeholder {
      color: #919aa3; }
    .login-card .form-control::-moz-placeholder {
      color: #919aa3; }
    .login-card .form-control:-ms-input-placeholder {
      color: #919aa3; }
    .login-card .form-control::-ms-input-placeholder {
      color: #919aa3; }
    .login-card .form-control::placeholder {
      color: #919aa3; }
  .login-card .login-btn {
    padding: 13px 20px 12px;
    background-color: #000;
    border-radius: 4px;
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    margin-bottom: 24px; }
    .login-card .login-btn:hover {
      border: 1px solid #000;
      background-color: transparent;
      color: #000; }
  .login-card .forgot-password-link {
    font-size: 14px;
    color: #919aa3;
    margin-bottom: 12px; }
  .login-card-footer-text {
    font-size: 16px;
    color: #0d2366;
    margin-bottom: 60px; }
    @media (max-width: 767px) {
      .login-card-footer-text {
        margin-bottom: 24px; } }
  .login-card-footer-nav a {
    font-size: 14px;
    color: #919aa3; }

  .login-card .form-control-img{
    filter: drop-shadow(3px 3px 7px #444);
    display: block;
    outline: none;
    margin: auto;
    height: 200px;
    width: auto;
    max-width: 350px;
    padding: 15px 25px;
    margin-bottom: 10px;
  }

  @media (max-width: 460px) {
    .login-card .form-control-img{
      max-width: 300px;
    }
  }

  @media (max-width: 375px) {
    .login-card .form-control-img{
      height: 150px;
      max-width: 250px;
    }
  }

  .login-card .form-group-gallery{
    display: block;
    margin: 3px;
  }

  .login-card .form-group-gallery img:hover{
    filter: drop-shadow(3px 3px 7px #444);
    transform: scale(1.1);

  }

  .login-card .form-control-img-gallery{
    outline: none;
    height: 90px;
    width: auto;
    max-width: 90px;
    margin: 3px;
  }

  .login-card .form-control-file{
    display: block;
    width: 100%;
    outline: none;
    font-size: 15px;
    border-radius: 4px;
    font-weight: normal;
    border: 1px solid #d5dae2;
    color: #000000;
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px;
    text-align: justify;
  }

  .login-card .form-control-textarea{
    display: block;
    width: 100%;
    min-height: 75px;
    outline: none;
    font-size: 15px;
    border-radius: 4px;
    font-weight: normal;
    border: 1px solid #d5dae2;
    color: #000000;
    padding: 15px 25px;
    margin-bottom: 10px;
    text-align: justify;
  }

  .login-card .form-control-number {
    display: block;
    min-height: 45px;
    width: 100%;
    outline: none;
    font-size: 20px;
    border-radius: 4px;
    font-weight: normal;
    border: 1px solid #d5dae2;
    color: #000000;
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px;
    text-align: center;
  }

  * .alert{
    text-align: center;
    display: block;
    outline: none;
    min-height: 0 !important;
    padding: 10px;
    margin: 0 !important;
  }

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


.custom-contextual-menu {
    z-index:0;
    font-size: 17px;
    cursor: pointer;
    position: absolute;
    background: linear-gradient(45deg, var(--color-mate-primary),  var(--color-mate-secondary));
    color: rgb(255, 255, 255);
    border-radius: 8px;
    filter: drop-shadow(3px 3px 7px #444);
}

.custom-contextual-menu  a:link a:visited a:active {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
.custom-contextual-menu  a:hover {
  color: rgb(0, 0, 0)
}

.option-contextual-menu{
  padding: 7px;
  border-radius: 8px;
}

.option-contextual-menu:hover {
  font-size: 20px;
  background: #ffffff;
  padding: 11px;
}

.custom-contextual-menu:focus{
  display: block;
}

.custom-contextual-menu ul{
  list-style-type: none; 
  text-align: left;
  margin: 0;
  padding: 0;
  line-height: 2;
}