.dataTables_filter {
    float: left;
}

.dt-buttons.btn-group.flex-wrap {
    float: right;
    position: relative;
    z-index: 1;
}

.custom_btn_filter {
    padding: 7px 18px !important;
    border: 1px solid !important;
    border-style: dotted !important;
}

.custom_search_btn {
    padding-top: 25px;
    padding-bottom: 15px;
}

/*
button#kt_explore_toggle_user {
    z-index: 1;
    background: #fff;
}
*/

tfoot {
    border-style: hidden !important;
}

span.search_icon_input {
    padding: 9px;
    padding-top: 7px;
}

#user-table_filter input {
    padding-left: 25px;
}

.form-control.form-control-solid {
    border: 1px solid #9899ae !important;
    background: transparent;
    font-size: 16px;
    color: #04083b;
    font-weight: 400;
    font-family: "Poppins";
    padding: 0 15px !important;
    height: 40px;
}

#user-table_wrapper div.dt-button-collection div.dropdown-menu {
    min-width: 10rem;
    margin-left: -50px;
}

#user-table_wrapper .dropdown-item {
    padding: 0.50rem 1rem;
}

.buttons-copy.btn.btn-secondary:hover:not(.btn-active) {
    background: #0ea2f6 !important;
    color: #fff !important;
}

.buttons-csv.btn.btn-secondary:hover:not(.btn-active) {
    background: #0ea2f6 !important;
    color: #fff !important;
}

.buttons-excel.btn.btn-secondary:hover:not(.btn-active) {
    background: #B5B5C3 !important;
    color: #fff !important;
}

.buttons-print.btn.btn-secondary:hover:not(.btn-active) {
    background: #0ea2f6 !important;
    color: #fff !important;
}

/*
.buttons-colvis.btn.btn-secondary:hover:not(.btn-active) {
    background: #0ea2f6 !important;
    color: #fff !important;
}
*/

form#kt_docs_formvalidation_text {
    width: 80%;
    margin: auto;
}

.user-input-search {
    padding: 6px;
    font-weight: 400;
    width: 80%;
}

h3.user-title {
    position: absolute;
    left: 15px;
    top: 15px;
    margin-bottom: 0px;
    color: grey;
    font-weight: 400;
}

input.user-input-search {
    padding: 6px;
}

#user-table_filter {
    position: relative;
    z-index: 1;
}

#system-configs_filter {
    position: relative;
    z-index: 1;
}

#system-configs_filter input {
    padding-left: 25px;
}

h3.title-advanced-search {
    color: #009ef7;
    font-weight: 500;
    margin-right: auto;
}

.advanced-search-title-icon {
    margin-right: auto;
    margin-top: 5px;
}

.buttons-excel:hover a,
.buttons-csv:hover a {
    color: #fff;
}

#user-table_length {
    position: absolute;
}

div.dataTables_wrapper div.dataTables_info {
/*                    border-top: 1px solid #1a1b1b1a;*/
    /* margin-top: 23px; */
}

#system-configs_length {
    position: absolute;
}

.form-control:disabled,
.form-control[readonly] {
    opacity: 0.5 !important;
}

svg.bi.bi-eye-fill {
    color: #009EF7 !important;
}

svg.bi.ai-eye-fill {
    color: red !important;
}

.top-60 {
    top: 68% !important;
}

form#system_config {
    width: 80%;
    margin: auto;
}

div#user-table_processing {
    z-index: 11 !important;
}

#result-table_filter input {
    padding-left: 25px;
}

div#result-table_processing {
    z-index: 11 !important;
}

div#result-table_filter {
    position: relative;
    z-index: 1;
}

div.dataTables_wrapper div.dataTables_info {
/*                    border-top: 1px solid #1a1b1b1a;*/
    /* margin-top: 23px; */
}

#system-configs_length {
    position: absolute;
}

div.dataTables_filter {
    position: relative;
    z-index: 1;
}

div.dataTables_filter input {
    padding-left: 25px;
}

.buttons-excel.btn.btn-secondary:hover svg {
    fill: #fff !important;
}

.buttons-csv.btn.btn-secondary:hover svg path {
    fill: #fff !important;
}

/*
button.btn.btn-secondary.buttons-excel.buttons-html5 {
    padding: 0 !important;
    padding-left: 17px !important;
    padding-right: 9px !important;
}
*/

