@font-face { font-family: 'candara'; }



.m-10 { margin: 10px; }

.m-0 { margin: 0; }

.text-center { text-align: center; }

.bordered { border: 1px solid #394569 !important; }

.disabled {

  cursor: not-allowed;

  opacity: .3; 

}

.font-bold { font-weight: bold; }



*,

*::after,

*::before {

  padding: 0;

  margin: 0;

  box-sizing: inherit; }



html { box-sizing: border-box; }



body {

  font-family: 'candara', sans-serif;

  background-color: #fafafa;

  font-size: 1em;

  color: #333;

}



header {

  position: relative;

  width: 100%;

  display: flex;

  margin-bottom: 20px;

}



header .logo {

  position: relative;

  width: auto;

  height: 100%;

  flex: 0.2 1 10%; 

}



header .logo img { width: 95%; }



header .details {

  position: relative;

  width: calc(100% - 90.59px);

  height: 100%;

  flex: .6 1 30%; 

}



input[type="text"] {

  font-family: consolas;

  color: #222;

  font-size: 1.2em;

  text-align: center;

  width: 100%;

  border: none;

  padding: 0 5px;

  border-bottom: 1px solid #d4d4d4;

  outline: none; 

}



input[type="date"] {

  font-family: consolas;

  color: #222;

  text-align: center;

  width: 100%;

  border: none;

  padding: 0 5px;

  border-bottom: 1px solid #d4d4d4;

  outline: none;

}  







input.search__input {

  width: 100%;

  border: 2px solid #eee;

  border-radius: 5px;

  font-size: .9rem;

  margin-bottom: 10px;

  text-align: right;

  padding: 5px 10px;

  box-shadow: 0 0 5px #b0cfe0; 

}



input.search__input:focus { border: 2px solid #009688; }



textarea {

  /* position: relative; */

  width: 100%;

  border: none;

  font-size: 1.2em;

  margin: 0;

  /* outline: none; */

  padding: 0 0 0 3px;

  color: #394569;

  border: 1px solid #d4d4d4;

  /* height: 16px; */

  /* border-bottom: 1px solid #000; */

  resize: none

}



textarea:focus { border-bottom: 1px solid #394569 }



table.no-border td,

table.no-border th { border: none; }

:root {
  --margin-first-page: 2em;
  --margin-last-page: 2em;
  --page-width: 21.59cm;
  --page-height: 330.2mm;
  --page-color: #FFFFFF;
  --page-inner: calc(100%  10mm - 10mm);
  --page-inner-margin: 5mm;
  --page-inner-top: 10mm;
}

@page { margin: 0; padding: 0; }





.search__input.nombre { margin: 0 0 10px 0; }



.page {

  position: relative;
  width: var(--page-width);
  min-width: var(--page-width);
  height: var(--page-height);
  min-height: var(--page-height);
  background: var(--page-color);
  margin: 0 auto;
  box-shadow: 1px 5px 15px #707070;

}



.page:first-of-type { margin-top: var(--margin-first-page); }
.page:last-of-type { margin-bottom: var(--margin-last-page); }



@media print { .page { margin: 0 !important; } }

@media print { .no-print { display: none; } }



.page > .inner {

  position: relative;
  width: var(--page-inner);
  height: var(--page-inner);
  margin: var(--page-inner-margin);
  top: var(--page-inner-top);
  overflow: hidden; 
  /* padding: 10px; */
  padding-top: -13em;

}



/* content */

.content { 

  width: 100%; 

  padding: 10px;

}



.row {

  position: relative;

  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  margin-top: 0; 

}



.pregunta {

  position: relative;

  display: flex;

  align-items: flex-start; 

}

.pregunta__nombre { white-space: nowrap; }

.pregunta__options {

  position: relative;

  display: flex;

  width: 100%; 

}

.pregunta__option {

  position: relative;

  display: flex;

  align-items: center; 

}

.pregunta__option span { white-space: nowrap; }

.pregunta__options.multi-line > * {

  margin-top: 10px;

  margin-right: 20px; 

}



.odonto {

  position: relative;

  width: 40px !important;

  border: none !important; 

}



.mg-input-table {

  border: none !important;

  text-align: center !important; 

}

.mg-next { page-break-after: always; }



/* FLEX-BOX */

.flex-container {

  display: flex;

  flex-flow: row nowrap;

  justify-content: flex-start;

  align-items: stretch;

  align-content: stretch; 

}

/* flex-direction */

.flex-container[data-direction='row-reverse'],

[data-direction='row-reverse'] { flex-direction: row-reverse; }

.flex-container[data-direction='column'],

[data-direction='column'] { flex-direction: column; }

.flex-container[data-direction='column-reverse'],

[data-direction='column-reverse'] { flex-direction: column-reverse; }

/* flex-wrap */

.flex-container[data-wrap='wrap'],

[data-wrap='wrap'] { flex-wrap: wrap; }

.flex-container[data-wrap='wrap-reverse'],

[data-wrap='wrap-reverse'] { flex-wrap: wrap-reverse; }

/* justify-content */

.flex-container[data-justify-content='flex-end'],

[data-justify-content='flex-end'] { justify-content: flex-end; }

.flex-container[data-justify-content='center'],

[data-justify-content='center'] { justify-content: center; }

.flex-container[data-justify-content='space-between'],

[data-justify-content='space-between'] { justify-content: space-between; }

.flex-container[data-justify-content='space-around'],

[data-justify-content='space-around'] { justify-content: space-around; }

/* align-items */

.flex-container[data-align-items='flex-start'],

[data-align-items='flex-start'] { align-items: flex-start; }

.flex-container[data-align-items='flex-end'],

[data-align-items='flex-end'] { align-items: flex-end; }

.flex-container[data-align-items='center'],

[data-align-items='center'] { align-items: center; }

.flex-container[data-align-items='baseline'],

[data-align-items='baseline'] { align-items: baseline; }

/* align-content */

.flex-container[data-align-content='flex-start'],

[data-align-content='flex-start'] { align-content: flex-start; }

.flex-container[data-align-content='flex-end'],

[data-align-content='flex-end'] { align-content: flex-end; }

.flex-container[data-align-content='center'],

[data-align-content='center'] { align-content: center; }

.flex-container[data-align-content='space-between'],

[data-align-content='space-between'] { align-content: space-between; }

.flex-container[data-align-content='space-around'],

[data-align-content='space-around'] { align-content: space-around; }



.tabs { position: relative; }

.tabs span { padding: 0 10px; }



.section { margin-top: 40px; }



.save-logo {

  width: 25px;

  height: 25px; 

}



.search {

  position: fixed;

  top: 25vh;

  left: 25px;

  width: 200px; 

}

.search__label {

  color: #aaa;

  display: block;

  font-weight: bold;

  margin-bottom: 5px; 

}

.search__btn {

  background-color: #009688;

  padding: .5em 1em;

  border: 0;

  border-bottom: 3px solid #008070;

  box-shadow: 1px 2px 2px #000;

  color: #fff;

  border-radius: 3px;

  float: right; 

}

.search-btn {

  position: fixed;

  top: 15vh;

  left: 25px;

  width: 35px;

  height: 35px;

  border-radius: 50%;

  cursor: pointer;

  background: transparent;

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

 }

.search-btn svg {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%); 

}



/* TRANSITIONS */

.bounce-enter-active { animation: bounce-in .5s; }

.bounce-leave-active { animation: bounce-in .5s reverse; }



@keyframes bounce-in {

  0% { transform: scale(0); }

  50% { transform: scale(1.5); }

  100% { transform: scale(1); } 

}



/* END TRANSITIONS */

.save-btn {

  position: fixed;

  bottom: 75px;

  right: 25px;

  width: 35px;

  height: 35px;

  border-radius: 50%;

  cursor: pointer;

  background: whitesmoke;

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 

}

.save-btn img.save-logo {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%); 

}



/* printBtn */

#printBtn {

  position: fixed;

  bottom: 25px;

  right: 25px;

  width: 75px;

  height: 75px;

  border-radius: 50%;

  cursor: pointer;

  /* background: whitesmoke; */

  box-shadow: 0 10px 15px 0 rgba(255, 255, 255, 0.2), 

              0 10px 30px 0 rgba(255, 255, 255, 0.19); 

}

