/* HR devices */
@media only screen and (max-width: 2100px) {
    .col-xl-1 {
        width: 8.33%;
    }

    .col-xl-2 {
        width: 16.66%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-4 {
        width: 33.33%;
    }

    .col-xl-5 {
        width: 41.66%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-7 {
        width: 58.33%;
    }

    .col-xl-8 {
        width: 66.66%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-10 {
        width: 83.33%;
    }

    .col-xl-11 {
        width: 91.66%;
    }

    .col-xl-12 {
        width: 100%;
    }

    main,
    header .sw-container-row {
        width: 1840px;
        margin: auto;
    }

    .sw-pageInicio > .sw-container-row {
        padding: 0;
    }

    .sw-container-simple {
        height: 380px !important;
        max-height: 380px !important;
        min-height: 380px !important;
    }

    .sw-container-inicio {
        height: 380px !important;
        max-height: 380px !important;
        min-height: 380px !important;
    }

    .sw-card {
        width: 237px !important;
    }

    .sw-card-header {
        height: 224px !important;
    }
}

/* FullHD devices */
@media only screen and (max-width: 1900px) {
    .col-xl-1 {
        width: 8.33%;
    }

    .col-xl-2 {
        width: 16.66%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-4 {
        width: 33.33%;
    }

    .col-xl-5 {
        width: 41.66%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-7 {
        width: 58.33%;
    }

    .col-xl-8 {
        width: 66.66%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-10 {
        width: 83.33%;
    }

    .col-xl-11 {
        width: 91.66%;
    }

    .col-xl-12 {
        width: 100%;
    }

    main,
    header .sw-container-row {
        width: 1620px;
        margin: auto;
    }

    .sw-pageInicio > .sw-container-row {
        padding: 0;
    }

    .sw-container-simple {
        height: 380px !important;
        max-height: 380px !important;
        min-height: 380px !important;
    }

    .sw-container-inicio {
        height: 380px !important;
        max-height: 380px !important;
        min-height: 380px !important;
    }

    .sw-card {
        width: 208px !important;
    }

    .sw-card-list > div:nth-child(4n) {
        margin-right: 12px;
    }

    .sw-card-list > div:nth-child(5n) {
        margin-right: 12px;
    }

    .sw-card-list > div:nth-child(6n) {
        margin-right: 0px;
    }

    .sw-card-header {
        height: 224px !important;
    }
}

/* XXL - 2 x Extra large devices (large laptops and desktops) */
@media only screen and (max-width: 1680px) {
    .col-xl-1 {
        width: 8.33%;
    }

    .col-xl-2 {
        width: 16.66%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-4 {
        width: 33.33%;
    }

    .col-xl-5 {
        width: 41.66%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-7 {
        width: 58.33%;
    }

    .col-xl-8 {
        width: 66.66%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-10 {
        width: 83.33%;
    }

    .col-xl-11 {
        width: 91.66%;
    }

    .col-xl-12 {
        width: 100%;
    }

    main,
    header .sw-container-row {
        width: 1368px;
        margin: auto;
    }

    .sw-pageInicio > .sw-container-row {
        padding: 0;
    }

    .sw-container-simple {
        height: 380px !important;
        max-height: 380px !important;
        min-height: 380px !important;
    }

    .sw-container-inicio {
        height: 380px !important;
        max-height: 380px !important;
        min-height: 380px !important;
    }

    .sw-card {
        width: 210px !important;
    }

    .sw-card-list > div:nth-child(4n) {
        margin-right: 12px;
    }

    .sw-card-list > div:nth-child(5n) {
        margin-right: 0px;
    }

    .sw-card-list > div:nth-child(6n) {
        margin-right: 12px;
    }

    .sw-card-header {
        height: 217px !important;
    }
}

/* XL - Extra large devices (large laptops and desktops) */
@media only screen and (max-width: 1440px) {
    .col-xl-1 {
        width: 8.33%;
    }

    .col-xl-2 {
        width: 16.66%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-4 {
        width: 33.33%;
    }

    .col-xl-5 {
        width: 41.66%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-7 {
        width: 58.33%;
    }

    .col-xl-8 {
        width: 66.66%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-10 {
        width: 83.33%;
    }

    .col-xl-11 {
        width: 91.66%;
    }

    .col-xl-12 {
        width: 100%;
    }

    main,
    header .sw-container-row {
        width: 1140px;
        margin: auto;
    }

    .sw-pageInicio > .sw-container-row {
        padding: 0;
    }

    .sw-container-simple {
        height: 380px !important;
        max-height: 380px !important;
        min-height: 380px !important;
    }

    .sw-container-inicio {
        height: 380px !important;
        max-height: 380px !important;
        min-height: 380px !important;
    }

    .sw-card {
        width: 219px !important;
    }

    .sw-card-header {
        height: 224px !important;
    }

    .sw-card-list > div:nth-child(4n) {
        margin-right: 0px;
    }

    .sw-card-list > div:nth-child(5n) {
        margin-right: 12px;
    }
}

/* L - Large devices (laptops/desktops) */
@media only screen and (max-width: 1200px) {
    .col-l-1 {
        width: 8.33%;
    }

    .col-l-2 {
        width: 16.66%;
    }

    .col-l-3 {
        width: 25%;
    }

    .col-l-4 {
        width: 33.33%;
    }

    .col-l-5 {
        width: 41.66%;
    }

    .col-l-6 {
        width: 50%;
    }

    .col-l-7 {
        width: 58.33%;
    }

    .col-l-8 {
        width: 66.66%;
    }

    .col-l-9 {
        width: 75%;
    }

    .col-l-10 {
        width: 83.33%;
    }

    .col-l-11 {
        width: 91.66%;
    }

    .col-l-12 {
        width: 100%;
    }

    main,
    header .sw-container-row {
        width: 960px;
        margin: auto;
    }

    .sw-custom-logo {
        height: 90px;
        background-size: auto 90px;
    }

    .sw-container-simple {
        padding: 0 !important;
        height: 300px !important;
        max-height: 300px !important;
        min-height: 300px !important;
    }

    .sw-container-inicio {
        display: flex;
        padding: 0;
        height: 300px !important;
        max-height: 300px !important;
        min-height: 300px !important;
    }

    .sw-pageInicio .sw-button > div {
        margin-left: 11%;
    }

    .sw-pageLogin .sw-border-entry {
        padding: 0;
    }

    .sw-pageLogin > .sw-custom-logo,
    .sw-pageLogin > .sw-container,
    .sw-pageLogin > .sw-container-row {
        width: 350px !important;
    }

    .sw-pageLogin > .sw-container-row {
        margin-top: 20px !important;
    }

    .sw-card {
        width: 182px !important;
    }

    .sw-card-header {
        height: 186px !important;
    }

    header .sw-page-detail #cantidad_articulos,
    header .sw-page-detail #ultimo-pedido {
        margin-top: 4px;
    }

    header #label_DescCliente_admin {
        margin-bottom: -12px;
    }

    .sw-toolbar > .sw-border-entry:first-of-type, .sw-toolbar > .sw-border-entry:last-of-type {
        width: 30%;
    }

    .sw-filter .sw-border-entry span.field-caption {
        margin-bottom: -4px;
    }

    .sw-table table .sw-link i {
        vertical-align: middle;
    }

    nav.sw-navbar .sw-navbar-nav,
    .sw-toolbar .sw-nav {
        max-width: 250px;
    }

    .sw-container-row.sw-header .sw-border-entry {
        margin-top: -5px;
    }

    #LoginCRMButton {
        margin-top: 20px;
    }

    #LoginB2BButton {
        margin-top: 20px;
    }

    #LoginB2PButton {
        margin-top: 20px;
    }
}

/* M - Medium devices (landscape tablets) */
@media only screen and (max-width: 992px) {
    .col-m-1 {
        width: 8.33%;
    }

    .col-m-2 {
        width: 16.66%;
    }

    .col-m-3 {
        width: 25%;
    }

    .col-m-4 {
        width: 33.33%;
    }

    .col-m-5 {
        width: 41.66%;
    }

    .col-m-6 {
        width: 50%;
    }

    .col-m-7 {
        width: 58.33%;
    }

    .col-m-8 {
        width: 66.66%;
    }

    .col-m-9 {
        width: 75%;
    }

    .col-m-10 {
        width: 83.33%;
    }

    .col-m-11 {
        width: 91.66%;
    }

    .col-m-12 {
        width: 100%;
    }

    main,
    header .sw-container-row {
        width: 720px;
        margin: auto;
    }

    header {
        height: 48px;
    }

        header img.logoSolmicro {
            height: 32px;
        }

        header .sw-page-detail .sw-link {
            margin-right: 0px;
        }

        header .sw-page-detail #cantidad_articulos {
            margin-top: 2px;
        }

        header #label_DescCliente_admin {
            max-width: 100px;
        }

    #importe_total, #acceso-catalogo, #acceso-ultimo-pedido, sw-acceso-bloque-inicio {
        display: none;
    }

    header h1 {
        margin-top: 2px;
    }

    .sw-container-inicio {
        padding: 0;
    }

    .sw-pageInicio .sw-button > div {
        margin-left: 8%;
    }

    .sw-pageInicio .sw-button > div {
        max-width: 82%;
    }

    .sw-card-header {
        height: 135px !important;
    }

    .sw-card {
        width: 132px !important;
    }

    .sw-card-list > div:nth-child(4n) {
        margin-right: 0 !important;
    }

    .sw-toolbar > .sw-border-entry:first-of-type,
    .sw-toolbar > .sw-border-entry:last-of-type {
        width: 22%;
    }

    .sw-table table {
        width: 90%;
    }

    .sw-container-row.sw-header .sw-border-entry {
        margin-top: 0;
        float: none;
    }
}

/* S - Small devices (portrait tablets and large phones) */
@media only screen and (max-width: 768px) {
    .col-s-1 {
        width: 8.33%;
    }

    .col-s-2 {
        width: 16.66%;
    }

    .col-s-3 {
        width: 25%;
    }

    .col-s-4 {
        width: 33.33%;
    }

    .col-s-5 {
        width: 41.66%;
    }

    .col-s-6 {
        width: 50%;
    }

    .col-s-7 {
        width: 58.33%;
    }

    .col-s-8 {
        width: 66.66%;
    }

    .col-s-9 {
        width: 75%;
    }

    .col-s-10 {
        width: 83.33%;
    }

    .col-s-11 {
        width: 91.66%;
    }

    .col-s-12 {
        width: 100%;
    }

    body {
        background-image: none;
    }

    header img.logoSolmicro {
        height: 32px;
    }

    header h1,
    header h2 {
        display: inline-block;
        margin-left: 20px;
    }

    header h1 {
        max-width: max-content;
    }

    header .sw-container-row > .sw-navbar-action {
        display: none;
    }

    main,
    header .sw-container-row {
        width: 100%;
    }

    header .sw-container-row {
        padding: 0 12px;
    }

    header .sw-page-detail {
        margin-right: 0;
    }

    .sw-container-body, .sw-container-left {
        padding: 0 10px;
    }

    .sw-container-left {
        display: none;
    }

    .sw-container-page.NoData .sw-container-left {
        display: block;
    }

    .sw-container-page.NoData .sw-container-body {
        display: none;
    }

    .sw-container-inicio {
        padding: 0 !important;
        height: 400px !important;
        max-height: 400px !important;
        min-height: 400px !important;
    }

        .sw-container-inicio .sw-group-separator {
            width: 100%;
            border-top: 1px solid var(--color-custom-1) !important;
            height: auto !important;
            margin-left: 10%;
            margin-top: 5px;
            margin-bottom: 5px;
        }

    .sw-container-simple {
        padding: 0 !important;
        height: 400px !important;
        max-height: 400px !important;
        min-height: 400px !important;
    }

    .sw-tab-container {
        margin-top: 0px;
    }

    .sw-pageInicio .sw-button {
        margin: 4px 0;
    }

        .sw-pageInicio .sw-button > div {
            margin-left: 13%;
        }

        .sw-pageInicio .sw-button .abreviatura {
            display: none;
        }

        .sw-pageInicio .sw-button span {
            margin-bottom: 0;
        }

    .sw-navbar-action.sw-power {
        margin-left: auto !important;
        margin-right: 0;
    }

    nav.sw-navbar .sw-navbar-main {
        padding-top: 0 !important;
    }

    nav.sw-navbar .sw-navbar-nav {
        box-shadow: none !important;
    }

        nav.sw-navbar .sw-navbar-nav,
        .sw-toolbar .sw-nav {
            max-width: none;
        }   

    nav.sw-navbar .sw-nav-item {
        margin: 0 !important;
    }

    nav.sw-navbar .sw-navbar-collapse {
        margin-top: 0px !important;
    }

    nav.sw-navbar .sw-navbar-main a:hover {
        color: var(--color-custom-1);
        background-color: var(--color-custom-background);
    }

    header .sw-mobile-nav-toggler {
        display: flex;
    }

    nav.sw-navbar {
        display: none;
        flex-direction: column;
        align-items: flex-start;
        height: 100%;
        width: 87%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--color-custom-background);
        box-shadow: 8px 8px 18px #888888;
        z-index: 2000;
        overflow: hidden;
    }

        nav.sw-navbar .sw-navbar-header {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
        }

            nav.sw-navbar .sw-navbar-header > a {
                margin-left: 20px;
                padding: 0;
            }

                nav.sw-navbar .sw-navbar-header > a i {
                    vertical-align: middle;
                }

        nav.sw-navbar .sw-navbar-main {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: flex-start;
            height: auto;
            width: 83%;
            padding-top: 45px;
            flex: 1;
            min-height: 0;
            overflow-y: auto;
            margin-left: 30px;
        }

            nav.sw-navbar .sw-navbar-main > a i[class^="sw-icon-"],
            nav.sw-navbar .sw-navbar-main > a i[class*="sw-icon-"],
            nav.sw-navbar .sw-navbar-main > button i[class^="sw-icon-"],
            nav.sw-navbar .sw-navbar-main > button i[class*="sw-icon-"] {
                display: none;
            }

            nav.sw-navbar .sw-navbar-main a {
                box-sizing: border-box;
                display: block;
                margin: 0;
                margin-bottom: 2px;
            }

            nav.sw-navbar .sw-navbar-main > a:first-of-type {
                margin-top: 20px;
            }

            nav.sw-navbar .sw-navbar-main a:after {
                content: "\4d";
                font-family: 'SolmicroWeb' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                display: inline-block;
                margin-left: 10px;
                vertical-align: middle;
            }

        nav.sw-navbar > a {
            margin: 11px;
        }

        nav.sw-navbar a span.sw-item-description,
        nav.sw-navbar button span.sw-item-description {
            display: inline-block;
        }

        nav.sw-navbar button.sw-navbar-toggler {
            cursor: default;
            color: var(--color-custom-1);
            border-bottom: 1px solid var(--color-custom-1);
            margin: 23px 0 0 0;
            width: 100%;
        }

        nav.sw-navbar .sw-navbar-toggler:after {
            content: "";
        }

        nav.sw-navbar .sw-navbar-collapse {
            display: flex;
            border: none;
            margin-top: 5px !important;
        }

        nav.sw-navbar .sw-navbar-nav {
            background: none;
        }

        nav.sw-navbar .sw-nav-item {
            margin: 10px 0;
            padding: 0;
            margin-top: 4px !important;
        }

        nav.sw-navbar .sw-navbar-nav .divider {
            margin-right: -2000px;
        }

    .sw-card {
        width: 47% !important;
        margin-left: 1% !important;
        margin-right: 1% !important;
    }

    .sw-card-header {
        height: 317px !important;
    }

    .sw-card-list {
        margin-left: 1%;
    }

        .sw-card-list > div:nth-child(4n) {
            margin-right: 1% !important;
        }

    .sw-filter {
        background: none !important;
    }

        .sw-filter .sw-field-group {
            width: 100%;
        }

    .sw-logo-empresa {
        display: none;
    }

    .sw-toolbar {
        margin-top: 5px !important;
        min-height: 42px;
    }

        .sw-toolbar .sw-border-entry {
            flex-grow: 1;
            width: min-content;
        }

        .sw-toolbar .sw-btn {
            margin: 12px;
        }

    .sw-border-entry .sw-icon-close {
        margin-left: auto;
    }

    .sw-header {
        padding: 6px;
    }

    footer {
        height: 593px;
        background-size: cover;
    }

    .ui-dialog.ui-corner-all,
    .ui-dialog-titlebar.ui-corner-all,
    .ui-dialog-titlebar .ui-button.ui-corner-all {
        border-radius: 0;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        right: 22px;
    }

    .sw-acceso-bloque-inicio, #acceso-catalogo, #acceso-estadisticas {
        display: flex;
    }

    #sw-toolbar-filter {
        display: inherit;
    }

    #sw-toolbar-print {
        display: none;
    }

    header #label_DescCliente_admin {
        margin-bottom: -13px;
    }

    .sw-table table {
        width: 100%;
        margin: 0 auto;
    }

        .sw-table table caption {
            display: block;
        }

        .sw-table table.sw-list-view thead {
            display: none !important;
        }

        .sw-table table.sw-list-view tr {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            padding: 6px;
        }

        .sw-table table.sw-list-view tbody td,
        .sw-table table.sw-list-view tfoot td {
            padding: 0;
            width: auto !important;
        }

        .sw-table table.sw-list-view td.sw-id a,
        .sw-table table.sw-list-view td.sw-id span.value{
            color: var(--color-custom-highlight);
        }

        .sw-table table.sw-list-view td.sw-description span.value {
            color: var(--color-custom-field);
        }

        .sw-table table.sw-list-view tr td:after {
            content: ",";
            color: var(--color-custom-default);
            margin-right: 6px;
        }

        .sw-table table.sw-list-view tr td:last-of-type:after,
        .sw-table table.sw-list-view tr td.sw-td-title-alt:after,
        .sw-table table.sw-list-view tr td.sw-hidden:after,
        .sw-table table.sw-list-view tr.sw-summaryRow td:after,
        .sw-table table.sw-list-view td.sw-description:after,
        .sw-table table.sw-list-view td.sw-imagen:after,
        .sw-table table.sw-list-view td.sw-rowButton:after {
            content: "";
            margin-right: 0;
        }

        .sw-table table.sw-list-view td.sw-imagen {
            width: 15% !important;
            margin-right: 4px;
        }

            .sw-table table.sw-list-view td.sw-imagen + td.sw-description {
                display: flex;
            }

        .sw-table table.sw-list-view tfoot tr {
            justify-content: flex-end;
        }

            .sw-table table.sw-list-view tfoot tr td {
                padding: 0;
                border: none;
            }

        .sw-table table.sw-list-view .sw-summaryRow .sw-td-title-alt {
            font-weight: normal;
            margin-left: 4px;
        }

        .sw-table table.sw-list-view .sw-link i {
            display: none;
        }

        .sw-table table.sw-list-view .sw-td-title-alt {
            display: inline-block;
            width: auto;
        }

        .sw-table table.sw-list-view .sw-title-alt {
            display: inline-block;
            color: var(--color-custom-default-dimmed);
        }

            .sw-table table.sw-list-view .sw-title-alt:after {
                content: ":";
                margin-right: 4px;
            }

        .sw-table table.sw-list-view .sw-td-break {
            display: block;
            width: 100% !important;
            height: 0;
            padding: 0;
        }

            .sw-table table.sw-list-view .sw-td-break:after {
                content: "";
            }

        .sw-table table.sw-list-view td.sw-rowButton {
            margin-top: -2px;
        }

            .sw-table table.sw-list-view td.sw-rowButton i {
                display: inline-block;
            }

        .sw-table table .sw-summaryRow {
            border-top: 1px solid var(--color-custom-default);
        }

    .sw-rowButton [class*="sw-icon-"] {
        margin: 0 6px 0 0;
    }

    .sw-expander .ui-accordion-content {
        height: auto !important;
        padding: 5px;
    }

    .sw-modal-content .sw-detail-image {
        height: 250px;
    }
}

