body {
    font-family: 'Century Gothic', Arial, Helvetica, sans-serif !important;
    color: #3E4756 !important;
}
:root {
    --bgcolor-selected: #D0E1FF;
    --bgcolor-grandTotal2: #d0e1ff54;
    --color-selected: #3E4756;
    --text-color: #505866;
    --primary-color: #54BBD1;
    --button-bgcolor: #EAEAEA;
    --button-disabled-color: #EFEFEF;
    --button-hover-enabled: #D8D8D8;
    --button-active-enabled-color: #8E8E8E;
    --button-primary-bgcolor: var(--primary-color);
    --button-primary-disabled-color: #BFD6D9;
    --button-primary-hover-enabled: #2095AA;
    --button-primary-active-enabled-color: #007085;
    --label-color: #3E4756;
    --gray-50-8d8d8d: #8D8D8D;
    --fontColor-pivot: #3E4756;
    --main-bgcolor: #F4FAFF;
    --query-panel-header-bgcolor: #ADDCE8;
    --control-border: #888;
    --control-border-width: 2px;
    --dxGrid-principal: #3E4756;
    --scrollbar-width: 5px;
    --scrollbar-mainbg: #cecece;
    --scrollbar-trackbg: #cecece;
    --scrollbar-hoverbg: #aeaeae;
    --scrollbar-hoverwidth: 10px;
    /*  Info button */
    --button-info-bgcolor: var(--primary-color);
    --button-info-disabled-color: #BFD6D9;
    --button-info-hover-enabled: #2095AA;
    --button-info-active-enabled-color: #2095AA;
    /*  Error button */
    --button-error-bgcolor: #E65050;
    --button-error-disabled-color: #E65050;
    --button-error-hover-enabled: #F76161;
    --button-error-active-enabled-color: #F76161;
    /*  Success button */
    --button-success-bgcolor: #69E49B;
    --button-success-disabled-color: #69E49B;
    --button-success-hover-enabled: #7AF5AC;
    --button-success-active-enabled-color: #7AF5AC;
    /*  Success warning */
    --button-warning-bgcolor: #FFDA55;
    --button-warning-disabled-color: #FFDA55;
    --button-warning-hover-enabled: #FFEB66;
    --button-warning-active-enabled-color: #FFDA55;
}

/*------------Inicio Componentes de kendo----------------*/
/*.k-widget,*/
/*.k-state-default > .k-select,
.k-state-hover > .k-select,
.k-widget.k-combobox,
.k-widget.k-datepicker,
.k-widget.k-dropdown,
.k-widget.k-colorpicker,
.k-widget > [class*=-wrap].k-state-default,
.k-textbox:hover,
.k-textbox,
[type='text'].k-input,*/
.k-widget.k-window[fortia-window-parent] {
    border-color: transparent !important;
    background-color: transparent !important;
}

/*.k-multiselect-clearable .k-input { margin: 0 !important; }

    .k-widget.k-multiselect [aria-label=delete] {
        background: transparent !important;
        color: #FFFFFF77 !important;
    }

.k-item.k-state-selected.k-state-hover {
    box-shadow: none !important;
}

    .k-widget.k-multiselect.k-state-hover [aria-label=delete] {
        background: transparent !important;
        color: #FFF !important;
    }

    .k-widget > [class*=-wrap].k-state-default {
        border: none !important;
        border-radius: 0 !important;
        border-bottom: solid var(--control-border-width) var(--control-border) !important;
        box-shadow: none !important;
        background: transparent !important;
    }

        .k-state-focused {
            box-shadow: none;
        }

        [type='text'].k-input {
            box-shadow: none !important;
            border-radius: 0 !important;
        }

.k-textbox {
    border: none !important;
    border-radius: 0 !important;
    border-bottom: solid var(--control-border-width) var(--control-border) !important;
    box-shadow: none !important;
}

.k-textbox:hover {
    border-bottom: solid var(--control-border-width) var(--control-border) !important;
}

    .item .k-widget.k-multiselect.k-header .k-multiselect-wrap {
        min-height: 0;
        border-width: 1px 0;
        border-top-color: transparent !important;
        background-color: transparent;
        border-color: rgba(0, 0, 0, 0.42);
    }

.k-i-arrow-60-down:before {
    font-family: "xr-family" !important;
    content: '\f107' !important;
}

.k-dropdown-wrap.k-state-default span.k-select {
    justify-content: flex-end;
    display: flex;
    align-items: center;
}*/

/*------------Fin Componentes de kendo----------------*/

.title-input {
    margin-bottom: 8px;
    margin-top: 15px;
    color: var(--label-color) !important;
    font-size: 14px !important;
    font-family: 'Century Gothic', Arial, Helvetica, sans-serif !important;
    font-weight: 100 !important;
    height: 27px !important;
    -o-text-overflow: initial !important;
    -ms-text-overflow: initial !important;
    text-overflow: initial !important;
}

    .title-input label {
        font-weight: 100 !important;
        display: inline;
        font-size: 14px !important;
    }

