@media (min-width: 1400px){
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1780px !important;
    }
}
.bg-active-success.active {
    --bg-color: 80,205,137;
    background-color: #50cd89!important;
}

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

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

#kt_brand{
    background-color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    border-right: 3px solid #18cdc4;
    text-align: center;
}
#kt_header_mobile{
    background-color: #ffffff;
}
.aside-menu-wrapper{
    border-right: 3px solid #18cdc4;
}

/* 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-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{
    color: #ffa600 !important;
}

.historico-diferente .form-control{
    border: 1px solid #ffa600 !important;
    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;
}

.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-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #eff2f5 !important;
}

.popover.bg-danger{
    border-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important;
    border-radius: unset;
}
.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;
}

/*.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;
}


/* 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.dtr-inline.collapsed>tbody>tr>td.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{
    padding-left: 40px !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.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: 15% !important;
    left: 2% !important;
}

@media (min-width: 1500px) {
    div.dt-button-collection {
        width: 60% !important;
        top: 25% !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;
}
/* 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: 181px !important;
}

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

/* FIN FULL CALENDAR */


.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;
}