html, body {
    height: 100%;
}

.card {
    margin: 25px 0;
    max-width: 1200px;
    padding: 0 0 15px 0px;
    border: .5px solid #a4a9c8;
    box-shadow: 3px 3px 10px #c4c9ce;
}

#nav1 {
    background-color: hsl(216deg 30% 19%);
    color: white;
    font-size: 19px;
    /* position: fixed; */
    /* top: 0; */
    /* width: 100%; */
    /* z-index: 10; */
    min-height: 63px;
}

a.nav-link.dropdown-toggle {
    color: white;
}

a.navbar-brand {
    color: rgb(162 203 255);
    /* margin-left: 10px; */
}

a.navbar-brand:focus, a.navbar-brand:hover {
    /* color: #e2edff; */
}

a.nav-link.disabled {
    color: white;
}

.modal-dialog {
    max-width: 94%;
    margin: 3%;
}

.map1 {
    padding: 3%;
    width: 96%;
    float: left;
    margin: 1% 2%;
    border-radius: 15px;
}

.map1 {
    background: rgb(229 233 237);
}

.map1 div {
}

a.btn.btn-primary {
    width: 96%;
    color: rgb(133 161 204);
}

td, th {
    text-align: center;
}

.modal-body {
    padding: 0px;
}

h3 {
    padding: 2% 0px;
}

#canvas, video#video {
    transform: scaleX(-1);
}

video#video, #canvas, .after_capture_frame {
    width: 100%;
    max-width: 160px;
}

video {
    max-width: 100%;
}

.btn-primary {
    background: #2e4751;
    border-color: #b2ceff;
    color: #b2ceff;
    --bs-btn-hover-bg: black;
    --bs-btn-hover-border-color: black;
    --bs-btn-active-bg: #9a9377;
    --bs-btn-active-border-color: #ffd74f;
}

.map1 .col-lg-6 {
    float: left;
    text-align: center;
}

button#a_camara, button#a_camara2, button.btn.btn-info.paso1 {
    color: rgb(0, 74, 97);
}

.col-md-12.container-alert {
    /* padding: 0px 5%; */
}

input.btn.btn-primary {
    max-width: 200px;
    margin: auto;
    /* clear: both; */
}

.card.listado-l {
    max-width: 90%;
}

.iconstd a {
    padding: 0 4% 0 0;
    FONT-VARIANT: JIS04;
    FONT-VARIANT: JIS04;
    FONT-VARIANT: JIS04;
    FONT-VARIANT: JIS04;
    float: left;
}

ul#dias2 {
    list-style: none;
    padding: 0;
}

.card-header {
    font-size: 19px;
    color: #3e4b6c;
    border: 0;
}

body {
    background-color: hsl(203deg 3% 87%);
    color: #435184;
}

div#txtHint {
    text-align: center;
    margin: 35px 0 0 0;
}

.loader {
    border: 16px solid hsl(0deg 0% 93%);
    border-radius: 50%;
    border-top: 16px solid hsl(0deg 0% 53%);
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
    /* background-color: black; */
    margin: 20% auto;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

div#content_loader {
    width: 100%;
    height: 100%;
    background-color: #000000b5;
    position: fixed;
    z-index: 10;
    text-align: center;
}

label.form-label.check {
    padding: 5px 15px;
    text-align: center;
}

.repo h4 {
    padding: 0 0 20px 0px;
    color: #3578c6;
    font-size: 31px;
}

.card-header h4 {
    margin-top: 10px;
    /* max-width: 210px; */
    float: left;
    margin-bottom: 10px;
    font-size: 19px;
    display: block;
    position: relative;
}

td.retardo {
    color: red;
    font-weight: bold;
    font-size: 13px;
}

div#fecha {
    float: right;
    position: relative;
    padding: 1%;
}

select#datemenu1 {
    float: right;
    margin-left: 8px;
    font-size: 17px;
    /* font-weight: bold; */
    color: #498cff;
    padding: 10px;
    min-width: 210px;
}

td, th {
    text-align: left;
}

a {
    /* color: hsl(240deg 32% 43%); */
    text-decoration: none;
}

.gray1 {
    color: #a4a3a3a1;
}

#t_turnos td.index {
    color: #939393;
    /* font-size: 11px; */
    min-width: 20px;
}

tr.linea1 {
    background-color: whitesmoke;
    /* border: grey; */
}

.icons1 {
    font-size: 25px;
    padding: 11px 12px;
}

div#butons1 {
    float: left;
    /* padding: 0 3%; */
}

.icons1 {
    font-size: 25px;
    padding: 0 15px;
}

.iconstd i {
    margin: 7px;
    font-size: 15px;
}

#quincena td {
    text-align: center;
    border: none;
    font-size: 10px;
    line-height: 17px;
    /* border-right: solid #f3f3f3 1px; */
}

i.bi.bi-house-fill {
    color: hsl(60deg 20% 50%);
}

a.info.pers {
    text-decoration: none;
}

h4.asig {
    padding: 15px 0;
    color: hsl(46deg 100% 50%);
}

.p-4 {
    width: 100%;
    float: left;
    position: relative;
    overflow: auto;
    margin-bottom: 25px;
    /* max-height: 600px; */
    border-bottom: 1px solid #bcb39263;
    /* border-top: 1px solid #bcb39263; */
}

.scroll {
    overflow: scroll;
}

table#quincena, table#datos {
    /* border: solid 1px #dddddd; */
    color: #748aa7;
    /* background-color: #302f8b1f; */
    /* margin: 0 0% 25px; */
    width: 80%;
}

#quincena tr:first-of-type {
    /* border-bottom: solid 1px #f2f2f2; */
}

#quincena i {
    font-size: 17px;
}

table#quincena {
    overflow: hidden;
}

table#quincena td, table#quincena th {
    position: relative;
    min-width: 100px;
}

table#quincena td:hover::after, table#quincena th:hover::after {
    content: "";
    position: absolute;
    background-color: rgba(0,0,0,0.075);
    left: 0;
    top: -5000px;
    height: 10000px;
    width: 100%;
    z-index: -1;
}

td.blk {
}

td.blk {
    background-color: #eff5f8;
}

#quincena i.bi.bi-x-circle-fill.text-danger {
    font-size: 11px;
}

table#datos {
    width: auto;
}

#datos td {
    padding-right: 45px;
    padding: 0;
    padding-right: 45px;
}

.repo {
    padding: 5%;
    color: #597f91;
}

.down {
    margin: 15px 0;
    text-align: right;
    font-size: 21px;
}

.down a {
    text-decoration: none;
    color: green;
}

.repo .mb-3 {
    /* max-width: 200px; */
}

.repo table {
    width: 100%;
}

#t_turnos td {
    min-width: 99px;
    color: #2f3e7f;
    text-align: c;
}

input.btn.btn-primary.filtrar {
    margin-top: 31px;
}

div#repo_content {
    color: gray;
    float: left;
    display: block;
    width: 100%;
    /* border: solid #0e414c36 1px; */
    /* background: #0e414c0a; */
    /* padding: 0px; */
}

div#fecha_fil {
    padding: 25px 5%;
    color: hsl(202deg 38% 44%);
    display: block;
    float: left;
    width: 100%;
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-radius: 6px;
    /* margin-right: 5px; */
}

.modal-body .down {
    padding: 0 10%;
}

img.asis_img {
    width: 75px;
    margin: 0;
    /* float: left; */
    /* padding: 0 20%; */
    min-width: 73px;
    max-width: 120px;
}

.map_con {
    font-size: 12px;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px;
}

.map_con a {
    text-decoration: none;
}

.mapa_foto {
    width: 100%;
    /* float: right; */
    padding: 5% 0 5% 5%;
}

div#foto_girar {
    padding: 30px 0 30px 0;
}

.mt-5 {
    margin-top: 20px!important;
}

.rango {
    float: left;
    padding: 2%;
}

.fl.col-md-8 {
    float: right;
    /* padding: 5%; */
}