button.btn.btn-secondary.buttons-csv.buttons-html5 {
    padding-left: 13px !important;
    padding-right: 13px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.btn.btn-secondary.dropdown-toggle:after {
    color: #009ef7 !important;
}

.buttons-colvis.btn.btn-secondary:hover svg path {
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    stroke: rgb(254 254 255) !important;
    stroke-opacity: 1 !important;
    stroke-miterlimit: 4 !important;
}

.btn.btn-secondary:hover.dropdown-toggle:after {
    color: #fff !important;
}

div.dt-button-collection .dt-button {
    position: relative;
}

.dt-button-collection .dropdown-menu .buttons-columnVisibility:before,
.dt-button-collection .dropdown-menu .buttons-columnVisibility.active span:before {
    display: block;
    position: absolute;
    top: 1.2em;
    left: 0;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
}

.dt-button-collection .dropdown-menu .buttons-columnVisibility:before {
    content: ' ';
    margin-top: -8px;
    margin-left: 10px;
    border: 1px solid black;
    border-radius: 3px;
}

.dt-button-collection .dropdown-menu .buttons-columnVisibility.active span:before {
    font-family: 'Arial' !important;
    content: '\2714';
    margin-top: -15px;
    margin-left: 12px;
    text-align: center;
    /* text-shadow: 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff; */
}

.dt-button-collection .dropdown-menu .buttons-columnVisibility span {
    margin-left: 17px;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #dddddd6b;
}

div.dt-button-collection .dt-button {
    position: relative;
}

.dt-button-collection .dropdown-menu .buttons-columnVisibility:before,
.dt-button-collection .dropdown-menu .buttons-columnVisibility.active span:before {
    display: block;
    position: absolute;
    top: 15px;
    left: 0;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
}

.dt-button-collection .dropdown-menu .buttons-columnVisibility:before {
    content: ' ';
    margin-top: -8px;
    margin-left: 10px;
    border: 1px solid #5e6278;
    border-radius: 3px;
}

.dt-button-collection .dropdown-menu .buttons-columnVisibility.active span:before {
    font-family: 'Arial' !important;
    content: '\2714';
    margin-top: -12px;
    margin-left: 12px;
    text-align: center;
    /* text-shadow: 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff; */
}

.dt-button-collection .dropdown-menu .buttons-columnVisibility span {
    margin-left: 17px;
}

form#product_groups {
    width: 70%;
    margin: auto;
}

.error {
    color: red;
    font-weight: 400;
    display: block;
    padding: 6px 0;
    font-size: 14px;
}

.form-control.error {
    border-color: red;
    padding: .375rem .75rem;
}
/* for dropdown */
/* li.nav-item.dropdown.has-megamenu.megamenu-custom:hover {
background: #009ef7;
}
*/

li.nav-item.dropdown.has-megamenu.megamenu-custom:hover .nav-link {
    color: #ffff;
}

li.nav-item.dropdown.has-megamenu.megamenu-custom.btn.btn-secondary.buttons-collection:hover {
    background: #0ea2f6 !important;
}

li.nav-item.dropdown.has-megamenu.megamenu-custom.btn.btn-secondary.buttons-collection {
    padding: 0px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4.99px;
    padding-bottom: 3.99px;
}

.navbar .megamenu {
    padding: 25px;
    border: 1px solid #8080808c;
    background: #f8f8f8;
}

.children {
    display: grid;
    width: fit-content;
    margin-left: 15px;
}

.children label {
    padding: 5px;
    padding-left: 0px;
}

.megamenu-custom .col-lg-4 {
    border-bottom: 1px solid #b6b6b6;
}

.dropdown-menu.megamenu.show {
    height: 300px;
    overflow: auto;
}
/* ============ desktop view ============ */

@media all and (min-width: 992px) {
    .navbar .has-megamenu {
        position: static!important;
    }
    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0;
    }
}
/* ============ desktop view .end// ============ */

ul.navbar-nav.ms-auto {
    position: absolute !important;
    right: 0 !important;
    top: 13px !important;
    z-index: 11 !important;
}

.dropdown-menu.megamenu {
    min-width: 72rem;
}

.dropdown-menu[data-bs-popper] {
    left: -860px !important;
}
/* custom   */

img.logo-sidebar.logo {
    /* margin-left: 20px !important; */
    margin-bottom: 12px !important;
}

button.btn.buttons-reset.buttons-html5 {
    padding: 0;
    background: #e4e6ef;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    padding-left: 22px !important;
    padding-right: 19px !important;
}

