/* CSS PRINCIPAL */
/* COLORES
COLOR PRINCIPAL: #5a3b72
 */

/* FONTS */
@font-face {
  font-family: 'Montserrat Black';
  src: url("Fonts/Montserrat-Black.woff") format('woff');
}

@font-face {
  font-family: "Montserrat Bold";
  src: url("Fonts/Montserrat-Bold.woff") format('woff');
}

@font-face {
  font-family: "Montserrat ExtraBold";
  src: url("Fonts/Montserrat-ExtraBold.woff") format('woff');
}

/* @font-face {
  font-family: "Montserrat ExtraLight";
  src: url("Fonts/Montserrat-ExtraLight.woff") format('woff');
}

@font-face {
  font-family: "Montserrat Light";
  src: url("Fonts/Montserrat-Light.woff") format('woff');
} */

@font-face {
  font-family: "Montserrat Medium";
  src: url("Fonts/Montserrat-Medium.woff") format('woff');
}

@font-face {
  font-family: "Montserrat Regular";
  src: url("Fonts/Montserrat-Regular.woff") format('woff');
}

@font-face {
  font-family: "Montserrat SemiBold";
  src: url("Fonts/Montserrat-SemiBold.woff") format('woff');
}

@font-face {
  font-family: "Montserrat Thin";
  src: url("Fonts/Montserrat-Thin.woff") format('woff');
}

/* BODY */
  body {
    background-color: #fff;
    font-family: 'Montserrat Regular', sans-serif;
  }

  /* TITULOS */
  h1 {
    text-transform: uppercase;
    font-family: 'Montserrat ExtraBold', sans-serif;
  }
  h2 {
    text-transform: uppercase;
    font-family: 'Montserrat ExtraBold', sans-serif;
  }
  h3 {
    text-transform: uppercase;
    font-family: 'Montserrat ExtraBold', sans-serif;
  }
  h4 {
    text-transform: uppercase;
    font-family: 'Montserrat ExtraBold', sans-serif;
  }
  h5 {
    text-transform: uppercase;
    font-family: 'Montserrat ExtraBold', sans-serif;
  }

  table {
    width: 100vw;
  }

  thead {
    font-family: 'Montserrat Medium';
  }

  tbody {
    font-family: 'Montserrat Regular';
  }

  label {
    font-family: 'Montserrat Regular', sans-serif;
  }


/* CLASES */
  .cabecera {
    color: #ffffff;
    background-color: #06305F;
    padding-top: 1vh;
    height: 8vh;
    top: 0;
    position: fixed;
  }

  .cabecera2 {
    color: #ffffff;
    background-color: #06305F;
    padding-top: 1vh;
    top: 0;
    margin-bottom: 10px;
  }

  .botones {
    background-color: #fff;
    height: 9vh;
    top: 91vh;
    padding-top: 1vh;
    position: fixed;
  }

  .form {
    /* padding-left: 5vh;
    padding-right: 5vh; */
  }

  .buscador {
    background-color: #fff;
    color: #000;
    padding-top: 1vh;
    height: 8vh;
    top: 8vh;
    text-align: left;
    position: fixed;
  }

  .popup-panel {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
  }

  .btn-outline-primary {
    background-color: #fff;
  }

  .contenido {
    /* background-color: red; */
    top: 16vh;
    padding-top: 0;
    height: 75vh;
    position: fixed;
    overflow-y: scroll;
    z-index: -1;
  }

  .formulario {
    /* background-color: red; */
    top: 8vh;
    padding-top: 0;
    height: 83vh;
    position: fixed;
    overflow-y: auto;
    z-index: -1;
  }

  .thead-dark {
    background-color: #0c5f7e;
    color: #fff;
  }

  .btn {
    font-family: 'Montserrat Regular', sans-serif;
  }

  .required {
    color: #ff0000;
  }

  .popupMensaje {
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
  }

  .popupMensajeContenido {
    background-color: #ffffff;
    align-self: center;
    margin: 0;
    padding-top: 2%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    border-radius: 10px;
  }

  .popup {
    background-color: #ffffff;
    align-self: center;
    margin: 0;
    padding-top: 2%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    border-radius: 10px;
  }

  .popup-form {
    overflow-y: scroll;
  }

  .body {
    position: relative;
    z-index: 1;
  }

  .input-byvero {
    z-index: 99;
  }

/* MEDIA: LANDSCAPE============================================================================================== */
  @media (orientation: landscape) {
    .foto-panel {
      height: 50px;
    }
  }

/* MEDIA: PORTRAIT============================================================================================== */
  @media (orientation: portrait) {
    .foto-panel {
      height: 8vh;
    }

    .text-btn-panel {
      display: none;
    }
  }