.photo_modal {
    width: 100%;
    position: relative;
    text-align: center;
    float: left;
}

.photo-modal img {
    width: 100%;
}

#butons1 h6 {
    padding: 5px 0 10px;
}

.map1 h6 {
    margin-bottom: 10px;
    color: #476f82;
    font-size: 15px;
    text-align: center;
}

.fl.col-md-9 {
    float: right;
}

a.dropdown-item {
    font-size: 19px;
    color: #48478a;
}

#bajaf textarea#motivo {
    width: 100%;
    margin: 15px 0;
    padding: 2%;
}

div#registros_info {
    display: none;
}

a#registros_next {
    /* display: none; */
}

a#registros_previous {
    /* display: none; */
}

button {
}

div#registros_filter {
    margin: 15px 0;
}

input[type="search"] {
    margin: 0 5px;
}

a.paginate_button.current {
    display: none;
}

div#registros_filter {
    /* display: none; */
}

#registros th, #registros td {
    text-align: center;
    border: .5px solid #80808047;
    white-space: nowrap;
}

th.sorting {
    /* text-transform: capitalize; */
}

.dt-buttons {
    /* padding: 15px 0 40px; */
}

#bloque_asistencia button {
    background-color: hsl(214deg 49% 36%);
    color: #b2ceff;
}

button.dt-button.buttons-excel.buttons-html5 {
    background-color: hsl(120 23% 41% / 1);
    color: white;
    padding: 8px;
    border: none;
    border-radius: 5px;
    margin-bottom: 25px;
}

span.ss {
    font-size: 8px;
    clear: both;
    width: 100%;
}

.porcent {
    text-align: center;
    float: left;
    /* clear: both; */
    margin: 0 5px;
}

a.info.pers {
    /* text-align: center; */
    width: 100%;
    position: relative;
    display: block;
}

.numeros, .porcent {
    text-align: center;
    float: left;
    margin: 0 auto;
    padding: 2%;
    width: 50%;
    min-width: 70px;
}

.porcent {
}

th.c_Personal {
    padding-left: 2%;
}

table#quincena td i {
    padding: 3px 2px;
    position: relative;
    display: block;
    font-size: 15px;
    /* line-height: 12px; */
}

.numeros.guion {
    display: none;
}

#butons1 p {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

td.horario {
    font-size: 13px;
    color: #48478a;
}

td.horario.DIURNO {
    color: hsl(44deg 100% 51%)!important;
}

td.horario.vespertino {
    color: #ee9b02!important ;
}

td.horario.nocturno {
    color: #732473!important;
}

th {
    color: #3d5090;
    vertical-align: bottom;
}

.p-4.table-responsive-md.scroll {
    margin-bottom: 10px;
}

td.td_fil {
    padding: 2%;
}

#quincena span {
    font-size: 9px;
    color: hsl(60deg 25% 43%);
}

#quincena i.bi.bi-clock-history {
    font-size: 9px;
    float: left;
    padding-left: 10PX;
    color: orange;
    font-weight: bold;
}

td.index {
    font-size: 11px;
    min-width: 20px;
    text-align: center;
}

.black1.map1 {
    background: hsl(0deg 0% 91%);
}

a.fecha_go {
    text-decoration: none;
    font-weight: bold;
    color: #2f6ee5;
}

img.icon {
    width: 100%;
    padding: 0 5%;
}

#clock h1 {
    margin-top: -35px;
    margin-bottom: 25px;
    color: #3e4b6c;
}

img.icon_alert {
    width: 40px;
    margin: -6px;
    fill: aqua;
}

a.nav-link {
    color: white;
}

#txtHint h1 {
    color: #303a5a;
}

canvas#myChart {
    padding: 4%;
}

#login a {
    color: white;
    text-decoration: none;
    font-size: 15px;
}

::before {
}

#niveles th {
    text-align: center;
}

#niveles td {
    text-align: center;
    font-size: 32px;
    padding: 1%;
    font-weight: bold;
    color: hsl(229deg 25% 76%);
    min-width: 167px;
    background-color: hsl(208deg 30% 97%);
}

#niveles tr {
    border-color: white;
}

#asistencias ::before {
}

table#niveles {
    padding: 0;
    margin: 0;
}

td.retardo i {
    margin-left: 0%;
}

td.retardo i {
}

.retardo span.text-success {
    font-weight: lighter;
}

div#login {
    position: absolute;
    right: 30px;
    top: 26px;
    /* width: 106px; */
}

table.dataTable tbody tr {
    /* border: hsl(50deg 23% 91%); */
}

.hoy:before {
    content: "Projekt:";
}

div#asistencias_filter {
    padding: 30px 0 15px;
}

table.dataTable tbody tr .odd {
    background-color: blue;
}

tr.linea1.odd {
    /* background-color: #f2f2f2; */
}

table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    opacity: 0.6;
    left: 80%;
}

h5#exampleModalLabel {
    font-size: 29px;
    padding: 0 10px;
}

div#asistencias_wrapper {
    padding-top: 45px;
    /* border-top: solid #e6e8f1; */
}

.infoPer .col-sm-6 {
    float: left;
    padding: 3px 6px;
    color: #343f72;
}

div.infoPer {
    float: left;
    width: 90%;
    margin: 5%;
    background-color: hsl(214deg 15% 95%);
    padding: 3%;
    border-radius: 15px;
}

.infoPer span {
    color: hsl(48deg 98% 21% / 55%);
    padding: 2px 0;
}

td.distancia {
    font-size: 13px;
}

span.text-danger.dist {
    font-size: 8px;
    line-height: 5px;
}

span.dist {
    font-size: 9px;
    color: #24a8e2;
    /* line-height: 9px; */
    white-space: nowrap;
}

span.tiempo {
    color: #3743dd;
}

div#datos {
    margin: 0 10%;
    background-color: #eceff1;
    padding: 2%;
    float: left;
    width: 96%;
    margin: 1% 2%;
    border-radius: 15px;
    color: #8ca1b2;
}

#datos .col-sm-6 {
    float: left;
}

#datos .col-sm-6 div {
    padding: 1%;
}

#datos span {
    font-size: 25px;
    padding: 2%;
    font-weight: bold;
    color: hsl(240deg 38% 36%);
}

#datos div.col1 {
    float: left;
    width: 50%;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    /* background-color: #77829a!important; */
    /* border-color: #4faeff!important; */
}

#datos div div {
    padding: 1% 5%;
}

a.extras i {
    padding: 0 0px 0 7px;
    margin: 0 0 0 9px;
    color: green;
    font-weight: bold;
    font-size: 20px;
    line-height: 15px;
}

form.p-4.form_incidencias {
    max-width: 600px;
    margin: 25px auto;
    float: none;
    background-color: hsl(214deg 15% 95%);
    border-radius: 10px;
    width: 90%;
    min-height: 300px;
}

.form_incidencias input[type=text] {
    width: 100%;
    border: solid 1px #c3cad2;
    padding: 3px;
    border-radius: 5px;
}

.form_incidencias a.list {
    text-decoration: none;
}

li.l_se {
    list-style: none;
    padding: 0;
    margin: 4px;
    padding: 1%;
    /* border: solid 3.5px hsl(204deg 15% 94%); */
    background-color: hsl(221deg 76% 94%);
}

.form_incidencias ul, .ingresar_Acceso ul {
    padding: 0;
}

textarea#descripcion {
    width: 100%;
}

.historial {
    padding: 0;
    width: 100%;
}

.historial tr {
    list-style: none;
    border-bottom: solid .5px #8ca1b2;
    padding: 12px 0;
    margin: 2px 0;
}

.historial tr i {
    padding: 0 10px 0 0;
}

.historial tr:last-of-type {
    border: none;
}

.input-group-text {
    position: absolute;
    top: 0px;
    right: 0px;
}

td a.info {
    text-decoration: underline;
    font-weight: 500;
    color: #038aa7;
    text-transform: uppercase;
}

div#main_asistencias h5 a {
    text-decoration: none;
    color: hsl(205deg 41% 38%);
    font-size: 14px;
}

