* {
    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;
    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;
}
*/

#nombre-empresa {
    font-size: 0.9rem;
    font-family: Roboto;
    font-weight: bold;
}

.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 {
    display: flex;
    align-items:center;
    justify-content: center;
    height: 30px;
    margin-right: 10px;
    font-size: 12px;
}

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

@media only screen and (max-width: 600px) {
    .dataTables_length {
      border: none;
    }
  }

.dataTables_info {
    margin-top: 4.5px;
}

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

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

/* .dataTables_wrapper {
    padding: 1rem !important;
    background-color: white;
} */

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

table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td  {
    text-align: left;
}


/*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;
}

/* p.aviso {
    overflow:hidden;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 11;
} */

.container {
    display: flex;
    flex-flow: column wrap;
    align-content: space-between;
    /* Your container needs a fixed height, and it 
     * needs to be taller than your tallest column. */
    height: 665px;
  }
  
  .item {
    width: 32%;
    /* Optional */
    position: relative;
    margin-bottom: 2%;
    box-sizing: border-box;
  }
  
  /* Re-order items into 3 rows */
  .item:nth-child(3n+1) { order: 1; }
  .item:nth-child(3n+2) { order: 2; }
  .item:nth-child(3n)   { order: 3; }
  
  /* Force new columns */
  .container::before,
  .container::after {
    content: "";
    flex-basis: 100%;
    width: 0;
    order: 2;
  }


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

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

thead th 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;
}

/* Bordes calendario */

/*
.tui-full-calendar-weekday-grid-line, .tui-full-calendar-time-date {
    border: 1px solid rgb(199, 199, 199);
}
*/
.tui-full-calendar-dayname.tui-full-calendar-today .tui-full-calendar-dayname-date{
    padding: 2px;
    font-size: 24px;
    color: white;
    border-radius: 45%;
    background-color: #52A4BB !important;
}

.tui-full-calendar-today {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.tui-full-calendar-time-date:nth-child(even), .tui-full-calendar-weekday-grid-line:nth-child(even) {
    background-color: rgba(81, 92, 230, 0.05) !important;
}

.tui-full-calendar-time-schedule, .tui-full-calendar-weekday-schedule:not(.tui-full-calendar-weekday-schedule-time)  {
    border: 1px solid black;
}

.tui-full-calendar-weekday-resize-handle, .tui-full-calendar-time-resize-handle {
    filter: invert();
}

.tui-full-calendar-floating-layer {
    min-width: 350px;    
}

/*
.tui-full-calendar-timegrid-gridline {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}
*/

.tui-full-calendar-weekday-schedule-title {
    font-weight: 500 !important;
}

.tui-full-calendar-time-schedule-content{
    font-weight: 500 !important;
}

tui-full-calendar-month-dayname-item > span{
    font-weight: normal !important;
    font-size: 0.9rem !important;
}

.tui-full-calendar-month-dayname-item {
    height: 100%;
    font-weight: normal !important;
    font-size: 0.9rem !important;
}

/* 20230220 JOSE*/
body input, body optgroup, body select, body textarea{color:#141a30}
body button, body input, body optgroup, body select, body textarea{font-weight:normal}
a:hover,button:hover{opacity:0.8;}
main > .px-5{padding-top:10%}
.auth-logo{margin-bottom: 40px;}
nav .navbar-brand{padding:10px}
nav > .flex > a{justify-content: left;padding-left: 10px;}
/* #navbar-default .nav-link{font-size: 1.1rem;} */
#lateral{padding-top: 20px;}
#lateral div.text-center{text-align: left;padding-left: 1.25rem;text-transform: uppercase;font-family: 'norwester';font-size: 1.1rem;}
#lateral > .nav{margin-top:10px;}
#lateral .nav-item a{font-size:0.9rem;font-family:Roboto;font-weight:bold}
#lateral .nav-item{border-bottom: 1px solid #e5e7eb;}
#lateral hr{display:none;}
/*body thead th:not(:first-child) input{padding: 5px 10px;}*/
body thead th input{padding: 5px 10px;}
.bg-main > div > .mb-2{font-size: 1.2rem;padding: 0 0 10px 10px;}
.submenu a{padding-top: 5px;padding-bottom: 5px;}
li a.px-2{padding-left: 20px;padding-right: 20px;}
.tui-view-7 span{font-size:1rem;color:#141a30}
/*Calendario modal*/
#agendaModal .contenido-modal > .m-4{margin-top: 0;}
#agendaModal .contenido-modal{padding: 10px 20px 20px 20px;}
#agendaModal #botones{margin: 10px 0 0 12px;}
#lateral .submenu a{font-weight:normal!important}
#lateral .submenu a:before{content: "\f10c";font-family: FontAwesome;padding-right:10px;opacity:0.3}
/*Menú creación rápida*/
#navbar-default-2 a{text-align:center}
#navbar-default-2 .block span{font-weight:bold}
/*Barra alerta*/
#alert span{color:white;padding:10px;}
#alert{padding:0!important}
/*Dashlet*/
#dashlet,#dashlet img{height:100%;background:#f7f7f7}
#dashlet{width:100%}
/*Info*/
#info-cliente{
	background: #bbb;
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    color: white;
	font-family: initial;
}
.tui-full-calendar-holiday-sun,.tui-full-calendar-weekday-grid-date,.tui-full-calendar-holiday-sun span{color: #333!important;}
.tui-full-calendar-today .tui-full-calendar-weekday-grid-date{color: #fff!important;}
.options .border-r-2{border-right: 1px solid #eee;}
#info{
	padding: 20px;
	border-color:#ccc;
}

/* 20230731 ALBERTO */

#lateral .submenu li.list-informe a::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z' /%3E%3C/svg%3E%0A") !important;
    display:inline-block;
    height:23px;
    width:23px;
}

#lateral .submenu li.list-informe a.active::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z' /%3E%3C/svg%3E%0A") !important;
}