/* XS - Extra small devices (phones) */
@media only screen and (max-width: 576px) {

    .col-xs-1 {
        width: 8.33%;
    }

    .col-xs-2 {
        width: 16.66%;
    }

    .col-xs-3 {
        width: 25%;
    }

    .col-xs-4 {
        width: 33.33%;
    }

    .col-xs-5 {
        width: 41.66%;
    }

    .col-xs-6 {
        width: 50%;
    }

    .col-xs-7 {
        width: 58.33%;
    }

    .col-xs-8 {
        width: 66.66%;
    }

    .col-xs-9 {
        width: 75%;
    }

    .col-xs-10 {
        width: 83.33%;
    }

    .col-xs-11 {
        width: 91.66%;
    }

    .col-xs-12 {
        width: 100%;
    }

    .xs-display-none {
        display: none;
    }

    .sw-pageLogin > .sw-container {
        width: 80% !important;
    }

    .sw-pageLogin form {
        margin: 20px 0;
    }

    .sw-pageLogin > .sw-container-row {
        margin-top: 15px !important;
    }

    header {
        min-height: 48px;
    }

    footer {
        background: var(--image-custom-picture) no-repeat 50%;
    }

    .sw-border-entry .sw-select::after,
    .sw-border-entry .sw-input-date::after,
    .sw-no-border-entry .sw-select::after,
    .sw-no-border-entry .sw-input-date::after {
        padding: 3px 5px;
    }

    .sw-custom-logo {
        background-size: 202px auto;
        height: 86px;
    }

    .sw-container-simple {
        padding: 10px 0 10px 0;
        height: 330px !important;
        max-height: 330px !important;
        min-height: 330px !important;
    }

    .sw-container-inicio {
        padding: 10px 0 10px 0;
        height: 330px !important;
        max-height: 330px !important;
        min-height: 330px !important;
    }

        .sw-container-inicio .sw-pageInicio {
            height: 330px;
        }

    header h1 {
        margin-top: -1px !important;
        margin-left: 20px !important;
    }

    header .sw-page-detail {
        margin-left: auto;
    }

        header .sw-page-detail #cantidad_articulos {
            margin-top: 2px;
        }

        header .sw-page-detail .sw-link i {
            margin-top: 1px;
        }

    .sw-page-detail .sw-border-entry {
        border: none !important;
        margin-right: 12px !important;
    }

    #sw-multi-search-calc-1,
    #sw-multi-search-calc-2 {
        margin-right: 0;
        margin-left: 12px;
    }

    header #label_DescCliente_admin {
        display: none;
    }

    .sw-pageCatalogoTabla thead {
        display: none;
    }

    .sw-pageCatalogoTabla table {
        margin: 0px auto;
    }

    .sw-toolbar [class*="sw-icon-"] {
        border: 1px solid var(--color-custom-1);
        border-radius: var(--border-radius);
        padding: 6px;
        margin-left: -12px;
    }

    .sw-rowButton [class*="sw-icon-"] {
        border: 1px solid var(--color-custom-1);
        border-radius: var(--border-radius);
        padding: 3px 7px 3px 7px;
    }

    .sw-toolbar .sw-btn.sw-toggler:after {
        display: none !important;
    }

    .sw-card {
        width: 100% !important;
    }

    .sw-card-list {
        margin-left: 0;
    }

    .sw-border-entry [class*="sw-icon-"] {
        border: none;
        padding: 7px 8px !important;
    }

    .sw-border-entry {
        padding: 6px 11px 7px 11px;
    }

    nav.sw-navbar .sw-navbar-header {
        padding: 0 12px;
        height: 56px;
    }

    .sw-header {
        padding: 6px 0;
    }

    .ui-dialog .ui-dialog-content {
        padding: 5px 10px;
    }

    .sw-expander-header .sw-link {
        max-width: 60%;
    }

        .sw-expander-header .sw-link .value {
            max-width: 80%;
            white-space: nowrap;
            overflow-x: hidden;
            text-overflow: ellipsis;
        }

    .sw-modal-content .sw-detail-image {
        height: 175px;
    }

    #sw-calendar-search {
        display: none;
    }

    .sw-container-row .sw-toolbar .sw-separator {
        margin-right: 20px;
    }

    .sw-tabs.ui-tabs .ui-tabs-nav .ui-tabs-tab a {
        font-size: var(--font-size-L);
    }

    .sw-icon-filter, 
    .sw-icon-chart {
        top: 2px;
    }

    .sw-table table caption .sw-btn {
        border: 1px solid var(--color-custom-1);
        border-radius: var(--border-radius);
    }

    #sw-toolbar-filter {
        margin-bottom: 15px;
    }
}