.text-purple {
    color: purple;
}

.text-azulverde {
    color: #008981;
}

.text-rosa {
    color: #e300af;
}

.text-orange {
    color: #ff6800;
}

.t_icon {
    display: block;
}

.t_fecha {
    width: fit-content;
    position: relative;
    white-space: nowrap;
}

.t_des {
    white-space: nowrap;
}

.t_mot {
    width: 10%;
}

.historial td {
    padding: 10px 0;
}

.historal tr {
}

th.sorting {
    color: #3a698a;
}

.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {
    background-color: white;
}

div#fecha_fil h5 {
    padding: 5px 0;
}

div#fecha_fil td {
    border-bottom: solid .5px #97b6cd;
}

.nofilter:before, .nofilter:after {
    opacity: 0% !important;
}

table#historial tr td {
    border-bottom: solid .5px #97b6cd;
    /* white-space: nowrap; */
    /* max-width: 200px; */
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 0px;
    display: none;
    background-color: #000000ab;
    padding: 4px 8px 4px 4px;
    border: none;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    z-index: 300;
}

button#btn-back-to-top i {
    color: #ffffffe6;
    font-size: 33px;
    font-weight: bold;
}

table#quincena span.tiempo {
    display: block;
}

div#alerts {
    float: left;
    padding-right: 22px;
    padding-top: 3px;
}

div#acount {
    display: block;
    position: absolute;
    right: 87px;
    background: red;
    padding: 3px;
    font-size: 10px;
    border-radius: 25px;
    text-align: center;
    height: 20px;
    width: 20px;
}

ul.navbar-nav li a {
    font-size: 15px;
}

.container-fluid a {
    font-size: 17px;
}

div#container_Alerts {
    background: hsl(216deg 50% 96% / 95%);
    position: absolute;
    z-index: 50;
    width: 500px;
    right: 0;
    max-width: 100%;
    border-left: solid 1px #cbd2df;
    border-bottom: solid 1px #cbd2df;
    border-bottom-left-radius: 5px;
    top: 63px;
}

div#container_Alerts ul {
    padding: 15px;
}

div#container_Alerts ul li {
    list-style: none;
    padding: 6px;
    border-bottom: solid .5px #c0c8d8;
}

div#container_Alerts ul li:last-of-type {
    border: none;
}

div#container_Alerts a {
    text-decoration: none;
    font-weight: bold;
}

.card-header h4 a {
    font-size: 17px;
}

.form-control {
    font-size: 15px;
    padding: 3px 0px 3px 5px;
}

p.cero {
    padding: 25px 25px 0px 25px;
}

table#quincena td {
    border: none;
}

div#container_Alerts ul li a {
    color: #3072d3;
}

ul#formatos li {
    list-style: none;
    padding: 5px;
}

ul#formatos {
    padding: 4px 0;
}

ul#formatos li a {
    text-decoration: none;
}

input#monto {
    border: solid 1px #b7bec8;
    border-radius: 5px;
    padding: 2px;
}

.asig_list a {
    text-decoration: none;
}

div#fecha_fil h5 {
    width: 100%;
    display: block;
    float: left;
}

.card.serviciosCard {
    width: 100%;
}

.card.serviciosCard .card-header {
    background-color: hsl(210deg 33% 96%);
    border-bottom: none;
}

@media (max-width: 642px) {
    .column_modal {
        width: 100%!important;
    }

    .map1 .col-lg-6 {
        width: 100%;
    }

    #datos div.col1 {
        float: left;
        width: 100%;
    }

    .card.serviciosCard {
        width: 96%;
    }
}

.data li {
    list-style: none;
}

.data ul {
    /* padding: 20px; */
}

button#p_reporte {
    text-align: center;
}

button#p_reporte {
    background-color: purple;
    color: #fad4fd !important;
    /* margin-top: 15px; */
}

.b_but {
    margin: 10px 0 30px;
}

button#p_entrada {
    background: hsl(191 70% 39% / 1);
    color: white;
    margin: 10px 40px;
}

.card.serviciosCard .data .dataTables_wrapper {
    padding: 1% 0;
}

span.num {
    color: #a4a9c8;
    font-size: 15px;
    padding: 0 10px;
}

button#p_salida {
    background-color: #e50202;
    color: white;
}

button#p_rondin {
    /* background-color: gray; */
}

#sh_camara.row .col-lg-12 {
    padding-bottom: 30px;
}

.e_datos {
    padding: 0 20px;
    width: auto;
    text-decoration: none;
    font-size: 15px;
}

table.dataTable {
    font-size: 15px;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 2px 2px;
    /* min-width: 13px; */
}

td.iconstd.nofilter {
    min-width: 50px;
}

.dataTables_wrapper {
    color: aliceblue;
    margin-top: 15px;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #2f5678;
}

span.faltante {
    font-weight: bold;
    color: #ffbd00;
    font-size: 15px;
    /* margin-top: -6px; */
}

.column_modal {
    width: 50%;
}

form.form_imagen {
    padding: 25px;
}

.p-4 a.dropdown-item {
    font-size: 15px;
}

img.photo_p {
    border-radius: 108px;
    /* max-height: 200px; */
    border: 1px solid #685301;
    margin: 5px 15px 5px 0px;
    max-width: 60px;
    float: left;
    display: block;
    clear: none;
}

.mt-5 .card img.photo_p {
    margin: 25px;
}

.card .card {
    box-shadow: none;
}

.infoPer .col-sm-12 {
    padding: 5px 0;
}

p.asistencias {
    padding: 25px;
}

img.asis_img {
    border: 1px solid #b2b2b2;
    border-radius: 5px;
    margin: 10px auto;
}

a.navbar-brand {
    line-height: 41px;
}

a.nuevo_e {
    text-decoration: none;
}

#equipo_l li {
    list-style: none;
    padding: 4px 2px;
    font-size: 15px;
}

#equipo_l li input {
    font-size: 13px;
    max-width: 50px;
    padding: 1px;
}

table.table.align-middle.table-responsive {
    font-size: 13px;
}

.asi1 {
    background-color: #22764029;
    padding: 4px 0;
    margin: 8px 0;
    border-radius: 5px;
    /* border: solid .5px #227640; */
    color: #77773e;
    /* font-weight: bold; */
}

span.dist, span.tiempo {
    margin: 1px 2px;
    display: block;
}

i.bi.bi-geo-alt-fill {
    /* margin: 14px; */
}

.asi1.novalida {
    opacity: .5;
}

tr.odd {
    background-color: #f7f7f3 !important;
}

#div_r.table-responsive {
    overflow-x: auto;
    height: 600px;
    /* margin: 15px; */
    border: solid #0e414c36 1px;
    background: #0e414c0a;
    padding: 15px;
}

#registros li, #registros ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
    line-height: 17px;
}

table#bajas {
    font-size: 13px !important;
}

#registros li.novalida {
    opacity: .5;
}

#registros li.valida {
    font-weight: bold;
    color: #4a8000;
}

#registros li.valida.doblete {
    color: #8faa6b;
}

td.index.nofilter.sorting_1 {
    opacity: 0.75;
    font-size: 11px;
    /* display: none; */
}

span.usuario {
    font-size: 7px;
    padding-top: 5px;
}

i.bi.bi-x-circle-fill {
    color: #b4a980;
    opacity: .25;
}

.fecha_m, h5#exampleModalLabel {
    display: block;
    clear: right;
    float: left;
    width: 100%;
}

.modal-header h4 {
    font-size: 14px;
    width: 150px;
    margin: 3px 0 0 0;
    opacity: .5;
}

a.descartados {
    opacity: .75;
}

a.info.open-AddBookDialog.descartado {
    opacity: .25;
}

#registros .asi_opciones li {
    display: block;
    clear: both;
}

#registros .asi_opciones li a {
    text-decoration: none;
    padding: 3px 7px;
    margin: 1px;
    display: block;
}

#registros ul.asi_opciones {
    position: absolute;
    padding: 3px 0;
    margin-top: 5px;
    z-index: 100;
}

