/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@media (min-width: 850px) {
    header#header .header-inner .flex-col.hide-for-medium, header#header .header-nav.header-nav-main, header#header .header-nav.header-nav-main > li {
        height: 100%;
    }

    header#header .header-nav.header-nav-main > li > a {
        height: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }

    header#header .header-nav.header-nav-main > li > a:hover, header#header .header-nav.header-nav-main > li.active > a {
        color: var(--fs-color-primary);
    }

    /* All submenu style */
    header#header ul.sub-menu, header#header .nav-dropdown {
        position: absolute;
        left: 0;
        right: 0;
        top: auto;
        margin: 0;
        padding: 0;
        display: none!important;
        min-width: 215px;
        background: white;
        border: 1px solid rgba(13, 23, 32, 0.0784313725);
        text-align: left;
        -webkit-box-shadow: none;
                box-shadow: none;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    header#header .nav-right .nav-dropdown {
        left: auto;
        right: auto;
        -webkit-transition: opacity .25s,visibility .25s;
        -o-transition: opacity .25s,visibility .25s;
        transition: opacity .25s,visibility .25s;
    }

    header#header .header-search-dropdown .header-search-form {
        padding: .6em .8em!important;
    }

    header#header .nav-right .current-dropdown .nav-dropdown {
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        -o-transition-property: opacity, transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform;
    }

    /* Submenu on hover, active */
    header#header .current-dropdown > .nav-dropdown, header#header .nav-dropdown li:hover > ul.sub-menu {
        display: block!important;
        -webkit-animation: -menu-fade-up 0.45s linear;
                animation: -menu-fade-up 0.45s linear;
    }

    @-webkit-keyframes -menu-fade-up {
        0% {
            opacity: 0;
            -webkit-transform: translateY(10px);
                    transform: translateY(10px);
            visibility: hidden;
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0px);
                    transform: translateY(0px);
            visibility: visible;
        }
    }

    @keyframes -menu-fade-up {
        0% {
            opacity: 0;
            -webkit-transform: translateY(10px);
                    transform: translateY(10px);
            visibility: hidden;
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0px);
                    transform: translateY(0px);
            visibility: visible;
        }
    }

    header#header .nav-dropdown ul.sub-menu {
        position: absolute;
        left: 100%;
        top: -1px;
        min-width: 180px;
    }

    header#header .nav-dropdown li {
        color: var(--obelix-header-color, #161618);
        white-space: normal;
        width: 100%;
        display: block;
        position: relative;
        margin: 0!important;
        border: none;
        width: auto;
    }

    header#header .nav-dropdown li:hover {
        color: var(--fs-color-primary);
    }

    header#header .nav-dropdown a {
        display: block;
        padding: .8rem 1.6rem;
        margin: 0!important;
        text-transform: unset;
        font-size: .9rem;
        line-height: 1.4;
        -webkit-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        position: relative;
        border-radius: 0;
        border: none;
        border-bottom: 1px solid rgba(13, 23, 32, 0.0784313725);
        color: var(--obelix-header-color);
    }

    header#header .nav-dropdown a::before {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(var(--fs-color-primary)), to(#fff));
        background: -o-linear-gradient(left, #fff, var(--fs-color-primary), #fff);
        background: linear-gradient(90deg, #fff, var(--fs-color-primary), #fff);
        width: 100%;
        height: 1px;
        -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: left;
            -ms-transform-origin: left;
                transform-origin: left;
        -webkit-transition: 0.4s ease-in;
        -o-transition: 0.4s ease-in;
        transition: 0.4s ease-in;
        z-index: 1;
    }

    header#header .nav-dropdown a:hover::before {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
    }

    /* Has submenu icon */
    header#header .nav-dropdown li.menu-item-has-children > a {
        text-transform: unset;
        font-weight: unset;
        padding-right: 2.2rem;
    }

    header#header .nav-dropdown li.menu-item-has-children > a::after {
        font-family: 'fl-icons';
        content: '\f105';
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-44%);
        -ms-transform: translateY(-44%);
        transform: translateY(-44%);
        font-weight: lighter;
    }

    /* Text hover style */
    header#header ul.sub-menu a:hover, header#header .nav-dropdown li.active>a {
        text-transform: none;
        color: var(--fs-color-primary);
    }
}

.nav-vertical li li.menu-item-has-children>a, .nav-vertical li .children > li > a {
    font-weight: bold;
}

/* Mobile menu */
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
    background: #fff;
    border-right: 1px solid #eee;
    -webkit-transition: -webkit-transform 0.3s ease-in;
    transition: -webkit-transform 0.3s ease-in;
    -o-transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
    -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03);
            box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03);
}

.mfp-wrap.off-canvas-left .mfp-close {
    border-radius: 50%;
    opacity: 1;
    right: 1rem;
    top: 1rem;
    background: var(--obelix-header-color, black);
}

.mfp-wrap.off-canvas-left .mfp-close svg {
    stroke-width: 1px;
}

