@font-face {
    font-family: "Noto Sans";
    src: url('noto-sans/fonts/NotoSans-Regular.ttf'), url('noto-sans/fonts/NotoSans-Medium.ttf'), url('noto-sans/fonts/NotoSans-Bold.ttf');
}

:root, [data-bs-theme=light] {
    --bs-primary: #fff;
    --bs-primary-inverse: #fff;
    --bs-primary-active: #370d42;
    --bs-text-primary: #640a64;
    --bs-secondary: #c8d404;
    --bs-secondary-inverse: #fff;
    --bs-secondary-active: #737a00;
    --bs-text-secondary: #c8d404;
    --bs-light: #F9F9F9;
    --bs-light-inverse: #8283ab;
    --bs-info: #262158;
    --bs-info-inverse: #fff;
    --bs-primary-rgb: 100, 10, 100;
}

.border-primary {
    border-color: #151529 !important;
}

.link-secondary {
    color: var(--bs-secondary) !important;
}
.link-secondary:hover, .link-secondary:focus {
    color: var(--bs-secondary-active) !important;
}

.text-light-inverse {
    color: var(--bs-light-inverse) !important;
}

/* BEGIN FLUENT VALIDATOR */
.validation-message {
    font-size: 0.95rem;
    color: var(--bs-danger-text);
}
/* END FLUENT VALIDATOR */

/* BEGIN TEXTBOX */
.custom-form-control {
    background-color: var(--bs-gray-100) !important;
    border-color: var(--bs-gray-100) !important;
    color: var(--bs-gray-700) !important;
    padding: 0.775rem 1rem !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    border: 0 !important;
    border-radius: 0.475rem !important;
}

.e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after {
    background: none;
}

/*.e-float-input input, .e-float-input.e-control-wrapper input {
    padding: 0 !important;
}*/

.e-input-group:not(.e-float-icon-left):not(.e-float-input).e-input-focus::after, .e-input-group:not(.e-float-icon-left):not(.e-float-input).e-input-focus::after,
.e-input-group:not(.e-float-icon-left):not(.e-float-input).e-input-focus::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input).e-input-focus::before {
    width: 0px !important;
}
/* END TEXTBOX */

/* BEGIN GRID */
.e-grid {
    border: none;
}

.e-headercell .e-rhandler {
    border-right: none !important;
}

.e-grid .e-rowcell {
    border-color: #f5f5f5 !important;
}

.e-grid .e-gridheader {
    border-color: #f5f5f5 !important;
    border-top: none !important;
}

.card-grid .e-gridcontent .e-content {
    height: calc(100vh - 443px) !important;
}
.card-grid.single-row .e-gridcontent .e-content {
    height: calc(100vh - 392px) !important;
}

.card-grid.no-header .e-gridheader {
    display: none;
}

.card-grid.no-header .e-rowcell {
    padding-left: 0;
    padding-right: 0;
}
/* END GRID */

/* PRICE COMPARE GRID */
.card-grid-price-compare .e-gridcontent .e-content {
    height: calc(100vh - 443px) !important;
}
/* END PRICE COMPARE GRID */

/* PRICE COMPARE GRID */
.card-grid-shoppingDetail .e-gridcontent .e-content {
    height: calc(100vh - 497px) !important;
}
/* END PRICE COMPARE GRID */

/* RELATED ARTICLES GRID */
.card-grid-related-articles .e-gridcontent .e-content {
    height: calc(100vh - 448px) !important;
}
/* END RELATED ARTICLES GRID */

/* BEGIN MODAL */
.modal {
    background-color: rgb(12 12 12 / 40%);
    overflow-x: hidden;
}

.modal-header-buttons {
    justify-content: flex-end;
}

.bg-gray {
    background-color: var(--bs-app-bg-color);
}
/* END MODAL */