.tipo_falta {
    font-size: 11px !important;
    text-transform: uppercase;
    font-weight: bold;
}

a.descartados2 {
    font-size: 11px;
    vertical-align: middle;
}

.modal-body .p-4 {
    max-height: 2000;
    border: none;
}

li#for_Contrato {
    display: none;
}

.n_asis {
    background-color: #d6e0e2;
    width: auto;
    position: absolute;
    color: #11323c;
    padding: 6px 9px;
    font-size: 10px;
    border-radius: 15px;
    right: -27px;
    top: -4px;
}

th.index01.nofilter.sorting.sorting_asc {
    display: table-cell;
}

select#proyectos {
    font-weight: 200;
    color: #0e414c;
}

select#proyectosF {
    font-weight: 300;
    color: #0e414c;
    font-size: 11px;
    padding: 4px;
    background-color: #edf0f1;
    border-radius: 5px;
    border: 1px solid #0e414c47;
}

#c_proyectos h5, #c_proyectos #proyectosF {
    float: left;
    position: relative;
    margin-right: 10px;
}

#c_proyectos h5 {
    font-weight: 400;
    font-size: 21px;
    margin-left: 0px;
    width: auto;
}

a.n_tablero {
    padding: 5px 0;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    color: #0092b2;
    position: relative;
    display: block;
    width: 200px;
}

a.n_tablero2 {
    margin: 13px 0;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    color: #0092b2;
    position: relative;
    width: 400px;
    display: block;
    float: left;
}

.pro_content {
    padding: 0 1% 10px;
    float: left;
    width: 100%;
    position: relative;
}

div#c_proyectos .card h4 {
    font-size: 13px;
    padding: 0;
    margin: 0;
    font-weight: 400;
    width: 70%;
    padding-top: 2px;
}

div#c_proyectos .card .p-4 {
    border-bottom: none;
    margin-bottom: -10px;
    padding: 0px 10px !important;
}

#c_proyectos .card {
    background-color: #e4ebee38;
    /* float: left; */
    /* width: 25%; */
    /* display: block; */
    margin-top: 5px;
    box-shadow: 1px 1px 2px #c4c9ce47;
    margin-bottom: 0PX;
}

#c_proyectos .col_pro {
    float: left;
    padding: 0 1%;
}

div#c_proyectos {
    border-bottom: none;
}

#c_proyectos .p-4 {
    border-bottom: none;
    margin-bottom: 5px;
}

a.n_tarea {
    text-decoration: none;
    font-size: 12px;
    margin: 0px -5px;
    position: relative;
    color: #0092b2a6;
}

#c_proyectos .card-header {
    padding: 5px 10px;
}

ul.tarea {
    margin: 10px 0;
    padding: 0;
    list-style: none;
    background: #dcdcdc5c;
    padding: 25px;
}

.tarea li {
    margin: 5px 0 5PX -10px;
    padding: 0;
    font-size: 13px;
}

.tarea a {
    text-decoration: none;
    border: none;
    float: left;
}

.tarea {
    /* padding: 10px 0; */
    padding-bottom: 40PX;
    position: relative;
}

.tarea .item {
    background: #e1ecee;
    padding: 5px;
    margin: 5px -5px;
    font-size: 13px;
    border-radius: 5px 5px 5px 5px;
    min-height: 73px;
    overflow: hidden;
}

#resp2 ul#myUL_responsable_nombre, #resp2 ul#myUL_participante_nombre {
    position: absolute;
    padding: 0;
    margin-top: -1px;
    border: 1px solid #e3e8e9;
    border-bottom: none;
    /* width: 90%; */
    /* margin: 0 5%; */
    z-index: 1;
    margin-left: 4px;
    background: white;
}

ul#myUL_responsable_nombre li, ul#myUL_participante_nombre li {
    text-decoration: none;
    list-style: none;
    background: #f7f9f9;
    padding: 0px 7px 5px;
    border-bottom: 1px solid #e3e8e9;
}

ul#myUL_responsable_nombre li a, ul#myUL_participante_nombre li a {
    text-decoration: none;
    font-size: 11px;
}

.modal-header .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
}

.modal-header {
    position: relative;
    display: block;
}

div#asignarResponsable {
    display: block;
    position: relative;
    float: left;
}

#resp2 input#guardar {
    max-width: initial;
    font-size: 11px;
    padding: 4px;
    margin: 0px;
    background: 0;
    border: none;
    color: #238dad;
}

.tareaModal h6 {
    padding: 0;
    margin: 0;
    font-weight: 300;
    margin-bottom: 10px;
}

.tareaModal .m_photo, #capa_bottom .m_photo {
    float: left;
    width: 40px;
}

.tareaModal .modal-body {
    padding: 25px;
}

input#responsable_nombre, input#participante_nombre {
    margin-top: 5px;
    font-size: 13px;
    background-color: #e4e7eb85;
    border: 1px solid #d3e0e3;
    border-radius: 5px;
    padding: 5px;
}

.nombreRespo {
    padding: 20px 10px;
    display: block;
    float: left;
    font-size: 13px;
    color: hsl(190.65deg 100% 30.73%);
    width: auto !important;
}

.fotoTarea .m_photo {
    position: absolute;
    top: 21px;
    right: -2px;
    width: 40px;
    height: 40px;
}

.fotoTarea {
    position: relative;
    margin-top: -28px;
    display: block;
    float: right;
    margin-right: 2px;
}

.fotoTarea .m_photo img.photo_p2 {
    width: 40px;
    margin: -2px -2px 0 0;
    height: 40px;
}

.tarea_col {
    width: 33%;
    display: block;
    position: relative;
    float: left;
    padding: 5px;
    /* background: #e2e8e9; */
}

a.tarea_bu {
    float: left;
    position: relative;
    display: block;
    /* clear: both; */
    margin-left: 10px;
    font-size: 13px;
    text-decoration: none;
    color: #1082a4;
    padding: 0px 0 0;
}

form .date {
    padding: 0;
}

.col-sm-12.obligatorio span::after, .obligatorio label::after {
    content: '*';
}

.tareaModal h6 i {
    font-size: 13px;
}

.participa {
    width: 100%;
    float: left;
}

select#proyectosF {
    margin: 10px;
}

form i.bi.bi-plus-circle-fill {
    color: #54899475;
    /* margin-left: -20px; */
    font-size: 12px;
}

.tarea_col input, input#responsable_nombre {
    width: 80%;
}

div#datetimepicker_inicio_per {
    /* width: 80%; */
}

.fecha_tarea {
    font-size: 10px;
    opacity: .5;
    display: block;
    float: left;
    margin: 3px;
    width: 100%;
}

.pro_content a.tarea_bu {
    padding: 3px 0 0;
    font-size: 13px;
    margin-left: 5px;
}

.tarea_col div {
    width: 100%;
}

.input-group-text {
    padding: 6px;
    color: #11323c;
}

span.puesto_modal {
    color: hsl(190.65deg 100% 30.73%);
    padding: 0px 11px 0;
    display: block;
    CLEAR: none;
}

div#t_2_filter {
    padding: 5px 5px;
}

.dataTables_info {
    padding: 5px 5px 0 5px;
    font-size: 13px;
}

div#fecha_fil {
    padding: 45px;
}

.dato_modalper {
    display: block;
    float: left;
}

div#t_3_info {
    padding: 5px 0px 0px 9px;
}

ul.entradas {
    font-size: 13px;
    line-height: 19px;
    padding: 17px 0 0 0;
}

ul.entradas li {
    padding: 3px;
}

table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled {
    padding-right: 10px;
}

#historial tr.odd {
    background: #dfe4e5 !important;
}

.dataTable tr {
    height: 35px;
    vertical-align: middle;
}

button#p_permiso, button#p_vacaciones, button#p_reporte {
    background-color: #0e414c;
    color: #e4ebee !important;
    margin: 20px 27px;
}

#bloque_asistencia i.bi.bi-house-fill {
    color: #e4ebee !important;
}

