:root {
    --secondary-color: #3892d4;
    --header-color: #2352a5;
    --button-color: #3f51b5;
    --sire-background: #2352a5;
    --sire-button: rgb(21, 127, 204, 1);
    --sire-title-text: #ffffff;
}

body .bg-primary {
    background-color: #283c50 !important;
}


.sweb-login-container.x-window-default,
.sweb-login-container .x-window-header.x-header,
.x-window-header.x-header[role="toolbar"],
div.x-window-header.x-header[role="presentation"] {
    background: var(--sire-background) !important;
}

.sweb-login-container .x-btn {
    background: var(--sire-button) !important;
}

a.x-btn.sweb-button:hover {
    background: var(--sire-background) !important;
}

.x-title-text {
    color: var(--sire-title-text);
}

.sweb-login-container .x-form-text-default[role="textbox"]:not(.sweb-selectoor-almacen input) {
    border-bottom: 1px solid gray !important;
    background-image: none;
}

div.x-window.x-message-box div.x-window-header.x-header[role="presentation"],
div.sweb-module-container div.x-window-header.x-header[role="toolbar"],
div.x-window.sweb-login-container div.x-window-header[role="presentation"],
div.x-window div.x-window-header.x-header[role="presentation"] {
    background: var(--header-color) !important;
}

.sweb-login-container a.x-btn {
    background: rgb(21, 127, 204, 1) !important;
}

.m-header a {
    width: 100%;
    display: flex;
    justify-content: center;
}

.m-header a img {
    max-width: 12rem !important;
    text-align: center !important;
}

.nxl-navigation .navbar-content .nxl-item:hover>a.nxl-link {
    background-color: #d7e0ee !important;
}

.nav-tabs-wrapper .nav-tabs-custom-style .nav-item button.nav-link.active {
    border-bottom: 3px solid var(--secondary-color) !important;
}

a.x-tab.x-tab-active.x-tab-default {
    border-color: var(--secondary-color) !important;
    background-color: var(--secondary-color) !important;
}

.x-box-target a.x-btn-default-medium:not(.sweb-boton-detalle-grid),
.x-box-target a.x-btn-default-small:not(.x-datepicker-month .x-btn-default-small) {
    border-color: var(--button-color) !important;
    background-color: var(--secondary-color) !important;
    height: 25px !important;
}

div.sweb-main-loader {
    background: #4297d4 !important;
}

div.sweb-main-loader .sweb-loader-line {
    background: linear-gradient(90deg, var(--button-color), #157fcc, #4297d4, #00b0ff, var(--button-color), var(--secondary-color), #d7e9f6) !important;
}

[data-sweb-tipo="userName"] {
    font-size: 1rem !important;
}

.x-grid-item-selected .x-grid-cell-inner {
    background-color: #4297d4!important;
}