@media screen and (max-width: 849px) {
    /* Hide scollbar */ .off-canvas-left .mfp-content {
        -ms-overflow-style: none;
        /* Internet Explorer 10+ */
        scrollbar-width: none;
        /* Firefox */
    }

    .off-canvas-left .mfp-content::-webkit-scrollbar {
        display: none;
        /* Safari and Chrome */
    }

    .mobile-sidebar .nav-sidebar.nav-vertical>li.menu-item.active, .mobile-sidebar .nav-sidebar.nav-vertical>li.menu-item:hover {
        background-color: unset;
    }

    .mobile-sidebar .nav-sidebar.nav-vertical>li+li {
        border: none;
    }

    .mobile-sidebar .nav-sidebar.nav-vertical .children {
        padding-bottom: .4rem;
        padding-right: 20px;
        margin-top: -.4rem;
    }

    .mobile-sidebar .sidebar-menu a {
        color: var(--obelix-header-color);
        font-size: 1.05rem;
    }

    .mobile-sidebar .sidebar-menu li li.menu-item-has-children > .sub-menu li:last-child a::before, .mobile-sidebar .sidebar-menu li li.menu-item-has-children > .sub-menu li:first-child a::before {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(var(--fs-color-primary)), to(#fff));
        background: -o-linear-gradient(left, #fff, var(--fs-color-primary), #fff);
        background: linear-gradient(90deg, #fff, var(--fs-color-primary), #fff);
        width: 100%;
        height: 1px;
        -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: left;
            -ms-transform-origin: left;
                transform-origin: left;
        -webkit-transition: 0.4s ease-in;
        -o-transition: 0.4s ease-in;
        transition: 0.4s ease-in;
        -webkit-transition-delay: .1s;
             -o-transition-delay: .1s;
                transition-delay: .1s;
        z-index: 1;
    }

    .mobile-sidebar .sidebar-menu li.menu-item-has-children > .sub-menu li:first-child a::before {
        top: 0px;
    }

    .mobile-sidebar .sidebar-menu .active>a {
        color: var(--fs-color-primary);
        border-color: transparent;
    }

    .mobile-sidebar .sidebar-menu .active > .sub-menu a::before {
        -webkit-transform: scaleX(1)!important;
            -ms-transform: scaleX(1)!important;
                transform: scaleX(1)!important;
    }

    .mobile-sidebar .sidebar-menu .toggle {
        --toggle-line-width: 11px;
        --toggle-color: var(--obelix-header-color, #161618);
    }

    .mobile-sidebar .sidebar-menu .active>.toggle {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        --toggle-color: var(--fs-color-primary);
    }

    .mobile-sidebar .sidebar-menu .toggle i {
        position: relative;
    }

    .mobile-sidebar .sidebar-menu .toggle i::before, .sidebar-menu .toggle i::after {
        content: "";
        position: absolute;
        height: var(--toggle-line-width);
        width: 2px;
        top: calc(50% - var(--toggle-line-width) / 2);
        left: calc(50% - 1px);
        border-radius: 2px;
        background-color: var(--toggle-color);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    }

    .mobile-sidebar .sidebar-menu .toggle i::after {
        width: var(--toggle-line-width);
        height: 2px;
        top: calc(50% - 1px);
        left: calc(50% - var(--toggle-line-width) / 2);
    }

    .mobile-sidebar .sidebar-menu .active>.toggle i::before {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
    }

    /* Child sub menu */
    .mobile-sidebar li li.menu-item-has-children:not(:first-child) {
        margin-top: 0;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li li {
        padding-left: 1rem;
        margin: 0;
        position: relative;
    }

    s.off-canvas:not(.off-canvas-center) .nav-vertical li a {
        padding-left: 0;
        padding-right: 0;
    }

    .mobile-sidebar .nav-vertical li li.menu-item-has-children>a {
        letter-spacing: 0;
        text-transform: unset;
    }

    .mobile-sidebar .nav-vertical>li>ul li a {
        display: block;
        padding-top: .8rem;
        padding-bottom: .8rem;
        padding-left: 0!important;
        margin: 0 0 0 1rem!important;
        text-transform: unset;
        font-size: .9rem;
        line-height: 1.4;
        -webkit-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        position: relative;
        border-radius: 0;
        border: none;
        border-bottom: 1px solid rgba(13, 23, 32, 0.0784313725);
    }

    .mobile-sidebar .nav-vertical li li:last-child a {
        border: none;
    }

    /* Child Toggle */
    .mobile-sidebar .nav-vertical .obelix-mobile-has-toggle {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
    }

    .mobile-sidebar .nav-vertical .obelix-mobile-has-toggle .toggle {
        margin: 0;
        right: -16px;
        position: absolute;
        top: 0;
        height: 46px;
        opacity: 1;
    }

    .mobile-sidebar .nav-vertical li li li a::after {
        content: "";
        display: inline-block;
        position: absolute;
        bottom: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        left: -.7em;
        background: black;
        width: 4px;
        height: 1px;
        -webkit-transition: 0.4s ease-in;
        -o-transition: 0.4s ease-in;
        transition: 0.4s ease-in;
        z-index: 1;
    }

    .mobile-sidebar .nav-vertical li li li.active > a::after {
        background: var(--fs-color-primary);
    }
}
.dichvu {
    box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 1em 0em 1em 0em;
}
/**** End Dropdown Menu Three ****/
.obelix-product-category--two a:hover {
    color: inherit;
}

.obelix-product-category--two .subcategory-description {
    font-size: .85rem;
}

.obelix-product-category--two .shownow-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: unset;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e9e9e9;
    line-height: 1.5555555556;
    border-radius: 30px;
    padding: 8px 34px;
    margin-bottom: 0;
    color: black;
    overflow: hidden;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 1rem;
    margin-top: .8rem;
}

.obelix-product-category--two .shownow-btn:hover {
    border-color: var(--fs-color-primary);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.obelix-product-category--two .shownow-btn::before {
    content: "";
    position: absolute;
    width: 100%;
    min-width: 300px;
    height: 300px;
    top: 0;
    bottom: 0;
    left: 50%;
    background-color: var(--fs-color-primary);
    border-radius: 50%;
    opacity: 0;
    margin: auto;
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.obelix-product-category--two .shownow-btn:hover::before {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
}

.obelix-product-category--two .box-image {
    border-radius: 1rem;
}

.obelix-product-category--two.section-title-container {
    margin-bottom: .4em;
}

.obelix-product-category--two .section-title-normal {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.obelix-product-category--two .section-title-normal span {
    border: none;
    padding-bottom: 0;
}

.obelix-product-category--two .section-title-normal a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.obelix-product-category--two.slider-nav-simple .flickity-prev-next-button {
    margin-top: -4%;
    min-height: unset!important;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .3rem;
    background-color: rgba(255, 255, 255, 0.121)!important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: white;
}

.obelix-product-category--two.slider-nav-simple:hover .flickity-prev-next-button {
    opacity: 1;
}

.obelix-product-category--two.slider-nav-simple .flickity-prev-next-button svg {
    padding: 14px;
}

@media screen and (max-width: 549px) {
    .obelix-product-category--two.slider-nav-simple .flickity-prev-next-button {
        margin-top: -12%;
        width: 2.2rem !important;
        height: 2.2rem !important;
        opacity: 1;
    }

    .obelix-product-category--two .section-title-main {
        font-size: 1.5rem !important;
    }

    .obelix-product-category--two .section-title-normal a {
        font-size: .9em;
    }

    .obelix-product-category--two.slider-nav-simple .flickity-prev-next-button svg {
        padding: 12px !important;
    }

    .obelix-product-category--two.slider-nav-simple .flickity-prev-next-button.next {
        right: 4%;
    }

    .obelix-product-category--two.slider-nav-simple .flickity-prev-next-button.previous {
        left: 4%;
    }
}

/**** End Product Category Two ****/
/*
* Element Name: Footer One
*/

.obelix-footer--one {
    font-size: 14px;
}

.obelix-footer--one .obelix-contact-list-block {
    margin: 0;
    padding: 0;
    list-style: none;
}

.obelix-footer--one .obelix-contact-list-block li {
    position: relative;
    margin-left: 0 !important;
    padding-left: 1.5em;
    margin-bottom: .5em;
    line-height: 1.5;
}

.obelix-footer--one .obelix-contact-list-block li:last-child {
    margin-bottom: 0;
}

.obelix-footer--one .obelix-contact-list-block li {
    line-height: 1.6;
}

.obelix-footer--one .obelix-contact-list-block li i {
    display: inline-block;
    width: 1em;
    position: absolute;
    left: 0;
    top: calc(50% + 1px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.obelix-footer--one .col {
    padding-bottom: 0;
}

.obelix-footer--one .ux-menu-link__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    min-height: unset;
}

.obelix-footer--one .ux-menu-link__link>span {
    position: relative;
}

.obelix-footer--one .ux-menu-link__link>span::before {
    background: var(--fs-color-secondary);
    opacity: .5;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    width: 100%;
}

.obelix-footer--one .ux-menu-link__link:hover>span::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.obelix-footer--one .widget-title {
    margin-bottom: 10px !important;
    line-height: 1.45 !important;
    font-size: 1.15em;
    text-transform: uppercase;
}

.obelix-footer--one .social-icons {
    gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.obelix-footer--one:not(.dark) .social-icons a,
.obelix-footer--one:not(.dark) .social-icons {
    color: #3d3d3d;
}

.obelix-footer--one .social-icons .button.icon {
    margin: 0;
}

.obelix-footer--one .social-icons .button.icon i {
    top: 0;
}

.obelix-footer--one.dark .footer-top {
    border-bottom: solid 1px #ffffff14;
}

.obelix-footer--one .footer-top {
    border-bottom: solid 1px #0000001a;
}

.obelix-footer--one .footer-center>.col:last-of-type>.col-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: left;
}

.obelix-footer--one .col-inner>*:last-child {
    margin-bottom: 0;
}

.obelix-footer--one .obelix-contact-list-block li svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
    display: inline;
}

.obelix-footer--one .obelix-contact-list-block li i,
.obelix-contact-list-block svg {
    display: inline-block;
    width: 1em;
    position: absolute;
    left: 0;
    top: .2em;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    text-align: center;
}

@media screen and (max-width: 549px) {
    .obelix-footer--one {
        font-size: 16px !important;
    }

    .obelix-footer--one .widget-title {
        font-size: 1.2em;
        margin-bottom: 6px !important;
    }

    .obelix-footer--one .col-inner {
        text-align: left !important;
    }

    .obelix-footer--one .row-collapse>.col {
        padding: 0 15px !important;
    }

    .obelix-footer--one .social-icons {
        margin: 24px 0 16px !important;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .obelix-footer--one .footer-center>.col:last-of-type>.col-inner {
        display: block;
    }

    .obelix-footer--one .footer-center>.col:not(:last-of-type) {
        margin-bottom: 30px;
    }

    .obelix-footer--one .footer-center .ux-menu {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        display: block;
    }
}
.obelix-footer--one {
    font-size: 14px;
}

.obelix-footer--one .obelix-contact-list-block {
    margin: 0;
    padding: 0;
    list-style: none;
}

.obelix-footer--one .obelix-contact-list-block li {
    position: relative;
    margin-left: 0 !important;
    padding-left: 1.5em;
    margin-bottom: .5em;
    line-height: 1.5;
}

.obelix-footer--one .obelix-contact-list-block li:last-child {
    margin-bottom: 0;
}

.obelix-footer--one .obelix-contact-list-block li {
    line-height: 1.6;
}

.obelix-footer--one .obelix-contact-list-block li i {
    display: inline-block;
    width: 1em;
    position: absolute;
    left: 0;
    top: calc(50% + 1px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.obelix-footer--one .col {
    padding-bottom: 0;
}

.obelix-footer--one .ux-menu-link__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    min-height: unset;
}

.obelix-footer--one .ux-menu-link__link>span {
    position: relative;
}

.obelix-footer--one .ux-menu-link__link>span::before {
    background: var(--fs-color-secondary);
    opacity: .5;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    width: 100%;
}

.obelix-footer--one .ux-menu-link__link:hover>span::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.obelix-footer--one .widget-title {
    margin-bottom: 10px !important;
    line-height: 1.45 !important;
    font-size: 1.15em;
    text-transform: uppercase;
}

.obelix-footer--one .social-icons {
    gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.obelix-footer--one:not(.dark) .social-icons a,
.obelix-footer--one:not(.dark) .social-icons {
    color: #3d3d3d;
}

.obelix-footer--one .social-icons .button.icon {
    margin: 0;
}

.obelix-footer--one .social-icons .button.icon i {
    top: 0;
}

.obelix-footer--one.dark .footer-top {
    border-bottom: solid 1px #ffffff14;
}

.obelix-footer--one .footer-top {
    border-bottom: solid 1px #0000001a;
}

.obelix-footer--one .footer-center>.col:last-of-type>.col-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: left;
}

.obelix-footer--one .col-inner>*:last-child {
    margin-bottom: 0;
}

.obelix-footer--one .obelix-contact-list-block li svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
    display: inline;
}

.obelix-footer--one .obelix-contact-list-block li i,
.obelix-contact-list-block svg {
    display: inline-block;
    width: 1em;
    position: absolute;
    left: 0;
    top: .2em;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    text-align: center;
}

@media screen and (max-width: 549px) {
    .obelix-footer--one {
        font-size: 16px !important;
    }

    .obelix-footer--one .widget-title {
        font-size: 1.2em;
        margin-bottom: 6px !important;
    }

    .obelix-footer--one .col-inner {
        text-align: left !important;
    }

    .obelix-footer--one .row-collapse>.col {
        padding: 0 15px !important;
    }

    .obelix-footer--one .social-icons {
        margin: 24px 0 16px !important;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .obelix-footer--one .footer-center>.col:last-of-type>.col-inner {
        display: block;
    }

    .obelix-footer--one .footer-center>.col:not(:last-of-type) {
        margin-bottom: 30px;
    }

    .obelix-footer--one .footer-center .ux-menu {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        display: block;
    }
}
.shop-container .product-small.col {
    border: 1px solid #eee;
    margin-left: -1px;
    margin-bottom: -1px;
    padding: 0px 5px;
    background-color: #fff;
}
.product-small.box ul li {
    margin-left: 0;
    font-size: 12px;
    margin-bottom: 0;
    color: #667085;
    list-style: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* font-size: 14px; */
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-small.box ul li:before {
    content: "●";
    position: relative;
    padding-right: 2px;
    font-size: 8px;
    /* margin-top: -2px; */
    /* margin-bottom: 5px; */
    bottom: 1px !important;
}
.product-small.box ul {
    background: #edf3ff;
    padding: 4px 0px 4px 3px;
    border-radius: 4px;
    text-align: left;
    margin-bottom: 6px !important;
}
.list_home .product-small.box {
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 10px;
    padding: 5px;
}
.list_home .product-small.col{
	padding: 0 5px 10px;
}
.product-small .box-text.box-text-products a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    min-height: 39px;
    line-height: 1.4;
}
.product-small ins span.amount {
	color: #dd2f2c;
	font-size: 16px;
}
.product-small.box del span.amount {
    font-weight: 400;
    margin-right: .3em;
    opacity: .6;
	color: #98a2b3;
    font-size: 13px;
    text-decoration-line: line-through;
}
.product-small.box del {
    text-decoration: unset !important;
}
.shop-container .product-small.col {
    border: 1px solid #eee;
    margin-left: -1px;
    margin-bottom: -1px;
    padding: 0px 5px;
    background-color: #fff;
}
p.box-excerpt.is-small {
    padding: 5px;
}
.box-text {
    font-size: .9em;
    padding-bottom: 0px !important;
    padding-top: .7em;
    position: relative;
    width: 100%;
}
img.wp-post-image.ux-skip-lazy {
    border-radius: 10px;
}
.info_product_box {
    background: #fff;
    border-radius: 10px;
    padding-top: 10px;
}
.product-short-description ul, .contact_box ul {
    background-color: #edf3ff;
    border-radius: 5px;
    overflow: hidden;
    padding: 10px 11px;
    margin-bottom: 15px;
}
.product-short-description ul li {
    font-size: 14px;
    font-weight: 400;
    color: #22343e;
	margin-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
	line-height: 24px;
}
.product-short-description ul li:before {
    content: "\2744";
    position: relative;
    padding-right: 5px;
    font-size: 13px;
    bottom: 1px !important;
    color: #2299dd;
}
.contact_box ul li {
    font-size: 14px;
    font-weight: 400;
    color: #22343e;
	margin-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
	line-height: 24px;
}
.contact_box ul li:before {
    content: "\272E";
    position: relative;
    padding-right: 5px;
    font-size: 13px;
    bottom: 1px !important;
    color: #2299dd;
}
.vat p {
    font-size: 13px;
    color: #f30000;
    margin-top: -10px;
}
.ct_sanpham ins span.amount {
    font-size: 24px;
    color: #eb2227 !important;
}
.info_product_box ins span.amount {
    font-size: 22px;
    color: #eb2227 !important;
}
.contact ul li {
    list-style: none;
    font-size: 14px;
}
.contact {
    background: #fff;
    border-radius: 10px;
    padding: 10px 10px 1px 15px;
}
.contact i {
    color: #3592ce;
    padding-right: 5px;
}
.contact ul {
    margin-left: -14px !important;
}
.des-product {
    background: #fff;
    border-radius: 10px;
    padding: 15px 15px 10px 15px;
}
.img_product {
    background: #fff;
    border-radius: 10px;
}
.bangthongso ul li {
    list-style: none;
    margin-left: 0;
    padding: 12px 15px;
    margin-bottom: 0;
}
.bangthongso tr:nth-of-type(2n+1), .bangthongso ul li:nth-of-type(2n+1) {
    background: #f4f4f4 none;
}
p {
    margin-top: 0;
    font-size: 14px;
    line-height: 26px;
}
td:first-child, th:first-child {
    padding-left: 5px !important;
}
/* 
Element Style : Obelix Table
Discover More: https://flelements.com/
Author: Obelix Media
*/
.obelix-advanced-table {
    --dt-row-selected: 13, 110, 253;
    --dt-row-selected-text: 255, 255, 255;
    --dt-row-selected-link: 9, 10, 11;
    --dt-row-stripe: 0, 0, 0;
    --dt-row-hover: 0, 0, 0;
    --dt-column-ordering: 0, 0, 0;
    --dt-html-background: white;
    --dt-padding-x: .75rem;
    --dt-padding-y: 1.25rem;
}

:root.dark {
    --dt-html-background: rgb(33, 37, 41);
}

table.dataTable td.dt-control {
    text-align: center;
    cursor: pointer;
}

table.dataTable td.dt-control:before {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    border-top: 5px solid transparent;
    border-left: 10px solid rgba(0, 0, 0, 0.5);
    border-bottom: 5px solid transparent;
    border-right: 0px solid transparent;
}

table.dataTable tr.dt-hasChild td.dt-control:before {
    border-top: 10px solid rgba(0, 0, 0, 0.5);
    border-left: 5px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 5px solid transparent;
}

html.dark table.dataTable td.dt-control:before,
:root[data-bs-theme="dark"] table.dataTable td.dt-control:before,
:root[data-theme="dark"] table.dataTable td.dt-control:before {
    border-left-color: rgba(255, 255, 255, 0.5);
}

html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
:root[data-bs-theme="dark"] table.dataTable tr.dt-hasChild td.dt-control:before,
:root[data-theme="dark"] table.dataTable tr.dt-hasChild td.dt-control:before {
    border-top-color: rgba(255, 255, 255, 0.5);
    border-left-color: transparent;
}

div.dt-scroll {
    width: 100%;
}

div.dt-scroll-body thead tr,
div.dt-scroll-body tfoot tr {
    height: 0;
}

div.dt-scroll-body thead tr th,
div.dt-scroll-body thead tr td,
div.dt-scroll-body tfoot tr th,
div.dt-scroll-body tfoot tr td {
    height: 0 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
}

div.dt-scroll-body thead tr th div.dt-scroll-sizing,
div.dt-scroll-body thead tr td div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
    height: 0 !important;
    overflow: hidden !important;
}

table.dataTable thead>tr>th:active,
table.dataTable thead>tr>td:active {
    outline: none;
}

/* Order */
/* 
table.dataTable th {
    border-bottom-color: var(--bs-table-border-color)
}

table.dataTable td.dt-type-date,table.dataTable td.dt-type-numeric,table.dataTable th.dt-type-date,table.dataTable th.dt-type-numeric {
    text-align: left
}

table.dataTable>thead>tr>td:not(.sorting_disabled),table.dataTable>thead>tr>th:not(.sorting_disabled) {
    padding-right: 0
}

table.dataTable>thead .dt-column-order {
    display: none
}

table.dataTable>thead .dt-orderable-asc,table.dataTable>thead .dt-orderable-desc {
    outline: 0!important
}

table.dataTable>thead .dt-orderable-asc:after,table.dataTable>thead .dt-orderable-asc:before,table.dataTable>thead .dt-orderable-desc:after,table.dataTable>thead .dt-orderable-desc:before {
    display: none!important
}

table.dataTable>thead .dt-ordering-asc,table.dataTable>thead .dt-ordering-desc {
    vertical-align: middle
}

table.dataTable>thead .dt-ordering-asc:after,table.dataTable>thead .dt-ordering-asc:before,table.dataTable>thead .dt-ordering-desc:after,table.dataTable>thead .dt-ordering-desc:before {
    position: relative!important;
    opacity: 1!important;
    display: inline-block!important;
    width: .65rem;
    height: .65rem;
    content: " "!important;
    bottom: auto;
    right: auto!important;
    left: auto;
    margin-left: .5rem
}

table.dataTable>thead .dt-ordering-asc:before,table.dataTable>thead .dt-ordering-desc:before {
    display: none!important
}
table.dataTable>thead .dt-ordering-asc:after, table.dataTable>thead .dt-ordering-desc:after {
    opacity: 1;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
     background-color: #99a1b7;
}
table.dataTable>thead .dt-ordering-asc:after {
 
    background-color: #99a1b7;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M3.23571 2.72011L4.97917 4.46358C5.15176 4.63618 5.43158 4.63617 5.60417 4.46358C5.77676 4.29099 5.77676 4.01118 5.60417 3.83861L3.29463 1.52904C3.13192 1.36629 2.86809 1.36629 2.70538 1.52904L0.395812 3.83861C0.22325 4.01117 0.22325 4.29099 0.395812 4.46358C0.568437 4.63617 0.84825 4.63617 1.02081 4.46358L2.76429 2.72011C2.89446 2.58994 3.10554 2.58994 3.23571 2.72011Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M3.23571 2.72011L4.97917 4.46358C5.15176 4.63618 5.43158 4.63617 5.60417 4.46358C5.77676 4.29099 5.77676 4.01118 5.60417 3.83861L3.29463 1.52904C3.13192 1.36629 2.86809 1.36629 2.70538 1.52904L0.395812 3.83861C0.22325 4.01117 0.22325 4.29099 0.395812 4.46358C0.568437 4.63617 0.84825 4.63617 1.02081 4.46358L2.76429 2.72011C2.89446 2.58994 3.10554 2.58994 3.23571 2.72011Z'/%3e%3c/svg%3e")
}

table.dataTable>thead .dt-ordering-desc:after {
    
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M2.76429 3.27989L1.02083 1.53642C0.848244 1.36382 0.568419 1.36383 0.395831 1.53642C0.223244 1.70901 0.223244 1.98882 0.395831 2.16139L2.70537 4.47096C2.86808 4.63371 3.13191 4.63371 3.29462 4.47096L5.60419 2.16139C5.77675 1.98883 5.77675 1.70901 5.60419 1.53642C5.43156 1.36383 5.15175 1.36383 4.97919 1.53642L3.23571 3.27989C3.10554 3.41006 2.89446 3.41006 2.76429 3.27989Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M2.76429 3.27989L1.02083 1.53642C0.848244 1.36382 0.568419 1.36383 0.395831 1.53642C0.223244 1.70901 0.223244 1.98882 0.395831 2.16139L2.70537 4.47096C2.86808 4.63371 3.13191 4.63371 3.29462 4.47096L5.60419 2.16139C5.77675 1.98883 5.77675 1.70901 5.60419 1.53642C5.43156 1.36383 5.15175 1.36383 4.97919 1.53642L3.23571 3.27989C3.10554 3.41006 2.89446 3.41006 2.76429 3.27989Z'/%3e%3c/svg%3e")
} */
/* table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
    position: absolute;
    display: block;
    bottom: 50%;
    content: "▲";
    content: "▲"/"";
} */
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before {
    opacity: 0;
    width: var(--head-font-size, .65rem);
    height: var(--head-font-size, .65rem);
    padding: .2em;
    content: " ";
    display: inline-block;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--head-color, rgb(65, 65, 65));
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M3.23571 2.72011L4.97917 4.46358C5.15176 4.63618 5.43158 4.63617 5.60417 4.46358C5.77676 4.29099 5.77676 4.01118 5.60417 3.83861L3.29463 1.52904C3.13192 1.36629 2.86809 1.36629 2.70538 1.52904L0.395812 3.83861C0.22325 4.01117 0.22325 4.29099 0.395812 4.46358C0.568437 4.63617 0.84825 4.63617 1.02081 4.46358L2.76429 2.72011C2.89446 2.58994 3.10554 2.58994 3.23571 2.72011Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M3.23571 2.72011L4.97917 4.46358C5.15176 4.63618 5.43158 4.63617 5.60417 4.46358C5.77676 4.29099 5.77676 4.01118 5.60417 3.83861L3.29463 1.52904C3.13192 1.36629 2.86809 1.36629 2.70538 1.52904L0.395812 3.83861C0.22325 4.01117 0.22325 4.29099 0.395812 4.46358C0.568437 4.63617 0.84825 4.63617 1.02081 4.46358L2.76429 2.72011C2.89446 2.58994 3.10554 2.58994 3.23571 2.72011Z'/%3e%3c/svg%3e");
    -webkit-mask-size: 88%;
    mask-size: 88%;
    top: 50%;
    position: absolute;
    /* transform: translateY(-50%); */
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M2.76429 3.27989L1.02083 1.53642C0.848244 1.36382 0.568419 1.36383 0.395831 1.53642C0.223244 1.70901 0.223244 1.98882 0.395831 2.16139L2.70537 4.47096C2.86808 4.63371 3.13191 4.63371 3.29462 4.47096L5.60419 2.16139C5.77675 1.98883 5.77675 1.70901 5.60419 1.53642C5.43156 1.36383 5.15175 1.36383 4.97919 1.53642L3.23571 3.27989C3.10554 3.41006 2.89446 3.41006 2.76429 3.27989Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M2.76429 3.27989L1.02083 1.53642C0.848244 1.36382 0.568419 1.36383 0.395831 1.53642C0.223244 1.70901 0.223244 1.98882 0.395831 2.16139L2.70537 4.47096C2.86808 4.63371 3.13191 4.63371 3.29462 4.47096L5.60419 2.16139C5.77675 1.98883 5.77675 1.70901 5.60419 1.53642C5.43156 1.36383 5.15175 1.36383 4.97919 1.53642L3.23571 3.27989C3.10554 3.41006 2.89446 3.41006 2.76429 3.27989Z'/%3e%3c/svg%3e");
}

table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before {
    opacity: 1;
    background-color: var(--head-color, var(--fs-color-primary));
}

table.dataTable thead>tr>th.dt-orderable-asc,
table.dataTable thead>tr>th.dt-orderable-desc,
table.dataTable thead>tr>th.dt-ordering-asc,
table.dataTable thead>tr>th.dt-ordering-desc,
table.dataTable thead>tr>td.dt-orderable-asc,
table.dataTable thead>tr>td.dt-orderable-desc,
table.dataTable thead>tr>td.dt-ordering-asc,
table.dataTable thead>tr>td.dt-ordering-desc {
    position: relative;
    padding-right: 30px;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order {
    position: absolute;
    right: 12px;
    top: 0;
    bottom: 0;
    width: 12px;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
    /* opacity: 0; */
}

table.dataTable thead>tr>th.dt-orderable-asc,
table.dataTable thead>tr>th.dt-orderable-desc,
table.dataTable thead>tr>td.dt-orderable-asc,
table.dataTable thead>tr>td.dt-orderable-desc {
    cursor: pointer;
    color: var(--head-color);
}

table.dataTable thead>tr>th.dt-orderable-asc:hover,
table.dataTable thead>tr>th.dt-orderable-desc:hover,
table.dataTable thead>tr>td.dt-orderable-asc:hover,
table.dataTable thead>tr>td.dt-orderable-desc:hover {
    color: var(--fs-color-primary);
}

table.dataTable thead>tr>th.sorting_desc_disabled span.dt-column-order:after,
table.dataTable thead>tr>th.sorting_asc_disabled span.dt-column-order:before,
table.dataTable thead>tr>td.sorting_desc_disabled span.dt-column-order:after,
table.dataTable thead>tr>td.sorting_asc_disabled span.dt-column-order:before {
    display: none;
}

table.dataTable thead>tr>th:active,
table.dataTable thead>tr>td:active {
    outline: none;
}

div.dt-scroll-body>table.dataTable>thead>tr>th,
div.dt-scroll-body>table.dataTable>thead>tr>td {
    overflow: hidden;
}

:root.dark table.dataTable thead>tr>th.dt-orderable-asc:hover,
:root.dark table.dataTable thead>tr>th.dt-orderable-desc:hover,
:root.dark table.dataTable thead>tr>td.dt-orderable-asc:hover,
:root.dark table.dataTable thead>tr>td.dt-orderable-desc:hover,
:root[data-bs-theme="dark"] table.dataTable thead>tr>th.dt-orderable-asc:hover,
:root[data-bs-theme="dark"] table.dataTable thead>tr>th.dt-orderable-desc:hover,
:root[data-bs-theme="dark"] table.dataTable thead>tr>td.dt-orderable-asc:hover,
:root[data-bs-theme="dark"] table.dataTable thead>tr>td.dt-orderable-desc:hover {
    outline: 2px solid rgba(255, 255, 255, 0.05);
}

div.dt-processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -22px;
    text-align: center;
    padding: 2px;
    z-index: 10;
}

div.dt-processing>div:last-child {
    position: relative;
    width: 80px;
    height: 15px;
    margin: 1em auto;
}

div.dt-processing>div:last-child>div {
    position: absolute;
    top: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: rgb(13, 110, 253);
    background: rgb(var(--dt-row-selected));
    -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

div.dt-processing>div:last-child>div:nth-child(1) {
    left: 8px;
    -webkit-animation: datatables-loader-1 0.6s infinite;
    animation: datatables-loader-1 0.6s infinite;
}

div.dt-processing>div:last-child>div:nth-child(2) {
    left: 8px;
    -webkit-animation: datatables-loader-2 0.6s infinite;
    animation: datatables-loader-2 0.6s infinite;
}

div.dt-processing>div:last-child>div:nth-child(3) {
    left: 32px;
    -webkit-animation: datatables-loader-2 0.6s infinite;
    animation: datatables-loader-2 0.6s infinite;
}

div.dt-processing>div:last-child>div:nth-child(4) {
    left: 56px;
    -webkit-animation: datatables-loader-3 0.6s infinite;
    animation: datatables-loader-3 0.6s infinite;
}

@-webkit-keyframes datatables-loader-1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes datatables-loader-1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes datatables-loader-3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes datatables-loader-3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes datatables-loader-2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(24px, 0);
        transform: translate(24px, 0);
    }
}

@keyframes datatables-loader-2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(24px, 0);
        transform: translate(24px, 0);
    }
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: nowrap;
}

table.dataTable th,
table.dataTable td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
    text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center {
    text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
    text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
    text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
    white-space: nowrap;
}

table.dataTable th.dt-empty,
table.dataTable td.dt-empty {
    text-align: center;
    vertical-align: top;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: right;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
    text-align: left;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
    text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
    text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
    text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
    text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
    text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
    text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
    text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
    text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap;
}

table.dataTable {
    width: 100%;
    margin: 0 auto;
    border-spacing: 0;
}

table.dataTable thead th,
table.dataTable tfoot th {
    font-weight: bold;
}

/* table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
} */
table.dataTable>thead>tr>th:active,
table.dataTable>thead>tr>td:active {
    outline: none;
}

table.dataTable>tfoot>tr>th,
table.dataTable>tfoot>tr>td {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    padding: 10px 10px 6px 10px;
}

table.dataTable>tbody>tr {
    background-color: transparent;
}

table.dataTable>tbody>tr:first-child>* {
    border-top: none;
}

table.dataTable>tbody>tr:last-child>* {
    border-bottom: none;
}

table.dataTable>tbody>tr.selected>* {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.9);
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.9);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9);
    color: rgb(255, 255, 255);
    color: rgb(var(--dt-row-selected-text));
}

table.dataTable>tbody>tr.selected a {
    color: rgb(9, 10, 11);
    color: rgb(var(--dt-row-selected-link));
}

table.dataTable>tbody>tr>th,
table.dataTable>tbody>tr>td {
    padding: var(--dt-padding-y) var(--dt-padding-x);
}

table.dataTable.row-border>tbody>tr>*,
table.dataTable.display>tbody>tr>* {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

table.dataTable.row-border>tbody>tr:first-child>*,
table.dataTable.display>tbody>tr:first-child>* {
    border-top: none;
}

table.dataTable.row-border>tbody>tr.selected+tr.selected>td,
table.dataTable.display>tbody>tr.selected+tr.selected>td {
    border-top-color: rgba(13, 110, 253, 0.65);
    border-top-color: rgba(var(--dt-row-selected), 0.65);
}

table.dataTable.cell-border>tbody>tr>* {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

table.dataTable.cell-border>tbody>tr>*:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}

table.dataTable.cell-border>tbody>tr:first-child>* {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}

table.dataTable.stripe>tbody>tr:nth-child(odd)>*,
table.dataTable.display>tbody>tr:nth-child(odd)>* {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.023);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.023);
}