button.btn.buttons-reset.buttons-html5:hover {
    background: #0ea2f6 !important;
}

button.btn.buttons-reset.buttons-html5:hover svg {
    fill: #fff;
}

button.btn.buttons-reset.buttons-html5:hover svg path {
    stroke: #fff;
}

thead.highlight tr th {
    padding: 0.1rem 0.5rem;
    font-weight: 300 !important;
    vertical-align: middle;
}

#system-configs_wrapper div.dt-button-collection div.dropdown-menu {
    min-width: 10rem !important;
    margin-left: -50px !important;
}

#product-groups_wrapper div.dt-button-collection div.dropdown-menu {
    min-width: 10rem !important;
    margin-left: -100px !important;
}

#system-configs_wrapper div.dt-button-collection div.dropdown-menu {
    min-width: 10rem !important;
    margin-left: -50px !important;
}

#product-groups_wrapper div.dt-button-collection div.dropdown-menu {
    min-width: 10rem !important;
    margin-left: -100px !important;
}

#raw_data_validation .error {
    color: #ff0000d9;
    font-size: 13px;
}

#raw_data_validation .form-control.error {
    border-color: #ff000057 !important;
    padding: .6rem 0.75rem;
}

#raw_data_validation .form-control[readonly] {
    opacity: 1 !important;
}

.ms-parent.product_source_data {
    width: 100% !important;
}

.product_source_data .ms-choice {
    line-height: 45px !important;
    height: 3.4rem !important;
    border: 1px solid #e1e1e1;
    background-color: #f5f8fa;
    border-radius: 7px !important;
}

.text-wrap {
    white-space: normal;
}

.width-200 {
    width: 200px;
}

span.no-show {
    display: none;
}

a.morelink:hover {
    cursor: pointer;
}
/* compnay css  */

button#kt_explore_toggle_companies {
    z-index: 1;
}

.ms-parent.website_data {
    width: 100% !important;
}

.website_data .ms-choice {
    line-height: 45px !important;
    height: 3.4rem !important;
    border: 1px solid #e1e1e1;
    background-color: #f5f8fa;
    border-radius: 7px !important;
}

.ms-choice>span.placeholder {
    color: #a9a5b7 !important;
    font-weight: 600 !important;
    font-family: inherit !important;
}

.ms-drop ul>li label {
    font-weight: 600;
    color: #8c8a97;
}

.ms-choice>span {
    font-weight: 600;
    color: #8c8a97;
}

svg#Layer_1 {
    height: 31px;
    width: 33px;
    fill: #009ef7;
}

a.btn.btn-secondary.import_company {
    padding-left: 17px !important;
    padding-right: 15px !important;
    padding-top: 6px !important;
    padding-bottom: 7px !important;
}

a.btn.btn-secondary.import_company:hover {
    background: #0ea2f6 !important;
}

a.btn.btn-secondary.import_company:focus {
    background: #E4E6EF !important;
}

a.btn.btn-secondary.import_company:hover svg#Layer_1 {
    fill: #fff;
}

svg#Layer_2 {
    height: 31px;
    width: 33px;
    fill: #009ef7;
}

a.btn.btn-secondary.create_company {
    padding-left: 17px !important;
    padding-right: 15px !important;
    padding-top: 6px !important;
    padding-bottom: 7px !important;
}

a.btn.btn-secondary.create_company:hover {
    background: #0ea2f6 !important;
}

a.btn.btn-secondary.create_company:focus {
    background: #E4E6EF !important;
}

a.btn.btn-secondary.create_company:hover svg#Layer_2 {
    fill: #fff;
}

.select2-container {
    width: 100% !important;
}
/* company css end */

.mt-25 {
    margin-top: 8.5rem !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border: 1px solid #9899ae !important;
    border-radius: 5px !important;
    height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444 !important;
    line-height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    font-family: inherit !important;
}

.select2-dropdown {
    background-color: #f5f8fa !important;
    border: 1px solid #d7dbde !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
}

.col-md-1.roles_creates {
    width: 116px !important;
}

@media (min-width: 768px) {
    .col-md-1.roles_creates {
        width: 116px !important;
    }
}

.card-title-custom {
    font-size: 1.0rem !important;
}

.card-body-custom {
    padding: 15px !important;
}

.card-header-custom {
    min-height: 30px !important;
}

.tox-notifications-container {
    display: none;
}

.tox-statusbar {
    display: none !important;
}