#printBtn svg {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%); 

}



.nav-bar {

    background-color: white;

    height: 60px;

    display: flex;

    align-items: center;

    width: 100%;

}

.nav-bar a { text-decoration: none; }

.nav-bar__logo { height: 80%; }

.nav-bar__title {

  display: inline-block;

  margin-left: auto;

  margin-right: auto;

}



.home, .explorer, .save {

  justify-self: end;

  color: #000;

  padding-left: 1em;

  padding-right: 1em;

}



.save {

  margin-right: 2em;

  background-color: #9BBD0E;

  padding: 10px 35px;

  margin-left: 1em;

  color: #fafafa;

  box-shadow: 0 0 3px #111;

  cursor: pointer;

}



.title-table {

  text-align: center;

  color: #039b4c;

  font-weight: bold;

  font-size: 1.2em;

}

table.table-pago td { border: none; }

.tipo-pago {

  font-size: 1.4em;

  font-weight: bold;

}



/** PARTICULAR STYLES **/

body {

  font-family: 'Poppins', sans-serif;

  font-size: .8em;

}

.details { text-align: center; }

h1, h2, h3 { font-family: 'Poppins', sans-serif; }

h1, h2 { font-size: 1rem; }

h2 {

  letter-spacing: 1px;

  font-weight: normal;

}