table.dataTable.stripe>tbody>tr:nth-child(odd).selected>*,
table.dataTable.display>tbody>tr:nth-child(odd).selected>* {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.923);
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.923);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.923);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.923);
}

table.dataTable.hover>tbody>tr:hover>*,
table.dataTable.display>tbody>tr:hover>* {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035);
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.035);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.035);
}

table.dataTable.hover>tbody>tr.selected:hover>*,
table.dataTable.display>tbody>tr.selected:hover>* {
    -webkit-box-shadow: inset 0 0 0 9999px #0d6efd !important;
    box-shadow: inset 0 0 0 9999px #0d6efd !important;
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important;
}

table.dataTable.order-column>tbody tr>.sorting_1,
table.dataTable.order-column>tbody tr>.sorting_2,
table.dataTable.order-column>tbody tr>.sorting_3,
table.dataTable.display>tbody tr>.sorting_1,
table.dataTable.display>tbody tr>.sorting_2,
table.dataTable.display>tbody tr>.sorting_3 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.019);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.019);
}

table.dataTable.order-column>tbody tr.selected>.sorting_1,
table.dataTable.order-column>tbody tr.selected>.sorting_2,
table.dataTable.order-column>tbody tr.selected>.sorting_3,
table.dataTable.display>tbody tr.selected>.sorting_1,
table.dataTable.display>tbody tr.selected>.sorting_2,
table.dataTable.display>tbody tr.selected>.sorting_3 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919);
}