.multiple-select button.ms-choice {
    background: #f5f8fa;
    border: 1px solid #e1e1e1;
}

.multiple-select .ms-choice>span {
    top: 6px;
}

.multiple-select-wb button.ms-choice {
    background: #f5f8fa;
    border: 1px solid #e1e1e1;
}

.multiple-select-wb .ms-choice>span {
    top: 6px;
}

.multiple-select-mf button.ms-choice {
    background: #f5f8fa;
    border: 1px solid #e1e1e1;
}

.multiple-select-mf .ms-choice>span {
    top: 6px;
}

.ms-drop ul>li.hide-radio.selected {
    color: #fff !important;
    background-color: #dedfe0 !important;
}

.multiple-select-manufacturer button.ms-choice {
    background: #f5f8fa;
    border: 1px solid #e1e1e1;
}

.multiple-select-manufacturer .ms-choice>span {
    top: 6px;
}

.form-control-global {
    padding: 0.55rem 1rem;
}

.r-0 {
    right: 0!important;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
    cursor: pointer;
    color: #0077cc !important;
}

.group_detail_1 {
    display: none;
}

.group_detail_2 {
    display: none;
}

.multiple-select-websitecount .ms-choice>span {
    top: 5px !important;
}

#update .table th {
    font-weight: bold;
}

input#global_search::-webkit-input-placeholder {
    font-size: 13px;
    line-height: 3;
}

#search_filter_data {
    /* border: 1px solid #dbdcdd; */
    padding: 15px;
    margin-top: 15px;
    /* box-shadow: 4px 13px 6px 0px rgb(219 219 221); */
}

.r-25 {
    right: 25px !important;
}

#custom_filter_search_option {
    position: absolute;
    right: 5%;
    margin: 6px;
}
/* google search css */

section {
    position: relative;
    width: 100%;
    justify-content: center;
    align-items: center;
}

section .main {
    width: 580px;
    margin: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

section .main .searchBox {
    position: relative;
    width: 100%;
    margin-top: 20px;
}

section .main .searchBox .query {
    width: 100%;
    padding: 13px;
    border: 1px solid #ccc;
    outline: none;
    font-size: 16px;
    border-radius: 30px;
    padding-left: 55px;
    padding-right: 60px;
}

section .main .searchBox .icons {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 12px 20px;
    align-items: center;
    pointer-events: none;
}

section .main .searchBox .icons img {
    max-width: 100%;
    height: 30px;
}

.searchBtn {
    margin: 0 5px;
    margin-top: 20px;
    padding: 12px 20px;
    color: #555;
    font-size: 14px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid transparent;
    outline: none;
}

.searchBtn:hover {
    border: 1px solid #ccc;
}
/* newwqwqw */

.main_search .icons {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 14px 20px;
    align-items: center;
    pointer-events: none;
}

.main_search .icons img {
    max-width: 100%;
    height: 25px;
}

.footer {
/*                    position: fixed;*/
    height: 45px;
/*                    bottom: 0;*/
    width: 100%;
}

#search_filter_data {
    margin-bottom: 75px;
}

#query:hover {
    outline: none !important;
    box-shadow: 0px 0px 5px #4285f436 !important;
    border: 1px solid #4285f417 !important;
}

.g-search-btn {
    margin-left: 36%;
    padding-top: 8%;
}

#frmsubmit {
    margin: auto;
}

#frmsubmit_reset {
    margin-left: 15px;
}

.searchBOx-sub {
    width: 62%;
    position: absolute;
}

.main_search {
    display: flex;
    justify-content: center;
}

.query-input-box {
    font-family: -webkit-pictograph;
    width: 100%;
    padding: 13px;
    border: 1px solid #ccc;
    outline: none;
    font-size: 16px;
    border-radius: 30px;
    padding-left: 55px;
    padding-right: 60px;
    box-shadow: 1px 4px 3px 0px #3f425478 !important;
}

.separator-search-box {
    width: 85%;
    margin: auto;
    margin-top: 6px;
}

.setting_btn {
    position: absolute;
    right: 50px;
    top: 7px;
}

#g-box-containers {
    position: absolute;
    top: 50%;
    width: 75%;
}

.g-close-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
}

.g-inside-search-date {
    display: inline-block;
    font-weight: bold;
    width: 90%;
    margin: auto;
    padding-top: 5px;
}

