:root {
  height: 99vh;
  width: 99vw;
  overflow: hidden;
  font-family: Arial, Helvetica, Verdana;
  font-size: 15px;
}
.fauto {
  flex: auto;
}
.finic {
  flex: initial;
}
.finhe {
  flex: inherit;
}
.dfl {
  display: flex;
}
.col {
  flex-direction: column;
}
.dif {
  display: inline-flex;
}
.jcs {
  justify-content: flex-start;
}
.jce {
  justify-content: flex-end;
}
.jcc {
  justify-content: center;
}
.jcb {
  justify-content: space-between;
}
.jca {
  justify-content: space-around;
}
.ais {
  align-items: flex-start;
}
.aie {
  align-items: flex-end;
}
.aic {
  align-items: center;
}
.aib {
  align-items: baseline;
}
.ait {
  align-items: stretch;
}
.ass {
  align-self: flex-start;
}
.ase {
  align-self: flex-end;
}
.asc {
  align-self: center;
}
.asb {
  align-self: baseline;
}
.ast {
  align-self: stretch;
}
.fg1 {
  flex-grow: 1;
}
.fg3 {
  flex-grow: 3;
}
.fg5 {
  flex-grow: 5;
}
.fg7 {
  flex-grow: 7;
}
.fg9 {
  flex-grow: 9;
}
.fb01 {
  flex-basis: 1rem;
}
.fb02 {
  flex-basis: 2rem;
}
.fb03 {
  flex-basis: 3rem;
}
.fb04 {
  flex-basis: 4rem;
}
.fb05 {
  flex-basis: 5rem;
}
.fb06 {
  flex-basis: 6rem;
}
.fb07 {
  flex-basis: 7rem;
}
.fb08 {
  flex-basis: 8rem;
}
.fb09 {
  flex-basis: 9rem;
}
.fb10 {
  flex-basis: 10rem;
}
.fb11 {
  flex-basis: 11rem;
}
.fb12 {
  flex-basis: 12rem;
}
.fb13 {
  flex-basis: 13rem;
}
.fb14 {
  flex-basis: 14rem;
}
.fb15 {
  flex-basis: 15rem;
}
.fb16 {
  flex-basis: 16rem;
}
.fb17 {
  flex-basis: 17rem;
}
.fb18 {
  flex-basis: 18rem;
}
.fb19 {
  flex-basis: 19rem;
}
.fb20 {
  flex-basis: 20rem;
}
.fb30 {
  flex-basis: 30rem;
}
.fb40 {
  flex-basis: 40rem;
}
.fb50 {
  flex-basis: 50rem;
}
.fb60 {
  flex-basis: 60rem;
}
.fb70 {
  flex-basis: 70rem;
}
.fb80 {
  flex-basis: 80rem;
}
.fb90 {
  flex-basis: 90rem;
}
.fb15 {
  flex-basis: 15rem;
}
.fb25 {
  flex-basis: 25rem;
}
.fb35 {
  flex-basis: 35rem;
}
.fb45 {
  flex-basis: 45rem;
}
.fb55 {
  flex-basis: 55rem;
}
.fb65 {
  flex-basis: 65rem;
}
.fb75 {
  flex-basis: 75rem;
}
.fb85 {
  flex-basis: 85rem;
}
.fb95 {
  flex-basis: 95rem;
}
.fba {
  flex-basis: auto;
}
.fbc {
  flex-basis: content;
}
.fau {
  flex: auto;
}
.con {
  margin: 10;
  padding: 3px;
  height: 90%;
}
.bod {
  height: 90vh;
  margin: 10;
  padding: 3px;
}
.ofs {
  overflow: scroll;
}
.ofh {
  overflow: hidden;
}
.centradopor {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.menufijo {
  display: inline-flex;
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  background-color: transparent;
  width: 100%;
  z-index: 100;
}
.grad {
  height: 99vh;
  background-image: linear-gradient(to top right, white, silver);
  background-size: cover;
}
div,
button {
  text-transform: uppercase;
  box-sizing: border-box;
  border-radius: 0.3rem;
  padding: 0.1rem;
  margin: 0.1rem;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  -o-border-radius: 0.3rem;
}
.drow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.dcol {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}
iframe {
  height: 90vh;
}
.m-navbar__nav {
  display: flex;
  text-align: center;
}
.m-navbar__nav__item {
  list-style: none;
  flex-grow: 1;
}
.m-navbar__nav__item a {
  text-decoration: none;
  color: white;
  background-color: #3863a0;
  display: block;
  padding: 10px;
  transition: all 400ms linear;
  box-sizing: border-box;
  border-right: dashed 2px #1e3454;
  text-shadow: 1px 1px 1px black;
  text-transform: uppercase;
}
.m-navbar__nav__item a:hover,
.m-navbar__nav__item a:focus {
  color: #eee;
  background-color: #1e3454;
  text-decoration: none;
}
.m-navbar__nav__item--fixed {
  flex-grow: 0;
}
.m-navbar__nav__item--fixed a {
  padding-right: 15px;
  padding-left: 15px;
}
.m-nav-col {
  flex-direction: column;
}
@media only screen and (max-width: 480px) {
  .m-navbar__nav {
    flex-direction: column;
  }
  .m-navbar__nav__item a {
    border-right: none;
    border-bottom: dashed 2px #1e3454;
  }
}
.row-container {
  display: table;
  empty-cells: show;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}
.first-row {
  display: table-row;
  overflow: hidden;
}
.second-row {
  display: table-row;
  height: 100%;
  overflow: auto;
}
.second-row iframe {
  width: 100%;
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
  display: block;
}
.scrvert {
  overflow-y: auto;
}
.schoriz {
  overflow-x: auto;
}
.noscrvi {
  overflow: hidden;
}
.totamp {
  width: 100%;
}
.totalt {
  height: 100%;
}
.fancho {
  flex-grow: 1;
}
[class*="fc-"] {
  padding: 0.1rem;
}
.fc-1 {
  width: 1%;
}
.fc-2 {
  width: 2%;
}
.fc-3 {
  width: 3%;
}
.fc-4 {
  width: 4%;
}
.fc-5 {
  width: 5%;
}
.fc-6 {
  width: 6%;
}
.fc-7 {
  width: 7%;
}
.fc-8 {
  width: 8%;
}
.fc-9 {
  width: 9%;
}
.fc-10 {
  width: 10%;
}
.fc-11 {
  width: 11%;
}
.fc-12 {
  width: 12%;
}
.fc-14 {
  width: 14%;
}
.fc-15 {
  width: 15%;
}
.fc-17 {
  width: 17%;
}
.fc-19 {
  width: 19%;
}
.fc-20 {
  width: 20%;
}
.fc-21 {
  width: 21%;
}
.fc-23 {
  width: 23%;
}
.fc-25 {
  width: 25%;
}
.fc-30 {
  width: 30%;
}
.fc-35 {
  width: 35%;
}
.fc-40 {
  width: 40%;
}
.fc-45 {
  width: 45%;
}
.fc-50 {
  width: 50%;
}
.fc-55 {
  width: 55%;
}
.fc-60 {
  width: 60%;
}
.fc-65 {
  width: 65%;
}
.fc-70 {
  width: 70%;
}
.fc-75 {
  width: 75%;
}
.fc-80 {
  width: 80%;
}
.fc-85 {
  width: 85%;
}
.fc-90 {
  width: 90%;
}
.fc-95 {
  width: 95%;
}
.fc-99 {
  width: 99%;
}
[class*="fa-"] {
  padding: 0.1rem;
}
.fa-1 {
  height: 1vh;
}
.fa-2 {
  height: 2vh;
}
.fa-3 {
  height: 3vh;
}
.fa-4 {
  height: 4vh;
}
.fa-5 {
  height: 5vh;
}
.fa-6 {
  height: 6vh;
}
.fa-7 {
  height: 7vh;
}
.fa-8 {
  height: 8vh;
}
.fa-9 {
  height: 9vh;
}
.fa-10 {
  height: 10vh;
}
.fa-11 {
  height: 11vh;
}
.fa-12 {
  height: 12vh;
}
.fa-14 {
  height: 14vh;
}
.fa-15 {
  height: 15vh;
}
.fa-17 {
  height: 17vh;
}
.fa-19 {
  height: 19vh;
}
.fa-20 {
  height: 20vh;
}
.fa-21 {
  height: 21vh;
}
.fa-23 {
  height: 23vh;
}
.fa-25 {
  height: 25vh;
}
.fa-30 {
  height: 30vh;
}
.fa-35 {
  height: 35vh;
}
.fa-40 {
  height: 40vh;
}
.fa-45 {
  height: 45vh;
}
.fa-50 {
  height: 50vh;
}
.fa-55 {
  height: 55vh;
}
.fa-60 {
  height: 60vh;
}
.fa-65 {
  height: 65vh;
}
.fa-70 {
  height: 70vh;
}
.fa-75 {
  height: 75vh;
}
.fa-80 {
  height: 80vh;
}
.fa-85 {
  height: 85vh;
}
.fa-90 {
  height: 90vh;
}
.fa-95 {
  height: 95vh;
}
.fa-99 {
  height: 99vh;
}
.pie {
  position: fixed;
  bottom: 0;
  width: 99vw;
  background-color: transparent;
}
.cap {
  position: fixed;
  top: 0;
  width: 99vw;
  background-color: transparent;
}
.neg {
  font-style: bold;
}
.xx-small {
  font-size: xx-small;
}
.x-small {
  font-size: x-small;
}
.smaller {
  font-size: smaller;
}
.small {
  font-size: small;
}
.medium {
  font-size: medium;
}
.large {
  font-size: large;
}
.larger {
  font-size: larger;
}
.x-large {
  font-size: x-large;
}
.xx-large {
  font-size: xx-large;
}
.tit {
  font-size: 200%;
}
.tce {
  text-align: center;
}
.tiz {
  text-align: left;
}
.tde {
  text-align: right;
}
.bg-navy {
  background-color: #001f3f;
}
.bg-blue {
  background-color: #0074d9;
}
.bg-aqua {
  background-color: #7fdbff;
}
.bg-teal {
  background-color: #39cccc;
}
.bg-olive {
  background-color: #3d9970;
}
.bg-green {
  background-color: #2ecc40;
}
.bg-lime {
  background-color: #01ff70;
}
.bg-yellow {
  background-color: #ffdc00;
}
.bg-orange {
  background-color: #ff851b;
}
.bg-red {
  background-color: #ff4136;
}
.bg-fuchsia {
  background-color: #f012be;
}
.bg-purple {
  background-color: #b10dc9;
}
.bg-maroon {
  background-color: #85144b;
}
.bg-white {
  background-color: #ffffff;
}
.bg-gray {
  background-color: #aaaaaa;
}
.bg-silver {
  background-color: #dddddd;
}
.bg-black {
  background-color: #111111;
}
.navy {
  color: #001f3f;
}
.blue {
  color: #0074d9;
}
.aqua {
  color: #7fdbff;
}
.teal {
  color: #39cccc;
}
.olive {
  color: #3d9970;
}
.green {
  color: #2ecc40;
}
.lime {
  color: #01ff70;
}
.yellow {
  color: #ffdc00;
}
.orange {
  color: #ff851b;
}
.red {
  color: #ff4136;
}
.fuchsia {
  color: #f012be;
}
.purple {
  color: #b10dc9;
}
.maroon {
  color: #85144b;
}
.white {
  color: #ffffff;
}
.silver {
  color: #dddddd;
}
.gray {
  color: #aaaaaa;
}
.black {
  color: #111111;
}
.bor {
  border: solid 0.1rem grey;
}
.med {
  margin: auto;
}
.der {
  float: right;
}
.izq {
  float: left;
}
.busc div {
  border: solid 0.1rem green;
}
.busc th {
  border: solid 0.1rem green;
}
.orde div {
  border: solid 0.1rem navy;
  background-color: aqua;
}
.orde th {
  border: solid 0.1rem navy;
  background-color: aqua;
}
.alta div {
  border: solid 0.1rem navy;
  background-color: yellow;
}
.alta th {
  border: solid 0.1rem navy;
  background-color: yellow;
}
.orde div:hover {
  background-color: silver;
}
.orde th:hover {
  background-color: silver;
}
button {
  background-color: gold;
  border: solid 3px tan;
  width: 99%;
}
button:focus {
  background-color: yellowgreen;
  border-color: red;
}
button:hover {
  background-color: silver;
}
.dno {
  display: none;
}
.din {
  display: inline;
}
.dbl {
  display: block;
}
.dinblo {
  display: inline-block;
}
.dingri {
  display: inline-grid;
}
.dintab {
  display: inline-table;
}
.dta {
  display: table;
}
.dtacel {
  display: table-cell;
}
.dtacol {
  display: table-column;
}
.dtarow {
  display: table-row;
}
.dfl {
  display: flex;
}
.dinfle {
  display: inline-flex;
}
.fdcol {
  flex-direction: column;
}
.fwr {
  flex-wrap: wrap;
}
.fnwr {
  flex-wrap: nowrap;
}
.jcoend {
  justify-content: flex-end;
}
.jcoend {
  justify-content: flex-start;
}
.jcocen {
  justify-content: center;
}
.jcosbt {
  justify-content: space-between;
}
.jcosba {
  justify-content: space-around;
}
.aitsta {
  align-items: flex-start;
}
.aitend {
  align-items: flex-end;
}
.aitcen {
  align-items: center;
}
.aitbas {
  align-items: baseline;
}
.aitbas {
  align-items: all;
}
.aitbas {
  align-items: inherit;
}
.acosta {
  align-content: flex-start;
}
.acoend {
  align-content: flex-end;
}
.acocen {
  align-content: center;
}
.acosbt {
  align-content: space-between;
}
.acosba {
  align-content: space-around;
}
.pab {
  position: absolute;
}
.pfi {
  position: fixed;
}
.pre {
  position: relative;
}
.pst {
  position: sticky;
}
.scy {
  overflow-y: scroll;
}
.nvi {
  visibility: none;
}
.table-container {
  height: 95vh;
}
table {
  display: flex;
  flex-flow: column;
  height: 99%;
  width: 99%;
}
table thead {
  flex: 0 0 auto;
  width: calc(100% - 16px);
}
table tbody {
  flex: 1 1 auto;
  display: block;
  overflow-y: scroll;
}
table tbody tr {
  width: 100%;
}
table thead,
table tbody tr {
  display: table;
  table-layout: fixed;
}
tr:nth-child(even) {
  background-color: silver;
}
tr:hover {
  background-color: #ddeeff;
}
caption {
  font-size: 1.5em;
  font-weight: bold;
  color: blue;
  background-image: url(../img/logo.png);
  background-size: 1.5em;
  background-repeat: no-repeat;
  background-position: top left;
}
dialog {
  top: 0.3rem;
  left: 0.3rem;
  width: 95%;
  height: 90vh;
  box-shadow: 0 0 1em black;
  overflow: auto;
}
.container {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  background-color: blue;
  overflow: hidden;
}
.ccos {
  flex-grow: 1;
  border: none;
  margin: 0;
  padding: 0;
}
label {
  font-size: 0.5em;
  color: blue;
  background-color: transparent;
}
.sombra1 {
  box-shadow: 0 0 1em silver;
}
.sombra2 {
  box-shadow: 0 1 1em silver;
}
.transparent {
  background-color: transparent;
}
.vbox {
  display: flex;
  flex-direction: column;
}
.hbox {
  display: flex;
  flex-direction: row;
}
.semi-transparent {
  opacity: 0.25;
}
.transparent {
  background: transparent;
}
.trans10 {
  opacity: 0.1;
}
.trans30 {
  opacity: 0.3;
}
.trans50 {
  opacity: 0.5;
}
.trans70 {
  opacity: 0.7;
}
.trans90 {
  opacity: 0.9;
}
@media screen and (max-width: 600px) {
  /* For mobile phones: */
  [class*="fc-"] {
    width: 100%;
  }
}
.flex {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: space-around;
}
.famp {
  flex: 1;
}
.vista {
  flex: 1;
  overflow: scroll;
}
.bora {
  border: 0.1rem solid silver;
}
.sombra {
  box-shadow: 0.1rem 0.1rem 0.7rem 0.1rem;
}
.w1r {
  width: 1rem;
}
.w2r {
  width: 2rem;
}
.w3r {
  width: 3rem;
}
.w4r {
  width: 4rem;
}
.w5r {
  width: 5rem;
}
.w6r {
  width: 6rem;
}
.w7r {
  width: 7rem;
}
.w8r {
  width: 8rem;
}
.w9r {
  width: 9rem;
}
.w10r {
  width: 10rem;
}
.w20r {
  width: 20rem;
}
.w30r {
  width: 30rem;
}
.w40r {
  width: 40rem;
}
.w50r {
  width: 50rem;
}
.w60r {
  width: 60rem;
}
.w70r {
  width: 70rem;
}
.w80r {
  width: 80rem;
}
.w90r {
  width: 90rem;
}
.h1r {
  height: 1rem;
}
.h2r {
  height: 2rem;
}
.h3r {
  height: 3rem;
}
.h4r {
  height: 4rem;
}
.h5r {
  height: 5rem;
}
.h6r {
  height: 6rem;
}
.h7r {
  height: 7rem;
}
.h8r {
  height: 8rem;
}
.h9r {
  height: 9rem;
}
.h10r {
  height: 10rem;
}
.h20r {
  height: 20rem;
}
.h30r {
  height: 30rem;
}
.h40r {
  height: 40rem;
}
.h50r {
  height: 50rem;
}
.h60r {
  height: 60rem;
}
.h70r {
  height: 70rem;
}
.h80r {
  height: 80rem;
}
.h90r {
  height: 90rem;
}
.centrado {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.centradoV {
  display: table-cell;
  vertical-align: middle;
}
.small-widget-box {
  padding: 5px;
  width: 600px;
  height: 400px;
  resize: both;
  overflow: auto;
  border: 4px solid black;
  border-radius: 5px;
}
.subgrid {
  display: grid;
  grid-auto-flow: row;
}
.table-grid {
  display: grid;
  grid-template-columns: repeat(10, auto);
  overflow: auto;
  max-height: 100%;
  max-width: 100%;
}
.table-grid div {
  border: 1px dashed #333;
  z-index: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0.3rem;
  border-radius: 0.3rem;
  margin: 0.1rem;
}
.table-grid div.fixedToTop {
  position: sticky;
  top: 0;
  z-index: 10;
}
.table-grid div.fixedToLeft {
  position: sticky;
  left: 0;
  z-index: 10;
}
.table-grid div.foot {
  position: sticky;
  bottom: 0;
  z-index: 10;
}
.table-grid div.fixedToBoth {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 20;
}
.table-grid .header {
  background-color: rgb(220, 220, 220);
}
.table {
  display: table;
}
.tr {
  display: table-row;
}
.td,
.th {
  display: table-cell;
}
.thead {
  display: table-header-group;
}
.tbody {
  display: table-row-group;
}
.tfoot {
  display: table-footer-group;
}
.table-caption {
  display: table-caption;
}
.col {
  display: table-column;
}
.colgroup {
  display: table-column-group;
}
input,
select,
textarea,
output {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 99%;
  border: 0.1rem solid grey;
  border-left: 0.3rem solid;
  transition: border-color 0.5s ease-out;
  border-radius: 0.3rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0.1rem;
  box-sizing: border-box;
}
:focus {
  border-color: blue;
}
:required {
  border-left-color: magenta;
}
:valid {
  border-left-color: teal;
}
:out-of-range,
:invalid {
  color: red;
  border-right-color: red;
  border-right-width: 0.1rem;
}
[type="number"] {
  text-align: right;
}
.zebra:nth-child(even) {
  background: silver;
}
.sticab {
  position: sticky;
  top: 0;
}
.stipie {
  position: sticky;
  bottom: 0;
}
.stizq {
  position: sticky;
  left: 0;
}
.stider {
  position: sticky;
  right: 0;
}
.ccard {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  overflow-x: auto;
}
.cuerc {
  flex-grow: 1;
  height: 100%;
  margin: 0;
  padding: 0;
}
.conte {
  height: 95%;
  width: 95%;
  display: inline-table;
}
.ccuer {
  overflow-y: scroll;
  display: inline-flex;
}
.filas {
  display: inline-flex;
}
.trunc {
  max-width: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
td {
  max-width: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}
.logo {
  position: fixed;
  width: 5rem;
  height: 5rem;
  z-index: 100;
}