table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_1 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.054);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.054);
}

table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_2,
table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_2 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.047);
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.047);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.047);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.047);
}

table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_3,
table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_3 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.039);
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.039);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.039);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.039);
}

table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_1 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.954);
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.954);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.954);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.954);
}

table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_2,
table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_2 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.947);
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.947);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.947);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.947);
}

table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_3,
table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_3 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.939);
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.939);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.939);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.939);
}

table.dataTable.display>tbody>tr.even>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.019);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.019);
}

table.dataTable.display>tbody>tr.even>.sorting_2,
table.dataTable.order-column.stripe>tbody>tr.even>.sorting_2 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.011);
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.011);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.011);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.011);
}

table.dataTable.display>tbody>tr.even>.sorting_3,
table.dataTable.order-column.stripe>tbody>tr.even>.sorting_3 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.003);
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.003);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.003);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.003);
}

table.dataTable.display>tbody>tr.even.selected>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_1 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919);
}

table.dataTable.display>tbody>tr.even.selected>.sorting_2,
table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_2 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.911);
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.911);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.911);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.911);
}

table.dataTable.display>tbody>tr.even.selected>.sorting_3,
table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_3 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.903);
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.903);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.903);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.903);
}

table.dataTable.display tbody tr:hover>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.082);
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.082);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.082);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.082);
}