.sorting {
    padding-right: 22px !important;
}

table.dataTable tbody tr {
    padding: 29px;
}

.btn_loader {
    display: block;
    width: 100%;
    text-align: center;
    margin: 30px 0;
}

#incidencias_model .btn {
    background: #11323c;
    border-color: #cce4e9;
    color: #cce4e9;
    --bs-btn-hover-bg: #3a8ca5;
    --bs-btn-hover-border-color: #0d698a;
    --bs-btn-active-bg: #778d9a;
    --bs-btn-active-border-color: #4fdeff;
    display: block;
    position: relative;
    text-align: center;
    margin: 10px auto;
}

i.bi.bi-prescription2.incapacidad {
    color: hsl(350 80% 49% / 1);
}

td.t_icon {
    /* min-height: 31px; */
}

.t_icon i.bi {
    line-height: 31px;
}

.incidencia_asis {
    font-size: 9px;
    font-weight: bold;
    color: #e2552b;
}

table.table.align-middle.listado_Acceso {
    font-size: 13px;
    text-transform: uppercase;
}

span.alert1 {
    color: #db8e00;
}

span.alerta_entrada {
    color: #e49300;
}

#registros ul li a {
    text-decoration: none;
}

#registros ul li a.e_inc {
    color: unset;
}

span.porc {
    font-size: 9px;
    padding: 3px;
}

span.inductivo {
    display: none;
}

.listado_visitas td, .listado_visitas th {
    font-size: 13px;
}

.listado_visitas td.index.nofilter.sorting_1 {
    display: revert;
    font-size: 11px;
    padding: 2px;
}

div#fecha_fil .listado_visitas td {
    border-bottom: solid 1px #97b6cd !important;
    opacity: 1;
}

#inicio_tar .input-group-text, #fin_tar .input-group-text, #inicior .input-group-text, #finr .input-group-text {
    width: auto;
}

.tareaModal i.bi.bi-x-circle-fill, #capa_bottom i.bi.bi-x-circle-fill {
    color: #a1b8bf;
    opacity: 1;
    font-size: 13px;
    margin-top: 24px;
    position: absolute;
}

td.in_f {
    font-size: 13px;
}

#historial td.in_f {
    min-width: 90px;
}

input.nombreEditable, textarea.nombreEditable {
    font-size: 17px;
    border: none;
    color: #11323c;
    width: inherit;
    background: none;
    overflow: hidden;
    overflow-wrap: break-word;
    border: none;
    float: left;
    min-width: 200px;
}

#exampleModalLabel input.nombreEditable {
    font-size: 23px;
}

input.nombreEditable:focus-visible, textarea.nombreEditable:focus-visible {
    border: none;
    outline: none;
}

textarea.nombreEditable:focus-visible {
    border: none;
    outline: none;
    background: #1b70940f;
    border-radius: 5px;
    padding: 5px;
    font-size: 15px;
}

input#porcentaje {
    border: 1px solid #cad9dc;
    background: #eeeff2;
    border-radius: 5px;
    width: 50px;
}

#f_porcentaje span {
    font-weight: bold;
}

span.por_tarea {
    color: hsl(195 57% 55% / 1);
    font-weight: bold;
    padding: 5px 10px 0;
    font-size: 13px;
    display: block;
    float: left;
    clear: both;
}

.pro_content.titulo_pro {
    background: #edf0f19e;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.titulo_pro i.bi.bi-trash3-fill {
    margin: 5px 0;
    display: block;
}

a.tarea_bu.del_listado {
    float: right;
}

.fila1 {
    width: 100%;
    float: right;
}

input.zonaedith {
    margin-top: 5px;
    font-size: 13px;
    background-color: #e4e7eb85;
    border: 1px solid #d3e0e3;
    border-radius: 5px;
    padding: 5px;
    width: 90%;
}

h4.miedith {
    cursor: pointer;
}

.edith1 {
    display: none;
}

.tarea span.por_tarea, .pro_content .card span.por_tarea {
    padding: 0;
}

.t_c1 {
    background-color: #e2e8e9;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
    float: left;
}

textarea.nombreEditable.descrip {
    background: #eeeff2;
    border: 1px solid #cad9dc;
    border-radius: 5px;
    padding: 2px 5px;
    font-size: 15px;
    width: 90%;
    margin-bottom: 25px;
}

div#capa_bottom {
    padding: 25px;
}

.colCapaci .participa {
    float: left;
    WIDTH: 33%;
}

.colCapaci div#resp2 {
    width: 100%;
    float: left;
    padding-top: 5px;
}

.colCapaci h6 {
    /* padding-bottom: 25px; */
}

label.lab1 {
    position: relative;
    left: -152px;
    top: -18px;
    opacity: .5;
    font-size: 13px;
}

label.lab1::after {
    content: 'Agregar' attr(data-domain);
    position: absolute;
    top: 4px;
    left: 96px;
    /* font-family: arial, helvetica, sans-serif; */
    font-size: 12px;
    display: block;
    /* color: rgba(0, 0, 0, 0.6); */
    /* font-weight: bold; */
}

input#participante_nombre {
    width: 300px;
}

div#evidencia {
    width: 100%;
    display: block;
    float: left;
    padding: 24px;
    margin-left: 0px;
}

div#contEv {
    padding: 0 50px;
    display: none;
}

.listado_Capacitacion a {
    text-decoration: none;
}

table.dataTable.historial thead tr th {
    font-weight: bold;
    /* color: black; */
}

td.status {
    text-transform: capitalize;
    font-size: 13px;
}

td.status.rechazada a {
    color: #dd0101;
}

td.status.aprobada a {
    color: green;
}

td.status.aprobadajefe a {
    color: #f7a001;
}

#historial.solicitudes td {
    padding: 10px 10px;
    font-size: 13px;
    line-height: 15px;
    position: relative;
}

ul.asi_opciones {
    float: left;
    margin: 0;
    padding: 0px 0 5px;
    margin-left: 5px;
    background-color: #243740;
    border-radius: 12px;
}

ul.asi_opciones li {
    float: left;
    display: block;
    margin: 0 10px;
    font-size: 10px;
    padding: 5px 0 0;
    color: white;
}

ul.asi_opciones li a {
    color: white;
}

.solicitudes td.status a.descartados {
    color: white;
}

.solicitudes ul#asi_opciones {
    position: absolute;
    margin-top: 5px;
    z-index: 10;
    width: 120px;
    right: 0;
    border-radius: 10px;
}

.proyectosTodos.table-responsive-md {
    border-top: 1px solid #96acb1;
    padding: 24px;
}

.itemInfo {
    font-size: 11px;
    padding: 3px;
}

h4.miePro {
    width: 78% !important;
}

.calendarioProyectos {
    padding: 0 24px;
}

.miedith.desc1 {
    font-size: 15px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding: 5px;
    min-height: 50px;
    background-color: #eeeff2;
    border-radius: 5px;
    border: 1px solid #cad9dc;
    max-width: 80%;
    font-size: 13px;
}

.ingresoT, #mensajeAlerta {
    max-width: 500px;
    margin-top: 50px;
    margin: 5px auto 50px;
    background-color: #80808014;
    padding: 25px;
    overflow: auto;
    border-radius: 10px;
    border: solid .5px #cdcdcd;
}

form.ingreoConductor {
    border: none;
    margin-top: -60px;
}

div#txtHint2 {
    text-align: center;
    margin: 35px 0 0 0;
}

#ingresoTrans form.p-4 {
    max-height: 1040px;
}

#ingresoTrans div#bloque_asistencia {
    /* margin-top: -80px; */
}

.lista_arrayUpload select#Archivos {
    width: auto;
}

div#imgUpload {
    padding: 25px 0 50px;
}

h6#hDes {
    /* margin-top: 75px; */
}

#historial img.imamodal {
    max-width: 50px;
    border: 1px solid gray;
    margin: 6px;
    border-radius: 5px;
}

#ingresoTrans form#f_asistencia {
    border: none;
    overflow: hidden;
    max-height: 5159px;
}

