/*
bootstrap               theme
    2560px = > xxl          1400px = > xxl
    1920px = > xl           1300px = > xl
    1280px = > lg           992px = > lg
    960px = > md            768px = > md
    600px = > sm            576px = > sm
    0px = > xs              0px = > xs

mudblazor
    xs = 0 < 600
    sm = 600px > 960px
    md = 960px > 1280px
    lg = 1280 > 1920
    xl = 1920 > 2560
    xxl= 2560 >
*/
.pb-0.ch-n-ec-items p.mud-typography.mud-typography-body1.text-muted.mt-0.fs-2.mud-typography-nowrap {
    display: none !important;
}

.pb-0.ch-n-ec-items p.mud-typography.mud-typography-body1.card-title.mb-0.fs-3.fw-bolder.text-info {
    padding-top: 10px !important;
}

html {
}

* {
}

@media all and (min-width:0px) {
    /* xs */
}

@media all and (min-width:600px) {
    /* sm */

}

@media all and (min-width:960px) {
}

@media all and (min-width:1280px) {
    .ch-n-od-shipinfos {
        max-width: 75% !important;
        width: 75% !important;
    }

    .ch-n-od-shipreq {
        top: 0 !important;
    }
}

@media all and (min-width:992px) and (max-width:1440px) {
    .ch-n-topbar .mud-button-label {
        font-size: 0 !important;
        text-indent: -9999px !important;
        text-align: center !important;
    }

        .ch-n-topbar .mud-button-label span {
            text-align: center !important;
            margin-right: 0 !important;
        }
}

@media all and (min-width:960px) and (max-width:1370px) {
}

@media all and (min-width:1600px) {

    .ch-n-usage .ch-n-usage-grid > .mud-grid-item {
        /* max-width: 20% !important; */
        /* flex-basis: 20% !important; */
        /* width: 20% !important; */
    }


    .ch-n-item-matchings-infos .row.gx-0 .col-xs-12 {
        width: 33.33%;
    }

        .ch-n-item-matchings-infos .row.gx-0 .col-xs-12:first-child > div {
            margin-left: 0 !important;
        }
}

@media all and (min-width:1280px) {
    /* lg */

}

@media all and (min-width:1920px) {
    /* xl */

}

@media all and (min-width:2560px) {
    /* xxl */

}

@media all and (max-width:1919px) {
    .ch-n-grid-matchings > div:first-child > .mud-grid > .mud-grid-item.mud-grid-item-xs-12.ch-n-grid-matchings-search {
        padding-left: 0 !important;
    }
}

@media all and (max-width:1599px) {
}