table.dataTable.display tbody tr:hover>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.074);
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.074);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.074);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.074);
}

table.dataTable.display tbody tr:hover>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.062);
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.062);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.062);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.062);
}

table.dataTable.display tbody tr:hover.selected>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.982);
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.982);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.982);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.982);
}

table.dataTable.display tbody tr:hover.selected>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.974);
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.974);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.974);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.974);
}

table.dataTable.display tbody tr:hover.selected>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.962);
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.962);
    -webkit-box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.962);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.962);
}

table.dataTable.compact thead th,
table.dataTable.compact thead td,
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td,
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
    padding: 4px;
}

div.dt-container div.dt-layout-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0.75em 0;
}

div.dt-container div.dt-layout-row.dt-layout-table {
    background-image: var(--table-bg-image, none);
    background-color: var(--table-bg, transparent);
    overflow: hidden;
    position: relative;
}

div.dt-container div.dt-layout-row.dt-layout-table::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    background: var(--table-bg-overlay, transparent);
    z-index: 0;
}

div.dt-container div.dt-layout-row.dt-layout-table>* {
    position: relative;
    z-index: 1;
}

div.dt-container div.dt-layout-row div.dt-layout-cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: auto;
}

div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto;
}

div.dt-container div.dt-layout-row div.dt-layout-cell:empty {
    display: none;
}

