html {
    overflow-x: hidden;
    height: 100%;
    background-color: var(--color-background);
}

body {
    padding: 0 !important;
    font-family: var(--font-family) !important;
    height: 100%;
}

/*@UK-CARD*/

ajax[data-tipo] > section {
    box-shadow: inherit;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
}

ajax[data-tipo="maqueta"] > section {
    box-shadow: inherit;
    border-radius: 0;
}

/*ajax[data-tipo="pagina"],*/
/*ajax[data-tipo="maqueta"] {*/
/*    width: 100%;*/
/*}*/

/*ajax[data-tipo="pagina"],*/
/*ajax[data-tipo="planificador"],*/
/*ajax[data-tipo="indicadores"],*/
/*ajax[data-tipo="maqueta"] {*/
/*    box-shadow: inherit;*/
/*    border: inherit;*/
/*    margin: 0;*/
/*}*/

.uk-card-small .uk-card-body {
    padding: 8px;
}

.uk-card-header a.reload {
    color: var(--color-corporativo);
}

.uk-card-header {
    background: #e5e5e5;
}

/*@BOTONES*/
@media only screen and (min-width: 1200px) {
    button.inputHelper span.icono {
        display: none;
    }
}

.uk-button:active {
    transform: scale(0.95);
}

.uk-button-info {
    background-color: #3fc3ee;
    color: white;
    border: 1px solid transparent;
}

.uk-button-info:hover {
    background-color: #36a6cd;
    color: white;
    border: 1px solid transparent;
}

.uk-button-info:disabled {
    background-color: #297a9b;
    color: white;
    opacity: 0.5;
    cursor: not-allowed;
    border: 1px solid transparent;
}

.uk-button-success {
    background-color: #1e7e34;
    color: white;
    border: 1px solid transparent;
}

.uk-button-success:hover {
    background-color: #1e6a34;
    color: white;
    border: 1px solid transparent;
}

.uk-button-success:disabled {
    background-color: #1e7e34;
    color: white;
    opacity: 0.5;
    cursor: not-allowed;
    border: 1px solid transparent;
}

.uk-button-warning {
    background-color: #f0ad4e;
    color: white;
    border: 1px solid transparent;
}

.uk-button-warning:hover {
    background-color: #ec971f;
    color: white;
}

.uk-button-warning.disabled {
    background-color: #f0ad4e;
    color: white;
    opacity: 0.5;
    cursor: not-allowed;
}

.uk-button-hotpink {
    background-color: hotpink;
    color: white;
}

.uk-button-hotpink:hover {
    background-color: deeppink;
    color: white;
}

.uk-button-hotpink:disabled {
    background-color: hotpink;
    color: white;
    opacity: 0.5;
    cursor: not-allowed;
}

/*@SELECT2*/
.select2-selection.select2-selection--single {
    min-height: 40px;
    height: auto;
    padding: 0 10px;
    color: #666;
    border-radius: 0;
    border: 0;
}

.select2-container {
    border: 1px solid #e5e5e5;
    transition: .2s ease-in-out;
    transition-property: color, background-color, border;
}

.select2-container--open {
    border: 1px solid #1e87f0;
}

.select2-dropdown {
    border: 1px solid #1e87f0;
    border-radius: 0;
    transition: .2s ease-in-out;
    transition-property: color, background-color, border;
}

.select2-selection, .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

.select2-selection img,
.select2-results__option img {
    min-height: 12px;
    min-width: 12px;
    max-height: 48px;
    max-width: 48px;
}

/*@CARGANDO*/
.cargando:not([data-seed="main"]) {
    /*background-color:hotpink;*/
    cursor: progress;
    filter: opacity(0.5);
}

ajax {
    display: block;
    transition: 0.2s linear all;
}

.cargando > div {
    filter: blur(2px) grayscale(50%);
}

.cargando * {
    pointer-events: none;
}

.bloqueo {
    cursor: not-allowed;
}

.bloqueo > * {
    pointer-events: none;
}

/*@DATATABLE*/


.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0 5px;
}

th.tablaBiitHeaderRow.sorting_asc,
table.dataTable thead .sorting_desc {
    background-color: var(--color-corporativo-negro-claro);
}
/* NOTA: las urls de las imagenes no funcionan!!
table.dataTable thead .sorting_desc {
    background-image: url(https://image.flaticon.com/icons/svg/626/626013.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 98%;
}

table.dataTable thead .sorting_asc {
    background-image: url(https://image.flaticon.com/icons/svg/626/626075.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 98%;
}
*/