/* Dark Theme */
@media (prefers-color-scheme: dark) {
    .sw-pageInicio .sw-button:hover {
        color: var(--color-custom-1);
        box-shadow: 4px 0px 18px black !important;
        border-radius: var(--border-radius);
    }

    nav.sw-navbar .sw-navbar-collapse,
    .sw-toolbar .sw-collapse {
        box-shadow: 0px 0px 12px 4px var(--color-custom-background) !important;
        border: 1px solid var(--color-custom-background) !important;
    }

    nav.sw-navbar .sw-nav-item:hover,
    .sw-toolbar .sw-nav-item:hover {
        background: var(--color-custom-1-soft-dimmed) !important;
    }

    .sw-card {
        background: none !important;
    }

        .sw-card:hover {
            box-shadow: 0px 0px 8px var(--color-custom-1-dimmed) !important;
        }

    .sw-card-footer {
        background-color: var(--color-disabled);
    }

    .sw-filter {
        background: linear-gradient( 90deg, transparent, transparent) !important;
    }

    .sw-logo-empresa {
        background: var(--image-custom-firmlogo) no-repeat, linear-gradient( 90deg, transparent, transparent);
        background-size: contain;
        background-position: center;
    }

    .ui-widget-content {
        background: var(--color-custom-background);
        color: var(--color-custom-default);
    }

    .ui-dialog {
        box-shadow: 4px 0px 18px black !important;
        border: none !important;
    }

    .ui-button {
        background: var(--color-custom-1-extra-dimmed);
        border: 1px solid var(--color-custom-1-extra-dimmed);
        border-radius: var(--border-radius);
        color: var(--color-custom-default);
    }

        .ui-button:hover {
            background: var(--color-custom-1-dimmed);
            border: 1px solid var(--color-custom-1-dimmed);
        }

        .ui-button:focus {
            background: var(--color-custom-1);
            border: 1px solid var(--color-custom-1);
        }

    .sw-spin.e-input-group input.e-input, .sw-spin.e-input-group.e-control-wrapper input.e-input {
        background: var(--color-custom-1-dimmed) !important;
    }

    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
        color: var(--color-custom-default);
    }

    .ui-widget-header {
        background: var(--color-custom-1);
        border: none;
    }

    .sw-border-entry {
        border: 1px solid var(--color-custom-1-extra-dimmed) !important;
        border-top: none !important;
        border-left: none !important;
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
        -webkit-text-fill-color: var(--color-custom-default);
        -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px var(--color-custom-background) !important;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px var(--color-custom-background) !important;
        transition: background-color 5000s ease-in-out 0s;
    }

    header .sw-navbar-main a {
        color: var(--color-custom-default) !important;
    }

    label.field-caption .sw-checkmark {
        border: 1px solid var(--color-custom-1-dimmed) !important;
    }

    .sw-table table thead th {
        border-bottom: 1px solid var(--color-custom-1-dimmed);
    }

    .sw-table table tfoot td {
        border-top: 1px solid var(--color-custom-default-dimmed);
    }

    .e-calendar {
        box-shadow: 4px 0px 18px black !important;
    }

    .e-quick-popup-wrapper {
        box-shadow: 4px 0px 18px black !important;
    }

        .e-quick-popup-wrapper .e-event-popup .e-popup-header {
            background: var(--color-custom-1);
        }

    @media only screen and (max-width: 768px) {
        nav.sw-navbar,
        .ui-dialog {
            box-shadow: 4px 0px 18px black !important;
            border: none !important;
        }

        .sw-filter {
            background: none !important;
        }

        .sw-border-entry {
            border: 1px solid var(--color-custom-1-dimmed) !important;
            border-top: none !important;
            border-left: none !important;
        }
    }

    @media only screen and (max-width: 576px) {
        .sw-toolbar [class*="sw-icon-"],
        .sw-rowButton [class*="sw-icon-"],
        .sw-table table caption .sw-btn {
            border: 1px solid var(--color-custom-1-dimmed);
        }

        .sw-border-entry [class*="sw-icon-"] {
            border: none;
        }
    }
}

