@import url("https://fonts.googleapis.com/css?family=Encode+Sans");
@import url("https://fonts.googleapis.com/css2?family=Arima+Madurai:wght@200&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arima+Madurai:wght@200&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Chilanka&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@300&display=swap");
.menu-etiqueta * {
  font-family: 'Encode Sans', sans-serif;
  padding: 0em 0.5em 0em 0.5em;
  margin: 0;
  color: black; }

#miMenu {
  background: black;
  padding: 0; }
  #miMenu nav,
  #miMenu nav.navbar {
    width: 100%;
    background: black;
    z-index: 1500;
    margin: 0; }
    #miMenu nav .navbar-header .navbar-toggle,
    #miMenu nav.navbar .navbar-header .navbar-toggle {
      background: black;
      border: 1px solid white;
      color: white;
      min-width: auto; }
      #miMenu nav .navbar-header .navbar-toggle span.icon-bar,
      #miMenu nav.navbar .navbar-header .navbar-toggle span.icon-bar {
        border: 1px solid white; }
    #miMenu nav .navbar-header .navbar-brand,
    #miMenu nav.navbar .navbar-header .navbar-brand {
      padding-top: 5px; }
      #miMenu nav .navbar-header .navbar-brand .logotipo img,
      #miMenu nav.navbar .navbar-header .navbar-brand .logotipo img {
        width: 5em; }
      #miMenu nav .navbar-header .navbar-brand a,
      #miMenu nav.navbar .navbar-header .navbar-brand a {
        display: inline-block;
        width: 100%;
        font-family: 'Encode Sans', sans-serif;
        text-decoration: none;
        font-size: medium;
        padding-left: 0.5em;
        padding-right: 0.5em;
        color: white; }
  #miMenu .nav .open {
    background: white;
    border-radius: 8px; }
  #miMenu .nav .open > a,
  #miMenu .nav .open > a:focus,
  #miMenu .nav .open > a:hover {
    border-radius: 8px;
    color: black; }
  #miMenu nav ul {
    padding: 0;
    list-style-type: none; }
    #miMenu nav ul li {
      padding: 0em;
      padding-block: 0em; }
      #miMenu nav ul li a {
        display: inline-block;
        width: 100%;
        font-family: 'Encode Sans', sans-serif;
        text-decoration: none;
        font-size: medium;
        padding-left: 0.5em;
        padding-right: 0.5em;
        color: white; }
      #miMenu nav ul li a.accion {
        display: inline; }
    #miMenu nav ul li:hover {
      background: white;
      border-radius: 8px; }
      #miMenu nav ul li:hover a:hover {
        background: transparent;
        color: black; }
  #miMenu nav ul li ul {
    background: black;
    border: 2px solid white;
    border-radius: 0 0 0 0; }
    #miMenu nav ul li ul li li > a,
    #miMenu nav ul li ul li .dropdown-menu > a,
    #miMenu nav ul li ul .dropdown li > a,
    #miMenu nav ul li ul .dropdown .dropdown-menu > a {
      padding: 0.2em;
      background: black;
      color: white; }
  #miMenu nav .flecha {
    padding-left: 0.5em; }