@media screen and (max-width: 767px) {
    div.dt-container div.dt-layout-row:not(.dt-layout-table) {
        display: block;
    }

    div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell {
        display: block;
        text-align: center;
    }

    div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell>* {
        margin: 0.5em 0;
    }

    div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-start {
        margin-right: 0;
    }

    div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-end {
        margin-left: 0;
    }
}

div.dt-container div.dt-layout-start>*:not(:last-child) {
    margin-right: 1em;
}

div.dt-container div.dt-layout-end>*:not(:first-child) {
    margin-left: 1em;
}

div.dt-container div.dt-layout-full {
    width: 100%;
}

div.dt-container div.dt-layout-full>*:only-child {
    margin-left: auto;
    margin-right: auto;
}

div.dt-container div.dt-layout-table>div {
    display: block !important;
}

@media screen and (max-width: 767px) {
    div.dt-container div.dt-layout-start>*:not(:last-child) {
        margin-right: 0;
    }

    div.dt-container div.dt-layout-end>*:not(:first-child) {
        margin-left: 0;
    }
}

div.dt-container {
    position: relative;
    clear: both;
}

div.dt-container .dt-search {
    position: relative;
}

div.dt-container .dt-search>label {
    position: absolute;
    display: inline;
    top: 52%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    left: .7rem;
}

