:root {
    --bs-white: #ffffff !important;
}

#kt_brand{
    background-color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    border-right: 3px solid var(--bs-primary);
    text-align: center;
}

.swal2-container{
    z-index: 9000 !important;
}

.tooltip{
    z-index: 9999 !important;
}

.overlay .overlay-layer{
    z-index: 3 !important;
}

.overlay.overlay-block{
    cursor: default !important;
}

i.fas{
    color: inherit;
}

.fw-boldest {
    font-weight: 900 !important;
}

.select2-dropdown{
    z-index: 8100 !important;
}

.svg-icon.svg-icon-light svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease !important;
    fill: #f5f8fa !important;
}

.aside-fixed .aside{
    z-index: 9101 !important;
}

#kt_header_mobile{
    background-color: #ffffff;
}
.aside-menu-wrapper{
    border-right: 3px solid var(--bs-primary);
}

table.table-nowrap td, table.table-nowrap th, .fc .fc-daygrid-day-bg .fc-bg-event {
    white-space:nowrap !important;
}

@media (max-width: 767.98px) {
    .daterangepicker {
        top: 0px !important;
        left: 0px !important;
        right: 0px !important;
        height: 100vh !important;
        z-index: 99999;
    }
}

@media (max-height: 800px) {
    .daterangepicker {
        top: 0px !important;
        left: 0px !important;
        right: 0px !important;
        height: 100vh !important;
        z-index: 99999;
        text-align: center;
        padding-top:40px;
    }
    .daterangepicker > .drp-calendar{
        padding: 1rem;
        float: none !important;
        display: inline-block !important;
    }
    .daterangepicker .drp-buttons{
        text-align: center !important;
    }
}

.nowrap{
    white-space:nowrap !important;
}

.wrap{
    white-space:break-spaces !important;
}

ul.select2-results__options--nested{
    max-height: none !important;
    overflow-y: unset !important;
    white-space:normal !important;
}

.fc .fc-daygrid-day-number{
    background-color: #fff !important;
    border-bottom-left-radius: 10px !important;
    border-top-left-radius: 10px !important;
    padding-left: 6px !important;
}
.fc .fc-day-other .fc-daygrid-day-top{
    opacity: 1 !important;
}
.fc .fc-day-other .fc-daygrid-day-top .fc-daygrid-day-number{
    color: #bec1c4 !important;
}
.fc .fc-daygrid-day-bg .fc-bg-event{
    overflow: hidden;
}

.modal-backdrop{
    z-index: 20000 !important;
}
.modal{
    z-index: 20100 !important;
}

/* ANIMACIONES */
.m-animate-blink{
    -webkit-animation:m-animate-blink 2s step-start 0s infinite;
    -moz-animation:m-animate-blink 2s step-start 0s infinite;
    -ms-animation:m-animate-blink 2s step-start 0s infinite;
    -o-animation:m-animate-blink 2s step-start 0s infinite;
    animation:m-animate-blink 2s step-start 0s infinite;
    animation-fill-mode:initial
}

.m-animate-shake{
    -webkit-animation:m-animate-shake .1s ease-in .2s infinite alternate !important;
    -moz-animation:m-animate-shake .1s ease-in .2s infinite alternate  !important;
    -ms-animation:m-animate-shake .1s ease-in .2s infinite alternate  !important;
    -o-animation:m-animate-shake .1s ease-in .2s infinite alternate  !important;
    animation:m-animate-shake .1s ease-in .2s infinite alternate  !important;
    animation-fill-mode:initial  !important;
}

.m-animate-pause{
    -webkit-animation-play-state:paused;
    -moz-animation-play-state:paused;
    -o-animation-play-state:paused;
    animation-play-state:paused
}

@-webkit-keyframes m-animate-fade-in{from{opacity:0}to{opacity:1}}
@-moz-keyframes m-animate-fade-in{from{opacity:0}to{opacity:1}}
@-o-keyframes m-animate-fade-in{from{opacity:0}to{opacity:1}}
@keyframes m-animate-fade-in{from{opacity:0}to{opacity:1}}