[data-theme="dark"] .sw-pageInicio .sw-button:hover {
    color: var(--color-custom-1);
    box-shadow: 4px 0px 18px black !important;
    border-radius: var(--border-radius);
}

[data-theme="dark"] nav.sw-navbar .sw-navbar-collapse,
[data-theme="dark"] .sw-toolbar .sw-collapse {
    box-shadow: 0px 0px 12px 4px var(--color-custom-background) !important;
    border: 1px solid var(--color-custom-background) !important;
}

[data-theme="dark"] nav.sw-navbar .sw-nav-item:hover,
[data-theme="dark"] .sw-toolbar .sw-nav-item:hover {
    background: var(--color-custom-1-soft-dimmed) !important;
}

[data-theme="dark"] .sw-card {
    background: none !important;
}

    [data-theme="dark"] .sw-card:hover {
        box-shadow: 0px 0px 8px var(--color-custom-1-dimmed) !important;
    }

[data-theme="dark"] .sw-card-footer {
    background-color: var(--color-disabled);
}

[data-theme="dark"] .sw-filter {
    background: linear-gradient( 90deg, transparent, transparent) !important;
}

[data-theme="dark"] .sw-logo-empresa {
    background: var(--image-custom-firmlogo) no-repeat, linear-gradient( 90deg, transparent, transparent);
    background-size: contain;
    background-position: center;
}

