@font-face {
    font-display: swap;
    font-family: Roboto;
    src: url('../fonts/Roboto-Regular.ttf');
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0;
}


body{

    font-family: 'Roboto', sans-serif;
    background-color: #efecec;
    padding-top: 50px;
    padding-bottom: 100px;

}

.form-control:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
  }


.img_login{

  width: 320px;
  height: 303px;
  object-fit: contain;
  margin-bottom: 32px;
}


#dni{
    border-radius: 4px;
    background-color: #ffffff;
    object-fit: contain;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.16px;
    color: #949494;
    text-align: center;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}


#botonIngresar,#logout{

    border-radius: 6px;
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.21);
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-bottom: 17px;
    width: 100%;
    padding-top: 13px;
    padding-bottom: 16px;
}

#botonIngresar,#logout:focus{

    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#text7{
  font-size: 13.6px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6f6f6e;
  margin-top: 22px;
  text-align: center;
}

#textEmail{
  font-size: 13.6px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #da291c;

}
.spinner-border{

    font-size: 16px !important;
}

    /*alertas*/

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #eed3d7;
  border-radius: 4px;
  position: absolute;
  bottom: 0px;
  right: 21px;
        /* Each alert has its own width */
  float: center;
  clear: right;
  background-color: white;
}
    
.alert-red {
  color: #DA4453;
  background-color: white;
}
.alert-green {
    color: white;
    background-color: #37BC9B;
}
.alert-blue {
    color: white;
    background-color: #4A89DC;
}
.alert-yellow {
        color: white;
        background-color: #F6BB42;
}
.alert-orange {
        color:white;
        background-color: #E9573F;
}
    
#bienvenido {

  font-size: 20px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #00a1e4;
  text-align: center;
  margin-bottom: 7px;
}

#sistema{

  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #717175;
  margin-bottom: 10px;
}

#text_plan {

  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #484848;
  margin-top: 1px;
  text-align: center;
}

#plan_img {
  width: 124px;
height: 113px;
object-fit: contain;
cursor: pointer;
}

#selectPlan{
  border-radius: 8px;
  border: solid 1px #efecec;
  background-color: #ffffff;
  padding:10px;
  margin-bottom: 10px;
}