div.dt-container .dt-search input {
    padding-left: 2.2rem;
}

div.dt-container .dt-input {
    /* border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    color: inherit; */
}

div.dt-container select.dt-input {
    /* padding: 4px; */
    line-height: 1;
}

/* pagination */
div.dt-container .dt-paging>nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2px 0;
    flex-wrap: wrap;
    list-style: none;
}

div.dt-container .dt-paging .dt-paging-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.375rem;
    height: 2rem;
    min-width: 2rem;
    min-height: unset;
    width: auto;
    margin: 0;
    margin-right: 0.25rem;
    padding: .375rem .75rem;
    font-size: 0.82rem;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {
    color: white;
    background-color: var(--fs-color-primary);
    border-color: var(--fs-color-primary);
}

div.dt-container .dt-paging .dt-paging-button.disabled,
div.dt-container .dt-paging .dt-paging-button.disabled:hover,
div.dt-container .dt-paging .dt-paging-button.disabled:active {
    cursor: default;
    color: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid transparent;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.obelix-advanced-table .pagination .page-item:hover:not(.active):not(.offset):not(.disabled) .page-link {
    background-color: rgb(246, 246, 246);
    color: var(--fs-color-primary);
}

div.dt-container .dt-paging .dt-paging-button:hover {
    background-color: rgb(246, 246, 246);
    color: var(--fs-color-primary);
}

div.dt-container .dt-paging .dt-paging-button:active {
    outline: none;
    background-color: #0c0c0c;
    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#2b2b2b), to(#0c0c0c));
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    -webkit-box-shadow: inset 0 0 3px #111;
    box-shadow: inset 0 0 3px #111;
}

div.dt-container .dt-paging .ellipsis {
    padding: 0 1em;
}

div.dt-container .dt-length,
div.dt-container .dt-search,
div.dt-container .dt-info,
div.dt-container .dt-processing,
div.dt-container .dt-paging {
    color: inherit;
}

div.dt-container .dt-length {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.dt-container label {
    white-space: nowrap;
    font-weight: normal;
    margin-left: .75rem;
    margin-bottom: 0;
    color: #4b5675;
}

div.dt-container select,
div.dt-container input {
    padding-top: .55rem;
    padding-bottom: .55rem;
    padding-left: .75rem;
    font-size: .95rem;
    border-radius: .425rem;
    background-color: #f9f9f9;
    border-color: #f9f9f9;
    color: #4b5675;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    margin-bottom: 0;
    min-width: 4.5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.dt-container select:focus,
div.dt-container input:focus {
    background-color: #f1f1f4;
    border-color: #f1f1f4;
    color: #4b5675;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.dt-container .dataTables_scroll {
    clear: both;
}

div.dt-container .dataTables_scroll div.dt-scroll-body {
    -webkit-overflow-scrolling: touch;
}

div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>th,
div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>td,
div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>th,
div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>td {
    vertical-align: middle;
}

div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>th>div.dataTables_sizing,
div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>td>div.dataTables_sizing,
div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>th>div.dataTables_sizing,
div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>td>div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

div.dt-container.dt-empty-footer tbody>tr:last-child>* {
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.3); */
}

div.dt-container.dt-empty-footer .dt-scroll-body {
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.3); */
}

div.dt-container.dt-empty-footer .dt-scroll-body tbody>tr:last-child>* {
    border-bottom: none;
}

html.dark {
    --dt-row-hover: 255, 255, 255;
    --dt-row-stripe: 255, 255, 255;
    --dt-column-ordering: 255, 255, 255;
}

html.dark table.dataTable>thead>tr>th,
html.dark table.dataTable>thead>tr>td {
    border-bottom: 1px solid rgb(89, 91, 94);
}

html.dark table.dataTable>thead>tr>th:active,
html.dark table.dataTable>thead>tr>td:active {
    outline: none;
}

html.dark table.dataTable>tfoot>tr>th,
html.dark table.dataTable>tfoot>tr>td {
    border-top: 1px solid rgb(89, 91, 94);
}

html.dark table.dataTable.row-border>tbody>tr>*,
html.dark table.dataTable.display>tbody>tr>* {
    border-top: 1px solid rgb(64, 67, 70);
}

html.dark table.dataTable.row-border>tbody>tr:first-child>*,
html.dark table.dataTable.display>tbody>tr:first-child>* {
    border-top: none;
}

html.dark table.dataTable.row-border>tbody>tr.selected+tr.selected>td,
html.dark table.dataTable.display>tbody>tr.selected+tr.selected>td {
    border-top-color: rgba(13, 110, 253, 0.65);
    border-top-color: rgba(var(--dt-row-selected), 0.65);
}

html.dark table.dataTable.cell-border>tbody>tr>th,
html.dark table.dataTable.cell-border>tbody>tr>td {
    border-top: 1px solid rgb(64, 67, 70);
    border-right: 1px solid rgb(64, 67, 70);
}

html.dark table.dataTable.cell-border>tbody>tr>th:first-child,
html.dark table.dataTable.cell-border>tbody>tr>td:first-child {
    border-left: 1px solid rgb(64, 67, 70);
}

html.dark .dt-container.dt-empty-footer table.dataTable {
    border-bottom: 1px solid rgb(89, 91, 94);
}

html.dark .dt-container .dt-search input,
html.dark .dt-container .dt-length select {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: var(--dt-html-background);
}

html.dark .dt-container .dt-paging .dt-paging-button.current,
html.dark .dt-container .dt-paging .dt-paging-button.current:hover {
    border: 1px solid rgb(89, 91, 94);
    background: rgba(255, 255, 255, 0.15);
}

html.dark .dt-container .dt-paging .dt-paging-button.disabled,
html.dark .dt-container .dt-paging .dt-paging-button.disabled:hover,
html.dark .dt-container .dt-paging .dt-paging-button.disabled:active {
    color: #666 !important;
}

html.dark .dt-container .dt-paging .dt-paging-button:hover {
    border: 1px solid rgb(53, 53, 53);
    background: rgb(53, 53, 53);
}

html.dark .dt-container .dt-paging .dt-paging-button:active {
    background: #3a3a3a;
}

*[dir="rtl"] table.dataTable thead th,
*[dir="rtl"] table.dataTable thead td,
*[dir="rtl"] table.dataTable tfoot th,
*[dir="rtl"] table.dataTable tfoot td {
    text-align: right;
}

*[dir="rtl"] table.dataTable th.dt-type-numeric,
*[dir="rtl"] table.dataTable th.dt-type-date,
*[dir="rtl"] table.dataTable td.dt-type-numeric,
*[dir="rtl"] table.dataTable td.dt-type-date {
    text-align: left;
}

*[dir="rtl"] div.dt-container div.dt-layout-cell.dt-start {
    text-align: right;
}

*[dir="rtl"] div.dt-container div.dt-layout-cell.dt-end {
    text-align: left;
}

*[dir="rtl"] div.dt-container div.dt-search input {
    margin: 0 3px 0 0;
}

.obelix-advanced-table .table-wrapper {
    --table-border-thick: 1px;
    --table-border-color: rgb(213, 213, 213);
    --table-border-style: solid;
    --base-color: #222222;
}

.obelix-advanced-table table {
    border-style: var(--table-border-style);
    caption-side: bottom;
    border-collapse: collapse;
    border-spacing: 2px;
}

.obelix-advanced-table table td {
    color: var(--base-color);
}

.obelix-advanced-table table.table-bordered {
    border-width: var(--table-border-thick);
    border-color: var(--table-border-color);
    border-style: var(--table-border-style);
}

.obelix-advanced-table table td,
.obelix-advanced-table table th {
    border-bottom: none
}

.obelix-advanced-table table.table-bordered td,
.obelix-advanced-table table.table-bordered th {
    /* border-bottom-width: var(--table-border-thick);
   border-bottom-color: var(--table-border-color);
   border-bottom-style: var(--table-border-style); */
}

.obelix-advanced-table table.table-bordered>:not(caption)>*>* {
    border-color: var(--table-border-color);
    border-style: var(--table-border-style);
    border-width: 0 var(--table-border-thick);
    white-space: break-spaces;
}

.obelix-advanced-table table.border-rows>:not(caption)>*>* {
    border-width: 0;
}

.obelix-advanced-table table.border-cell tbody tr {
    border-width: 0;
}

.table>:not(caption)>*>* {
    padding: var(--dt-padding-y) var(--dt-padding-x);
}

.obelix-advanced-table .table-bordered tbody,
.obelix-advanced-table .table-bordered td,
.obelix-advanced-table .table-bordered tfoot,
.obelix-advanced-table .table-bordered th,
.obelix-advanced-table .table-bordered thead,
.obelix-advanced-table .table-bordered tr {
    border-bottom-color: var(--table-border-color);
    border-bottom-style: var(--table-border-style);
    border-width: var(--table-border-thick) 0;
}

.obelix-advanced-table .table-bordered thead tr {
    border-style: var(--table-border-style);
    border-width: var(--table-border-thick) !important;
    border-color: var(--head-border-color) !important;
}

.obelix-advanced-table .table-bordered thead tr th {
    /* border-width: var(--table-border-thick) 0; */
    border-color: var(--head-border-color) !important;
}

.obelix-advanced-table .table-bordered thead {
    color: var(--head-color);
    background-color: var(--head-bg, transparent);
    font-size: var(--head-font-size);
}

.obelix-advanced-table .table-striped tbody tr:nth-child(even) {
    background-color: var(--rows-striped-bg-color, rgb(244, 244, 244)) !important;
}

.obelix-advanced-table .table-striped tbody tr:nth-child(even) td {
    color: var(--rows-striped-color, var(--base-color)) !important;
}

.obelix-advanced-table .table-hover tbody tr:hover {
    background-color: var(--rows-hover-bg-color) !important;
}

.obelix-advanced-table .table-hover tbody tr:hover td {
    color: var(--rows-hover-color) !important;
}

/* Firefox */
.obelix-advanced-table .dt-scroll-body {
    scrollbar-width: thin;
    /* auto | thin | none */
    scrollbar-color: #b6b6b6 transparent;
}

.obelix-advanced-table .dt-scroll-head thead,
.obelix-advanced-table .dt-scroll-head thead tr {
    border-width: 0 !important;
    background: var(--head-bg);
}

.obelix-advanced-table .dt-scroll-body thead,
.obelix-advanced-table .dt-scroll-body thead tr {
    border-width: 0 !important;
}

.obelix-advanced-table .dt-scroll-body table {
    border-top-width: 0 !important;
}

.obelix-advanced-table table.no-header thead {
    display: none;
}

.obelix-advanced-table table.no-header tbody tr:first-child td {
    border-top: 1px solid var(--table-border-color);
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}