{
      % load static %
   }

   @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap');

   :root {
      --tablet: 768px;
      --smallMonitor: 992px;
      --largeMonitor: 1200px;
      --font-family: 'Open Sans', sans-serif;
   }

   body {
      font-family: var(--font-family) !important;
      display: flex;
      flex-direction: column;
      min-height: 100vh;
   }

   body ::-webkit-scrollbar {
      width: 6px;
   }

   .t-just {
      text-align: justify;
   }

   .loadr {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: white;
      transition: opacity 0.75s, visibility 0.75s;
   }

   .loadr-hidden {
      opacity: 0;
      visibility: hidden;
   }

   .ui.secondary.menu {
      background-color: #f8f9fa;
   }

   .ui.floating.label {
      top: 6px;
      left: 40px;
   }

   .popup {
      background-color: #003057 !important;
   }

   .ui.table {
      font-size: 0.9em;
   }

   .mb-5 {
      padding-bottom: 5rem !important;
   }

   .mt-3 {
      padding-top: 3rem !important;
   }

   .mb-1 {
      padding-bottom: 1rem !important;
   }

   .mr-2 {
      margin-right: 2rem !important;
   }

   .pr-2 {
      padding-right: 2rem !important;
   }

   .mt-2 {
      margin-top: 2rem !important;
   }

   .mt-1 {
      margin-top: 0.7rem !important;
   }

   .sub {
      color: #ff9800;
      font-weight: bolder;
   }

   .carousel-inner {
      max-height: 80rem !important;
   }

   .carousel-caption {
      max-width: 80rem;
      text-align: center;
      position: absolute;
      top: 20rem;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
   }

   .bg-custom {
      background-color: rgba(0, 0, 0, 0.4);
      color: #fff;
      border-radius: 1rem;
      padding: 2rem;
   }

   .carousel-caption h1 {
      font-size: 3rem;
      text-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 1);
   }

   .carousel-caption h4 {
      font-size: 1.5rem;
      text-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 1);
   }


   h2.pointer {
      cursor: pointer;
   }

   h2.pointer:hover {
      color: #706F6F;
   }

   .not-visible {
      display: none;
   }

   .narracion {
      text-align: justify;
   }

   .ui.vertical.menu.sidebar-menu {
      margin-top: 57px !important;

      /*background-color: #003057;*/
      /* #003057 */
   }

   .ui.list>.item>.content {
      line-height: 1.5em !important;
   }

   p.privacidad {
      text-align: justify;
   }

   .ui.blue.label,
   .ui.blue.labels .label {
      background-color: #0091ea !important;
      border-color: #0091ea !important;
      color: #fff !important;
   }

   .ui.form .inline.fields>label {
      margin: 1px 0 0 0 !important;
   }

   .actived {
      color: #0091ea;
      font-weight: bold;
   }

   .radioselect {
      width: 400px;
   }

   .radioselect ul,
   .radioselect3 ul {
      list-style: none;
      /* display: flex; */
      /* justify-content: space-around;
   align-items: center; */
   }

   .inline.fields {}

   .ui.form .inline.fields .field>:only-child {
      display: flex;
      justify-content: space-around;
   }

   .ui.vertical.menu>.item:last-child {
      margin-bottom: 70px;
   }

   .radioselect input,
   .radioselect3 input {
      cursor: pointer;
   }

   .ui.blue.header {
      color: #0091ea !important;
   }

   input.search {
      width: 200px !important;
   }

   .radioselect2 ul {
      /* padding: 20px; */
      /* background-color: orange; */

   }

   .radioselect2 input {
      cursor: pointer;
   }

   .radioselect3 {
      width: 400px;
      cursor: pointer;
   }

   .radioselect4 input {
      cursor: pointer;
      margin-bottom: 1rem !important;
   }

   /* verificar */

   #tipoacta {
      flex-direction: column;
   }

   .ui.vertical.menu .menu .item {
      background: 0 0;
      padding: 0.5em 1.33333333em;
      font-size: 0.99em;
      color: rgba(0, 0, 0, 0.5);
   }

   .ui.blue.button,
   .ui.blue.buttons .button {
      background-color: #0091ea;
      color: #fff;
      text-shadow: none;
      background-image: none;
   }

   /*.header {*/
   /*   color: #0091ea;*/
   /*}*/

   .ui.blue.header {
      color: #0091ea !important;
      margin-top: 0;
   }

   .header i.users.icon,
   .header i.archive.icon {
      color: #0091ea;
   }

   h3.ui.dividing.header {
      /* color: #0091EA; */
   }

   h3.ui.dividing.header {
      color: #0091EA !important;
   }

   .ui.dividing.header .icon {
      color: #0091ea;
   }

   nav.ui.inverted.menu {
      background-color: #003057;
   }


   .ui.menu.top {
      min-height: 4em !important;
   }

   .ui.vertical.menu.sidebar-menu .item i.icon {
      float: left;
      margin: 0em 0.5em 0em 0em;
   }

   .main-content {
      margin-top: 40px;
   }

   .ui.inverted.blue.segment {
      background-color: #0091ea !important;
   }

   h3.blue {
      color: #0091ea;
      font-weight: bolder;
      margin-bottom: 5px;
   }

   .ui.table:last-child {
      margin-bottom: 50px;
   }

   @media (min-width: 768px) {
      .ui.vertical.menu.sidebar-menu {
         visibility: visible;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         width: 15.5rem !important;
      }

      .main-content {
         margin-left: 15.5rem;
      }

      .sidebar-menu-toggler {
         display: none !important;
      }
   }

   a.logo-sipec {
      margin: 20px 0 0 15px;
   }

   a.logo-oic {
      margin: 16px 10px 0 0;
   }

   .space {
      padding: 1em 0 !important;
   }

   .ui.vertical.menu .menu .item {
      background: 0 0;
      padding: 0.3em 1.33333333em !important;
      font-size: 0.99em;
      color: rgba(0, 0, 0, 0.5);
   }

   #double {
      position: relative !important;
      margin-top: -1px !important;
      min-height: 40px !important;
      border-top: solid 1px #dddddd !important;
      border-bottom: solid 1px #dddddd !important;
   }

   .line {
      border-right: solid 1px #dddddd !important;
   }

   #id_acta_comisionado-1-anexo3,
   #id_acta_comisionado-1-anexo4 {
      display: none;
   }

   .btn-primary {
      background-color: #0091ea;
      color: #fff;
      text-shadow: none;
      background-image: none;
   }

   .participa_comisionado_row__hidden,
   .aplica_designado_row__hidden,
   .virtual_row__hidden,
   .presencial_row__hidden,
   .aplica_row__hidden,
   .fondo_rotatorio_row__hidden,
   .concilia_presupuesto_row__hidden,
   .modifica_presupuesto_row__hidden,
   .aplica_programas_row__hidden,
   .aplica_bancos_row__hidden,
   .aplica_inversiones_row__hidden,
   .aplica_cheques_row__hidden,
   .aplica_efectivo_row__hidden,
   .inversiones_row__hidden,
   .recursos_row__hidden,
   .aplica_registro_row__hidden,
   .aplica_donativos_row__hidden,
   .compromisos_row__hidden,
   .sin_compromisos_row__hidden,
   .aplica_uno_row__hidden,
   .aplica_dos_row__hidden,
   .aplica_tres_row__hidden,
   .aplica_cuatro_row__hidden,
   .aplica_cinco_row__hidden,
   .aplica_seis_row__hidden,
   .aplica_siete_row__hidden,
   .aplica_ocho_row__hidden,
   .aplica_nueve_row__hidden,
   .aplica_diez_row__hidden,
   .pagador_row__hidden,
   .cuenta_cheques_row__hidden,
   .tiene_observaciones_row__hidden,
   .sin_auditorias_row__hidden,
   .oic_row__hidden,
   .asf_row__hidden,
   .dex_row__hidden,
   .oin_row__hidden,
   .solicitudes_row__hidden,
   .sin_solicitudes_row__hidden,
   .titular_row__hidden,
   .no_aplica_otros_hechos_row__hidden,
   .aplica_otros_hechos_row__hidden {
      display: none;
   }

   /* Lista de secciones */

   .ui.icon.header:first-child {
      margin-top: 1em !important;
      color: #0d71bb;
   }

   .iconlist {
      display: flex;
      align-items: center;
   }

   .iconlist i.search {
      color: #0d71bb !important;
      margin: 0 !important;
   }

   ul.errorlist {
      list-style-type: disc;
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      padding-inline-start: 20px;
   }

   .jconfirm.jconfirm-material .jconfirm-box {
      border-top: #0091EA solid 7px;
   }

   .jconfirm .jconfirm-holder {
      max-height: 100%;
      padding: 50px 0;
      width: 25%;
      margin: 0 auto;
   }

   ul.errorlist li ul {
      background-color: aqua;
      display: none;
   }

   /* Documentos */

   .docs {
      color: #0091ea;
   }

   .docs i {
      color: #ff9800;
   }

   .atendir,
   .ui.four.cards {
      margin-bottom: 70px;
   }

   footer {
      background-color: #003057;
      padding: 15px;
      color: darkgray;
      width: 100%;
      margin-top: auto;
      position: fixed;
      bottom: 0px;
   }

   footer .center {
      color: #0091ea;
      padding-left: 11rem;
   }

   .ui.inverted.segment,
   .ui.primary.inverted.segment {
      background-color: #003057;
      color: rgba(255, 255, 255, .9);
      padding-top: 2rem;
   }

   .verde {
      color: #64dd17 !important;
   }

   .rojo {
      color: #FF0000 !important;
   }

   .amarillo {
      color: #ffeb3b !important;
   }

   .azul {
      color: #0091ea !important;
   }

   .morado {
      color: #b687ec !important;
   }

   .naranja {
      color: #ffa836d8 !important;
   }