#kt_app_header {
    background-color: #000000ee !important;
}

.app-header-menu{
    .menu-title {
        color: #ffffffc9 !important; 
    } 
    
    .menu-link:hover{
        .menu-title {
            color: #be4718c9 !important; 
        } 
    }

    .menu-sub  {
        .menu-title {
            color: #be4718c9 !important; 
        }
    }
}

table tr.clickable-row:hover {
    cursor: pointer;
    background-color: rgb(241, 241, 241);
}

.ribbon-label.ribbon_der {
    right: -24px;
}

.form-control-solid_d,
.form-select-solid_d,
.form-check-input_d {
    border-color: var(--bs-gray-300) !important;
    background-color: var(--bs-gray-100) !important;
}

.form-select_esp {
    padding: 0.3rem;
    --bs-form-select-bg-img: none;
}

.form-check-input_d {
    border-width: 1px !important;
    border-style: solid !important;
}

.form-check-input_d:checked {
    background-color: #009ef7 !important;
    border-color: #009ef7 !important;
}

.modal {
    --bs-modal-header-padding: 1rem 1rem;
    /* background-color: red; */
}

/* Calendario CSS*/
.calendar {
    width: 80%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 auto .4em;
}

.calendar-fichajes1 th {
    width: 14.28%;
    display: inline-block
}

.calendar th {
    font-size: 1.5em;
    text-align: center;
    border: 1px solid #ddd;
}

.calendar td {
    width: 14.28%;
    text-align: center;
    border: 1px solid #ddd;
    color: #000;
}

.calendar td a {
    display: block;
    padding: .2em;
    text-align: center;
    text-decoration: none;
    color: #000000 !important;
}

.calendar-fichajes a {
    display: block;
    width: 100%;
    height: auto;
}

.calendar-fichajes p {
    margin-bottom: 0;
}

/* TABLA EDITABLE */
.td_editable input {
    border: none;
}


@media (min-width: 1400px) {
    .chat_ch {
        max-width: none;
    }
}

.select2-container--default .select2-selection--single {
    background-color: red;
}



/* MEDIAS PARA LA CREACION DE CALENDARIOS*/

.ptotal {

    padding: 3% 5%;
}

.col-calendario {
    padding: 3% 4%;
    font-size: x-small;
    width: 14.2%;
}

.col-semana {
    padding: 3% 4%;
    font-size: x-small;
    width: 14.2%;
}

.w-240px {
    width: 240px !important;
}

.h-145px {
    height: 145px !important;
}

.w-145px {
    width: 145px !important;
}

.min-w-35px {
    min-width: 35px !important;
}

.fs-vacaciones {
    font-size: 1em !important;
}

.hp-40 {
    height: 40px;
}

.pr-40 {
    padding-right: 20px;
}

.tm-logo {
    font-weight: 700;
}

/*
   * TIMELINE ITEM
   */
.tm-timeline {
    position: relative;
}

.tm-timeline-item {
    border-left: 2px solid #e43d3c;
    margin-top: -5px;
    padding-left: 40px;
    padding-bottom: 40px;
    position: relative;
}

.tm-timeline-item h2 {
    margin-top: 0;
    line-height: .5;
}

.tm-timeline-item p {
    margin-bottom: 0;
}

.tm-timeline-item:before {
    content: ' ';
    width: 14px;
    height: 14px;
    position: absolute;
    left: -8px;
    background-color: #e43d3c;
    border-radius: 50%;
}

.tm-timeline-item:first-child:before {
    left: -8px;
}

.tm-timeline-item:last-child:before {
    left: -6px;
}

.tm-timeline-item:last-of-type {
    padding-bottom: 0;
    border: 0
}

/*
   * TIMELINE ENTRY
   */
.tm-timeline-entry {
    padding-top: 15px;
}

.tm-timeline-entry+.tm-timeline-entry {
    margin-top: 15px;
}

.tm-timeline-entry .tm-timeline-entry-label {
    font-size: 16px;
    color: #1a1a1a;
}

@media (min-width: 768px) {
    .tm-timeline-entry .tm-timeline-entry-label {
        width: 100px;
        float: left;
        clear: both;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .tm-timeline-entry .tm-timeline-entry-data {
        margin-left: 100px;
    }
}

/*
   * BLOCK
   */
@media (max-width: 767px) {
    .uk-block {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.tm-block-content {
    min-height: calc(100vh - 142px);
}

.uk-block-muted {
    background: #f8f9fa;
}

.uk-block-primary {
    background: #e43d3c;
}

.uk-block-secondary {
    background: #1a1a1a;
}

/*
   * BADGE
   */
/* NEW */
.uk-badge {
    font-weight: 400;
    padding: 5px 10px;
    width: auto;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

/* ADDED */
.uk-badge-success {
    background-color: #3DC372;
    color: #fff;
}

/* CHANGED */
.uk-badge-warning {
    background-color: #FFB24E;
    color: #fff;
}

/* FIXED or REMOVED */
.uk-badge-danger {
    background-color: #e44e56;
    color: #fff;
}

.canvas {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 340px;
  }