div#evidenciaMain {
    background-color: #10262e1c;
    padding: 15px;
    border-radius: 5px;
}

label.error {
    color: #ff5f00;
}

a.link1.modalTarea {
    display: block;
    padding: 2px 5px;
    float: left;
    font-size: 16px;
}

.tarea span.por_tarea {
    clear: both;
    padding: 0px !important;
}

#ingresoTrans img.icon {
    width: 180px;
    padding: 31px;
}

#ingresoTrans img.icon #visiticon {
    width: 180px;
    padding: 31px;
}

li.hextra span a.e_inc, li.hextra span {
    color: orange !important;
}

span.hextra {
    color: green;
}

.check span {
    display: block;
    margin: 5px 2px;
    font-weight: bold;
    font-size: 14px;
}

#conductor label.ngl {
    display: block;
    float: left;
    width: 30%;
    font-size: 14px;
    margin: 0 10%;
}

.cumple strong {
    color: green;
}

.nocumple strong {
    color: red;
}

.check {
    display: block;
    float: left;
    width: 100%;
    background-color: hsl(0deg 0% 91% / 66%);
    margin: 10px 0;
    padding: 5px 5px;
    border-radius: 10px;
    TEXT-ALIGN: CENTER;
    border: solid thin #c4c4c457;
}

button#p_permiso {
    /* margin: 40px; */
    background-color: orange;
    color: black !important;
}

tr.tr_entrada td {
    color: green;
    background-color: #00800005;
}

tr.tr_permiso td {
    color: #ca7100;
    background-color: #ffbd0003;
}

tr.tr_regresar td {
    color: #df5000;
    background-color: #ffbd0003;
}

.td_vehiculoId p {
    margin: 0;
}

#ingresoTrans #txtHint h1, .ingresoT h1 {
    font-size: 25px;
}

#ingresoTrans #txtHint p, .ingresoT p {
    margin-bottom: 10px;
}

label.lalcohol {
    width: 100% !important;
    margin: 0 !important;
}

div#ingresosTransporte_wrapper {
    padding: 1%;
}

table#ingresosTransporte {
    margin-top: 30px;
}

div#ingresosTransporte_filter {
    margin-bottom: 25px;
}

.td_alertas li {
    list-style: disc;
    text-align: left;
}

#accesos_container div#ser-cards {
    /* display: -webkit-inline-box; */
    overflow: auto;
}

#diasIngreso table#quincena {
    width: 100%;
    margin: 0px 0 25px;
}

td.diaIngreso {
    background-color: hsl(197 -15% 94% / 1);
}

table#quincena td a {
    display: block;
    font-weight: bold;
}

#diasIngreso table#quincena .blk {
    background-color: hsl(0deg 0% 93% / 0%) !important;
}

#accesos_container .card-header {
    display: none;
}

tr.tr_entrada td, tr.tr_permiso td {
    vertical-align: top;
}

.td_alertas .data ul {
    padding: 0px;
}

#accesos_container td {
    font-size: 12px;
}

.barra1 {
    width: 100px;
    display: block;
    background-color: #98cfdb59;
    vertical-align: bottom;
}

td.blk2 {
    vertical-align: bottom;
}

td.td_vehiculoId {
    min-width: 88px;
}

a.todayc {
    color: #00b8e0;
}

.inspeccion1 label {
    width: 20%;
    margin: 10px 0 0;
}

.inspeccion1 span {
    width: 100%;
    display: block;
    font-weight: bold;
    width: fit-content;
}

.inspeccion1 {
    background-color: hsl(195 -19% 94% / 1);
    padding: 10PX;
    border-radius: 10px;
    margin-bottom: 25px;
    float: left;
    clear: both;
    width: 100%;
}

.inspeccion1 label.form-label {
    width: 100% !important;
    text-align: left;
    margin: 0;
}

select#inspeccionesTipos {
    margin: 25px;
    width: 400px;
    /* width: auto; */
}

div#inspeccionesTipos {
    margin: 25px;
}

table#ingresos td, table#ingresos th {
    border: solid .5px #d6d6d6;
}

table#ingresos {
    padding: 35px 0;
    font-size: 11px;
}

#ingresos td ul {
    padding: 0;
    margin: 0;
    margin-left: 15px;
    font-size: 11px;
}

#ingresos td li {
    padding: 0;
    margin: 0;
    list-style: auto;
    text-align: left;
}

select#comentatio {
    width: 300px;
    float: left;
    clear: both;
    display: block;
    position: relative;
}

div#observ {
    width: 100%;
    float: left;
    margin: 15px 0;
}

.comImg {
    position: absolute;
    top: 0;
    font-size: 10px;
    padding: 4px 5px 5px 6px;
    background-color: #e4ebeebf;
    width: 100%;
    font-weight: bold;
    min-height: 25px;
}

.inscol1 {
    width: 20%;
    float: left;
    display: block;
}

.inscol2 {
    width: 80%;
    float: left;
    display: block;
}

.inscol1 img {
    width: 100%;
    padding: 10%;
}

input.btn.btn-primary {
    /* clear: both; */
    /* float: left; */
    /* width: 100%; */
}

.d-grid {
    clear: both;
    float: left;
    width: 100%;
}

@media (max-width: 767px) {
    .inspeccion1 {
        text-align: center
    }

    .inscol1 {
        width: 100%;
        float: left;
        display: block;
    }

    .inscol2 {
        width: 100%;
        float: left;
        display: block;
    }

    .inscol1 img {
        width: 50%;
        padding: 0;
        margin: 5px 25% 0;
    }

    td.td_fil {
        width: 100%;
        float: left;
    }

    th.c_Personal {
        padding-left: 0%;
    }

    .map1 div {
        width: 100%;
        padding: 0 0 13px 0;
    }
}

i.bi.bi-filetype-pdf {
    color: red;
}

#main_asistencias th.nosort.nofilter.sorting.sorting_asc:nth-of-type(1), #main_asistencias td.index.nofilter.sorting_1:nth-of-type(1) {
    display: none;
}

td.index.nofilter.sorting_1 {
}

.photo img.asis_img {
    margin: 5px 5px;
}

button.navbar-toggler {
    position: absolute;
    right: 130px;
    top: 10px;
}

.iconstd a {
    margin: 10px 0;
}

#listado_Inspeccion td:nth-of-type(5) {
    text-align: center;
}

tr.even {
    /* background-color: hsl(180deg 49.89% 46.51%) !important; */
}

table.dataTable th {
    font-weight: bold !important;
}

table.dataTable {
    padding-top: 15px !IMPORTANT;
    position: relative;
    font-size: 11px;
}

div#aprobar {
    text-align: center;
    padding: 15px;
}

#aprobar input {
    text-transform: uppercase;
}

input.aprobar {
    background-color: hsl(95 38% 77% / 1);
    border-radius: 5px;
    border: none;
    padding: 10px;
}

input.rechazar {
    background-color: hsl(0deg 38% 77%);
    border-radius: 5px;
    border: none;
    padding: 10px;
}

i.bi.bi-circle-fill.an {
    font-size: 3px;
    color: green;
}

i.bi.bi-circle-fill.ann {
    font-size: 3px;
    color: hsl(0 0% 83% / 1);
}

i.bi.bi-circle-fill.an, i.bi.bi-circle-fill.ann {
    padding: 0px;
    margin: -1px;
}

label.form-label {
    width: 100%;
    text-align: left;
    margin: 5px 0;
}

.ingresar_inspeccion label.form-label {
    text-align: left;
    width: 100%;
    margin: 15px 0 5px;
}

#txtHint2 h1 {
    text-transform: uppercase;
}

h5.h5Inspeccion {
    color: #0e414c78;
    font-weight: 500;
    margin-bottom: 20px;
}

.fileL {
    margin: auto;
    display: block;
    position: relative;
    /* float: right; */
    color: #1a78978a;
    width: 18px;
}

.fileL span {
    color: white;
    position: absolute;
    left: 0;
    font-size: 10px;
    padding: 3px 5px;
}

