/* These styles are generated from project.scss. */

body {
  font-family: "Poppins", sans-serif;
}

.h-1 {
  height: 1em;
}

.w-1 {
  width: 1em;
}

#logo-ssp {
  @media (max-width: 576px) {
      width: 212px;
      height: 60px;
    }
}

select:hover {
  cursor: pointer;
}

@media (max-width: 768px) {
  .nav-item > a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  .nav-item {
    display: flex;
    align-items: center;
    justify-content: left;
  }
}

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.d-none {
  display: none !important;
}

.wrapper {
  max-width: 400px;
  min-width: 500px;
  padding: 30px 30px 30px 30px;
  background-color: #ecf0f3;
  border-radius: 15px;
  box-shadow: 13px 13px 20px #d1cfcb, -13px -13px 20px #fff;
}

.logo img {
  height: 50px;
  width: 51px;
  margin-bottom: 25px;
}

.wrapper .name {
  font-weight: 600;
  font-size: 1.8rem;
  letter-spacing: 1.3px;
  padding-left: 10px;
  color: #555;
}

.wrapper .form-field input .show_password {
  width: 100%;
  display: block;
  border: none;
  outline: none;
  background: none;
  font-size: 1.5rem;
  color: #666;
  padding: 10px 15px 10px 10px;
  /* border: 1px solid red; */
}

.wrapper .form-field {
  padding-left: 10px;
  margin-bottom: 20px;
  border-radius: 20px;
  box-shadow: inset 8px 8px 8px #cbced1, inset -8px -8px 8px #fff;
}

.wrapper .form-field .fas .show_password {
  color: #555;
}

.wrapper .btn {
  box-shadow: none;
  width: 100%;
  height: 40px;
  background-color: #03A9F4;
  color: #fff;
  border-radius: 25px;
  box-shadow: 3px 3px 3px #b1b1b1,
      -3px -3px 3px #fff;
  letter-spacing: 1.3px;
}

.wrapper .btn:hover {
  background-color: #039BE5;
}

.wrapper a {
  text-decoration: none;
  font-size: 0.8rem;
  color: #03A9F4;
}

.wrapper a:hover {
  color: #039BE5;
}

.titulo {
  background: rgb(11,11,11);
  background: linear-gradient(90deg, rgb(0, 104, 40) 0%, rgb(0, 68, 10) 60%, rgb(8, 8, 8) 100%);
  color: #e8e8e8;
  box-shadow: 0 3px 6px 0 rgba(17, 17, 17, 0.37);
  backdrop-filter: blur( 10px );
  -webkit-backdrop-filter: blur( 10px );
  border-radius: 3px;
  border: 1px solid rgba( 255, 255, 255, 0.18 );
  animation-duration: 0.75s;
  animation-name: slidein;
  animation-iteration-count: 1;
}


.swal2-actions {
  font-family: 'Poppins', sans-serif !important;
}

@keyframes slidein {
  from {
    margin-left: -300%;
    width: 300%;
  }

  to {
    margin-left: 0%;
    width: 67%;
  }
}

.box_icons {
  display: inline-block;
}

#intelrd-logo-icon {
  display: none;
}

#intelrd-logo-full {
  display: inline-block;
}

@media (min-width: 768px) {
  #intelrd-logo-full {
    display: none;
  }

  #intelrd-logo-icon {
    display: inline-block;
  }
}

@media (min-width: 992px) {
  #intelrd-logo-full {
    display: inline-block;
  }

  #intelrd-logo-icon {
    display: none;
  }
}