@font-face {
  font-family: "dosis";
  src: url("fonts/Dosis.ttf");
}

a {
  text-decoration: none;
  color: #e25303;
  font-family: dosis;
}

html {
  font-family: dosis;
  text-align: center;
  font-size: 55px;
  width: 100%;
  background-color: white;
}

body {
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  min-height: 100%;
}

/* Logo */
.logo {
  width: 30%;
}

/* Logo PDF */
.logo_pdf {
  margin-top: -50px;
  width: 100px;
}

.ovalo {
  width: 15%;
}

.input {
  font-size: 36px;
  font-family: dosis;
  border-color: #e25303;
  outline: none;
  text-transform: uppercase;
}

/* Titulos azul */
.titulos {
  font-size: 75px;
  color: #00387b;
}

/* Titulos azul PDF*/
.titulos_pdf {
  font-size: 20px;
  color: #00387b;
}

/* Botones generales */
.boton {
  font-size: 60px;
  background-color: #00387b;
  font-family: dosis;
  font-weight: bold;
  color: white;
  border: none;
  border-radius: 15px;
  width: 80%;
  outline: none;
  margin-bottom: -20px;
}

/* Boton empresa */
.boton_empresa {
  font-size: 60px;
  background-color: #00387b;
  font-family: dosis;
  font-weight: bold;
  color: white;
  border: none;
  border-radius: 15px;
  width: 80%;
  outline: none;
  margin-bottom: 30px;
}

/* Boton volver */
.boton_volver {
  font-size: 30px;
  background-color: #00387b;
  font-family: dosis;
  font-weight: bold;
  color: white;
  border: none;
  border-radius: 15px;
  width: 50%;
  outline: none;
}

#info {
  position: absolute;
  color: red;
  width: 40%;
  font-size: 18px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

/* Tipo de empresa margen superior derecho*/
.user_id {
  text-align: right;
  width: 93%;
  position: absolute;
  left: 0;
  right: 0;
  font-size: 20px;
  font-weight: bold;
}

.contenedor {
  float: left;
  margin-right: 5%;
  margin-left: 5%;
  width: 88%;
  border-right: 13px solid #e25303;
  border-left: 8px solid #00387b;
}

.contenido {
  /*float: left;*/
  text-align: center;
  width: 100%;
  border-right: 8px solid #00387b;
  border-left: 13px solid #e25303;
}

.img {
  visibility: hidden;
  display: none;
}

.icono {
  width: 30%;
}

#vista_oc {
  font-size: 30px;
  text-transform: uppercase;
}

/* Txt con relleno */
.textos {
  resize: none;
  width: 95%;
  height: 30%;
  border: 1px solid black;
  background-color: #a4bdfc;
  margin-left: 2%;
  font-size: 70%;
}

/* Txt adv small */
.textos_img_small {
  resize: none;
  width: 80%;
  height: 16%;
  border: 1px solid black;
  margin-left: 10%;
  font-size:50%;
}

/* Txt adv big */
.textos_img_big {
  resize: none;
  width: 80%;
  height: 25%;
  border: 1px solid black;
  margin-left: 10%;
  font-size:50%;
}

/* Txt numeros */
.textos_num {
  font-size:48%;
  margin-right: 2%;
}

/* Img adv*/
.img_text {
  float: left;
  width: 8%;
  margin-right: 10px;
  margin-left: 10px;
}

/* Img azules centradas*/
.img_center {
  width: 20%;
  margin-right: 30px;
}

/* Img rojas centradas*/
.img_center_red {
  width: 50%;
}

/* Titulos negrita PDF*/
.titulos_neg_pdf {
  font-size: 20px;
}

/* Txt normal  PDF */
.textos_normal_pdf {
  font-size: 16px;
}

/* Txt con relleno  PDF */
.textos_pdf {
  font-size: 16px;
  resize: none;
  width: 610px;
  height: 80px;
  border: 1px solid black;
  background-color: #a4bdfc;
  margin-left: 50px;
}

/* Txt adv small  PDF */
.textos_img_small_pdf {
  font-size: 14px;
  resize: none;
  width: 550px;
  height: 70px;
  border: 1px solid black;
  margin-left: 110px;
}

/* Txt adv big  PDF*/
.textos_img_big_pdf {
  font-size: 14px;
  resize: none;
  width: 550px;
  height: 100px;
  border: 1px solid black;
  margin-left: 110px;
}

/* Img adv PDF */
.img_text_pdf {
  float: left;
  width: 50px;
  margin-right: 10px;
  margin-left: 40px;
  margin-top: 20px;
}

/* Img azules centradas PDF */
.img_center_pdf {
  width: 60px;
  margin-right: 50px;
}

/* Img rojas centradas PDF*/
.img_center_red_pdf {
  width: 60px;
}

#icono_camara {
  width: 50%;
}

/* Estilos pagina CONSULTAS*/
.col-sm-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
  margin-right: 80px;
  margin-bottom: 20px;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
  margin-right: 80px;
  margin-top: 80px;
}

.col-sm-6 {
  flex: 0 0 auto;
  width: 58.33333333%;
  margin-right: 80px;
  margin-bottom: 20px;
}

.col-sm-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
  margin-right: 80px;
  margin-bottom: 20px;
}

/* Boton Cerrar Sesion */
.boton_cerrarsesion {
  font-size: 15px;
  background-color: #00387b;
  font-family: dosis;
  font-weight: bold;
  color: white;
  border: none;
  border-radius: 15px;
  width: 20%;
  outline: none;
  margin-bottom: 1%;
}

.texto{
  font-size:50%;
  margin-right:14px;
  margin-left:10px;
  text-align: left;
}