.fileL i {
    font-size: 17px;
}

a.aL {
    color: #1a7897;
    /* text-decoration: underline; */
    font-weight: 400;
}

a.pdfW {
    float: right;
    font-size: 35px;
}

.selImgTrans {
    margin: 10px 0;
    /* background-color: hsl(0deg 0% 81% / 56%); */
    /* padding: 10px; */
    text-align: center;
    border-radius: 5px;
}

.transDiv {
    margin-bottom: 0px;
}

.imageTrans i.bi.bi-camera-fill {
    font-size: 32px;
}

div#mainAlert .alert {
    margin-top: 35px;
}

i.okImg {
    color: green;
}

div#galeriaIngresos {
    padding: 31px 0px;
    display: block;
    position: relative;
    float: left;
}

td.tNombre {
    transform: rotate(-90deg);
}

table#VehTrans th, table#VehTrans td {
    text-align: center;
    border: solid .5px #b6b6b67a;
}

table#VehTrans td {
    padding: 0;
    font-size: 10px;
    display: none;
    text-align: center;
    text-wrap: nowrap;
    height: 87px !important;
}

table#VehTrans th, td.tval {
    font-weight: 300;
    font-size: 11px;
    /* padding: 5px 10px; */
    /* background-color: #e8e9ea; */
}

table#VehTrans {
    margin: 0px;
}

td.tval {
    height: auto !important;
    text-align: center !important;
}

table#VehTrans th div {
    background-color: #0e414c8c;
    margin-bottom: 110px;
}

span.vNombre {
    transform: rotate(-90deg);
    display: block;
    text-wrap: nowrap;
    margin-top: 52px;
    width: 20px;
    height: 17px;
    text-transform: uppercase;
}

table#VehTrans th {
    padding: 0 2px 10px;
}

table#VehTrans th:hover {
    background-color: #e8e9ea;
}

span.infoTV {
    display: block;
    clear: both;
    margin-bottom: 25px;
    font-size: 11px;
    margin-top: 5px;
}

div#capa_bottom h5 {
    padding: 0;
    margin: 5px 0 10px;
    font-weight: 500;
    font-size: 19px;
}

div#capa_bottom a.n_tarea {
    margin: 10px 0 !important;
    float: left;
    clear: both;
}

.ItemEvidencia .item, div#capa_bottom .item {
    background-color: #cfdae599;
    margin: 10px 0;
    padding: 5px;
    width: 30%;
    border-radius: 5px;
    float: left;
    margin: 5px 1%;
    min-height: 120px;
}

div#tareasIns {
    display: block;
    width: 100%;
    float: left;
    padding: 15px 0;
}

.fileL2 {
    display: block;
    float: left;
    padding: 10px 0px;
}

div#capa_bottom .n_tarea {
    font-size: 14px;
}

table#registros tr:hover, table#registros tr.odd:hover {
    background: aliceblue !important;
}

div#bolsa {
    max-width: 600px;
    margin: 0 auto 25px;
}

div#bolsa label {
    font-weight: 500;
    margin: 15px 0 10px;
}

div#bolsa .d-grid {
    margin-top: 55px;
}

.card-header {
    border-bottom: 1px solid #96acb1;
}

.card .cardIn {
    margin: 20px 20px 0px;
}

.cardIn2.text-success, .cardIn2.text-danger {
    display: block;
    float: right;
    padding: 2px;
}

.readonlytime + .input-group-append .input-group-text {
    left: 0 !important;
    width: 30px;
}

input.readonlytime {
    padding-left: 35px;
}

input.readonlytime::after {
    content: "use el calendario";
}

.form-control::placeholder {
    color: #8080808c;
}

#evidencia a.n_tarea {
    margin: 0;
    font-size: 15px;
    color: #11323c;
    font-weight: 500;
}

#evidencia a.n_tarea i.bi.bi-plus-circle-fill {
    font-size: 13px;
    color: #10262e;
}

.inspeccion1 div#gal2 {
    padding: 10px 0;
}

.inspeccion1 div#evidencia {
    padding: 25px 5px;
}

.ItemEvidencia {
    display: block;
    float: left;
    width: 100%;
    /* border-bottom: 1px solid #8080806b; */
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.inspeccion1 span.por_tarea {
}

.comImg span {
    width: 90%;
}

.tareaModal form.form_imagen input, .datosFinales form input {
    margin: 10px auto;
    width: fit-content;
}

.tareaModal form.form_imagen {
    padding: 20px 0;
}

#tareasIns .galItem {
    width: 31%;
}

#tareasIns .comImg {
    background: none;
}

.tarea div#gal2 {
    width: 100%;
    display: block;
    float: left;
    padding: 10px 0;
}

.tarea .galItem {
    width: 47%;
}

.tarea .comImg {
    background: none;
}

div#gal2.gal3 {
    padding: 10px 0;
}

.gal3 .galItem {
    width: 47%;
}

.fila1 input[type=submit], .fila1 input[type="file" i]::-webkit-file-upload-button {
    background-color: #eaebef;
    border: solid 1px #c0d0d4;
    border-radius: 5px;
    color: #176f8c;
    padding: 5px;
    font-size: 15px;
}

td.archivos {
    text-align: center;
}

.datosFinales {
    width: 100%;
    float: left;
}

.datosFinales {
    background-color: #1b5c7a0d;
    padding: 2%;
    border-radius: 10px;
    border: solid 1px #c0d0d4;
}

form.form_imagen.finales {
    margin-top: -23px;
}

h6#tituloFinal {
    font-size: 23px;
    font-weight: 500;
    color: #21607e;
}

.t_c1.closeaction {
    width: fit-content;
    float: left;
    clear: both;
}

form.form_imagen.finales {
    margin-bottom: -15px;
}

.accioncerrada {
    padding: 5px;
    color: #0781b5;
    float: left;
    margin-top: -10px;
}

.accioncerrada {
    width: 152px;
}

.accioncerrada i.bi.bi-bookmark-check-fill {
    float: left;
    font-size: 24px;
}

.accioncerrada span {
    float: left;
}

.modal-header .accioncerrada {
    margin-top: -22px;
}

select#mes_inspecciones {
    width: fit-content;
}

#registros_inspecciones th, #registros_inspecciones td {
    padding: 10px;
}

.table_inspecciones td {
    padding: 0 17px !important;
}

div#bienvenida {
    padding: 24px;
}

input.copiabtn {
}

button#button.copiarbtn {
    margin-top: 25px;
    border: none;
    text-transform: lowercase;
    font-size: 11px;
    background-color: #0088a6;
    color: white;
    padding: 5px 10px;
}

div.valid {
    padding: 10px;
    background: #c3dee478;
    border-radius: 5px;
    margin-bottom: 10px;
}

button#validado {
    border: none;
    padding: 7px;
    background: #015263;
    text-decoration: none;
    color: white;
    border-radius: 5px;
}

.valid label {
    /* float: left; */
    /* clear: both; */
}

.valid textarea#textonovalidar {
    /* float: left; */
    /* clear: both; */
}

.cardIn div#textonovalidar {
    color: #cca576;
    font-size: 14px;
    padding-top: 10px;
    font-style: italic;
}

button#mybttvalidado {
    color: white;
    border: none;
    border-radius: 5px;
    padding: 5px;
}

#txtHint h1.novalidado, #txtHint2 h1.novalidado {
    color: red;
    text-transform: uppercase;
    font-weight: 800;
}

input#registrarVisitante {
    border: none;
    background: #07525d;
    color: white;
    text-transform: uppercase;
    padding: 10px;
    font-size: 13px;
}

.mb-3 {
    float: left;
    width: 100%;
}

img.photo_p.imamodal {
    height: 19px;
    width: 19px;
    margin: 7px !important;
    border: #979797 1px solid;
}

#aEntradas {
    font-weight: 700;
    color: green;
    font-size: 14px;
    text-decoration: underline;
    margin: auto;
    position: relative;
    display: block;
    border: none;
    background: none;
    /* width: 100%; */
    text-align: center;
    margin-top: 30px;
}