[data-theme="dark"] .ui-widget-content {
    background: var(--color-custom-background);
    color: var(--color-custom-default);
}

[data-theme="dark"] .ui-dialog {
    box-shadow: 4px 0px 18px black !important;
    border: none !important;
}

[data-theme="dark"] .ui-button {
    background: var(--color-custom-1-extra-dimmed);
    border: 1px solid var(--color-custom-1-extra-dimmed);
    border-radius: var(--border-radius);
    color: var(--color-custom-default);
}

    [data-theme="dark"] .ui-button:hover {
        background: var(--color-custom-1-dimmed);
        border: 1px solid var(--color-custom-1-dimmed);
    }

    [data-theme="dark"] .ui-button:focus {
        background: var(--color-custom-1);
        border: 1px solid var(--color-custom-1);
    }

[data-theme="dark"] .sw-spin.e-input-group input.e-input, .sw-spin.e-input-group.e-control-wrapper input.e-input {
    background: var(--color-custom-1-dimmed) !important;
}

[data-theme="dark"] .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: var(--color-custom-default);
}

[data-theme="dark"] .ui-widget-header {
    background: var(--color-custom-1);
    border: none;
}

[data-theme="dark"] .sw-border-entry {
    border: 1px solid var(--color-custom-1-extra-dimmed) !important;
    border-top: none !important;
    border-left: none !important;
}