button.button-excel, button.button-excel:hover {
    background-color: var(--color-background-excel);
    color: white;
    background-image: var(--color-background-excel);
}

button.button-pdf, button.button-pdf:hover {
    background-color: var(--color-background-pdf);
    color: white;
    background-image: var(--color-background-pdf);
}

button.button-pdf:focus, button.button-excel:focus {
/*linear-gradient(to bottom, var(--color-corporativo-azul-claro) 0 %, var(--color-corporativo-azul-oscuro) 100 %)*/
}

button.button-pdf:hover, button.button-excel:hover {
    opacity: 0.8;
}

button.button-pdf:active, button.button-excel:active {
    transform: scale(0.95);
}

section.leyenda ul {
    margin-top: 10px;
}

section.leyenda li {
    line-height: 15px;
    font-size: 15px;
    opacity: 0.7;
    cursor: help;
}

section.leyenda li div.muestra {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
    border: dotted black 1px;
    opacity: 0.7;
}

section.leyenda li:hover {
    opacity: 1.0;
}

section.leyenda li:hover div.muestra {
    opacity: 1.0;
}

section.leyenda li div.muestra.info,
table tbody tr:not(.selected).info {
    /*background: #d8eafc !important;*/
    background: #a5d1fd !important;
}

section.leyenda li div.muestra.warning,
table tbody tr:not(.selected).warning {
    background: #ffd651 !important;
}

section.leyenda li div.muestra.success,
table tbody tr:not(.selected).success {
    background-color: #b4ffb4 !important;
}

section.leyenda li div.muestra.danger,
table tbody tr:not(.selected).danger {
    background-color: #ea3b3b !important;
    color: white !important;
}

table[data-seleccionable="1"] tbody tr:not(.noselect) {
    cursor: grab;
}

table[data-seleccionable="1"] tbody tr:not(.noselect).selected {
    cursor: grabbing;
}

table[data-linkable] tr{
    cursor: pointer;
}

table.dataTable tfoot th, table.dataTable tfoot td {
    border-top: 1px solid #111;
    padding: 2px;
}

table.dataTable th input, table.dataTable td input {
    background-color: transparent;
    border-style: dashed;
    border: 1px dashed rgb(114, 156, 224);
    background-color: #6fc8ff66;
    padding: 2px;
    height: auto;
}

table.dataTable th textarea, table.dataTable td textarea {
    background-color: transparent;
    border-style: dashed;
    padding: 2px;
    height: 60px;
    line-height: 24px;
    font-family: consolas;
}


/*@PROCEDIMIENTO DE CONTROL*/
.mFcontrolNE {
    pointer-events: none;
}

.mFcontrolNE div.uk-form-controls > *,
.mFcontrolNE .select2-container--default .select2-selection--single {
    background: #CCCCCC;
}

.mFcontrolNE .uk-form-controls {
    cursor: not-allowed;
}

.mFcontrolNE .select2-selection__arrow,
.mFcontrolNE .select2-selection__clear {
    display: none;
}


/*@TRANSFORM ICON*/
*[uk-icon="icon: plus"]:active {
    transform: rotate(50deg);
}

/*@GRID*/
.uk-grid > .uk-grid-margin {
    margin-top: 0;
}


.uk-grid-small {
    margin-left: -15px;
}

.uk-grid {
    margin: 0;
}

.uk-grid > ajax {
    padding-left: 0;
}

.uk-card-header .uk-grid > * {
    padding-left: inherit;
}

.uk-grid > * {
    padding-left: 0;
}

/*@INPUT*/
input.biit-switch {
    visibility: hidden;
    display: none;
}

.uk-tab {
    flex-wrap: inherit;
}

.uk-tab::before {
    left: 0;
    border-bottom: 1px solid var(--color-corporativo);
}

.uk-tab-left {
    width: max-content;
}

.uk-tab-left::before {
    border: none;
}


div.uk-card-body {
    padding: 10px 5px;
}

/*CALENDARIO*/
@media (max-width: 640px) {
    .fc .fc-toolbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        flex-flow: column-reverse;
        flex-grow: 0.05;
    }
}