/* :root {
    --color-marron: #874945;
    --color-marron-hover: #5e3330;
    --color-rosa-obscuro: #F0CECC;
    --color-rosa-claro: #FAE7E6;
    --color-rosa-claro-dt: #CED4DA;
    --color-rosa-claro-alt: var(--color-rosa);
    --color-blanco:  #fff;
    --color-rosa: var(--color-rosa);
} */

.logoLogin {
    width: 300px !important;
}

.btn-marron {
    color: var(--color-blanco) !important;
    background-color: var(--color-marron) !important;
    border-color: var(--color-marron) !important;
}

.btn-marron:hover {
    color: var(--color-blanco) !important;
    background-color: var(--color-marron-hover);
    border-color: var(--color-marron-hover);
}

.btn-rosa {
    color: var(--color-blanco) !important;
    background-color: var(--color-rosa-obscuro) !important;
    border-color: var(--color-rosa-obscuro) !important;
}

.btn-rosa:hover {
    color: var(--color-blanco);
    background-color: var(--color-rosa-obscuro);
    border-color: var(--color-rosa-obscuro);
}

/* a:hover {
    color: var(--color-marron) !important;
} */

.text-marron {
    color: var(--color-marron) !important;
}

.text-marron:hover {
    color: var(--color-marron-hover) !important;
}

.form-check-input {
    border: 1px solid var(--color-marron-hover) !important;
}

.customTaskCheck {
    margin-left: 10px;
    margin-right: 10px;
}


.taskLi {
    font-size: .9375rem;
    padding: 1.063rem 1.4rem;
    border: 1px solid var(--color-rosa-claro-dt);
    margin-bottom: 0.812rem;
    border-radius: 7px;
    cursor: pointer;
}

.taskFull {
    width: 100%;
}


.card.tale-bg {
    background: var(--color-rosa-claro) !important;
}


/* Colores Custom Datatables */


/* Custom Style para Boostrap */

.card-tools {
    text-align: right;
}

/* Custom Color DataRangePiker */

.daterangepicker .ranges li.active {
    background-color: #ff8d00;
    color: var(--color-blanco);
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #ff8d00;
    border-color: transparent;
    color: var(--color-blanco);
}

.applyBtn {
    background-color: #00ae00 !important;
    border-color: #00ae00 !important;
    color: var(--color-blanco) !important;
}




.dataTable>.btn {
    padding: none !important;
    vertical-align: top;
}


div.dataTables_wrapper div.dataTables_filter input {
    border: 1px solid var(--color-rosa-claro-dt);
    font-weight: 400;
    font-size: 0.875rem;
    border-radius: 4px;
}


.imgTable {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 100%;
}


.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    color: var(--color-blanco);
    background-color:var(--color-rosa) !important;
}


#imagenMuestra {
    width: 100%;
    height: 195px;
    border-radius: 2.3rem !important;
}

.dataTables_wrapper .dataTable .btn,
.dataTables_wrapper .dataTable .fc button,
.fc .dataTables_wrapper .dataTable button,
.dataTables_wrapper .dataTable .ajax-upload-dragdrop .ajax-file-upload,
.ajax-upload-dragdrop .dataTables_wrapper .dataTable .ajax-file-upload,
.dataTables_wrapper .dataTable .swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .dataTables_wrapper .dataTable .swal2-styled,
.dataTables_wrapper .dataTable .wizard>.actions a,
.wizard>.actions .dataTables_wrapper .dataTable a {
    padding: 7px !important;
}


.badge {
    color: var(--color-blanco);
    border-radius: 10px;
}

.sidebar .nav.sub-menu .nav-item::before {
    background: #FFF !important;
}

.active {
    color: var(--color-marron-hover) !important;
}


.main-panel {
    width: 100% !important;
}


.card_LCC {
    width: 100%;
    height: 100px;
    background-color: var(--color-blanco);
    border-radius: 20px;
    margin-bottom: 20px;
    display: grid;
    align-content: center;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 10px 50px -20px #8773c1;
}

.card_LCC>i {
    color: rgb(255, 255, 255);
    font-size: 30px;
    padding-bottom: 8px;
}

.reserVacio {
    display: revert-layer;
    text-align: center;
    background-color: var(--color-rosa-claro) !important;
    border: 1px solid var(--color-rosa-obscuro) !important;
    border-radius: 15px;
    margin-top: 20px;
    color: var(--color-rosa-claro-alt);
    padding: 10px;
}