.xpress-buttons {
    text-align: center;
}
.xpress-button {
    background-color: var(--button-bgcolor);
    color: var(--text-color);
    border-radius: 0;
    cursor: pointer;
    border: none;
    padding: 10px;
    outline: none !important;
    margin-left: 5px;
    font-family: 'Century Gothic', Arial, Helvetica, sans-serif !important;
}
    .xpress-button[disabled] {
        color: var(--gray-50-8d8d8d);
        background: var(--button-disabled-color) 0% 0% no-repeat padding-box;
        /*border: solid 1px #EEE;*/
    cursor: not-allowed;
}
    .xpress-button:hover:enabled {
        background: var(--button-hover-enabled) 0% 0% no-repeat padding-box;
    }

    .xpress-button:active:enabled {
        background: var(--button-active-enabled-color) 0% 0% no-repeat padding-box;
        color: #FFF;
    }

    .xpress-button.ico {
        padding-right: 30px;
    }

    .xpress-button > span {
        position: absolute;
        right: 6px;
        top: 13px;
    }

    .primary.xpress-button {
        background-color: var(--button-primary-bgcolor);
        color: #FFF;
    }

        .primary.xpress-button[disabled] {
            color: var(--gray-50-8d8d8d);
            background: var(--button-primary-disabled-color) 0% 0% no-repeat padding-box;
        }

        .primary.xpress-button:hover:enabled {
            background: var(--button-primary-hover-enabled) 0% 0% no-repeat padding-box;
        }

        .primary.xpress-button:active:enabled {
            background: var(--button-primary-active-enabled-color) 0% 0% no-repeat padding-box;
        }
/* Buttons */
.info.xpress-button, .question.xpress-button {
    background-color: var(--button-info-bgcolor);
    color: #FFF;
}

    .info.xpress-button[disabled], .question.xpress-button[disabled] {
        color: var(--gray-50-8d8d8d);
        background: var(--button-info-disabled-color) 0% 0% no-repeat padding-box;
    }

    .info.xpress-button:hover:enabled, .question.xpress-button:hover:enabled {
        background: var(--button-info-hover-enabled) 0% 0% no-repeat padding-box;
    }

    .info.xpress-button:active:enabled, .question.xpress-button:active:enabled {
        background: var(--button-info-active-enabled-color) 0% 0% no-repeat padding-box;
    }
.success.xpress-button {
    background-color: var(--button-success-bgcolor);
    color: #FFF;
}

    .success.xpress-button[disabled] {
        color: var(--gray-50-8d8d8d);
        background: var(--button-success-disabled-color) 0% 0% no-repeat padding-box;
    }

    .success.xpress-button:hover:enabled {
        background: var(--button-success-hover-enabled) 0% 0% no-repeat padding-box;
    }

    .success.xpress-button:active:enabled {
        background: var(--button-success-active-enabled-color) 0% 0% no-repeat padding-box;
    }
.error.xpress-button {
    background-color: var(--button-error-bgcolor);
    color: #FFF;
}

    .error.xpress-button[disabled] {
        color: var(--gray-50-8d8d8d);
        background: var(--button-error-disabled-color) 0% 0% no-repeat padding-box;
    }

    .error.xpress-button:hover:enabled {
        background: var(--button-error-hover-enabled) 0% 0% no-repeat padding-box;
    }

    .error.xpress-button:active:enabled {
        background: var(--button-error-active-enabled-color) 0% 0% no-repeat padding-box;
    }
.warning.xpress-button {
    background-color: var(--button-warning-bgcolor);
    color: #FFF;
}

    .warning.xpress-button[disabled] {
        color: var(--gray-50-8d8d8d);
        background: var(--button-warning-disabled-color) 0% 0% no-repeat padding-box;
    }

    .warning.xpress-button:hover:enabled {
        background: var(--button-warning-hover-enabled) 0% 0% no-repeat padding-box;
    }

    .warning.xpress-button:active:enabled {
        background: var(--button-warning-active-enabled-color) 0% 0% no-repeat padding-box;
    }

.link.xpress-button {
    background-color: transparent;
    color: var(--text-color);
    text-decoration: none;
}

        .link.xpress-button[disabled] {
            color: var(--gray-50-8d8d8d);
            background: transparent;
        }

        .link.xpress-button:hover:enabled {
            background: transparent;
            text-decoration: underline;
        }
.question.xpress-button{
    min-width: 90px;
}

/* Titulos de las pantallas */
nav.navigation .title.dark,
h3.title.dark {
    font-family: 'Century Gothic', Arial, Helvetica, sans-serif !important;
    font-size: 30px;
    font-weight: bold;
    color: var(--label-color);
}

nav.navigation h3.title.dark{
    margin-top: 0px;
}
/*---------------------------------*/

.agrupador {
    font-family: 'Century Gothic', Arial, Helvetica, sans-serif !important;
}

    .agrupador > .col-xs-12 {
        border-bottom: none !important;
        padding-bottom: 5px;
        padding-left: 0;
        font-size: 25px;
        color: var(--label-color);
        margin-top: 25px;
    }

#CambiarPersonalizacion .centeractions input.blue.bluecen,
#CambiarPersonalizacion .centeractions a.goback.cp {
    font-family: 'Century Gothic', Arial, Helvetica, sans-serif !important;
    font-size: 13px;
}