.card.card_cont {
    width: 97%;
    margin: 20px auto;
}

button.bSalida {
    background: green;
    border: none;
    color: white;
    font-size: 13px;
    padding: 6px;
}

#listadoVisitantes .card.card_cont, #listadoContenedores .card.card_cont {
    box-shadow: none;
}

.mb-3.medio {
    width: 46%;
    margin: 2%;
    FONT-WEIGHT: 500;
}

.mb-3.medio.centrado {
    margin: 2% 27%;
}

button#p_entrada.orange {
    background-color: #eb6e44;
}

button#send_loader.laFotoSalida {
    background: green;
}

img.photo_p.imamodal.phSalida {
    float: left;
    clear: both;
    display: block;
    margin: 5px 0 !important;
    text-align: center;
}

span.d_salida {
    display: block;
}

.ingresoT p.novalidado {
    font-weight: 700;
    color: red;
    font-size: 21px;
}

p#mensajeAlerta {
    font-weight: 700;
    font-size: 21px;
    color: #04a8c0;
}

select#selectEntradaControl {
    min-width: 100px;
    margin-top: 25px;
    font-size: 17px;
}

#reporteConductorButton {
    margin: 15px auto 35px;
    display: block;
    background: #07525d;
    width: 100px;
    padding: 10px 0;
    color: white;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    font-size: 15px;
}

textarea#textReporteConducto {
    width: 90%;
    font-size: 15px;
}

div#mensajeAlerta {
    margin-top: -85px;
    color: #0291a6;
    font-weight: 600;
    font-size: 19px;
}

#reporteConductor h3 {
    font-size: 19px;
}

div {
}

button#p_regresar, button#p_finalizar {
    background-color: #ff4300;
    color: white;
}

li.regreso {
    list-style: none;
    font-weight: 500;
}

li.regreso p {
    margin-bottom: 0px;
}

div#conductor {
    margin-bottom: 0;
}

div#promedioDuracin {
    font-weight: bold;
}

.promS, td.blk {
    font-size: 11px !important;
    opacity: 0.75;
}

.promS strong, .blk strong {
    opacity: 1;
    font-weight: 800;
}

div#promedioDuracion {
    font-weight: 500;
}

@media (max-width: 991px) {
    div#capa_bottom .item {
        width:100% !important
    }

    .colCapaci .participa {
        float: left;
        WIDTH: 100% !important;
    }

    .mt-5 {
        margin-top: 0px!important;
    }

    .tarea_col {
        width: 100% !important;
    }

    #login {
        right: 19px !important;
    }

    #c_proyectos .col_pro {
        width: 100%;
    }

    #accesos_container td {
        font-size: 9px;
        padding: 0;
    }

    .promS, td.blk {
        font-size: 9px !important;
        opacity: 0.75;
    }
}

#listado_Acceso img {
    border-radius: 0;
    margin: 2px !IMPORTANT;
}

textarea#textJusti {
    width: 100%;
}

span.d_salida {
    font-size: 11px;
}

span.d_fecha {
    font-size: 11px;
}

span.vetado {
    font-weight: 500;
    padding: 15px 21px 0;
    color: hsl(0 100% 30% / 1);
    font-size: 17px;
}

a.info.vetado::after {
    content: "(vetado)"
}

a.info.vetado {
    color: hsl(0 100% 30% / 1);
}

span.vetado.vetadoMain {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 800;
}

#listado_Conductor .iconstd i {
    font-size: 11px;
    margin: 1px;
}

.cardIn2.text-success i, .cardIn2.text-danger i {
    opacity: 1;
}

div#pendientesvacaciones {
    font-weight: 600;
    margin-bottom: 13px;
}

a.bFormatoVaca {
    text-decoration: underline;
    font-weight: 500;
    color: #1692ba;
}

a.bFormatoVaca {
    font-weight: 600;
    color: #168ba6;
    text-decoration: underline;
}

table.tabla-estilizada {
    background: white;
    padding: 5px;
    width: 100%;
}

table#formatoVacaciones td {
    text-align: center;
    padding: 5px;
}

table#formatoVacaciones h2 {
    text-transform: uppercase;
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
}

table#formatoVacaciones .mb-3 {
    width: 30%;
    display: block;
    float: left;
    margin: 1%;
}

button.boton-pdf {
    font-size: 11px;
    float: right;
    clear: both;
    display: block;
}

form#vacForm {
    float: left;
    margin-top: 20px;
}

table#listado_Usuario {
    font-size: 13px;
}

#listado_Usuario td.iconstd {
    width: 100px;
}

div#idivBienvenido {
    min-width: 50%;
}

a.boton_listados {
    margin-bottom: 25px;
    display: block;
    width: fit-content;
    font-weight: 400;
    color: #0499af;
}

#listado_Proyecto a.info.modalTarea.link1 {
    text-align: left;
    font-size: 11px;
}

#listado_Proyecto.dataTable tbody td {
    min-width: 74px;
}

span.codigo-permiso {
    font-weight: 500;
}

#ingresos_container .card {
    border: none;
    /* background: green; */
}

#registros td p, #registros td {
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

#ingresos_container {
    position: relative;
    overflow: hidden;
}

/* Scroll superior personalizado */
.scroll-top-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    background-color: #f8f9fa;
    z-index: 2;
    border-bottom: 1px solid #dee2e6;
}

/* Tabla fantasma para el scroll superior */
.scroll-top-table {
    height: 1px;
    visibility: hidden;
    margin-bottom: 0;
}

/* Ajustar la tabla DataTable principal */
#registros_wrapper .dataTables_scroll {
    margin-top: 20px; /* Espacio para el scroll superior */
}

/* Asegurar que ambas barras sean visibles */
.scroll-top-wrapper::-webkit-scrollbar,
#registros_wrapper .dataTables_scrollBody::-webkit-scrollbar {
    height: 12px;
}

.scroll-top-wrapper::-webkit-scrollbar-track,
#registros_wrapper .dataTables_scrollBody::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scroll-top-wrapper::-webkit-scrollbar-thumb,
#registros_wrapper .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
}

.scroll-top-wrapper::-webkit-scrollbar-thumb:hover,
#registros_wrapper .dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Para Firefox */
.scroll-top-wrapper {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

#registros_wrapper .dataTables_scrollBody {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}


table#registros {
    overflow: auto;
}

div#registros_wrapper {
    overflow: auto;
}

registros tr { padding:0; margin:0}

#ingresos_container .card .card {
    background: #2d575d !important;
    color: white;
}

#ingresos_container .card .card p {
    color: white !important;
}

#registros tr {
    height: 30px;
    vertical-align: middle;
    /* padding: 0px 11px; */
}

.observ {
    background: #e7ebee;
    margin: 5px;
    padding: 10px;
}

.observ span {
    display: block;
    padding-bottom: 5px;
}

.form-archivo.cargado {
    background-color: #e8f5e9; /* Verde claro */
    border: 1px solid #4caf50; /* Verde */
    opacity: 0.7;
}

.form-archivo.cargado button {
    background-color: #4caf50;
    color: white;
}


.check label {
    padding: 5px 26px;
}

#listado_Housekeeping a.info.modalTarea.link1 {
    float: none;
}

.itemHouse {
    width: 100%;
    FLOAT: LEFT;
    background-color: #edeeeeb5;
    margin: 10px 0px;
    padding: 2%;
    border-radius: 5px;
}

strong.ih.no {
    color: red;
    font-size: 21px;
}

strong.ih.si {
    color: green;
    font-size: 21px;
}

.hkImagw {
    margin-top: 15px;
}

.hkImagw img {
    max-width: 400px;
}

.itemHouse #evidencia {
    background-color: #07525d14;
    margin: 0;
    padding: 10px !important;
}

.itemHouse .inspeccion1.mb-3 {
    margin: 15px 0px 0 0;
    padding: 0;
}

select#areaHouse {
    margin-bottom: 10px;
}

span.fechaAlert {
    color: #d40202;
}