h3 { font-size: .9rem; }

.folio-label {

  font-weight: bold;

  font-size: 1.2em;

}

input.folio {

  border: none;

  background-color: #ddd;

  height: 2em;

  margin-top: -.8em;

  margin-left: 8px;

  color: red;

}

.pregunta__nombre {

  margin-right: 5px;

}

.pregunta {

  padding-right: 8px;

}

.pauta-table {

  width: 100%;

  border-spacing: 0;

  margin-bottom: 5mm;

  border-collapse: collapse;

}

.pauta-table td {

  border: 1px solid #b2babb;

}

.pauta-table th {

  border: 1px solid #b2babb;

}

.rotated-parent {

  max-width: 5mm;

  overflow: hidden;

}

.rotated {

  position: relative;

  left: 0;

  top: 0;

  text-align: center;

  white-space: nowrap !important;

  float: left;

  min-width: 400%;

  margin-left: -150%;

}

.rotated-up {

  -ms-transform: rotate(-90deg);

  -moz-transform: rotate(-90deg);

  -webkit-transform: rotate(-90deg);

  transform: rotate(-90deg);

  filter: none; /* Mandatory for IE9 to show the vertical text correctly */ 

  -ms-transform-origin: center center 0;

  -moz-transform-origin: center center 0;

  -webkit-transform-origin: center center  0;

  transform-origin: center center 0;

}

.pauta-table__header {

  

}

.pauta-table .input-table {

  border: none;

}

.label-input-section4 {

  width: 20%;

}

input.input-section4 {

  margin-left: 1em;

  width: 20%;

}

input.input-section4-dollar {

  /* margin-left: 1em; */

  width: 16%;

}

div.section4-dollar {

  margin-left: 1em;

  width: 20%;

}

.section4-dollar span{

  width: 5%;

}

.section4-dollar input{

  width: 94%;

}

div.section4-checkbox {

  width: 20%;

  margin-left: 1em;

  margin-top: 4px;

}

div.section4-checkbox span{

  margin-right: 1em;

}

.firmas {

  margin-top: .8rem;

  font-size: .6rem;

  text-align: center;

}

.firmas-title {

  margin-bottom: 2.5em;

}

.sign-box {

  width: 30%;

}

.input-sign {

  margin-bottom: .5rem;

  background-color: transparent;

}

.sign-footer {

  text-align: center;

  font-size: .6rem;

}

.sign-footer div {

  width: 30%;

}

.sign-footer > p {

  width: 72%;

}

.pauta-table__checkbox {

  

}



.page2 {

  display: block;

  text-align: center;

}


.footer-page1 {
  position: absolute;
  bottom: 5mm;
}

.page2 > h2 {

  font-weight: bold;

  font-family: Arial;

}
.footer-page1 p {text-transform: uppercase; font-size: .86em;}

.inner-page2 {

  padding: 1.5em 1em 1.5em 2em;

}

.clausula {

  margin-bottom: 1em;

}

.days {

  width: 100%;

  border-spacing: 0;

}

.days th{

  

  border: none;

  border-collapse: collapse;

  border-spacing: none;

}

.days tr:nth-child(2) th:nth-child(odd) {

  background-color: #bbb;

}

.days tr:nth-child(2) th:nth-child(even) {

  background-color: #ddd;

}

table.days-input-table {

  border-spacing: 0;

}

.days-input-table td{

  border: 1px solid #FFFF00;

  border-right: 1px solid #00FFFF;

  border-collapse: collapse;

  border-spacing: 0;

  

}

.days-input-table td:last-child {

  border: 0px;

}

input.days-input {

  border: none;

  padding: 0;

}

.pagare {

  background-color: #ddd;

  height: 7cm;

  padding: 5mm 7mm;

  border-top: 2px dashed red;

  margin-top: 13mm;

  font-size: .7em;

}

.pagare .pregunta {

  width: 100%;

}

.bold-pagare {

  font-weight: bold;

  font-size: .8rem;

  font-family: Arial;

}

input.pagare-date {

  background-color: #ddd;

  border-bottom: 1px solid #aaa;

  width: 10%;

}

.pagare-date__container {

  flex: .7 .2 10%;

  font-size: .6rem;

}

.data-row1, .data-row2 {

  width: 100%;

}

input.folio-pagare {

  color:red;

  font-size: 1rem;

}

.clausulas {

  font-size: 8pt;

}

.text2 {

  margin-bottom: .7em;

}

input.folio__white-input {

  font-size: 1rem;

}