/*
@media screen and (max-width: 450px){
  @import "mobile";
}
*/
.switch-button {
  display: inline-block; }
  .switch-button .switch-button__checkbox {
    display: none; }
  .switch-button .switch-button__label {
    background-color: #1a1a1a;
    width: 5rem;
    height: 3rem;
    border-radius: 3rem;
    display: inline-block;
    position: relative;
    padding: 0;
    font-size: .8em; }
  .switch-button .switch-button__label:before {
    transition: .2s;
    display: block;
    position: absolute;
    width: 3rem;
    height: 3rem;
    background: linear-gradient(to bottom, #b5c4ca 0%, #57708a 50%, #9daeb5 100%);
    content: 'NO';
    border-radius: 50%;
    box-shadow: inset 0px 0px 0px 1px linear-gradient(to bottom, #b5c4ca 0%, #57708a 50%, #9daeb5 100%); }
  .switch-button .switch-button__checkbox:checked + .switch-button__label {
    background-color: white; }
  .switch-button .switch-button__checkbox:checked + .switch-button__label:before {
    content: 'SI';
    transform: translateX(2rem); }

.container-fluid {
  padding-left: 0;
  padding-right: 0; }

.marca-de-agua {
  background-image: url("../images/tema/fondo_blanco.jpg");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: auto;
  margin: auto; }

.marca-de-agua img {
  padding: 0;
  width: 100%;
  height: auto;
  opacity: 0.7; }

.paginaTitulo {
  color: black;
  background-color: transparent;
  width: 100%;
  text-align: center;
  font-family: "Arima Madurai", cursive;
  font-size: larger;
  font-style: italic; }

body {
  background: #ccd1ec url("../images/tema/fondo_imagen.jpg");
  background-repeat: repeat;
  background-size: cover; }

body,
div.container,
div.container-fluid {
  color: black;
  font-family: "Rajdhani", sans-serif;
  font-size: medium; }

iframe,
iframe > div {
  background: #ccd1ec url("../images/tema/fondo_imagen.jpg");
  border: none; }

h1, h2, h3, h4, h5 {
  border-radius: 4px;
  padding: 0.2em;
  text-align: center; }

h1 {
  text-align: center;
  font-size: 3em; }

h2 {
  color: black;
  font-size: 2em; }

h3 {
  font-size: 1.5em; }

.nopadding {
  padding: 0; }

.container {
  width: 100%; }

.areaLogo {
  padding: 0;
  margin: 0; }

.areaLogo img {
  width: 50%;
  max-height: 4em; }

.logito img {
  width: 64px; }

.encabezado {
  margin: 0;
  width: 100%;
  background: #A7AAAA;
  border-bottom: #347395 4px solid;
  padding-bottom: 0.5em; }

.encabezado h1 {
  font-weight: bold;
  font-size: 2em;
  color: black; }

.conMargenEncabezado {
  margin-top: 9em; }

.piePagina {
  background: #e6e6e6; }

footer {
  vertical-align: middle;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center; }

footer div {
  background: black;
  color: white; }

div.iconito {
  padding: 0.5em; }

div.iconito img {
  width: 32px; }

footer div table {
  width: 100%;
  text-align: center; }

footer div table td {
  padding: 0.5em; }

.sliderContenido {
  z-index: 0; }

.sliderMarco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  height: 100%; }

.dialogo ui-dialog-buttonset button,
input[type="button"],
input[type="submit"],
button,
.button,
.ui-widget button,
.ui-widget input[type="submit"],
.btn-default {
  border-radius: 4px;
  background: linear-gradient(to bottom, #b5c4ca 0%, #57708a 50%, #9daeb5 100%);
  border: linear-gradient(to bottom, #b5c4ca 0%, #57708a 50%, #9daeb5 100%);
  color: white;
  font-weight: bold;
  padding: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: small;
  min-width: 4em; }

.btn-primary {
  background: linear-gradient(to bottom, #b5c4ca 0%, #57708a 50%, #9daeb5 100%);
  color: white;
  border-color: #bfdcf7; }

.btn-primary,
.btn-primary a {
  color: white; }

.btn-alert {
  background: linear-gradient(to bottom, #a66464 0%, #ba4336 50%, #a66464 100%);
  color: white; }

.dialogo ui-dialog-buttonset button:hover,
input[type="button"]:hover, button:hover,
.button, input[type="submit"]:hover {
  background: linear-gradient(to bottom, #b0c2ca 0%, #57708a 50%, #cadce3 100%);
  color: white; }

button[disabled], html input[disabled] {
  background: #083757; }

button[disabled]:hover, html input[disabled]:hover {
  color: black;
  background: #083757; }

.ui-widget, form {
  width: 100%;
  background: #466b7d;
  border-radius: 24px;
  font-family: 'Chilanka', cursive;
  color: white;
  padding: 1em; }
  .ui-widget .form-group, form .form-group {
    width: auto;
    text-align: left;
    margin-bottom: 10px; }
    .ui-widget .form-group select, form .form-group select {
      margin: 0;
      padding: 0.2em;
      background: #EBEBEB;
      border: white 3px solid;
      border-radius: 24px;
      border: 2px inset black;
      font-weight: normal;
      color: black; }
  .ui-widget input[placeholder], form input[placeholder] {
    color: #647383; }
  .ui-widget select,
  .ui-widget textarea,
  .ui-widget input:not([type="submit"]),
  .ui-widget .form-control, form select,
  form textarea,
  form input:not([type="submit"]),
  form .form-control {
    font-family: 'Chilanka', cursive;
    width: 100%;
    margin: 0em;
    margin-bottom: 0.5em;
    padding: 0.25em 1em 0.25em 1em;
    background: #EBEBEB;
    border: white 3px solid;
    color: black;
    border-radius: 24px;
    border: 2px inset black; }
  .ui-widget select, form select {
    height: 2.5em; }
    .ui-widget select option, form select option {
      font-weight: normal;
      font-size: 0.8em; }
  .ui-widget textarea, form textarea {
    background: #cccccc; }
  .ui-widget input[required],
  .ui-widget select[required],
  .ui-widget textarea[required], form input[required],
  form select[required],
  form textarea[required] {
    border: 1px outset red; }
  .ui-widget input:focus,
  .ui-widget select:focus,
  .ui-widget textarea:focus, form input:focus,
  form select:focus,
  form textarea:focus {
    border-color: white; }
  .ui-widget label,
  .ui-widget .form-group label,
  .ui-widget table tr td.label, form label,
  form .form-group label,
  form table tr td.label {
    color: white;
    font-weight: normal;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: medium;
    margin-bottom: 0; }
  .ui-widget input[type="submit"],
  .ui-widget button,
  .ui-widget .btn-default, form input[type="submit"],
  form button,
  form .btn-default {
    width: auto;
    margin: 0.5em; }
  .ui-widget .btn-full, form .btn-full {
    width: 100%;
    margin: 0; }
  .ui-widget input[type="file"], form input[type="file"] {
    padding-bottom: 2.8em; }
  .ui-widget input[type="radio"], form input[type="radio"] {
    width: auto; }
  .ui-widget label select, .ui-widget label input, .ui-widget label input:not([type="submit"]), form label select, form label input, form label input:not([type="submit"]) {
    width: auto;
    padding-top: 0.1em;
    padding-bottom: 0em;
    margin-top: 0.5em; }

fieldset {
  border: 1px solid white;
  background: #050926;
  margin: 0;
  margin-bottom: 0.5em;
  padding: 1.5em; }
  fieldset legend {
    background: #050926;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    color: white;
    font-size: 0.8em;
    font-style: italic;
    font-weight: normal;
    text-align: center;
    width: auto;
    margin-left: 2%;
    padding-left: 0.5em;
    padding-right: 0.5em; }
  fieldset .input-group {
    height: 1em;
    text-align: center; }
    fieldset .input-group .input-group-append,
    fieldset .input-group .input-group-prepend {
      display: inline-block;
      padding: 0;
      margin: 0; }
    fieldset .input-group input {
      margin: 0; }
    fieldset .input-group button {
      padding: 0.25em;
      height: auto;
      margin: 0; }

[data-toggle="buttons-radio"] > .btn > input[type="radio"] {
  display: none; }

[data-toggle="buttons-checkbox"] > .btn > input[type="checkbox"] {
  display: none; }

#password1, #password2 {
  height: 40px;
  width: 300px; }

.ui-dialog,
.dialogo {
  width: 50%;
  z-index: 9999;
  max-height: 600; }

.modal-dialog {
  z-index: 9999; }
  .modal-dialog .modal-header {
    color: #466b7d;
    font-style: italic; }
    .modal-dialog .modal-header h1, .modal-dialog .modal-header h2, .modal-dialog .modal-header h3, .modal-dialog .modal-header h4, .modal-dialog .modal-header h5, .modal-dialog .modal-header h6 {
      font-weight: bold; }
  .modal-dialog .modal-body {
    background: #466b7d;
    color: white;
    border: solid 1px black;
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0.5em;
    max-height: 500px;
    overflow-y: auto; }
    .modal-dialog .modal-body table {
      width: 100%; }

div.ui-dialog,
.ui-widget-content,
.ui-dialog-buttonpane,
.contenedor {
  background: #5563aa;
  color: white; }

.dataTables_wrapper .dataTables_paginate a.paginate_button {
  color: black !important; }

.ui-widget-header,
.ui-dialog-title {
  background: transparent;
  color: white;
  border: none; }

/*
.dialogo .ui-dialog-content,
.ui-dialog-content,
{
    form,
    table
    {
        background: white;
        td, a
        {
            color: black;
            font-weight: bold;
        }
    }
}
*/
.ui-dialog .ui-dialog-titlebar-close {
  background: url("../images/sistema/indicador_equis_32.png");
  background-repeat: no-repeat;
  background-size: 40%;
  border: none;
  /*
  content:"X";
  background: $fondoForma;
  color: $formaLetra;
  */ }
.ui-dialog button.ui-dialog-titlebar-close {
  /*
  background: $iconoEquis;
  background-repeat: no-repeat;
  background-size: 100%;
  border: none;
  */ }

.card .card-body {
  border-width: 1px;
  border-style: inset;
  border-color: white;
  background-color: #EBEBEB;
  color: #466b7d; }

.panel > .panel-body .ui-tabs-panel {
  border: white;
  padding: 0.5em; }

.panel {
  background-color: transparent; }

.panel-heading h1, .panel-heading h2, .panel-heading h3, .panel-heading h4, .panel-heading h5, .panel-heading h6, .panel-heading h1 > a {
  color: white;
  text-align: center; }

.panelTitulo {
  color: white; }

.panel-default {
  border: none;
  background-color: linear-gradient(to bottom, #2f3075 0, #7e86f2 100%); }
  .panel-default > .panel-heading,
  .panel-default .panel-heading {
    background: linear-gradient(to bottom, #2f3075 0, #7e86f2 100%);
    color: white;
    padding: 0;
    border-bottom: 1px solid #464545;
    border-radius: 8px 8px 0px 0px;
    border: none; }
    .panel-default > .panel-heading .panel-title,
    .panel-default .panel-heading .panel-title {
      color: white;
      padding-top: 0.5em;
      margin-top: 0;
      margin-bottom: 0.5em;
      font-family: 'Arima Madurai', cursive;
      font-weight: bold;
      font-style: italic;
      text-shadow: 2px 2px black; }
  .panel-default .panel-body,
  .panel-default .panel-body .ui-dialog-content {
    background-color: #A7AAAA;
    background-size: contain;
    color: black;
    border: none;
    padding: 2em 1em 1em 1em; }
    .panel-default .panel-body .dataTables_wrapper label,
    .panel-default .panel-body .dataTables_wrapper .dataTables_length label,
    .panel-default .panel-body .dataTables_wrapper .dataTables_info,
    .panel-default .panel-body .dataTables_wrapper .dataTables_paginate,
    .panel-default .panel-body .ui-dialog-content .dataTables_wrapper label,
    .panel-default .panel-body .ui-dialog-content .dataTables_wrapper .dataTables_length label,
    .panel-default .panel-body .ui-dialog-content .dataTables_wrapper .dataTables_info,
    .panel-default .panel-body .ui-dialog-content .dataTables_wrapper .dataTables_paginate {
      color: black;
      font-weight: bold;
      font-style: italic;
      padding-left: 0.5em;
      padding-right: 0.5em;
      font-size: 1em; }
    .panel-default .panel-body li.ui-state-default,
    .panel-default .panel-body .ui-dialog-content li.ui-state-default {
      border: none;
      background: #222222;
      color: white;
      border-radius: 8px 8px 0px 0px;
      padding: 0.35em; }
    .panel-default .panel-body li.ui-state-active,
    .panel-default .panel-body li.ui-state-focus,
    .panel-default .panel-body li.ui-state-active a,
    .panel-default .panel-body li.ui-state-focus a,
    .panel-default .panel-body .ui-dialog-content li.ui-state-active,
    .panel-default .panel-body .ui-dialog-content li.ui-state-focus,
    .panel-default .panel-body .ui-dialog-content li.ui-state-active a,
    .panel-default .panel-body .ui-dialog-content li.ui-state-focus a {
      border: none;
      background: #3b3b3b;
      color: lightblue;
      border-radius: 8px 8px 0px 0px; }

.pestanas li,
.panel > .panel-body .pestanas li {
  padding: 0;
  margin: 0;
  margin-left: 2px;
  margin-right: 2px; }
.pestanas li a,
.panel > .panel-body .pestanas li a {
  padding: 0; }
.pestanas li.ui-state-active,
.pestanas li.ui-state-focus,
.pestanas li.ui-state-active a,
.pestanas li.ui-state-focus a,
.pestanas li.ui-state-active a button,
.pestanas li.ui-state-focus a button,
.panel > .panel-body .pestanas li.ui-state-active,
.panel > .panel-body .pestanas li.ui-state-focus,
.panel > .panel-body .pestanas li.ui-state-active a,
.panel > .panel-body .pestanas li.ui-state-focus a,
.panel > .panel-body .pestanas li.ui-state-active a button,
.panel > .panel-body .pestanas li.ui-state-focus a button {
  background: linear-gradient(to bottom, #b5c4ca 0%, #57708a 50%, #9daeb5 100%);
  color: white;
  border: 1px inset white;
  border-radius: 4px 4px 4px 4px; }

.ui-widget.ui-widget-content {
  border: none; }

.ui-tabs .ui-tabs-panel {
  padding: 0em; }

.datagrid {
  font: normal 14px/150% Arial, Helvetica, sans-serif;
  background: #A7AAAA;
  overflow: hidden;
  border: 1px solid white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 8px;
  border-collapse: separate;
  width: 100%;
  text-align: left;
  padding: 0px; }
  .datagrid table {
    width: 100%; }
  .datagrid td a {
    color: black;
    text-decoration: none;
    font-style: italic; }
  .datagrid thead th {
    background: black;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    padding: 0.5em;
    border-left: 1px solid white; }
  .datagrid tbody td {
    color: black;
    border-left: 1px solid white;
    font-size: 1em;
    font-weight: normal;
    padding: 0.5em; }
  .datagrid tbody tr:nth-child(even) {
    background: #464545; }
    .datagrid tbody tr:nth-child(even) td, .datagrid tbody tr:nth-child(even) td a {
      color: white; }
  .datagrid tbody tr:nth-child(odd) {
    background: #333; }
    .datagrid tbody tr:nth-child(odd) td, .datagrid tbody tr:nth-child(odd) td a {
      color: white; }
  .datagrid tbody tr:last-child td {
    border-bottom: none; }
  .datagrid tfoot td div {
    border-top: 1px solid #006699;
    background: #E1EEF4;
    padding: 2px; }
  .datagrid tfoot td {
    padding: 0;
    font-size: 0.8em; }
  .datagrid tfoot td ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right; }
  .datagrid tfoot li {
    display: inline; }
  .datagrid tfoot li a {
    text-decoration: none;
    display: inline-block;
    padding: 2px 8px;
    margin: 1px;
    color: white;
    border: 1px solid #006699;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F));
    background: -moz-linear-gradient(center top, #006699 5%, #00557F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
    background: #006699; }
  .datagrid tfoot ul.active,
  .datagrid table tfoot ul a:hover {
    text-decoration: none;
    border-color: #006699;
    color: #FFFFFF;
    background: #00557F; }
  .datagrid tr td span {
    padding-left: 0.5em;
    padding-right: 0.5em; }
  .datagrid input {
    color: black; }

label,
.dataTables_length label,
.dataTables_info,
.dataTables_paginate {
  color: black;
  font-weight: normal;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 0.8em; }

.dataTables_wrapper {
  border: 2px solid white;
  border-radius: 8px;
  padding: 0.25em; }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: black !important;
  font-weight: bold;
  font-style: italic; }

.ui-widget-header {
  background: transparent; }

table.ui-datepicker-calendar tbody td a.ui-state-default {
  background: #A7AAAA;
  color: black;
  font-weight: normal; }
table.ui-datepicker-calendar tbody td a:hover {
  background: white;
  color: black;
  font-weight: normal; }
table.ui-datepicker-calendar tbody td.ui-datepicker-today a {
  font-weight: bold;
  color: white;
  border: 1px solid #77d5f7; }
table.ui-datepicker-calendar tbody td.ui-state-active,
table.ui-datepicker-calendar tbody td.ui-state-focus {
  border: 1px red solid; }

.errEtiqueta {
  font-size: 2em;
  font-weight: bold; }

.errDescriptor {
  font-size: 1.5em;
  font-weight: normal; }

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before,
.ui-tooltip {
  color: white;
  background: black;
  border-radius: 4px;
  box-shadow: none;
  border: 1px solid white;
  font-size: 1em; }

.copyright {
  font-size: smaller; }

iframe,
.mapa {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0; }

.fotoChica {
  width: 72px; }

.ruta_menu {
  text-align: left;
  color: white;
  text-decoration: underline;
  font-style: italic;
  font-size: 0.9em;
  margin: 0;
  padding: 0.5em;
  border-bottom: black 1px solid;
  text-shadow: 1px 1px black; }
  .ruta_menu div {
    padding: 0; }

div.comprimido {
  margin: 0;
  padding: 0; }

.input-group-prepend {
  display: inline-block; }

button.btn-pestana {
  border-radius: 4px 4px 4px 4px;
  background: linear-gradient(to bottom, #b0c2ca 0%, #57708a 50%, #cadce3 100%);
  border: 3px outset white;
  color: white;
  font-weight: bold;
  padding: 0.2em;
  margin: 0;
  font-size: small;
  min-height: 1em; }

button.btn-inactivo {
  background: linear-gradient(to bottom, #70858c 0%, #8397ab 50%, #70858c 100%);
  color: lightgray; }

button.btn-especial {
  background: linear-gradient(to bottom, #a66464 0%, #ba4336 50%, #a66464 100%);
  color: white; }

/*# sourceMappingURL=app.css.map */