@-webkit-keyframes m-animate-fade-in-up{from{opacity:0;-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-ms-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}
@-moz-keyframes m-animate-fade-in-up{from{opacity:0;-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-ms-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}
@-o-keyframes m-animate-fade-in-up{from{opacity:0;-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-ms-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}
@keyframes m-animate-fade-in-up{from{opacity:0;-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-ms-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}

@-webkit-keyframes m-animate-blink{50%{opacity:0}}
@-moz-keyframes m-animate-blink{50%{opacity:0}}
@-o-keyframes m-animate-blink{50%{opacity:0}}
@keyframes m-animate-blink{50%{opacity:0}}

@-webkit-keyframes m-animate-shake{from{-webkit-transform:rotate(13deg);-moz-transform:rotate(13deg);-ms-transform:rotate(13deg);-o-transform:rotate(13deg);transform:rotate(13deg)}to{-webkit-transform-origin:center center;-webkit-transform:rotate(-13deg);-moz-transform:rotate(-13deg);-ms-transform:rotate(-13deg);-o-transform:rotate(-13deg);transform:rotate(-13deg)}}
@-moz-keyframes m-animate-shake{from{-webkit-transform:rotate(13deg);-moz-transform:rotate(13deg);-ms-transform:rotate(13deg);-o-transform:rotate(13deg);transform:rotate(13deg)}to{-webkit-transform-origin:center center;-webkit-transform:rotate(-13deg);-moz-transform:rotate(-13deg);-ms-transform:rotate(-13deg);-o-transform:rotate(-13deg);transform:rotate(-13deg)}}
@-o-keyframes m-animate-shake{from{-webkit-transform:rotate(13deg);-moz-transform:rotate(13deg);-ms-transform:rotate(13deg);-o-transform:rotate(13deg);transform:rotate(13deg)}to{-webkit-transform-origin:center center;-webkit-transform:rotate(-13deg);-moz-transform:rotate(-13deg);-ms-transform:rotate(-13deg);-o-transform:rotate(-13deg);transform:rotate(-13deg)}}
@keyframes m-animate-shake{from{-webkit-transform:rotate(13deg);-moz-transform:rotate(13deg);-ms-transform:rotate(13deg);-o-transform:rotate(13deg);transform:rotate(13deg)}to{-webkit-transform-origin:center center;-webkit-transform:rotate(-13deg);-moz-transform:rotate(-13deg);-ms-transform:rotate(-13deg);-o-transform:rotate(-13deg);transform:rotate(-13deg)}}
/* FIN ANIMACIONES */

/* COLORES, BORDES Y BG */
.text-vacaciones{
    color: #8877a9 !important;
}

.text-ap{
    color: #5C9BD1 !important;
}

.text-gastos{
    color: #f36a5a !important;
}

.text-compras{
    color: #2ab4c0 !important;
}

.bg-vacaciones{
    background-color: #8877a9 !important;
}

.bg-ap{
    background-color: #5C9BD1 !important;
}

.bg-gastos{
    background-color: #f36a5a !important;
}

.bg-compras{
    background-color: #2ab4c0 !important;
}

.bg-ausencias{
    background-color: #3FABA4 !important;
}

.bg-ausencias{
    background-color: #3FABA4 !important;
}
.bg-noticias{
    background-color: #F2784B !important;
}
.bg-informes-rapidos{
    background-color: #eb4034 !important;
}
.bg-calendario{
    background-color: #E08283 !important;
}

.border-vacaciones{
    border-color: #8877a9 !important;
}

.border-ap{
    border-color: #5C9BD1 !important;
}

.border-gastos{
    border-color: #f36a5a !important;
}

.border-compras{
    border-color: #2ab4c0 !important;
}

.btn.btn-primary-important {
    color: #fff !important;
    border-color: #009ef7 !important;
    background-color: #009ef7 !important;
}

.text-pdf{
    color: #F40F02 !important;
}
.text-excel{
    color: #1D6F42 !important;
}
.text-csv{
    color: #1D6F42 !important;
}

.historico-diferente .form-label, .historico-diferente .text-muted{
    color: #ffa600 !important;
}

.historico-diferente .form-control, .historico-diferente .input-group-text, .historico-diferente .form-check-input{
    border: 1px solid #ffa600 !important;
    color: #ffa600 !important;
}

.historico-diferente .form-check-input:checked{
    background-color: #ffa600 !important;
}

.historico-diferente .form-select{
    border: 1px solid #ffa600 !important;
}

.historico-diferente .form-check-label{
    color: #ffa600 !important
}

.historico-diferente .btn-group.w-100{
    border: 1px solid #ffa600 !important;
    border-radius: 0.475rem;
}

/*.aside{
    z-index: 2000 !important;
}*/

.btn-xs{
    padding:calc(.45rem + 1px) calc(.85rem + 1px) !important;
    font-size: .825rem !important;
    border-radius: 0.375rem !important;
}

.btn.btn-icon.btn-xs{
    height: calc(1.1em + 1.1rem + 2px) !important;
    width: calc(1.4em + 1.4rem + 2px) !important;
}

.btn-xs i.fas, .btn-xs i.far{
    font-size: .825rem !important;
}

.btn.btn-orange{
    background-color: #f09935 !important;
    border-color: #f09935 !important;
    color: #FFFFFF !important;
}
.btn.btn-orange > i.fas, .btn.btn-orange > i.far{
    color: #FFFFFF !important;
}

.form-select.form-select-white{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.form-select.form-select-noarrow{
    background-image: none !important;
    padding-right: 0.75rem !important;
}

.overflow-ellipsis{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.line-through{
    text-decoration: line-through;
}

.form-check.form-check-info .form-check-input:checked {
    background-color: var(--bs-info);
}

.cursor-not-allowed{
    cursor: not-allowed !important;
}

.table.table-row-bordered tr, .table.table-row-bordered tbody tr:last-child, .table.table-row-bordered tfoot tr:last-child {
    border-bottom: 1px solid #eff2f5;
}

.table.table-col-bordered tr td{
    border-right: 1px solid #eff2f5;
}

table.table-not-bordered tr, table.table-not-bordered tr td{
    border: 0px !important;
}

.popover.bg-danger{
    border-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important;
    border-radius: unset;
}
.popover.bg-danger > .popover-dismiss{
    color: #fff !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E");
}
.popover.bg-danger > .popover-dismiss > i{
    color: #fff !important;
}
.popover.bg-danger > .popover-header{
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important;
    color: #fff !important;
}
.popover.bg-danger > .popover-body{
    background-color: #fff5f8 !important;
    color: #f1416c !important
}
.popover.bg-danger.bs-popover-top > .popover-arrow::after, .popover.bg-danger.bs-popover-top > .popover-arrow::before{
    border-top-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important;
}
.popover.bg-danger.bs-popover-start > .popover-arrow::after, .popover.bg-danger.bs-popover-start > .popover-arrow::before{
    border-left-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important;
}
.popover.bg-danger.bs-popover-end > .popover-arrow::after, .popover.bg-danger.bs-popover-end > .popover-arrow::before{
    border-right-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important;
}
.popover.bg-danger.bs-popover-bottom > .popover-arrow::after, .popover.bg-danger.bs-popover-bottom > .popover-arrow::before{
    border-bottom-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important;
}

.border-right-darker{
    border-right-style: solid !important;
    border-right-color: #cdd0d4 !important;
}

.border-bottom-darker{
    border-bottom-style: solid !important;
    border-bottom-color: #cdd0d4 !important;
}

/*.input-group-cuadrante > :not(:last-child), .input-group-cuadrante > :not(:last-child) > .selection > .form-select.form-select-sm {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-cuadrante > :not(:first-child), .input-group-cuadrante > :not(:first-child) > .selection > .form-select.form-select-sm {
    margin-left: -1px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}*/

.no-radius-end {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.no-radius-start {
    margin-left: -1px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group-cuadrante > :not(:first-child) > .selection > .form-select.form-select-sm {
    margin-top: -1px !important;
}

.header-fixed .header, .header-fixed .toolbar #kt_toolbar_container{
    z-index: 800 !important;
}

#kt_toolbar{
    z-index: 650 !important;
}

/* FIN COLORES, BORDES Y BG */

/* TABLAS */
.sticky-col { position: -webkit-sticky; position: sticky; left: 0px; background-color: #fff; z-index: 150 !important; padding: 2px 0px;}
.sticky-col-row { position: -webkit-sticky; position: sticky !important; left: 0px; top: 0px; background-color: #fff; z-index: 800 !important; padding: 2px 0px;}
.sticky-row-1 { position: -webkit-sticky; position: sticky; top: 0px; background-color: #fff; z-index: 200 !important;}
.sticky-row-2 { position: -webkit-sticky; position: sticky; top: 26px; background-color: #fff; z-index: 102 !important;}
.sticky-row-3 { position: -webkit-sticky; position: sticky; top: 48px; background-color: #fff; z-index: 101 !important;}

div.dts div.dts_loading{
    z-index: 1500 !important;
}
td{
    vertical-align: middle !important;
}

.dataTables_scrollBody thead{
    /*display: none !important;*/
}

div.dataTables_scrollBody > table > thead > tr > th{
    /*padding: 0px !important;*/
    /*border: 0px !important;*/
    border-color: #fff !important;
}

table th{
    word-wrap: normal !important;
    vertical-align: middle !important;
}

table.dataTable>tbody>tr>td.dtr-control:empty, table.dataTable>tbody>tr>th.dtr-control:empty{
    padding-left: 0px !important;
    width: 0px !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{
    background-color: transparent;
    color: #009ef7;
    left: 5px !important;
    font-size: 15px;
    font-family: "Font Awesome 5 Free";
    content: "";
    font-weight: 900;
    position: absolute !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{
    color: #F1416C;
    background-color: transparent;
    content: "";
    font-weight: 900;
}

div.dt-button-collection div.dtsb-searchBuilder{
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.dtsb-searchBuilder{
    max-height: 80vh !important;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: auto !important;
}

.dtsb-searchBuilder.dropdown-menu{
    padding: 20px;
    border: 1px solid #e6e6e6;
}

.dtsb-title{
    margin-bottom: 0px;
    font-size: 20px;
}

.dtsb-group{
    border-top: 1px solid #e6e6e6;
    padding-top: 20px;
}

.dtsb-clearAll, .dtsb-add, .dtsb-delete, .dtsb-right, .dtsb-left{
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: #009ef7 !important;
    text-align: center !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    user-select: none !important;
    border: 1px solid transparent !important;
    padding: calc(.55rem + 1px) calc(1.25rem + 1px) !important;
    font-size: .925rem !important;
    border-radius: .475rem !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    background: transparent !important;
    background-color: #f1faff !important;
}
.dtsb-add:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    margin-right: 10px;
}
.dtsb-clearAll:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    margin-right: 10px;
}

.dtsb-logic, .dtsb-clearGroup{
    font-weight: 500 !important;
    color: #009ef7 !important;
    background: transparent !important;
    background-color: #f1faff !important;
    cursor: pointer !important;
}

.dtsb-button:hover, div.dtsb-searchBuilder button.dtsb-button:hover{
    color: #fff !important;
    border-color: #009ef7 !important;
    background-color: #009ef7 !important;
}

.dt-button-background{
    background-color: #000 !important;
    opacity: .3 !important;
    transition: opacity .15s linear !important;
}

div.dt-buttons > button.btn{
    padding: calc(.55rem + 1px) calc(1.25rem + 1px) !important;
    font-size: .925rem !important;
    border-radius: .475rem !important;
}

div.dt-buttons > button.btn.search-icon:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    margin-right: 10px;
}
div.dt-buttons > button.btn.save-icon:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer{
    background-color: transparent !important;
    border: none !important;
}

div.dt-button-collection {
    position: fixed;
    width: 95% !important;
    top: 10% !important;
    left: 2% !important;
}

@media (min-width: 1500px) {
    div.dt-button-collection {
        width: 60% !important;
        top: 10% !important;
        left: 20% !important;
    }
}

.dtsb-dropDown{
    padding: .75rem 3rem .75rem 1rem !important;
    -moz-padding-start: calc(1rem - 3px) !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: #181c32 !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 1rem center !important;
    background-size: 16px 12px !important;
    border: 1px solid #e4e6ef !important;
    border-radius: .475rem !important;
    box-shadow: none !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    appearance: none !important;
}
.dtsb-input{
    padding: .75rem 1rem !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: #181c32 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #e4e6ef !important;
    appearance: none !important;
    border-radius: .475rem !important;
    box-shadow: none !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}
table.dataTable>thead .sorting:after, table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before {
    opacity: .7 !important;
}

div.dts div.dataTables_scrollBody{
    background: none !important;
}

/* FIN TABLAS */

/* INPUTS Y FORMS */
.form-control.input-sm{
    padding: .40rem .75rem;
    font-size: 0.9rem;
    font-weight: 300;
    line-height: 1.5;
}
/* FIN INPUTS Y FORMS */

/* POPOVERS */
.popover{
    max-width: none !important;
    z-index: 99000 !important;
}
/* FIN POPOVERS */

/* FULL CALENDAR */
.fc-event-main{
    padding: 3px 7px !important;
    overflow: hidden !important;
}
.fc-bg-event{
    padding: 3px 7px !important;
    opacity: .4 !important;
}

.fc-daygrid-event, .fc-bg-event{
    cursor: pointer !important;
}

.fc .fc-toolbar-title{
    font-weight: 300 !important;
}
.fc-daygrid-day{
    /*height: 120px !important;*/
}

.calendarPrint .fc-daygrid-day{
    height: auto !important;
}

/* FIN FULL CALENDAR */
.drawer{
    z-index:1200 !important;
}

.uppercase{text-transform:uppercase !important;}
.lowercase{text-transform:lowercase !important;}
.capitalize{text-transform:capitalize !important;}
.normal-case{text-transform:none !important;}
.tooltip .tooltip-inner {
    box-shadow: 0 0 50px 0 rgb(82 63 105 / 60%) !important;
}
.form-control[readonly], .form-control[disabled]{
    cursor: not-allowed !important;
}

.toast{
    font-size: 1.08rem !important;
}
.toast-body,.toast-icon{
    padding: 1.2rem;
}
.toast-icon > i.fas{
    font-size: 1.5rem;
}

.cursor-pointer, .form-control.cursor-pointer{
    cursor: pointer !important;
}

@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
}

/* SELECT DE MODULOS */
.select2-white-arrow{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;}

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

.form-control:disabled{
    background-color: #eff2f5 !important;
}

.bg-bolsa-horas{
    background-color: #c8d046  !important;
}
.border-bolsa-horas {
    border-color: #c8d046  !important;
}
.text-bolsa-horas {
    color: #c8d046  !important;
}

.input-group > .select2-container--bootstrap5 {
    width: auto !important;
    flex: 1 1 auto;
}

.input-group > .select2-container--bootstrap5 .select2-selection{
    height: 100% !important;
}

.input-group > .select2-container--bootstrap5 .select2-selection--single {
    height: 100%;
    line-height: inherit;
    padding: 0.5rem 1rem;
}

.input-group{
    flex-wrap: nowrap !important;
}

::-webkit-scrollbar, div::-webkit-scrollbar, main::-webkit-scrollbar, ol::-webkit-scrollbar, pre::-webkit-scrollbar, span::-webkit-scrollbar, ul::-webkit-scrollbar{
    width: .7rem !important;
    height: .7rem !important;
    background-color: #f5f5f5 !important;
}
::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb, main::-webkit-scrollbar-thumb, ol::-webkit-scrollbar-thumb, pre::-webkit-scrollbar-thumb, span::-webkit-scrollbar-thumb, ul::-webkit-scrollbar-thumb{
    background-color: var(--bs-primary) !important;
    border-radius: 10px !important;
    min-height: 80px;
    min-width: 80px;
}

/* Buttons */
::-webkit-scrollbar-button:single-button {
    display: block;
    width: 1.2rem !important;
    height: 1.2rem !important;
    border-radius: 10px !important;
    background-color: var(--bs-primary);
}

body.mce-content-body{
    background-color: #fff !important;
    padding: 15px !important;
}

.mce-tinymce.mce-container, .mce-toolbar-grp {
    border-radius: 7px !important;
}

.mce-statusbar{
    border-bottom-right-radius: 7px !important;
    border-bottom-left-radius: 7px !important;
}
.mce-toolbar{
    padding: 3px 8px !important;
}

.mce-panel{
    background-color: #fff !important;

}

.mce-container-body button{
    background-color: #fff !important;
    border-radius: 5px !important;
}
.mce-btn{
    border-radius: 5px !important;

}

/* Añado clases para hacer fija la última columna con el boton acciones y evitar que no se vea en pantallas pequeñas. En móvil la dejo desplazable para que no ocupe toda la pantalla */
@media (min-width: 600px) {
    table.table th.acciones-sticky, table.table td.acciones-sticky {
        position: sticky;
        right: -1px;
    }

    table.table td.acciones-sticky {
        background-color: #fff !important;
    }

    table.table th.acciones-sticky {
        background-color: #f5f8fa !important;
    }
}

div.dtb-popover-close {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.symbol.symbol-70px{
    width: 70px !important;
    height: 70px !important;
    overflow: hidden;
}

.symbol.symbol-70px.symbol-fixed .symbol-label, .symbol.symbol-70px .symbol-label, .symbol.symbol-70px>img{
    width: auto !important;
    height: auto !important;
    max-width: 70px !important;
}

.symbol.symbol-30px{
    width: 30px;
    height: 30px;
    overflow: hidden;
}

.symbol.symbol-30px.symbol-fixed .symbol-label, .symbol.symbol-30px .symbol-label, .symbol.symbol-30px>img{
    width: auto !important;
    height: auto !important;
    max-width: 30px;
}

.symbol.symbol-md-40px{
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.symbol.symbol-md-40px.symbol-fixed .symbol-label, .symbol.symbol-md-40px .symbol-label, .symbol.symbol-md-40px>img{
    width: auto !important;
    height: auto !important;
    max-width: 40px;
}

@media (max-width: 991.98px) {
    .toolbar-tablet-and-mobile-fixed .toolbar {
        overflow: auto !important;
    }
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: var(--bs-primary) !important;
}

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