/* MAIN MENU*/
[data-kt-app-layout=dark-sidebar] .app-sidebar {
    background-color: #151529;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo {
    border-bottom: none;
}
.app-header {
    background-color: var(--bs-primary);
}
.app-sidebar-toggle {
    background-color: var(--bs-secondary) !important;
    border-radius: 50%;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link:hover {
    color: var(--bs-secondary) !important;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: var(--bs-secondary-inverse) !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: var(--bs-secondary-inverse) !important;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
     background-color: transparent;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title {
    color: var(--bs-secondary);
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i {
    color: var(--bs-secondary);
}

.app-sidebar .btn-custom.btn-secondary {
    background-color: var(--bs-secondary) !important;
    color: var(--bs-secondary-inverse) !important;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom i, [data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom .svg-icon {
    color: var(--bs-secondary-inverse) !important;
    margin-left: 2px;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon {
    color: #9D9DA6;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #9D9DA6;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
    color: #9D9DA6;
}

/* END MAIN MENU*/
.symbol-label {
    background-size: cover;
}

.e-grid .e-groupdroparea {
    background-color: #f9f9f9;
    border-top: 0px;
    font-weight: 300;
}

    .e-grid .e-groupdroparea.e-grouped {
        background-color: #f9f9f9;
    }


/* BEGIN FILES */
.e-upload-files {
    width: 100%;
}

.e-file-select-wrap {
    width: 100%;
    text-align: center;
}

/*.e-css.e-btn.e-upload-browse-btn {
    color: var(--bs-warning-inverse);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
    box-shadow: none;
    border-radius: 0.425rem;
}*/
/* END FILES */

/* BEGIN FLUENT VALIDATOR */
.validation-errors {
    margin-bottom: 0;
}
/* END FLUENT VALIDATOR */

/* BEGIN FILTER RADIO BUTTON */
/*.e-radio + label::before {
    display: none;
}

.e-radio + label::after {
    display: none;
}

.e-radio + label .e-label {
    padding-left: 0px;
    padding-right: 0px;
}*/
/* END FILTER RADIO BUTTON */

/* BEGIN MULTISELECT ICON */
.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
    margin-right: 0.7rem;
    margin-top: -1.7em;
}

.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
    right: 31px;
    top: 30px;
}
/* END MULTISELECT ICON */

/* FONTS*/
.e-grid {
    font-family: "Noto Sans", "-apple-system", "BlinkMacSystemFont";
}

body {
    font-family: "Noto Sans", "-apple-system", "BlinkMacSystemFont";
}
/* END FONTS*/


.e-radio-wrapper .e-label {
    padding: 1rem;
    width: 100%;
}

.e-radio-wrapper label {
    width: 100%;
}

.btn.btn-icon.btn-timer {
    width: calc(1.5em + 1.55rem + 26px);
}


.component-date-filter {
    border: 1px solid rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    border-width: 1px;
    fill: transparent;
    transition: border 0.2s, box-shadow 0.2s;
}

/*.e-control.e-checkbox + .e-icons.e-frame {
    display: none;
}

    .e-control.e-checkbox + .e-icons.e-frame + .e-label {
        margin-left: 0 !important;
        padding: 0.8rem;
        width: 100%;
    }*/

.e-checkbox-wrapper.btn label {
    width: 100%;
}

/*PULSE*/
.pulse.pulse-secondary .pulse-ring {
    border-color: var(--bs-secondary);
}

/*MODAL DIALOG*/
.e-dialog {
    background-color: var(--bs-app-bg-color);
}

.e-dlg-container .e-dialog {
    width: var(--bs-modal-width);
}

.e-dlg-container .e-dialog .e-dlg-header{
    width: 100%;
}

.e-dialog .e-dlg-content {
    background-color: var(--bs-app-bg-color);
    padding-bottom: 5px;
}

.e-dlg-header, .e-dlg-header button, .e-dlg-header a, .e-dlg-header .indicator-label {
    font-size: 13px;
    color: inherit;
}

.indicator-label {
    align-items: center;
    display: flex;
}

.e-editable-value {
    font-size: 1.35rem !important;
}

/*INPLACE EDITOR*/
.e-inplaceeditor .e-editable-value-container {
    padding: 0px 0px !important;
}

.e-inplaceeditor .e-editable-value-container span {
    font-size: 1.075rem !important;
    color: var(--bs-text-gray-800) !important;
}

/*TOOLTIP*/
.tooltip-content {
    padding-top: 10px;
    padding-bottom: 10px;
}

.hide-radio-button label::before, .hide-radio-button label::after {
    display: none !important;
}

.drop-area-wrap.e-upload-drag-hover {
    border-color: var(--bs-secondary) !important;
}

.e-rte-hidden {
    display: none !important;
}

.e-richtexteditor {
    border: 1px solid #edebe9;
}

.e-rte-toolbar {
    border-bottom: 1px solid #edebe9;
}

.e-toolbar-container {
    height: 42px !important;
}

.e-richtexteditor .e-rte-content .e-content, .e-richtexteditor .e-source-content .e-content {
    background: unset;
    box-sizing: border-box;
    height: 100%;
    min-height: 100px;
    outline: 0 solid rgba(0,0,0,0);
    overflow-x: auto;
    padding: 16px;
    position: relative;
    text-align: inherit;
    z-index: 2;
}

.e-rte-toolbar .e-strike-through::before, .e-rte-dropdown-popup .e-strike-through::before {
    content: "\e332";
}
.e-rte-toolbar .e-justify-left::before, .e-rte-dropdown-popup .e-justify-left::before {
    content: "\e33a";
}
.e-rte-toolbar .e-outdent::before, .e-rte-dropdown-popup .e-outdent::before {
    content: "\e35d";
}
.e-rte-toolbar .e-indent::before, .e-rte-dropdown-popup .e-indent::before {
    content: "\e33f";
}
.e-pager .e-currentitem,
.e-pager .e-currentitem:hover {
    background: var(--bs-secondary);
}

.badge.badge-lg-x {
    min-width: 2.5rem;
    font-size: 1rem;
}

    .badge.badge-lg-x.badge-square {
        height: 2.5rem;
    }

    .badge.badge-lg-x.badge-circle {
        width: 35px;
        height: 35px;
    }

.card-header {
    padding: 1.5rem !important;
}

.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 2.2rem !important;
}

.fs-25 {
    font-size: 2.5rem !important;
}

.ml-1 {
    margin-left: 0.1rem;
}

.ml-0-5 {
    margin-left: 0.5rem;
}

.ml-1-5 {
    margin-left: 1.5rem;
}

.flex-break {
    flex-basis: 100%;
    height: 0;
}

.btn.btn-secondary:hover:not(.btn-active) {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary-active);
    background-color: var(--bs-secondary-active) !important;
}

/* BEGIN REPORT VIEWER */

#report-viewer_toolbar_gotofirst :before {
    content: "\e896" !important;
}

#report-viewer_toolbar_gotoprevious :before {
    content: "\ec06" !important;
}

#report-viewer_toolbar_gotonext :before {
    content: "\ec07" !important;
}

#report-viewer_toolbar_gotolast :before {
    content: "\e897" !important;
}

#report-viewer_toolbar_zoomout :before {
    content: "\e351" !important;
}

#report-viewer_toolbar_zoomin :before {
    content: "\e349" !important;
}

#report-viewer_toolbar_refresh :before {
    content: "\e606" !important;
}

#report-viewer_toolbar_export .e-btn-icon.e-viewer-icons.export.e-icons:before {
    content: "\e240" !important;
}

#report-viewer_e_preview {
    display: none !important;
}

#report-viewer_toolbar_print :before {
    content: "\e813" !important;
}

.e-reportviewer-viewer .e-native-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-center {
    padding-top: 1px !important;
}

/* END REPORT VIEWER */