.reserVacio>i {
    color: var(--color-rosa-claro-alt);
    font-size: 30px;
    margin-bottom: 10px;


}

.calendar-sidebar>span#sidebarToggler {
    background-color: var(--color-rosa-claro-alt) !important;
    -webkit-box-shadow: 5px 0 18px -3px var(--color-rosa-claro-alt) !important;
    box-shadow: 5px 0 18px -3px var(--color-rosa-claro-alt) !important;
}


th[colspan="7"] {
    color: var(--color-rosa-claro-alt) !important;
}

.event-list>.event-empty {
    background-color: var(--color-rosa-claro) !important;
    border: 1px solid var(--color-rosa-obscuro) !important;
    border-radius: 15px;
    margin-top: 20px;
}

.event-list>.event-empty>p {
    color: var(--color-rosa-claro-alt) !important;
}


.calendar-inner {
    border-radius: 20px;
}

.calendar-events {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}


.event-container>.event-info>p.event-title>span {
    color: var(--color-rosa-claro-alt);
    border: 1px solid var(--color-rosa-obscuro);
}

.event-header {
    margin-bottom: 20px;
}

.event-empty>p>a {
    color: var(--color-rosa-claro-alt) !important;
    font-weight: bold;
}

.evo-calendar {
    border-radius: 20px !important;
}


.card_rosa {
    color: var(--color-blanco);
    background-color: var(--color-rosa-claro-alt);
}

.card_azul {
    color: var(--color-blanco);
    background-color: #7da0fa;
}

.card_purpura {
    color: var(--color-blanco);
    background-color: #7978e9;
}

.card_amarillo {
    color: var(--color-blanco);
    background-color: #f3797e;
}

.card_verde {
    color: var(--color-blanco);
    background-color: #4CAF50;

}


.event-container>.event-info>p.event-title>span {
    color: var(--color-rosa-claro-alt) !important;
    border: 1px solid var(--color-rosa-obscuro) !important;
    background-color: var(--color-rosa-claro) !important;
}

.pagination .page-item.active .page-link,
.jsgrid .jsgrid-pager .page-item.active .page-link,
.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a,
.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a,
.jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.pagination .page-item:hover .page-link,
.jsgrid .jsgrid-pager .page-item:hover .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link,
.pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:hover a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a,
.pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:hover a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:hover a,
.pagination .page-item:focus .page-link,
.jsgrid .jsgrid-pager .page-item:focus .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page:focus .page-link,
.pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:focus a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus a,
.pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:focus a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:focus a,
.pagination .page-item:active .page-link,
.jsgrid .jsgrid-pager .page-item:active .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page:active .page-link,
.pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:active a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active a,
.pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:active a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:active a {
    background: var(--color-rosa) !important;
    border-color: var(--color-rosa) !important;
    color: var(--color-blanco);
}

.expandable-table thead tr th {
    background: var(--color-rosa-claro) !important;
    color: var(--color-marron) !important;
}

.badg-success {
    background-color: var(--color-rosa-claro-dt) !important;
    color: #57b657 !important;
}

.badg-danger {
    background-color: var(--color-rosa-claro-dt) !important;
    color: #ff4747 !important;
}

.btn-clear-rosa {
    color: var(--color-marron) !important;
    background-color: var(--color-rosa-claro) !important;
    border-color: var(--color-rosa-claro) !important;
    font-weight: bold;
}

.btn-clear-rosa:hover {
    color: var(--color-marron) !important;
    background-color: var(--color-rosa-claro) !important;
    border-color: var(--color-rosa-claro) !important;
}

.btn-clear-crema {
    color: var(--color-blanco) !important;
    background-color: var(--color-rosa-claro-alt) !important;
    border-color: var(--color-rosa-claro-alt) !important;
    font-weight: bold;
}

.btn-clear-crema:hover { 
    color: var(--color-blanco) !important;
    background-color: var(--color-rosa-claro-alt) !important;
    border-color: var(--color-rosa-claro-alt) !important;
}

.paginate_button:first-child > a{
    color: var(--color-marron) !important;
    font-weight: bold;
    background-color: var(--color-rosa-claro) !important;
    border: none !important;
    border: 1px solid var(--color-rosa-claro-dt) !important;
}
.paginate_button:last-child > a{
    color: var(--color-marron) !important;
    font-weight: bold;
    background-color: var(--color-rosa-claro) !important;
  
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.icon-data-list {
	width: 100%;
}