* { 
     scrollbar-width: thin; 
 } 

 ::-webkit-scrollbar { 
     height: 8px; 
     width: 8px; 
 } 

  ::-webkit-scrollbar-track { 
     background: transparent; 
 } 

  ::-webkit-scrollbar-thumb { 
     background-color: rgba(155, 155, 155, 0.5); 
     border-radius: 20px; 
     border: transparent; 
 } 

 html, 
 body { 
     color: rgba(33, 37, 41, 1); 
     font-family: 'Roboto', sans-serif !important; 
     font-size: 16px; 
     margin: 0; 
     padding: 0; 
     -webkit-font-smoothing: antialiased; 
     -moz-osx-font-smoothing: grayscale; 
     text-rendering: optimizeLegibility; 
     overflow-x: hidden; 
   /*  overflow-y: hidden; */
 } 

 @font-face { 
     font-family: norwester; 
     src: url(../fonts/norwester.otf); 
 } 


  


  

 .navbar .container-fluid { 
     height: inherit !important; 
 } 

 .navbar-collapse { 
     height: 100% !important; 
 } 

 #menu { 
     padding-left: 0 !important; 
     padding-top: 0 !important; 
     padding-bottom: 0 !important; 
 } 
  

 .nav-item { 
     font-family: norwester; 
 } 

 #lateral ul li.nav-item .active { 
     background-color: #141A30 !important; 
     color: white !important; 
     margin: 0 !important; 
     border-radius: 0%; 
 } 

 .link-activo td { 
     color: #141A30; 
     cursor: pointer; 
 } 

 #lateral ul li a.active:hover { 
     color: #52A4BB !important; 
 } 

 .bg-tabla { 
     background-color: white; 
 } 

 .btn-success { 
     background-color: #141A30 !important; 
 } 

 table { 
     table-layout: fixed; 
 } 

 td { 
     white-space: nowrap; 
     overflow: hidden; 
     text-overflow: ellipsis; 
 } 

 #datatable td:first-child, 
 #datatable th:first-child { 
     max-width: 15px !important; 
     overflow: visible !important; 
 } 

 #datatable table { 
     table-layout: fixed; 
     max-width: 100%; 
 } 

 #datatable td { 
     text-align: left; 
     white-space: nowrap !important; 
     overflow: hidden !important; 
     text-overflow: ellipsis !important; 
 } 

 .dataTables_length, 
 .dataTables_info { 
     margin-right: 10px; 
     font-size: 12px; 
 } 

 .dataTables_length { 
     padding-left: 10px; 
     margin-top: 10px; 
     border-left: 1px solid #141A30; 
 } 

 .dataTables_info { 
     margin-top: 4.5px; 
 } 

 .dataTables_paginate { 
     font-size: 12px; 
     margin-top: 4.5px; 
 } 

 .bg-main { 
     min-width: calc(100vw - (100vw - 100%)); 
 } 

 #datatable_wrapper { 
     padding: 1rem; 
     background-color: white; 
 } 

 /*
 .dt-button { 
     display: none !important; 
 } 
 */


 /*Para quitar bordes de botones del nav al ganar y perder foco */

 .btn-yglu-nav { 
     border: none !important; 
     outline: none !important; 
     box-shadow: none !important; 
 } 

 .btn-yglu-nav::after { 
     content: none; 
 } 

 .btn-yglu-wide { 
     width: 100% !important; 
 } 

 .btn-yglu { 
     border-radius: 0%; 
     border: none; 
 } 

 input.btn-yglu-light, 
 button.btn-yglu-light, 
 a.btn-yglu-light { 
     box-sizing: border-box; 
     background-color: #52A4BB; 
     color: white; 
 } 


  
 .btn-yglu-info { 
     box-sizing: border-box; 
     background-color: white; 
     color: #878888; 
     border: 1px solid #878888; 
 } 
  

 .btn-yglu-menu { 
     box-sizing: border-box; 
     background-color: white; 
     width: 100%; 
 } 

 .dropdown-item { 
     color: #141A30 !important; 
 } 

 .dropdown-item:focus, 
 .dropdown-item:hover, 
 .dropdown-item:active { 
     background-color: #52A4BB !important; 
 } 

 .show { 
     border: none !important; 
 } 

 .auth-enlace, 
 .auth-enlace * { 
     color: #52A4BB !important; 
     font-size: 14px; 
 } 

 .yglu-input { 
     text-align: center; 
     font-weight: bold; 
     border: none !important; 
     border-radius: 0% !important; 
     border-bottom: 1px solid #52A4BB !important; 
     padding: 5px 10px !important; 
     outline: none !important; 
     margin-bottom: 1em; 
 } 

 .yglu-input:focus { 
     outline: 1px dotted #52A4BB !important; 
 } 

 .auth-logo { 
     min-width: 100%;
 } 

 .auth-footer { 
     font-family: norwester; 
 } 

 .link-activo td { 
     color: #52A4BB !important; 
 } 

 .form-check-input:checked { 
     background-color: #52A4BB !important; 
     border-color: #52A4BB !important 
 } 

 .form-check-input:focus { 
     box-shadow: none; 
 } 


/* Con esto evito que la navbar se solape con la barra de scroll  */

 nav { 
     width: calc(100vw - (100vw - 100%)); 
 } 

 thead th:not(:first-child) input { 
     border: 1px solid #141A30; 
     padding-left: 10px; 
     width: 100%; 
 } 

 .invisible { 
     visibility: hidden; 
 } 


  /*Fondo modal: negro con opacidad al 50%  */

 .modal { 
     position: fixed; 
      /*Posición fija  */
     z-index: 1; 
      /*Se situará por encima de otros elementos de la página */
     padding-top: 40vh; 
      /*El contenido estará situado a 200px de la parte superior  */
     left: 0; 
     top: 0; 
     width: 100%; 
      /*Ancho completo  */
     height: 100%; 
      /*Algura completa  */
     overflow: auto; 
      /*Se activará el scroll si es necesario  */
     background-color: rgba(0, 0, 0, 0.5); 
      /*Color negro con opacidad del 50%  */
     font-size: 12px; 
 } 

 .modal>div>div { 
     margin: 1em; 
 } 


  /*Ventana o caja modal  */

 .contenido-modal { 
     position: relative; 
      /*Relativo con respecto al contenedor -modal-  */
     background-color: white; 
     margin: auto; 
      /*Centrada  */
     padding: 20px; 
     width: fit-content; 
     -webkit-animation-name: animarsuperior; 
     -webkit-animation-duration: 0.5s; 
     animation-name: animarsuperior; 
     animation-duration: 0.5s; 
 } 


  /*Animación  */

 @-webkit-keyframes animarsuperior { 
     from { 
         top: -300px; 
         opacity: 0 
     } 
     to { 
         top: 0; 
         opacity: 1 
     } 
 } 

 @keyframes animarsuperior { 
     from { 
         top: -300px; 
         opacity: 0 
     } 
     to { 
         top: 0; 
         opacity: 1 
     } 
 } 


  /*Botón cerrar  */

 .close { 
     color: black; 
     float: right; 
     font-size: 30px; 
     font-weight: bold; 
 } 

 .close:hover, 
 .close:focus { 
     color: #000; 
     text-decoration: none; 
     cursor: pointer; 
 }