@media all and (max-width:1279px) {
    .ch-lg-12 {
        max-width: 100% !important;
        flex-basis: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
    }

    .ch-lg-wrap {
        flex-wrap: wrap !important;
    }

    .ch-n-grid-matchings > .mud-grid-item {
        padding-right: 15px !important;
    }

    .ch-n-topbar-right .btn-h-grid button.mud-button-root.mud-button {
        padding-right: 0 !important;
    }

    .mud-button-text-default.mud-button-text-size-medium.mud-ripple.border-r-xs-0 {
        border-right: none !important;
    }

    .ch-n-topbar a span.mud-button-label span, .ch-n-topbar button span.mud-button-label span {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .ch-n-topbar > .mud-toolbar {
        padding-right: 0 !important;
    }

    .ch-n-topbar-left {
        max-width: 90px;
        min-width: 100px;
        white-space: nowrap;
        text-align: left;
    }

    .ch-n-topbar-right {
        min-width: 145px;
        white-space: nowrap;
        text-align: right;
    }

    .ch-n-topbar-logo {
        padding-top: 5px !important;
        height: 50px;
        overflow: hidden;
        line-height: 35px !important;
    }

    header.mud-appbar > .mud-toolbar.mud-toolbar-gutters.mud-toolbar-appbar {
        padding-left: 0px !important;
        padding-right: 0 !important;
    }

    .ch-n-topbar-left .mud-icon-button-edge-start.mr-1 {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .ch-n-topbar-right button.mud-button-root.mud-button {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin: 0 !important;
    }




    .ch-n-od-dialog .btn-h-video.ch-n-od-video {
        top: 13px !important;
        z-index: 3 !important;
    }

    .ch-n-od-buttons {
        width: 100% !important;
        clear: both !important;
        height: auto !important;
        display: inline-block !important;
        padding: 0 !important;
    }

    .ch-n-od-search {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        float: left !important;
        padding-right: 180px !important;
        position: relative;
        z-index: 1 !important;
    }

    .ch-n-od-header {
        display: block !important;
        padding-bottom: 0px !important;
        vertical-align: top !important;
        float: left !important;
        background-color: #fff !important;
        position: relative !important;
        z-index: 5 !important;
        padding-right: 10px !important;
    }


    .ch-n-od-dialog .mud-focus-trap-child-container.outline-none {
    }

    .ch-n-od-dialog .mud-paper.mud-elevation-0.overflow-hidden.position-relative.mud-height-full.overflow-y-auto .mud-paper.mud-elevation-0.pt-0.relative {
        padding: 0 !important;
        width: 100% !important;
        margin: 0 !important;
    }

        .ch-n-od-dialog .mud-paper.mud-elevation-0.overflow-hidden.position-relative.mud-height-full.overflow-y-auto .mud-paper.mud-elevation-0.pt-0.relative > .pr-4 {
            margin: 0 !important;
            padding: 0 !important;
            width: 100% !important;
        }

    .ch-n-od-dialog .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-md-4.pl-1.pt-2 {
        margin-top: 5px !important;
        padding: 0 2px !important;
    }

    .ch-n-od-scroll > button:first-child {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    .ch-n-od-dialog .mud-paper.mud-paper-outlined.mud-card.card .mud-card-content.card-body.pl-3 {
        min-height: 211px !important;
    }

    .ch-n-od-dialog .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-md-8.pl-0.pr-3.pt-2 {
        padding: 0 2px !important;
        margin-top: 10px !important;
    }

    .ch-n-od-dialog .ch-n-od-address-btns {
        padding: 0 !important;
        margin-top: 3px !important;
        margin-bottom: 5px !important;
    }

    .ch-n-od-2grid > .mud-grid-item {
        max-width: 100% !important;
        width: 100% !important;
        flex-basis: 100% !important;
    }

    .ch-n-od-dialog aside.mud-drawer {
        --mud-drawer-width: 100% !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 2px 2px !important;
        max-height: none !important;
        height: auto !important;
    }

        .ch-n-od-dialog aside.mud-drawer > .mud-drawer-content {
            --bs-card-spacer-y: 30px;
            --bs-card-spacer-x: 30px;
            --bs-card-title-spacer-y: 0.5rem;
            --bs-card-title-color: #2a3547;
            --bs-card-subtitle-color: var(--bs-body-color);
            --bs-card-border-width: 0px;
            --bs-card-border-color: #ebf1f6;
            --bs-card-border-radius: 7px;
            --bs-card-box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;
            --bs-card-inner-border-radius: 7px;
            --bs-card-cap-padding-y: 15px;
            --bs-card-cap-padding-x: 30px;
            --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
            --bs-card-bg: var(--bs-body-bg);
            --bs-card-img-overlay-padding: 1rem;
            --bs-card-group-margin: 12px;
            position: relative;
            display: flex;
            flex-direction: column;
            min-width: 0;
            height: var(--bs-card-height);
            color: var(--bs-body-color);
            word-wrap: break-word;
            background-color: var(--bs-card-bg);
            background-clip: border-box;
            border: var(--bs-card-border-width) solid var(--bs-card-border-color);
            border-radius: var(--bs-card-border-radius);
            box-shadow: var(--bs-card-box-shadow);
            padding: 10px !important;
            max-height: none !important;
            height: auto !important;
        }

    .ch-n-od-dialog .mud-drawer-right-clipped-never.mud-height-full {
        margin-top: 36px !important;
        height: auto !important;
        max-height: none !important;
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }


    .ch-n-od-dialog .mud-paper.mud-elevation-0.p-1.relative.card {
        max-width: none !important;
        width: 100% !important;
        flex-basis: 100% !important;
    }

    .ch-n-od-dialog .mud-paper.mud-elevation-0.overflow-hidden.position-relative.mud-height-full.overflow-y-auto {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
    }

    .ch-n-grid-master-lmenu .h-100 {
        height: auto !important;
        overflow: visible !important;
    }

    .ch-n-grid-master-lmenu.h-100 {
        height: auto !important;
    }

    .ch-n-grid-matchings > .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-lg-9 > div {
        height: auto !important;
        overflow-y: auto !important;
    }


    .ch-n-item-matchings-img, .ch-n-item-matchings-infos, .ch-n-item-matchings-select {
        width: 100%;
        flex-basis: 100%;
        min-width: 100%;
    }

    .ch-n-item-matchings > div > .card-body > .d-flex {
        flex-wrap: wrap !important;
    }

    .ch-n-item-matchings-infos {
        margin: 15px 0 0 0 !important;
    }

    .ch-n-item-matchings-select {
        padding: 0 0 0px 10px !important;
        margin: 0 0 10px 0 !important;
    }

    .ch-n-ds-lmenu {
        width: 100% !important;
    }

    .ch-n-dropship .mud-paper.mud-elevation-0.h-100.d-flex.flex-grow-1.gap-1 {
        flex-wrap: wrap !important;
        height: auto !important;
        overflow: visible !important;
    }

    .ch-n-ds-grid {
        height: auto !important;
        max-height: none !important;
    }

        .ch-n-ds-grid .mud-paper.mud-elevation-0.h-100.overflow-hidden {
            height: auto !important;
        }

    .ch-n-dropship .cus-no-footer {
        height: auto !important;
    }

    .ch-n-reports.h-100, .ch-n-reports .h-100 {
        height: auto !important;
    }

    .mud-container.mud-container-fixed.mud-container--gutters.h-100.p-0.relative.cus-mw-none {
        height: auto !important;
    }

    .ch-n-reports .mud-paper.mud-elevation-0.h-100.d-flex.flex-grow-1.gap-1 {
        flex-wrap: wrap !important;
        padding-bottom: 14px !important;
    }

    .ch-n-ec-menu {
        margin-left: 0 !important;
    }
}


@media all and (max-width:959px) {

    .ch-md-12 {
        max-width: 100% !important;
        flex-basis: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
    }

    .ch-md-wrap {
        flex-wrap: wrap !important;
    }

    .ch-n-cc-dialog .mud-grid-item.cus-prd-c .card.card-body.py-0 h6.note-title.w-30.mb-0 {
        width: 100% !important;
    }

    .note-has-grid > .mud-grid-item.text-end {
        height: 50px !important;
    }

    .ch-n-cc-dialog .mud-grid-item.cus-prd-c .note-has-grid {
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-bottom: 10px !important;
    }

    .mud-dialog.mud-dialog-width-lg.mud-dialog-width-full {
        max-height: 97% !important;
        min-height: 97% !important;
        max-width: 96% !important;
        min-width: 96% !important;
    }

    .border-sm-0 {
        border: none !important;
    }

    aside.mud-drawer.mud-drawer-fixed.mud-drawer-pos-left.mud-drawer--open.mud-drawer-md.mud-drawer-clipped-never.mud-elevation-0.mud-drawer-mini.left-sidebar.with-vertical.login-r-bg {
        z-index: 99999999 !important;
    }

    .ch-n-od-search .mud-input-adornment.mud-input-adornment-end {
        left: inherit !important;
        right: 0 !important;
    }

        .ch-n-od-search .mud-input-adornment.mud-input-adornment-end button {
            margin-right: 0px !important;
        }

    .ch-n-od-search .mud-input > input {
        padding-left: 10px !important;
    }

    .ch-n-od-dialog .cus-prd-c .mud-paper.mud-elevation-0.shades.transparent.px-1 > .d-flex.flex-row.gap-3 {
        gap: 0.2rem !important;
        flex-wrap: wrap;
    }

        .ch-n-od-dialog .cus-prd-c .mud-paper.mud-elevation-0.shades.transparent.px-1 > .d-flex.flex-row.gap-3 > .mud-alert {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

    .ch-n-od-tabs-info > .d-flex > .flex-grow-1 {
        display: none !important;
    }

    .ch-n-od-tabs-info > .d-flex > .mud-alert, .ch-n-od-tabs-info > .d-flex > .d-flex.flex-row {
        width: 50% !important;
        max-width: 50% !important;
        flex-basis: 50% !important;
    }

    .ch-n-od-tabs-info > .d-flex > .mud-button-group-root {
        clear: both !important;
        display: none !important;
    }

    .ch-n-od-tabs-info > .gap-1 {
        gap: 0.2px important;
    }

    .cus-prd-c {
        padding: 0 !important;
    }

        .cus-prd-c > .px-1 {
            padding: 0 !important;
        }

    .ch-n-cc-dialog .mud-grid-item.cus-prd-c .transparent > .d-flex.flex-row.gap-3 {
        padding-left: 15px !important;
    }

    .ch-n-od-dialog .cus-prd-c .mud-paper.mud-elevation-0.shades.transparent.px-1 > .d-flex.flex-row.gap-3 > div:first-child {
        width: 100% !important;
        min-width: 100% !important;
        height: 36px !important;
        flex-basis: 100%;
    }

    .ch-n-od-dialog .cus-prd-c .mud-paper.mud-elevation-0.shades.transparent.px-1 > .d-flex.flex-row.gap-3 > div {
        width: 49%;
    }

    .ch-n-od-dialog .ch-n-od-tab > .mud-paper.mud-elevation-0.p-1.relative.card {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .ch-n-od-dialog .ch-n-od-tab .cus-products {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ch-n-od-dialog .mud-tabs-tabbar-wrapper > .mud-tooltip-root {
        width: 100% !important;
        min-width: 100% !important;
        flex-basis: 100% !important;
    }

    .ch-n-od-dialog .cus-prd-c .mud-paper.mud-elevation-0.shades.transparent.px-1 > .d-flex.flex-row.gap-3 > div:last-child {
        margin-right: -10px !important;
    }

    .ch-n-grid-changecost .cus-prd-l {
        height: auto !important;
        position: relative !important;
        width: 100% !important;
        min-width: 100% !important;
    }

        .ch-n-grid-changecost .cus-prd-l img {
            max-width: 200px !important;
        }

    .ch-n-cc-dialog .mud-grid-item.cus-prd-c {
        padding-left: 0 !important;
    }

    .ch-n-grid-changecost .mudcard-optionsx {
        padding: 0 !important;
    }

    .ch-n-cc-dialog .mud-grid-item.cus-prd-c .d-flex.flex-row.gap-3.col-md-12.single-note-item.all-category.note-social {
        padding-right: 0 !important;
    }

    aside.mud-drawer.mud-drawer-fixed.mud-drawer-pos-right.p-0.ch-quick-product {
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        height: calc(100vh - 114px) !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .ch-quick-product {
        z-index: 9999 !important;
    }

    aside.mud-drawer.mud-drawer-fixed.mud-drawer-pos-right.p-0.ch-quick-product.mud-drawer--closed {
        display: none !important;
    }

    .ch-n-od-dialog .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-md-4.p-2.m-0.cus-prd-r.mudcard-optionsx {
        margin-bottom: 2px !important;
    }

    .mud-dialog.ch-n-pop-video .mud-dialog-content {
        padding: 0 !important;
        margin: 0 !important;
    }

        .mud-dialog.ch-n-pop-video .mud-dialog-content iframe {
            padding: 0 !important;
            margin: 0 !important;
            width: 100% !important;
            max-width: 100% !important;
        }

    .ch-n-pop-video .mud-tabs-tabbar .mud-tabs-tabbar-wrapper {
        min-width: 100% !important;
    }

    .ch-n-pop-video .mud-tabs-panels {
        padding: 10px !important;
    }

    .ch-n-pop-video .d-flex.flex-grow-1.align-self-auto .d-flex.justify-center {
        position: fixed !important;
        left: 0 !important;
        bottom: 11px !important;
        width: 100% !important;
        text-align: center !important;
        z-index: 5;
    }

        .ch-n-pop-video .d-flex.flex-grow-1.align-self-auto .d-flex.justify-center button {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

    .mud-dialog-content .mud-tabs-tabbar-wrapper > .mud-tab-slider.mud-tab-slider-horizontal {
        display: none !important;
        visibility: hidden !important;
    }

    .ch-n-grid-master .ch-leftmenu-batch {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .ch-n-grid-master .cus-main > .mud-paper > .mud-paper {
        flex-wrap: wrap !important;
        gap: 0 !important;
    }

    .ch-n-grid-master > .h-100 {
        height: auto !important;
    }

    .ch-n-grid-master {
        height: auto !important;
    }

        .ch-n-grid-master .ch-leftmenu-batch, .ch-n-grid-master .ch-leftmenu {
            padding: 0 10px !important;
            margin-top: 10px !important;
        }

    .mud-card-actions.cus-footer {
        position: relative !important;
    }

    .mud-card-content.cus-main {
        padding: 0 !important;
    }
}

@media all and (max-width:599px) {
    .ch-n-ec-create {
        margin-top: 14px !important;
        float: left !important;
        clear: both !important;
    }

    .ch-n-ec-search {
        position: relative !important;
        float: right !important;
        right: 0 !important;
        top: 0 !important;
        margin: 8px 0 0 0 !important;
        width: 100% !important;
    }

    .ch-sm-wrap {
        flex-wrap: wrap !important;
    }


    .ch-n-od-search {
        padding-right: 80px !important;
    }

    .page-wrapper {
        padding-top: 58px !important;
    }

    .cus-mw-none > .mud-paper > .mud-paper > .col-12 > .row > .col-xs-12.col-sm-6.col-xl-3.mt-4 {
        margin-top: 1rem !important;
    }

    .border-xs-0 {
        border: none !important;
    }

    .border-r-xs-0 {
        border-right: none !important;
    }

    .btn-h-video {
        /* overflow: hidden; */
        position: absolute !important;
        /* left: 93px !important; */
        top: 22px !important;
        width: 32px !important;
        min-width: auto !important;
    }

        .btn-h-video > span {
            font-size: 0 !important;
            text-indent: -9999px !important;
            margin: 0 !important;
            padding: 0 !important;
        }

            .btn-h-video > span > span {
                margin: 0 !important;
                padding: 0 !important;
            }
}

.blink-announcement {
    animation: blinkColor 1s infinite !important;
}

    .blink-announcement svg {
        animation: bell 1s ease-in-out infinite;
        transform-origin: top center;
    }

@keyframes bell {
    0% {
        transform: rotate(0);
    }

    10% {
        transform: rotate(15deg);
    }

    20% {
        transform: rotate(-15deg);
    }

    30% {
        transform: rotate(10deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    50% {
        transform: rotate(5deg);
    }

    60% {
        transform: rotate(-5deg);
    }

    70% {
        transform: rotate(2deg);
    }

    80% {
        transform: rotate(-2deg);
    }

    90%, 100% {
        transform: rotate(0);
    }
}

@keyframes blinkColor {
    0% {
        background-color: #f00;
    }

    50% {
        background-color: #000;
    }

    100% {
        background-color: #f00;
    }
}

.fancybox .a-master, .fancybox .a-div {
    margin: auto 0 !important;
    padding: 0 !important;
}

.fancybox .a-master {
    margin: auto 0 !important;
}

    .fancybox .a-master .a-div img {
        max-width: 100% !important;
        max-height: 100% !important;
    }

.fancybox__footer {
    display: none !important;
}

.ch-n-announcements .mud-timeline-item-content {
    overflow: hidden;
}

.ch-n-announcements .mud-alert-position.justify-sm-start {
    max-width: 100% !important;
    width: 100% !important;
}

.ch-n-mylicense > .mud-card-header.cus-header {
    padding-bottom: 16px !important;
}

.ch-n-mylicense.ch-p-nobuttons > .mud-card-header > .mud-card-header-actions {
    width: auto !important;
    margin-top: 15px !important;
}

.ch-n-mylicense.ch-p-nobuttons > .mud-card-header {
    padding-bottom: 6px !important;
    padding-top: 6px !important;
}


.ch-n-darkmode {
    padding: 0px 10px;
    font-size: 11px;
    border-left: 1px solid #e0e0e0;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    margin: -1px 0 0 0;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

    .ch-n-darkmode:hover {
        background-color: var(--mud-palette-action-default-hover);
    }


    .ch-n-darkmode a {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 11px !important;
        /* color: #000; */
    }

.ch-n-darkmode-light .nav-link.sun.light-layout {
    display: flex !important;
}

.ch-n-darkmode-dark a.nav-link.moon.dark-layout {
    display: flex !important;
}

.ch-n-darkmode a i {
    font-size: 18px !important;
    display: inline-block !important;
    vertical-align: top !important;
    margin: 4px 14px 0 0;
    line-height: 36px;
}


[data-bs-theme="dark"] div#main-wrapper > aside.mud-drawer {
    background-color: var(--mud-palette-background) !important;
}

[data-bs-theme="dark"] .mud-divider {
    border-color: rgba(11, 11, 11, .3);
}

.ti-dots:before {
    color: var(--mud-palette-drawer-icon) !important;
}

[data-bs-theme="dark"] .mud-card-actions.cus-footer {
    background-color: #32333d !important;
}

    [data-bs-theme="dark"] .mud-card-actions.cus-footer .mud-paper {
        background-color: transparent !important;
    }

[data-bs-theme="dark"] .mud-card-header.cus-header.text-bg-light {
    background-color: #282932 !important;
}

[data-bs-theme="dark"] .mud-link {
    /*color: #fff !important;*/
}

[data-bs-theme="dark"] tr.dxbl-grid-selected-row .mud-link, [data-bs-theme="dark"] tr.dxbl-grid-focused-row .mud-link {
    color: #000 !important;
}




.css-iframe > .d-flex, .css-iframe iframe {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
}

.css-iframe * {
    max-width: 100% !important;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}