.g-scrap_date_search {
    font-family: -webkit-pictograph;
    background: #FFF;
    height: 33px;
    border: 1px solid #ccc !important;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.g-setting-icon {
    margin-right: 0rem;
}

.dataTables_scrollBody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 15px;
}

.dataTables_scrollBody::-webkit-scrollbar {
    width: 15px;
    height: 12px;
    background-color: #F5F5F5;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
    border-radius: 15px;
    background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0.44, rgb(174 176 179)), color-stop(0.72, rgb(176 178 181)), color-stop(0.86, rgb(175 177 180)));
}

.table.table-row-bordered tfoot th,
.table.table-row-bordered tfoot td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.dataTables_length {
    position: absolute;
}

div#kt_toolbar {
    height: 40px;
}

.global_search_detail_hrs {
    border-bottom: 1px solid #cccccc5c;
}

#tstpagination {
    width: 40%;
    position: fixed;
    bottom: 0px;
    padding: 15px;
    z-index: 11;
    background: #fff;
}

    .btn_custom_multiple .btn-group>.btn {
        border-radius: 5px;
        border: 1px solid #9899ae !important;
        text-align: left;
        height: 40px;
        padding: 0 15px !important;
    }



.multiselect-selected-text {font-size: 16px;color: #04083b;font-weight: 400;font-family: "Poppins";}

input.multiselect-search {
    height: 38px;
    background: #f5f8fa;
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important;
}

span#basic-addon1 {
    border-top-right-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.multiselect-container>li>a>label {
    white-space: normal;
    word-break: break-all;
}

.btn_custom_multiple .btn-group {
    width: 100%;
}

.close_full_screens {
    visibility: hidden;
    z-index: 1;
    position: fixed;
    right: 50%;
    background: #72c1f3 !important;
    border-radius: 50px !important;
}

select#search_product_in_stock {
    color: #a7a3a3;
    border: 1px solid #ccc;
    border-radius: 4.5px;
}

select#product_private_label {
    color: #a7a3a3;
    border: 1px solid #ccc;
    border-radius: 4.5px;
}

.kt_wrapper_full_screen {
    padding: 0px !important;
}

th.sorting {
    color: #4d4d4d !important;
}

.multiple-select-websitecount button.ms-choice {
    height: 40px;
    background: #f5f8fa;
    border-color: #cccc;
}

/*
#email-template_wrapper thead {
    background: #1e1e3f !important;
}
*/

.fs-11 {
    font-size: 1.15rem !important;
}

.custom_btn_find {
    height: calc(1.5em + 0.8rem + 2px) !important;
    margin: 5px !important;
}

.weberr .invalid-feedback {
    position: absolute;
    bottom: -20px;
    left: 1px;
}

.moderr .invalid-feedback {
    position: absolute;
    bottom: -30px;
}

.w-83 {
    width: 83% !important;
    margin-left: auto;
}

#search_by_month_week {
    color: #a9a5b9;
    background: #f5f8fa;
}

.multiple-select-weeks button.ms-choice {
    background: #f5f8fa;
    border: 1px solid #e1e1e1;
}

.multiple-select-weeks .ms-choice>span {
    top: 6px;
}

.custom_btn_count_sheet {
    padding: 4px 8px !important;
    border: 1px solid !important;
    border-style: dotted !important;
}

.action_data {
    /* margin: -15px !important; */
    padding-left: 0px !important;
    padding-top: 8px !important;
}

th.action_data {
    color: #fff !important;
    padding-left: 20px !important;
}
/* #testing-table_length */

.dataTables_length {
    top: 25px !important;
    left: 335px !important;
}

.dataTables_paginate {
    position: absolute !important;
    right: 0 !important;
}

div.datepicker.datepicker-dropdown .disabled {
    display: revert-layer;
}

p.week_number_text {
    margin: 0;
    font-size: 13px;
    margin-left: 5px;
}

span.week_date_text {
    font-size: 12px;
}

.multiple-select-count-project button.ms-choice {
    height: 40px;
    background: #f5f8fa;
    border-color: #cccc;
}

.multiple-select-count-project .ms-choice>span {
    top: 5px !important;
}

@media screen and (max-width: 767px) {
.dataShow {width: 50px;position: inherit;padding: 10px !important;margin-left: 10px;}
.excel-col {position: inherit;}
.excel-col .rawdata-vertical-excel{ margin-top: 0;font-size: 0;padding: 0 5px !important;}
.high-low-price {position: inherit;}
.price-pro-com-bl{display: flex;align-items: center;}









}