:root {
    --bs-body-bg-rgb: 241,36,29; 
    --bs-body-bg: #EDD0B3;
    --bs-border-color: #CFA777;
    --bs-tertiary-bg-rgb: 200,111,67;
    --bs-tertiary-bg: #343a40;
    --bs-tertiary-color: rgba(92, 92, 86, 0.5);
    --bs-tertiary-color-rgb: 92, 92, 86;
    /* --bs-heading-color: #f9f9f9; */
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(56, 27, 12, 0.85);/* #381B0C */
    --bs-body-color: #454140;
    --bs-body-color-rgb: 249, 249, 249;
    --bs-body-color-hover: #000000;
    --bs-link-color: #A2825C;
    --bs-link-color-rgb: 162, 130, 92;
    --bs-link-hover-color: rgb(120, 96, 67);
    --bs-link-hover-color-rgb: 120, 96, 67;
    --bs-success: #327850;
    --bs-success-rgb: 50, 120, 80;
    --bs-danger: #B23C32;
    --bs-danger-rgb: 178, 60, 50;
    --bs-info: #64B4C8;
    --bs-warning: #FF6600; 
    --bs-warning-rgb: 255, 102, 0;
    --bs-primary-rgb: 239, 151, 114;
    --bs-heading-color: #d8b35b;
    --bs-emphasis-color: #f9f9f9;
    --bs-secondary-bg-rgb: 239, 151, 114;
}

.table-dark{
    --bs-table-bg: #2C2115;
}

a{
    text-decoration: none;
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  filter: invert(100%); /* Esto invertirá los colores, cambiando el icono a blanco si el fondo es negro */
}

.kv-file-upload{
    display: none;
}

.file-preview{
    border: 1px solid var(--bs-border-color);
    background-color: #f8EFE7;
}

/* .file-drop-zone-title{
    background-color: #f8EFE7
} */

.form-control, .ql-editor{
    background-color: #f8EFE7;
}

.form-control:hover{
    background-color: #f8EFE7;
}

.form-control:focus{
    background-color: #f8EFE7;
}

.login-card-body .input-group .input-group-text, .register-card-body .input-group .input-group-text
 {
    color: var(--bs-card-color);
 }

.input-group-text {
    color: var(--bs-card-bg);
}

.dropdown-item:hover {
    background-color: var(--bs-secondary-color);
}

.logo-rentor-wide{
    display: block;
}

.logo-rentor-wide img{
    display: block;
    width: 90%;
}

.logo-rentor-wide-nav{
    display: block;
}

.logo-rentor-wide-nav img{
    display: block;
    max-width: 134px;
}

.app-header{
    background-color: var(--bs-tertiary-bg-rgb)!important;
    border-bottom: none;
}

.sidebar-brand .brand-link .brand-image {
    max-height: 47px;
}

.card-primary, .bg-primary, .text-bg-primary {
    --lte-card-variant-bg: #d8b35b;
    /* --lte-card-variant-bg: #EF9772; */
    /* --lte-card-variant-bg-rgb: 13, 110, 253;
    --lte-card-variant-color: #fff;
    --lte-card-variant-color-rgb: 255, 255, 255; */
}

.dataTables_wrapper [type=search]{
    color: var(--bs-card-color);
}

.input-group-text{
    color: var(--bs-card-color);
}

.card{
    --bs-card-title-color: #503F28;
    --bs-card-color: #252222;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.0);    
}

.card-title{
    float: none;
    font-size: 1.3rem;
    font-weight: bold;
}

.btn-reservar{
    display: block;
    max-width: fit-content;
    margin: auto;
}

.card-danger, .bg-danger, .text-bg-danger {
    --lte-card-variant-bg: var(--bs-danger);
}

.card-success, .bg-success, .text-bg-success{
    --lte-card-variant-bg: var(--bs-success);
}

.card-info, .bg-info, .text-bg-info {
    --lte-card-variant-bg: var(--bs-info);
}

.card-warning, .bg-warning, .text-bg-warning {
    --lte-card-variant-bg: var(--bs-warning);
}

.btn-primary {
    --bs-btn-bg: #7c743c;
    --bs-btn-hover-bg: rgb(93, 81, 54);
    --bs-btn-border-color: #7c743c;
    --bs-btn-hover-border-color: rgb(93, 81, 54);
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--bs-info);
    --bs-btn-border-color: var(--bs-info);
}

.btn-success {
    --bs-btn-bg: #506d1f;
    --bs-btn-border-color: #465e1c;
    --bs-btn-hover-bg: rgb(50, 120, 80);
}

.btn-warning {
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
    --bs-btn-hover-bg: rgb(255, 140, 0);
    --bs-btn-hover-border-color: rgb(255, 140, 0);
}

.apexcharts-xaxis-label, .apexcharts-text tspan{
    color: var(--bs-body-color) !important;
}

@media (min-width: 992px) {
    /* .sidebar-expand-lg.layout-fixed .app-sidebar
    {
        position: absolute;
    } */
}