[data-theme="dark"] input:-webkit-autofill,
[data-theme="dark"] input:-webkit-autofill:hover,
[data-theme="dark"] input:-webkit-autofill:focus,
[data-theme="dark"] textarea:-webkit-autofill,
[data-theme="dark"] textarea:-webkit-autofill:hover,
[data-theme="dark"] textarea:-webkit-autofill:focus,
[data-theme="dark"] select:-webkit-autofill,
[data-theme="dark"] select:-webkit-autofill:hover,
[data-theme="dark"] select:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--color-custom-default);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px var(--color-custom-background) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px var(--color-custom-background) !important;
    transition: background-color 5000s ease-in-out 0s;
}

[data-theme="dark"] header .sw-navbar-main a {
    color: var(--color-custom-default) !important;
}

[data-theme="dark"] label.field-caption .sw-checkmark {
    border: 1px solid var(--color-custom-1-dimmed) !important;
}

[data-theme="dark"] .sw-table table thead th {
    border-bottom: 1px solid var(--color-custom-1-dimmed);
}

[data-theme="dark"] .sw-table table tfoot td {
    border-top: 1px solid var(--color-custom-default-dimmed);
}

[data-theme="dark"] .e-calendar {
    box-shadow: 4px 0px 18px black !important;
}

[data-theme="dark"] .e-quick-popup-wrapper {
    box-shadow: 4px 0px 18px black !important;
}

    [data-theme="dark"] .e-quick-popup-wrapper .e-event-popup .e-popup-header {
        background: var(--color-custom-1);
    }

@media only screen and (max-width: 768px) {
    [data-theme="dark"] nav.sw-navbar,
    [data-theme="dark"] .ui-dialog {
        box-shadow: 4px 0px 18px black !important;
        border: none !important;
    }

    [data-theme="dark"] .sw-filter {
        background: none !important;
    }

    [data-theme="dark"] .sw-border-entry {
        border: 1px solid var(--color-custom-1-dimmed) !important;
        border-top: none !important;
        border-left: none !important;
    }
}

@media only screen and (max-width: 576px) {
    [data-theme="dark"] .sw-toolbar [class*="sw-icon-"],
    [data-theme="dark"] .sw-rowButton [class*="sw-icon-"],
    [data-theme="dark"] .sw-table table caption .sw-btn {
        border: 1px solid var(--color-custom-1-dimmed);
    }

    [data-theme="dark"] .sw-border-entry [class*="sw-icon-"] {
        border: none;
    }
}