@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700;800&display=swap');


* {
    margin: 0;
    padding: 0;
}

/* added by harsh */
.btm-margin{
    margin-bottom: 4px;
    margin-top: 4px;
}
.hr_line{
    margin-top: 0px;
    margin-bottom: 8px;
    border: 0;
    border-top: 1px solid #d9dee3;

}
input.form-control.country_inputs{
    height: 25px;
    font-size: 12px;
}
select.country_inputs{
    height: 25px;
    font-size: 12px;
    padding: 4px 12px;

}
div.row_margin{
    margin: 0px;
    margin-bottom: 8px;
}
.heading__{
    font-size: 11px
}
.add_loc_text{
    color:#f54600;
    font-size: 12px;
    cursor: pointer;
}
div.add_loc_div{
    margin-bottom: 8px;
}
/* ends here */

body {
    font-family: 'Public Sans', sans-serif !important;
}

p {
    margin: 0 !important;
}

a,
button,
input,
textarea,
label,
span,
select {
    font-family: 'Public Sans', sans-serif !important;
    transition: 0.3s;
}

textarea,
select,
input:focus-visible {
    outline: #696cff;
    box-shadow: 0 0 0.25rem 0.05rem rgb(255 255 255 / 10%);
    border-color: #696cff !important;
}

a,
button,
input,
textarea::placeholder {
    color: #a3a4cc !important;
}

input::placeholder {
    color: #a3a4cc !important;
    font-size: 14px;
}

div#store_table_info {
    color: #7071a4;
    margin: 10px 20px 0;
    padding-top: 0;
}

/*modal part start here*/
.modal-open .modal {
    z-index: 999999;
}

.modal-content {
    background: #2b2c40 !important;
    margin: 60px 0 0 0;
}

.modal-content .modal-header {
    border: none;
}


.modal-content .input-container input,
.modal-body select,
.modal-body input {
    color: #a3a4cc;
    background-color: #2b2c40;
    background-clip: padding-box;
    border: 1px solid #444564;
    height: 45px;
    border-radius: 5px;
}

.modal-body select {
    border: 1px solid#414260 !important;
}

.modal-content .input-container span {
    font-size: 14px;
    color: #cbcbe2;
    margin: 4px 0 0 0;
    display: block;
}

.modal-content label,
.modal-body .form-group a.add_rate_modal,
.modal-content span {
    color: #a3a4cc;
    font-size: 14px;
    font-weight: 700;
}

.modal-body .col-md-12.dom_frs_rate>div {
    align-items: center;
}


.modal-body .form-group a.add_rate_modal label {
    color: #a3a4cc !important;
    font-size: 14px;
    text-decoration: none !important;
}

.upload-form p {
    margin: 20px 0;
    margin: 0;
    border-right: 1px solid#444564;
    width: fit-content;
    padding: 8px 10px 8px 0;
    float: left;
    margin: 0 20px 0 0px;
}

.upload-form p span {
    color: #a3a4cc;
    font-size: 12px;
}

.upload-form input[type="file"] {
    border: 1px solid#444564;
    display: inline-block;
    padding: 10px 0 10px 9px;
    cursor: pointer;
    width: 100%;
    color: #b1c6c8;
    font-weight: 400;
    border-radius: 5px;
    margin: 0;
    box-shadow: 0px 0 1px #696cff;
}

.upload-form input[type="file"]:focus {
    outline: none;
}

.upload-form .custom-file-upload {
    border: none;
    width: 100%;
    color: #b1c6c8;
    border-right: 1px solid#4f5064;
    width: 100px;
    position: absolute;
    top: 28px;
    border-radius: 5px 0 0 5px;
    left: 17px;
    background: #2b2c40;
    height: 40px;
    cursor: pointer;
    line-height: 40px;
    padding: 0 4px;
    font-weight: 400;
}

.import-part .upload-form span {
    color: #b1c6c8;
    font-size: 12px;
}

.modal-content .modal-header button.close {
    opacity: 1 !important;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0);
    transition: all .23s ease .1s;
    top: -10px;
    background: #2b2c40;
    opacity: 1;
    position: absolute;
    padding: 5px 10px;
    right: -9px;
}

.modal-footer {
    border-top: none !important;
    display: flex !important;
    justify-content: center;
}

.modal-footer .duo-btn {
    display: flex !important;
    column-gap: 15px;
    margin-left: 60%;
}

.def-btn {
    color: #7071a4;
    text-decoration: none;
    background: #323349;
    font-weight: 400;
    border-radius: 5px;
    padding: 6px 10px;
    font-size: 14px;
    border: none;
}

.def-btn:hover {
    border-color: rgba(0, 0, 0, 0) !important;
    background: #788393 !important;
    color: #fff !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgb(133 146 163 / 40%) !important;
    transform: translateY(-1px) !important;
}

.modal-content .modal-header h3 {
    font-weight: 500;
    line-height: 24px;
    color: #cbcbe2;
    font-size: 20px;
    text-align: center;
}

.modal-content .modal-body h4 {
    margin: 0;
    color: #cbcbe2;
    text-align: center;
}

.modal-content .modal-header button.close img {
    width: 12px;
    height: 12px;
}

/*modal part ends here*/



/*table modal*/
.modal-content .modal-body table {
    border-collapse: collapse;
    border: 1px solid#444564 !important;
}

.modal-content .modal-body table thead {
    background: none;
}

.modal-content .modal-body table thead tr th {
    background: #696cff;
    height: 45px;
    border-radius: 0;
    color: #cbcbe2;
    border-bottom: none !important;
    text-align: center;
}

.modal-content .modal-body table tbody tr td {
    text-align: center;
    border-top: none;
    color: #a3a4cc;
}

/*nav dropdown*/
section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile .profile-data {
    position: absolute;
    color: #fff;
    background: #323249;
    width: 230px;
    right: 0;
    border-radius: 10px;
    top: 70px;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile .profile-data .profile-info {
    display: flex;
    align-items: center;
    column-gap: 10px;
    border-bottom: 1px solid#444564 !important;
    padding: 20px 30px 10px 30px;
    transition: 0.3s;
}


section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile .profile-data .profile-info .right h4 {
    margin: 0;
    font-size: 15px;
    color: #a3a4cc;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile .profile-data .profile-info .right span {
    font-size: 12px;
    color: #7071a4;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile .profile-data .menu {
    padding: 20px 20px;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile .profile-data .menu ul {
    margin: 0;
    display: flex;
    align-items: center;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile .profile-data .menu ul li {
    list-style: none;
    display: flex;
    align-items: center;
    column-gap: 10px;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile .profile-data .menu ul li a {
    font-size: 15px;
    color: #a3a4cc;
    text-decoration: none;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile .profile-data a {
    text-decoration: none;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile .profile-data .profile-info:hover {
    background: #5b5c7724;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile .profile-data .menu:hover {
    background: #5b5c7724;
}


.container {
    max-width: 1200px;
    margin: auto;
    width: 100%;
}

section.sign-in.sign-up {
    background: #232333;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 80px 0;
}

section.dashboard-main .dasboard-blk .left-option-side ul li.active {
    /* border-right: 5px solid#696cff; */
    position: relative;
}

section.sign-in.sign-up .main-form.form-login.form-register {
    max-width: 400px;
    margin: auto;
    background: #2b2c40;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0px 10px 10px #00000020;
    position: relative;
    z-index: 9;
}

section.sign-in.sign-up .main-form.form-login.form-register .logo {
    text-align: center;
    font-size: 36px;
    color: #a3a4cc;
    font-weight: 700;
    margin: 0;
    display: flex;
    justify-content: center;
    column-gap: 10px;
}

section.sign-in.sign-up .top-info-part {
    margin: 50px 0 0 0;
}

section.sign-in.sign-up .top-info-part h3 {
    color: #cbcbe2;
    font-size: 22px;
    font-weight: 400;
}

section.sign-in.sign-up .top-info-part p {
    color: #a3a4cc;
    margin: 10px 0 0 0;
    font-size: 15px;
    line-height: normal;
    font-weight: 300;
}

section.sign-in.sign-up .form-part {
    margin: 40px 0 0 0;
}

section.sign-in.sign-up .form-part p {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    margin: 0 0 15px 0 !important;
}

section.sign-in.sign-up .form-part p span {
    color: #a3a4cc;
    font-weight: 500;
    font-size: 12px;
}

section.sign-in.sign-up .form-part input {
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid#696cff !important;
    background: none;
    width: 100%;
    color: #a3a4cc !important;
}

section.sign-in.sign-up .form-part .forget-pw {
    display: flex;
    justify-content: space-between;
    margin: 10px 0 0px 0;
    position: relative;
}

section.sign-in.sign-up .form-part .forget-pw span {
    color: #cbcbe2;
    font-weight: 500;
    font-size: 12px;
}

section.sign-in.sign-up .form-part .forget-pw a {
    color: #696cff !important;
    text-decoration: none;
    font-weight: 300;
    font-size: 13px;
}

section.sign-in.sign-up .form-part .forget-pw a:hover {
    color: #787bff;
}

section.sign-in.sign-up .form-part .forget-pw lable {
    position: absolute;
    right: 10px;
    top: 33px;
    cursor: pointer;
}

section.sign-in.sign-up .form-part .forget-pw lable i {
    color: #a3a4cc;
    font-size: 16px;
}

section.sign-in.sign-up .form-part p input[type="checkbox"] {
    width: fit-content;
    cursor: pointer;
    margin: 0;
}

section.sign-in.sign-up .form-part p.remb-me {
    flex-direction: initial;
    column-gap: 10px;
    margin: 10px 0 15px 0 !important;
}

.modal-content .modal-body table tbody tr td .btn.btn-danger {
    background: #696cff;
    border: none;
    padding: 10px 15px;
    width: auto;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    transition: 0.3s;
    cursor: pointer;
    border-color: #696cff;
    box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);
    width: auto;
}

.modal-content .modal-body table tbody tr td .btn.btn-danger:hover {
    color: #fff !important;
    background-color: #5f61e6;
    border-color: #5f61e6;
    transform: translateY(-1px) !important;
}

button.uni-btn {
    background: #696cff;
    border: none;
    padding: 10px 25px;
    width: auto;
    border-radius: 5px;
    color: #fff !important;
    font-size: 16px;
    transition: 0.3s;
    cursor: pointer;
    border-color: #696cff;
    box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);
    width: 100%;
}

button.uni-btn:hover {
    color: #fff !important;
    background-color: #5f61e6;
    border-color: #5f61e6;
    transform: translateY(-1px) !important;
}

section.sign-in.sign-up .form-part p.suggesion {
    margin: 10px 0 0 0 !important;
    display: flex;
    flex-direction: initial;
    column-gap: 5px;
    justify-content: center;
    color: #a3a4cc;
    font-size: 15px;
}

section.sign-in.sign-up .form-part p.suggesion a {
    color: #696cff !important;
    text-decoration: none;
}

section.sign-in.sign-up .form-part p.suggesion a:hover {
    color: #fff;
}

section.sign-in.sign-up .social-icon {
    display: flex;
    margin: 20px 0 0 0;
    flex-direction: column;
    align-items: center;
    row-gap: 15px;
}

section.sign-in.sign-up .social-icon .option {
    text-align: center;
    width: 100%;
    position: relative;
}

section.sign-in.sign-up .social-icon .option p {
    color: #b1c6c8;
    width: max-content;
    position: relative;
    margin: auto !important;
    background: #2b2c40;
    padding: 0 15px;
    font-size: 14px;
}

section.sign-in.sign-up .social-icon .option::before {
    content: '';
    background: #b1c6c8;
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 50%;
}

section.sign-in.sign-up .social-icon .icon-list {
    display: flex;
    column-gap: 20px;
}

section.sign-in.sign-up .social-icon .icon-list i {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    font-size: 18px;
}

section.sign-in.sign-up .social-icon .icon-list i:hover {
    background: #696cff;
    box-shadow: 0px 0 5px;
}

section.sign-in.sign-up .form-outer {
    width: 500px;
    margin: auto;
    position: relative;
}

section.sign-in.sign-up .form-outer .images img {
    width: 180px !important;
}

section.sign-in.sign-up .form-outer .image-1 {
    position: absolute;
    right: 0;
    top: -40px;
    right: 0px;
}

section.sign-in.sign-up .form-outer .image-2 {
    position: absolute;
    bottom: -40px;
    left: 15px;
    background: #26263b;
    padding: 20px 20px 20px;
    border-radius: 5px;
}

section.sign-in.sign-up .top-info-part svg {
    width: 24px;
    height: 24px;
}

section.sign-in.sign-up .form-part .btn-part a {
    text-align: center;
    display: block;
    margin: 20px 0 0 0;
    color: #696cff !important;
    text-decoration: none;
    font-weight: 500;
}

section.sign-in.sign-up .form-part .btn-part a:hover {
    color: #787bff;
}

section.sign-in.sign-up .social-icon .icon-list i.bxl-google-plus:hover {
    border-color: rgba(0, 0, 0, 0) !important;
    background: #c74433 !important;
    color: #fff !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgb(221 75 57 / 40%) !important;
    transform: translateY(-1px) !important;
}

section.sign-in.sign-up .social-icon .icon-list i.bxl-google-plus {
    color: #dd4b39;
    border-color: rgba(0, 0, 0, 0);
    background: #47313f;
}

section.sign-in.sign-up .social-icon .icon-list i.bxl-twitter {
    color: #1da1f2;
    border-color: rgba(0, 0, 0, 0);
    background: #293f5c;
}

section.sign-in.sign-up .social-icon .icon-list i.bxl-twitter:hover {
    border-color: rgba(0, 0, 0, 0) !important;
    background: #1a91da !important;
    color: #fff !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgb(29 161 242 / 40%) !important;
    transform: translateY(-1px) !important;
}

section.sign-in.sign-up .social-icon .icon-list i.bxl-facebook {
    background: #2e334e;
    color: #3b5998;
}

section.sign-in.sign-up .social-icon .icon-list i.bxl-facebook:hover {
    border-color: rgba(0, 0, 0, 0) !important;
    background: #355089 !important;
    color: #fff !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgb(59 89 152 / 40%) !important;
    transform: translateY(-1px) !important;
}

section.sign-in.sign-up .form-part p.remb-me a {
    color: #696cff !important;
}

section.sign-in.sign-up .form-part p.remb-me a:hover {
    color: #ffffff;
    text-decoration: none;
}

.setting-blk {
    padding: 0 20px;
    margin: 0 0 20px 0;
}

.setting-blk .dropdown select {
    height: 45px;
    padding: 0 10px 0 10px;
    width: 100%;
    margin: 0 !important;
    border: none;
    font-size: 14px;
    border-radius: 0;
    background: none;
    border: 1px solid #444564;
    color: #a3a4cc;
}

.setting-blk .dropdown .sub-menu {
    display: flex;
    margin: 10px 0 0 0;
}

.setting-blk .dropdown .sub-menu input {
    height: 45px;
    padding: 0 10px 0 10px;
    width: 100%;
    margin: 0 !important;
    border: none;
    font-size: 14px;
    border-radius: 0;
    background: none;
    border: 1px solid #444564;
    color: #a3a4cc;
}

.setting-blk .dropdown .sub-menu h4 {
    background: #232333;
    height: 45px;
    margin: 0;
    line-height: 32px;
    padding: 0 10px;
    color: #a3a4cc;
    line-height: 45px;
}

.setting-blk .dropdown .sub-menu p {
    color: #a3a4cc;
    font-size: 14px;
}

.setting-blk .inner-blk {
    display: flex;
    align-items: center;
}

.setting-blk .inner-blk input {
    height: 45px;
    padding: 0 10px 0 10px;
    width: 64%;
    margin: 0 !important;
    border: none;
    font-size: 14px;
    border-radius: 0;
    background: none;
    border: 1px solid #444564;
    color: #a3a4cc;
}

.setting-blk .inner-blk h4 {
    background: #232333;
    margin: 0;
    height: 45px;
    padding: 0 5px 0 10px;
    font-size: 14px;
    line-height: 35px;
    color: #a3a4cc;
    width: 36%;
    text-align: center;
}

.setting-blk .select-part {
    flex-direction: initial;
}

.setting-blk .select-part select {
    width: 65%;
    height: 33px;
    border: none;
    font-size: 12px;
    text-align: center;
    background: none;
    border: 1px solid #444564;
    color: #a3a4cc;
}

.setting-blk .full-input {
    flex-direction: column;
    align-items: flex-start;
}

.setting-blk span {
    font-size: 13px;
    color: #a3a4cc;
}

.setting-blk .full-input input {
    width: 100%;
}

button.invoice-btn::before {
    content: "\2b";
    position: absolute;
    font-family: 'FontAwesome';
    color: #ffffff;
    width: 20px;
    height: 20px;
    font-size: 13px;
    top: 12px;
    left: 17px;
}

.light-mode section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile .profile-data .profile-info:hover {
    background: #f5f5f9;
}

.light-mode section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile .profile-data .profile-info .right h4 {
    color: #697a8d;
}



.light-mode section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile .profile-data .profile-info:hover .right h4 {
    color: #697a8d;
}















@media only screen and (max-width:767px) {
    section.sign-in.sign-up .form-outer {
        width: calc(100% - 20px);
        margin: 0 10px;
    }

    section.sign-in.sign-up .main-form.form-login.form-register {
        max-width: calc(100% - 0px);
    }

    section.sign-in.sign-up .form-outer .image-1 {
        right: 0;
    }

    section.sign-in.sign-up .form-outer .image-2 {
        left: 0;
    }
}


/*dashboard*/
section.dashboard-main {
    background: #232333;
    min-height: 100vh;
}

section.dashboard-main .dasboard-blk {
    display: flex;
    column-gap: 30px;
}

section.dashboard-main .dasboard-blk .left-option-side {
    background: #12121c;
    width: 6%;
    height: 100vh;
}

section.dashboard-main .dasboard-blk .left-option-side ul li {
    list-style: none;
    text-align: center;
    /* border-radius: 5px; */
    overflow: hidden;
}

section.dashboard-main .dasboard-blk .left-option-side ul {
    /* text-align: center; */
    display: flex;
    flex-direction: column;
    row-gap: 6px;
    margin-top: 40px;
    padding: 0 0px 0px 12px;
}

section.dashboard-main .dasboard-blk .right-content header {
    margin: 10px 0 0 0;
}

section.dashboard-main .dasboard-blk .left-option-side ul li a {
    color: #fff;
    display: flex;
    align-items: center;
    column-gap: 5px;
    /* justify-content: center; */
    /* align-items: center; */
    /* text-align: center; */
    padding: 36px !important;
}

.dataTables_filter select option {
    background-color: #2b2c40;
}

.light-mode .dataTables_filter select option {
    background-color: #ffffff;
}

section.dashboard-main .dasboard-blk .left-option-side ul li a i {
    background: #f0f8ff00;
    /* height: 50px; */
    /* width: 65px; */
    line-height: 50px;
    /* border-radius: 5px; */
    transition: 0.3s;
    font-size: 20px;
    color: #a3a4cc;
    text-align: center;
}

.light-mode .dashboard-main .dasboard-blk .left-option-side ul li a i {
    color: #697a8d;
}







section.dashboard-main .dasboard-blk .right-content {
    width: 100%;
    padding-left: calc(8% + 20px);
    padding-right: 56px;
    transition: .5s;

}

section.dashboard-main .dasboard-blk .left-option-side {
    background: #2b2c40;
    width: 86px;
    transition: 0.3s;
    height: 100vh;
    position: fixed;
    overflow-y: scroll;
    box-shadow: 1px 0 10px #00000020;
    z-index: 99999;
    padding: 0;
    overflow: visible;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav {
    display: flex;
    justify-content: space-between;
    background: #2b2c40;
    padding: 15px 30px;
    border-radius: 10px !important;
    align-items: center;
    position: relative;
    z-index: 9999;
    box-shadow: 0 0 10px 0 #00000020;
}

body.light-mode section.dashboard-main .dasboard-blk .right-content header .maega-nav .search-bar {
    width: 100%;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav i {
    font-size: 24px;
    color: #a3a4cc;
    transition: 0.3s;
    vertical-align: middle;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav i:hover {
    color: #ffffff;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav input {
    width: 85%;
    background: none;
    outline: none;
    border: none;
    font-size: 15px;
    padding: 0;
    color: #a3a4cc !important;
    position: relative;
    font-weight: 300;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav input::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav input:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links {
    width: 40%;
    display: flex;
    justify-content: flex-end;
    column-gap: 20px;
    align-items: center;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links img {
    width: 21px;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile img {
    border-radius: 50%;
    width: 32px !important;
}

section.dashboard-main .dasboard-blk .right-content .heading h2 {
    margin: 0;
    color: #d9ddff;
    font-weight: 300;
    font-size: 22px;
}

section.dashboard-main .dasboard-blk .right-content .heading {
    margin: 38px 0 38px 0 !important;
}

section.dashboard-main .dasboard-blk .right-content .heading h2 span {
    color: #cbcbe2;
}

.content-part .inner-contet {
    background: #2b2c40;
    padding: 20px 0;
    border-radius: 10px;
    position: relative;
}

.content-part .inner-contet .top-header {
    display: flex;
    justify-content: space-between;
    padding: 0 10px 0px;
}

.content-part .inner-contet .left-part {
    display: flex;
    column-gap: 10px;
    width: 50%;
}

.content-part .inner-contet .right-part {
    display: flex;
    column-gap: 10px;
    width: 50%;
    justify-content: flex-end;
}

.content-part .inner-contet .left-part select {
    width: 70px;
    border-radius: 5px;
    border: 1px solid#444564;
    background: none;
    outline: none;
    color: #a3a4cc;
    padding: 0 10px;
    height: 45px;
}

.content-part .inner-contet .right-part input {
    border-radius: 5px;
    border: 1px solid#444564;
    background: none;
    outline: none;
    color: #a3a4cc;
    height: 45px;
    font-size: 16px;
    padding: 0 15px;
}

.content-part .inner-contet .right-part select {
    border-radius: 5px;
    border: 1px solid#444564;
    background: none;
    outline: none;
    color: #a3a4cc;
    font-size: 16px;
    height: 45px;
    padding: 0px 15px;
    /* position: absolute; */
    top: 40px;
    right: 300px;
}

.content-part .inner-contet .table-part table tr {
    text-align: left;
}

.content-part .inner-contet .table-part table {
    width: 100% !important;
    border-collapse: collapse;
}

.content-part .inner-contet .table-part table tr th {
    padding: 10px 30px;
    border-bottom: 1px solid#484848;
    border-top: 1px solid#484848 !important;
}

.content-part .inner-contet .table-part table tr td {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    padding: 10px 30px;
    border-bottom: 1px solid#484848;
    vertical-align: middle;
}

section.dashboard-main .dasboard-blk .left-option-side::-webkit-scrollbar {
    width: 2px;
}

section.dashboard-main .dasboard-blk .left-option-side::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

section.dashboard-main .dasboard-blk .left-option-side::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #b1c6c8;
    visibility: hidden;
}

.content-part .inner-contet .table-part table tr td.action-btn i {
    font-size: 18px;
    color: #a3a4cc;
}

.content-part .inner-contet .table-part table tr td,
.content-part .inner-contet .table-part table tr td a {
    color: #a3a4cc;
}

.content-part .inner-contet .table-part table tr th {
    color: #cbcbe2;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 400;
}

.content-part .inner-contet .table-part table tr td .profile {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.content-part .inner-contet .table-part table tr td .profile p.right-info {
    display: flex;
    flex-direction: column;
    row-gap: 2px;
}

.content-part .inner-contet .table-part table tr td .profile p.right-info a {
    font-size: 15px;
    text-decoration: none;
    font-weight: 500;
}

.content-part .inner-contet .table-part table tr th i.bx.bx-trending-up {
    font-size: 18px;
}

.content-part .inner-contet .table-part table tr td .profile p.right-info span {
    font-size: 14px;
}

.content-part .inner-contet .table-part table tr td .profile p.left-img img {
    border-radius: 50%;
    height: 40px;
    width: 40px;
}

.content-part .inner-contet .table-part table tr td span.paid {
    background: #36483f;
    color: #71dd37;
    border-radius: 5px;
    padding: 3px 10px;
    text-decoration: none;
}

.content-part .inner-contet .table-part table tr td i.bx.bx-paper-plane {
    background: #393c50;
    padding: 10px 10px;
    border-radius: 50%;
}

.content-part .inner-contet .table-part table tr td i.bx.bx-adjust {
    color: #71dd37;
    background: #36483f;
    padding: 10px;
    border-radius: 50%;
}

.content-part .inner-contet .table-part table tr td i.bx-down-arrow-circle {
    background: #25445c;
    color: #03c3ec;
    padding: 10px;
    border-radius: 50%;
}

.content-part .inner-contet .table-part table tr td i.bx.bx-info-circle {
    background: #4d2f3a;
    color: #ff3e1d;
    padding: 10px;
    border-radius: 50%;
}

.tooltip-btn {
    transition: 0.3s;
    position: relative;
}

.tooltip-text {
    display: none;
    position: absolute;
    background: #5f618f;
    width: 200px;
    bottom: 37px;
    text-align: center;
    padding: 16px 0;
    border-radius: 5px;
    left: -88px;
    clip-path: polygon(63% 0, 100% 0, 100% 35%, 100% 94%, 56% 94%, 52% 100%, 49% 94%, 0 94%, 0 0, 30% 0);
}

.content-part .inner-contet .table-part table tr td.tooltip-part {
    position: relative;
}

.tooltip-btn:hover .tooltip-text {
    display: block;
}

.tooltip-text ul li {
    list-style: none;
    line-height: 20px;
    color: #fff;
    font-size: 16px;
}

.content-part .inner-contet .pagination-part {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px 0;
}

.content-part .inner-contet .pagination-part .left-part p {
    color: #7071a4;
}

.content-part .inner-contet .pagination-part .right-part a {
    color: #7071a4;
    text-decoration: none;
    background: #323349;
    font-weight: 400;
    border-radius: 5px;
    padding: 6px 10px;
    font-size: 14px;
}

.content-part .inner-contet .pagination-part .right-part li.active {
    background: #696cff;
    color: #fff;
}

.content-part .inner-contet .pagination-part .right-part a:hover {
    background: #696cff;
    color: #fff;
}

section.dashboard-main .dasboard-blk .right-content .content-part {
    padding: 0px 0 20px 0;
}

section.dashboard-main .global-setting {
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 99999;
}

section.dashboard-main .global-setting i {
    font-size: 25px;
    background: #5a5a5a;
    color: #fff;
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 5px;
}

.content-part .import-part {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    padding: 20px 20px 20px;
    background: #2b2c40;
    border-radius: 10px;
}

.content-part .import-part .heading {
    margin: 0 !important;
}

.content-part .import-part .heading h4 {
    margin: 0;
    font-size: 18px;
    color: #a3a4cc;
}

.content-part .heading .heading_item {
    color: #7071a4 !important;
}

.content-part .import-blk {
    width: 100%;
}

.content-part .upload-form p {
    margin: 20px 0;
    margin: 0;
    border-right: 1px solid#444564;
    width: fit-content;
    padding: 8px 10px 8px 0;
    float: left;
    margin: 0 20px 0 0px;
}

.content-part .upload-form p span {
    color: #a3a4cc;
    font-size: 12px;
}

.content-part .upload-form input[type="file"] {
    border: 1px solid#444564;
    display: inline-block;
    padding: 5px 0 5px 11px;
    cursor: pointer;
    width: 100%;
    color: #b1c6c8;
    font-weight: 400;
    border-radius: 5px;
    margin: 0;
    box-shadow: 0px 0 1px #696cff;
    font-size: 15px;
}

.content-part .upload-form .custom-file-upload {
    border: none;
    color: #a3a4cc;
    border-right: 1px solid#4f5064;
    width: 118px;
    position: absolute;
    top: 1px;
    border-radius: 5px 0 0 5px;
    left: 1px;
    background: #2b2c40;
    height: 37px;
    cursor: pointer;
    line-height: 27px;
    padding: 5px 6px 0 20px;
    font-weight: 400;
    font-size: 15px;
}

.content-part .import-part .upload-form span {
    color: #b1c6c8;
    font-size: 12px;
}

.content-part .import-blk .btn-upload {
    display: flex;
    justify-content: end;
    margin: 20px 0 0 0;
}

/* .btn-upload {
    display: flex;
    justify-content: end;
} */

section.dashboard-main .dasboard-blk .right-content .heading .search-filter h4 {
    color: #b1c6c8;
    font-size: 20px;
    margin: 0;
    font-weight: 500;
}

section.dashboard-main .dasboard-blk .right-content .heading .search-filter .filters-blk {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 0 0;
}

section.dashboard-main .dasboard-blk .right-content .heading .search-filter .filters-blk select {
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid#484848 !important;
    background: none;
    color: #a3a4cc;
    font-size: 16px;
    width: 100%;
}

section.dashboard-main .dasboard-blk .right-content .heading .search-filter .filters-blk .role,
section.dashboard-main .dasboard-blk .right-content .heading .search-filter .filters-blk .plan,
section.dashboard-main .dasboard-blk .right-content .heading .search-filter .filters-blk .status {
    width: 32%;
}

.content-part .inner-contet .right-part button.export-btn {
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid#484848;
    background: none;
    width: 60%;
    color: #a3a4cc;
    font-size: 16px;
    height: 45px;
    box-shadow: 0px 2px 8px #ffffff20;
}

.content-part .inner-contet .table-part table tr td .role-btn {
    display: flex;
    column-gap: 10px;
    align-items: center;
}

.content-part .inner-contet .table-part table tr td.ent-list {
    font-weight: 500;
}

.content-part .inner-contet .table-part table tr td .role-btn h4 {
    font-weight: 400;
}

.content-part .inner-contet .table-part table tr td span.active {
    background: #36483f;
    color: #71dd37;
    border-radius: 5px;
    padding: 3px 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
}

.stores-page .dasboard-blk .content-part .inner-contet .table-part table tr td .role-btn i.bx.bx-pie-chart-alt {
    background: #35365f;
    color: #696cff;
    padding: 10px;
    border-radius: 50%;
}

.stores-page .dasboard-blk .right-content header .maega-nav {
    border-radius: 10px 10px 0 0 !important;
}

.stores-page .content-part .inner-contet .top-header {
    border-top: 1px solid#484848;
    padding-bottom: 10px;
    padding-top: 16px;
    padding-right: 10px;
}

.stores-page .dasboard-blk .right-content .heading .search-filter .filters-blk {
    margin: 30px 0 0 0 !important;
}

.content-part .inner-contet .table-part table tr td .role-btn i.bx.bx-edit {
    background: #25445c;
    color: #03c3ec;
    padding: 10px;
    border-radius: 50%;
}

.content-part .inner-contet .table-part table tr td .role-btn i.bx.bx-cog {
    background: #36483f;
    color: #71dd37;
    padding: 10px;
    border-radius: 50%;
}

.content-part .inner-contet .table-part table tr td .role-btn i.bx.bx-mobile-alt {
    background: #393c50;
    color: #8592a3;
    padding: 10px;
    border-radius: 50%;
}

.content-part .inner-contet .table-part table tr td .role-btn i.bx.bx-user {
    background: #4d4036;
    color: #ffab00;
    padding: 10px;
    border-radius: 50%;
}

.content-part .inner-contet .table-part table tr td span.in-active {
    background: #393c50;
    color: #8592a3;
    border-radius: 5px;
    padding: 3px 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
}

.content-part .inner-contet .table-part table tr td span.pending {
    background: #4d4036;
    color: #ffab00;
    border-radius: 5px;
    padding: 3px 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
}

.content-part .upload-form input[type="file"]:focus {
    border: none;
    outline: none;
}

.content-part .import-part .upload-form {
    width: 100%;
    position: relative;
}

.content-part .inner-contet .top-header button.uni-btn {
    width: auto;
}

.dataTables_wrapper .dataTables_length label {
    font-size: 0;
    padding: 0 0 0 10px;
    position: relative;
}

.dataTables_wrapper .dataTables_length label::before {
    content: "\f107";
    position: absolute;
    font-family: 'FontAwesome';
    color: #a3a4cc;
    width: 20px;
    height: 20px;
    font-size: 18px;
    right: 6px;
    top: 8px;
}

.dataTables_wrapper .dataTables_length label select {
    width: 70px;
    border-radius: 5px;
    border: 1px solid #444564 !important;
    background: none;
    outline: none;
    color: #a3a4cc;
    padding: 0 0px 0 15px;
    height: 40px;
    font-size: 15px;
    box-shadow: none !important;
    -webkit-appearance: none;
    position: relative;
}

.dataTables_wrapper .dataTables_length label select option {
    font-size: 16px;
    background-color: #2b2c40;
}

.light-mode .dataTables_wrapper .dataTables_length label select option {
    background-color: #fff;
}


.dataTables_wrapper .dataTables_filter label {
    font-size: 16px;
    color: #687db6;
}

.dataTables_wrapper .dataTables_filter label input {
    border-radius: 5px;
    border: 1px solid#444564;
    background: none;
    outline: none;
    color: #a3a4cc !important;
    height: 40px;
    font-size: 16px;
    padding: 0 15px;
    margin: 0 10px 0 10px;
}

div#DataTables_Table_0_info {
    color: #7071a4;
    margin: 10px 20px 0;
    padding-top: 0;
}

div.dataTables_paginate ul.pagination {
    display: flex;
    justify-content: end;
    column-gap: 6px;
    margin-right: 20px !important;
    margin-top: 10px !important;
}

div.dataTables_paginate ul.pagination li.paginate_button a {
    color: #7071a4;
    text-decoration: none;
    background: #323349;
    font-weight: 400;
    border-radius: 5px;
    padding: 7px 14px;
    font-size: 12px;
    border: none;
}

div.dataTables_paginate ul.pagination li.paginate_button.active a {
    background: #696cff;
    color: #fff;
}

.content-part .inner-contet .right-part button.uni-btn {
    width: auto;
}

.content-part .inner-contet .right-part button.export-btn {
    width: auto;
}

/*sidebar*/
.sidebar {
    height: 100%;
    width: 360px;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: -400px;
    box-shadow: 0 0 10px #00000020;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding: 24px 24px !important;
}

.sidebar.active {
    right: 0;
    transition: 0.5s;
}

.sidebar a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px !;
    color: #a3a4cc;
    display: block;
    transition: 0.3s;
}

.sidebar .closebtn {
    position: absolute;
    top: 10px;
    right: 26px;
    font-size: 36px;
    margin-left: 50px;
    padding: 0;
    font-size: 30px;
}

.sidebar .closebtn:hover {
    color: #a3a4cc;
    text-decoration: none;
}

body.side-active:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(17 17 17 / 45%);
    z-index: 11111;
}

/*order-page*/
section.dashboard-main .dasboard-blk .order-detail-blk {
    display: flex;
    column-gap: 24px;
}

section.dashboard-main .dasboard-blk .order-detail-blk .imp-links {
    width: 30%;
    background: #2b2c40;
    border-radius: 10px;
    padding: 24px 24px;
    height: max-content;
}

section.dashboard-main .dasboard-blk .order-detail-blk div.imp-btn {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

section.dashboard-main .dasboard-blk .order-detail-blk .detail-part {
    width: 80%;
    padding: 24px 0;
    background: #2b2c40;
    border-radius: 10px;
}

section.dashboard-main .dasboard-blk .order-detail-blk .imp-links div.imp-btn a {
    border-color: rgba(0, 0, 0, 0);
    background: #393c50;
    height: 45px;
    border-radius: 10px;
    padding: 0 10px;
    line-height: 45px;
    color: #8592a3;
    border-color: rgba(0, 0, 0, 0);
    background: #393c50;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

section.dashboard-main .dasboard-blk .order-detail-blk .imp-links div.imp-btn a.uni-btn {
    color: #fff;
    background-color: #696cff;
    border-color: #696cff;
    box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);
    text-decoration: none;
}

section.dashboard-main .dasboard-blk .order-detail-blk .imp-links div.imp-btn a.uni-btn:hover {
    color: #fff !important;
    background-color: #5f61e6 !important;
    border-color: #5f61e6 !important;
    transform: translateY(-1px) !important;
}

section.dashboard-main .dasboard-blk .order-detail-blk .detail-part .address-part {
    display: flex;
    justify-content: space-between;
    padding: 0 0 30px 0;
    border-bottom: 1px solid#444564;
}

section.dashboard-main .dasboard-blk .order-detail-blk .detail-part .address-part .left-content {
    padding: 24px 0 30px 40px;
}

section.dashboard-main .dasboard-blk .order-detail-blk .detail-part .address-part .left-content p {
    color: #a3a3cb;
    width: 42%;
    font-size: 16px;
    margin: 20px 0 0 0;
    line-height: 30px;
}

section.dashboard-main .dasboard-blk .order-detail-blk .detail-part .address-part .right-content {
    padding: 0;
    width: 30%;
}

section.dashboard-main .dasboard-blk .order-detail-blk .detail-part .address-part .right-content h3 {
    color: #cbcbe2;
    font-size: 22px;
    line-height: 30px;
}

section.dashboard-main .dasboard-blk .order-detail-blk .detail-part .address-part .right-content p {
    color: #a3a4cc;
    font-size: 15px;
    margin: 10px 0;
}

section.dashboard-main .right-content .invoice-part {
    padding: 30px 25px 30px 30px;
    border-bottom: 1px solid#444564;
    display: flex;
    justify-content: space-between;
}

section.dashboard-main .right-content .invoice-part .left-part {
    width: 50%;
}

section.dashboard-main .right-content .invoice-part .left-part ul {
    padding: 0;
    margin: 20px 0 0 0;
}

section.dashboard-main .right-content .invoice-part .left-part ul li {
    list-style: none;
}

section.dashboard-main .right-content .invoice-part .left-part h4 {
    color: #cbcbe2;
    font-size: 15px;
    line-height: 20px;
    height: fit-content;
    margin: 0;
}


section.dashboard-main .right-content .invoice-part .left-part ul li {
    color: #a2a3cb;
    font-size: 16px;
    line-height: 24px;
}

section.dashboard-main .right-content .invoice-part .right-part {
    width: 50%;
}

section.dashboard-main .right-content .invoice-part .right-part h4 {
    font-size: 15px;
    color: #cbcbe2;
}

section.dashboard-main .right-content .invoice-part table tr td {
    color: #A3A4CC;
    font-size: 16px;
}

section.dashboard-main .poduct-info-part {
    padding: 0;
}

section.dashboard-main .poduct-info-part table {
    width: 100%;
    border-collapse: collapse;
}

section.dashboard-main .poduct-info-part table thead tr th {
    font-size: 12px;
    color: #cbcbe2;
    text-transform: uppercase;
    font-weight: 500;
    padding: 15px 30px;
}

section.dashboard-main .poduct-info-part table tr {
    border-bottom: 1px solid#444564;
}

section.dashboard-main .poduct-info-part table thead tr td {
    font-size: 12px;
    color: #cbcbe2;
    text-transform: uppercase;
    font-weight: 500;
}

section.dashboard-main .poduct-info-part table tr td {
    font-size: 15px;
    color: #a3a4cc;
    text-transform: uppercase;
    font-weight: 500;
    padding: 15px 30px;
}

section.dashboard-main .calc-part {
    display: flex;
    justify-content: space-between;
    padding: 24px 0 24px 0;
}

section.dashboard-main .calc-part .left-info {
    padding: 0px 30px;
}

section.dashboard-main .calc-part .left-info p {
    font-size: 15px;
    color: #a3a4cc;
}

section.dashboard-main .calc-part .right-part {
    padding: 0 20px;
}

section.dashboard-main .calc-part .right-part table tr {
    border: none;
}

section.dashboard-main .calc-part .right-part table tr td {
    padding-top: 0;
}

section.dashboard-main .bottom-part {
    border-top: 1px solid#444564;
    padding: 24px 30px 0;
}

section.dashboard-main .bottom-part p {
    color: #a3a4cc;
    font-size: 15px;
}

.sidebar .top-part h4 {
    font-size: 18px;
    color: #cbcbe2;
    margin: 0;
}

.sidebar .top-part .balance {
    display: flex;
    margin: 40px 0 0 0;
    justify-content: space-between;
    background: #323346;
    padding: 10px 10px;
    border-radius: 5px;
}

.sidebar .top-part .balance p {
    font-size: 15px;
    color: #a3a4cc;
    margin: 0;
}

.sidebar .form-part {
    margin: 20px 0 0 0;
}

.sidebar .form-part p {
    display: flex;
    flex-direction: column;
}

h4 {
    color: #a3a4cc;
}

.sidebar .form-part p span {
    color: #cbcbe2;
    font-size: 12px;
    text-transform: uppercase;
}

.sidebar .form-part p input,
.sidebar .form-part p textarea,
.sidebar .form-part p select,
[type="date"] {
    border: 1px solid #444564;
    background: none;
    border-radius: 5px;
    outline: none;
    margin: 5px 0 0 0;
    height: 45px;
    padding: 10px 20px;
    color: #819cc7 !important;
}

.sidebar .form-part .btn-part {
    display: flex;
    column-gap: 15px;
    margin: 20px 0 0;
}

.sidebar .form-part .btn-part button.uni-btn {
    width: auto;
}

.sidebar .form-part .btn-part button.cancel-btn {
    background: #393c50;
    border: none;
    font-size: 15px;
    color: #8592a3;
    padding: 0 20px;
    border-radius: 5px;
}

.sidebar .form-part .btn-part button.cancel-btn:hover {
    border-color: rgba(0, 0, 0, 0) !important;
    background: #788393 !important;
    color: #fff !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgb(133 146 163 / 40%) !important;
    transform: translateY(-1px) !important;
}

.sidebar .form-part .price-in {
    display: flex;
    margin: 0 0 10px 0;
}

.sidebar .form-part .price-in h4 {
    border: 1px solid #444564;
    margin: 0;
    padding: 0 10px;
    color: #a3a4cc;
    height: 45px;
    line-height: 45px;
    border-radius: 5px 0 0 5px;
    border-right: none;
}

.sidebar .form-part .price-in input {
    border: 1px solid #444564 !important;
    background: none;
    padding: 0px 10px;
    width: 100%;
    height: 45px;
    border-radius: 0px 5px 5px 0px;
    color: #a3a4cc;
    border-left: none;
}

.sidebar .form-part p textarea {
    height: 62px;
}

input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-year-field {
    color: #a3a4cc;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}

.sidebar-cog .content {
    position: relative;
}

.sidebar-cog a.closebtncog {
    position: absolute;
    top: -25px;
    right: 10px;
    font-size: 36px;
    color: #a3a4cc;
    text-decoration: none !important;
}

.sidebar-cog .content .top-part {
    border-bottom: 1px solid #444564;
    padding: 0 20px 20px;
}

.sidebar-cog {
    padding: 0 !important;
}

.sidebar-cog .content h3 {
    color: #cbcbe2;
    font-size: 22px;
}

.sidebar-cog .content .top-part h5 {
    font-size: 15px;
    color: #a3a4cc;
    margin: 0;
}

.sidebar .theme-select {
    padding: 20px 20px;
    border-bottom: 1px solid #444564;
}

.sidebar .theme-select h4 {
    color: #cbcbe2;
    font-size: 12px;
}

.sidebar .theme-select .mode {
    display: flex;
    column-gap: 10px;
    align-items: center;
}

.sidebar .theme-select .mode h4 {
    color: #a3a4cc;
    font-weight: 500;
    font-size: 12px;
}

.other-settings {
    padding: 20px 0;
    border-bottom: 1px solid;
}

.other-settings button.uni-btn {
    width: fit-content;
    margin: auto;
    display: block;
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
    section.dashboard-main .dasboard-blk .left-option-side {
        width: 10%;
    }

    .content-part .inner-contet .left-part {
        width: 40%;
    }

    .content-part .inner-contet .right-part {
        width: 60%;
        /* flex-direction: column; */
        row-gap: 10px;
        align-items: flex-end;
        flex-wrap: wrap;
    }

    .content-part .inner-contet .top-header {
        padding: 0 10px;
    }

    button.uni-btn {
        height: 45px;
    }

    .content-part .table-part {
        margin: 20px 0 0 0;
    }

    table.dataTable thead .sorting:after,
    table.dataTable thead .sorting_asc:after,
    table.dataTable thead .sorting_desc:after {
        bottom: 10px;
    }

    .content-part .inner-contet .table-part table tr th {
        padding: 8px 15px;
        font-size: 13px;
    }

    .content-part .inner-contet .table-part table tbody tr td {
        padding: 8px 15px;
    }

    table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
    table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
        top: 50% !important;
        transform: translate(10px, -50%);
        left: -4px !important;
    }

    table.dataTable.dtr-inline.collapsed tbody td:first-child,
    table.dataTable.dtr-inline.collapsed tbody th:first-child {
        padding-left: 32px;
    }

    .content-part .inner-contet .pagination-part .right-part {
        flex-direction: initial;
        width: 64%;
        justify-content: flex-end;
    }

    .content-part .inner-contet .pagination-part .left-part {
        width: 34%;
    }

    .content-part .inner-contet .pagination-part {
        width: 100%;
        justify-content: inherit;
    }

    table.dataTable tr.child ul li:first-child {
        border-bottom: 1px solid#484848;
    }

    table.dataTable tr.child ul {
        width: 100%;
    }

    table.dataTable.dtr-inline.collapsed tbody td:first-child,
    table.dataTable.dtr-inline.collapsed tbody th:first-child {
        padding-left: 35px !important;
    }

    .content-part .inner-contet .right-part input {
        width: 60%;
    }

    .content-part .inner-contet .right-part button.export-btn {
        width: 32%;
    }

    .dataTables_wrapper .dataTables_length label {
        padding: 0 0 0 10px;
    }

    .dataTables_wrapper .dataTables_filter label {
        padding: 0 10px;
    }
}

.sidebar .theme-select .mode input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.sidebar .theme-select .mode label {
    cursor: pointer;
    text-indent: -9999px;
    width: 30px;
    height: 15px;
    background: grey;
    display: block;
    border-radius: 100px;
    position: relative;
    margin: 0;
}

.sidebar .theme-select .mode label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}

.sidebar .theme-select .mode input:checked+label {
    background: #696cff;
}

.sidebar .theme-select .mode input:checked+label:after {
    left: calc(100% - 4px);
    transform: translateX(-100%);
}

.sidebar .theme-select .mode label:active:after {
    width: 130px;
}

section.dashboard-main .dasboard-blk .right-content header .maega-nav input::placeholder {
    font-size: 15px;
    color: #7071a4;
}

.light-mode .dashboard-main .dasboard-blk .left-option-side ul li:hover i {
    color: #47586b;
}

.light-mode .dashboard-main .dasboard-blk .left-option-side ul li:hover a {
    color: #47586b !important;
    background: aliceblue !important;
}

.light-mode section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile .profile-data {
    background: #fff;
    box-shadow: 0 0 10px #00000020;
}

.light-mode section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile .profile-data .menu:hover {
    background: #f5f5f9;
}

.light-mode section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile .profile-data .menu ul li a {
    color: #47586b !important;
}

.light-mode section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links .profile .profile-data .profile-info {
    border-bottom: 1px solid#d9dee3 !important;
}

.light-mode section.dashboard-main .dasboard-blk .left-option-side ul li a span {
    color: #6b7c8f;
    font-size: 16px;
}


@media only screen and (max-width: 767px) {
    .content-part .inner-contet .top-header {
        flex-direction: column;
        padding: 0 10px;
        row-gap: 10px;
    }

    .content-part .inner-contet .right-part {
        flex-direction: column;
    }

    section.dashboard-main .dasboard-blk .left-option-side {
        width: 15%;
    }

    section.dashboard-main .dasboard-blk .right-content {
        width: calc(100% - 20px);
        padding-left: calc(15% + 10px);
        padding-right: 0;
    }

    .content-part .inner-contet .pagination-part {
        flex-direction: column;
        padding: 0 10px 0 20px;
    }

    .content-part .inner-contet .pagination-part .right-part {
        flex-direction: initial;
        flex-wrap: wrap;
    }

    .content-part .inner-contet .right-part {
        row-gap: 10px;
        width: 100%;
    }

    table.dataTable tr.child ul {
        width: 100%;
    }

    table.dataTable tr.child ul li {
        border-bottom: 1px solid#484848 !important;
    }

    table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
    table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
        top: 50% !important;
        transform: translate(0%, -50%) !important;
    }

    section.dashboard-main .dasboard-blk .right-content header .maega-nav {
        flex-direction: column;
        align-items: flex-end;
        row-gap: 10px;
    }

    section.dashboard-main .dasboard-blk .right-content header .maega-nav .search-bar {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid#444564;
        padding: 10px 10px;
        border-radius: 10px;
    }

    section.dashboard-main .dasboard-blk .right-content header .maega-nav input {
        width: 100%;
    }

    section.dashboard-main .dasboard-blk .right-content header .maega-nav .imp-links {
        width: 100%;
        justify-content: space-between;
    }

    table.dataTable.dtr-inline.collapsed tbody td:first-child,
    table.dataTable.dtr-inline.collapsed tbody th:first-child {
        padding: 0 0 0 50px !important;
    }

    table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
    table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
        left: 20px !important;
    }

    table.dataTable tr.child ul {
        padding: 10px 0 0;
    }

    table.dataTable tr.child ul li:last-child {
        border-bottom: none !important;
    }

    .content-part .import-blk {
        width: 100%;
    }

    .content-part .inner-contet .left-part {
        width: 100%;
    }

    section.dashboard-main .dasboard-blk .left-option-side ul li a i {
        height: 45px;
        width: 45px;
        line-height: 45px;
    }

    section.dashboard-main .dasboard-blk .right-content .heading .search-filter .filters-blk {
        flex-direction: column;
        row-gap: 15px;
    }

    section.dashboard-main .dasboard-blk .right-content .heading {
        padding: 10px 10px;
    }

    section.dashboard-main .dasboard-blk .right-content .heading .search-filter .filters-blk select {
        width: 100% !important;
    }

    section.dashboard-main .dasboard-blk .right-content .heading .search-filter .filters-blk .role,
    section.dashboard-main .dasboard-blk .right-content .heading .search-filter .filters-blk .plan,
    section.dashboard-main .dasboard-blk .right-content .heading .search-filter .filters-blk .status {
        width: 100%;
    }

    .content-part .inner-contet .right-part button.export-btn {
        width: 100%;
    }

    .dataTables_wrapper .dataTables_filter label input {
        width: 77%;
    }

    .dataTables_wrapper .dataTables_length label {
        padding: 0;
        margin: 10px 0 10px 10px;
        display: block;
    }

    .dataTables_wrapper .dataTables_filter label {
        width: 100%;
        margin: 0 0 0 10px;
    }

    .dataTables_wrapper .dataTables_filter label input.form-control.input-sm {
        padding: 0;
        width: 72%;
    }
}

.alert-danger {
    color: #e30c20 !important;
    font-size: 85% !important;
    border: none !important;
    background-color: rgba(255, 255, 255, 0) !important;
    padding: 0px !important;
}

.alert {
    margin-bottom: 0px !important;
}

.spec-input {
    display: flex;
}

.spec-input input {
    width: 100%;
}

.span_text {
    background: #8789ff45 !important;
    margin: 0 !important;
    height: 45px !important;
    padding: 0 5px 0 10px !important;
    font-size: 14px !important;
    line-height: 42px !important;
    color: #a3a4cc !important;
    width: 36% !important;
    text-align: center !important;
}

.spec-input h4 {
    background: #232333;
    height: 45px;
    margin: 0;
    line-height: 32px;
    padding: 0 10px;
    color: #a3a4cc;
    line-height: 45px;
}

.intRate {
    color: #a3a4cc;
    margin-left: 15px;
}

.rate_added h4 {
    margin-left: 15px !important;
    font-size: 1em;
    font-weight: 400;
    text-align: initial !important;
}

.add_rate {
    margin-top: 15px;
}

.dataTables_wrapper .dataTables_filter label.search {
    position: relative;
}

.dataTables_filter select option {
    color: #a3a4cc;
}

.light-mode .dataTables_filter select option {
    color: #697a8d;
}

.dataTables_filter select {
    border-radius: 5px;
    border: 1px solid#444564 !important;
    background: none;
    outline: none;
    color: #a3a4cc;
    font-size: 16px;
    height: 40px;
    padding: 0px 40px 0px 15px;
    margin-right: 30px;
    -webkit-appearance: none;
    position: relative;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_filter label.search::before {
    content: "\f107";
    position: absolute;
    font-family: 'FontAwesome';
    color: #a3a4cc;
    width: 20px;
    height: 20px;
    font-size: 18px;
    right: 36px;
    top: 8px;
}

button#product-imported {
    width: 150px;
}

.dataTables_filter .export-btn {
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid#484848;
    background: none;
    width: auto;
    color: #a3a4cc;
    font-size: 16px;
    height: 45px;
    box-shadow: 0px 2px 8px #ffffff20;
}

table.dataTable thead tr th:after {
    content: "\f106" !important;
    font-family: 'FontAwesome' !important;
    font-size: 15px;
    position: absolute !important;
    right: 8px !important;
    font-weight: 700;
    top: initial !important;
    bottom: 0 !important;
    rotate: 180deg;
    opacity: 0.2 !important;
}

table.dataTable thead tr th::before {
    content: "\f106" !important;
    font-family: 'FontAwesome' !important;
    font-size: 15px;
    position: absolute !important;
    right: 7px !important;
    font-weight: 700;
    top: 0 !important;
    bottom: initial !important;
    opacity: 0.2;
}






table.dataTable thead tr .sorting_asc:after {
    opacity: 1 !important;
}

.sorting_desc:before {
    opacity: 1 !important;
}


.heading_subitem {
    font-weight: 700 !important;
}


/*file uploader*/
.upload-section .dasboard-blk .right-content .import-part .heading {
    margin: 0 !important;
}

.file-uploader {
    height: auto;
    width: 100%;
    border: 2px dashed #444564;
    border-radius: 10px;
    background: #2b2c40;
    position: relative;
    padding: 40px 0 100px;
    height: auto;
}

.file-uploader input#files {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 2;
    top: 0;
}

.file-uploader .imageThumb {
    max-height: 75px;
    border: 2px solid;
    padding: 1px;
    cursor: pointer;
}

.file-uploader .pip {
    display: inline-block;
    margin: 10px 10px 0 0;
}


.file-uploader .remove {
    display: block;
    background: #444;
    border: 1px solid black;
    color: white;
    text-align: center;
    cursor: pointer;
}

.file-uploader .remove:hover {
    background: white;
    color: black;
}

.file-uploader .pip {
    position: relative;
    z-index: 3;
    background: rgba(255, 255, 255, .015);
    text-align: center;
    margin: 20px;
    border-radius: 10px;
    padding: 40px 0 0px 0;
    box-shadow: 1px 0px 10px #00000050;
    width: 210px;
    overflow: hidden;
}

.file-uploader .uploader-info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.file-uploader .uploader-info h2 {
    margin: 0;
    color: #566a7f;
    font-size: 26px;
}

.file-uploader .pip img {
    border: none;
    object-fit: contain;
}

.file-uploader span.remove {
    border: none;
    border-top: 1px solid #444564;
    background: none;
    border-bottom: none;
    padding: 10px 20px 10px;
    font-size: 12px;
    margin: 0px 0 0px 0;
    color: #a3a4cc;
    transition: 0.3s;
}

section.dashboard-main .dasboard-blk .right-content .content-part .file-sub-btn {
    margin: 30px 0 0 0;
    text-align: end;
}

section.dashboard-main .dasboard-blk .right-content .content-part .file-sub-btn button.uni-btn {
    width: auto;
}

.file-uploader.upload .uploader-info {
    display: none;
}

/*ends here*/

section.dashboard-main .dasboard-blk .left-option-side:hover {
    width: 17%;
}

.file-uploader .pip span.name {
    display: block;
    border-top: 1px solid #444564;
    color: #a3a4cc;
    font-size: 13px;
    text-align: left;
    padding: 5px 20px;
    margin: 10px 0 0 0;
}

.file-uploader .pip span.size {
    display: block;
    color: #7071a4;
    font-size: 13px;
    text-align: left;
    padding: 5px 20px;
    font-style: italic;
}

section.dashboard-main .dasboard-blk .left-option-side ul li a {
    border-radius: 5px;
    padding: 0 20px !important;
    text-decoration: none;
    /* width: 80%; */
    margin: auto;
    margin-right: 15px;
}


section.dashboard-main .dasboard-blk .left-option-side ul li a:hover {
    border-radius: 5px;
    padding: 0 0 0 5px;
    /* box-shadow: 0px 0 10px #00000030; */
    border-right: none !important;
}


section.dashboard-main .dasboard-blk .left-option-side ul li a span {
    clear: both;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    display: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 16px;
}

section.dashboard-main .dasboard-blk .left-option-side:hover ul li a span {
    display: flex;
    color: #697a8d;
    color: #a3a4cc
}

.light-mode .dashboard-main .dasboard-blk .left-option-side:hover ul li a span {
    color: #697a8d;
}

section.dashboard-main .dasboard-blk .left-option-side ul li a span i {
    font-size: 11px;
    margin: 0 10px 0 0px;
    visibility: hidden;
}

.slider-btn a {
    line-height: 27px;
}

.slider-btn {
    background-color: #696cff;
    border: 7px solid #232333;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: -21px;
    top: 45px;
    text-align: center;
    display: none;
}

section.dashboard-main .dasboard-blk .left-option-side:hover .slider-btn {
    display: block;
}

.slider-btn a i {
    color: #fff;
    line-height: 26px;
}

.left-option-side.open {
    width: 17% !important;
}

.left-option-side.open+.right-content {

    padding-left: calc(18% + 20px) !important;
    transition: 0.5s;

}


section.dashboard-main .dasboard-blk .left-option-side.open ul li a span {
    display: flex;
    font-size: 16px;
}

section.dashboard-main .dasboard-blk .left-option-side ul li.active,
section.dashboard-main .dasboard-blk .left-option-side ul li.active i,
section.dashboard-main .dasboard-blk .left-option-side ul li.active span {
    /* background: #696cff; */
    color: #fff;
}

section.dashboard-main .dasboard-blk .left-option-side ul li.active,
section.dashboard-main .dasboard-blk .left-option-side ul li.active a,
section.dashboard-main .dasboard-blk .left-option-side ul li.active a i,
section.dashboard-main .dasboard-blk .left-option-side ul li.active a span {
    /* background: #696cff; */
    color: #fff;
}

section.dashboard-main .dasboard-blk .left-option-side ul .logo {
    padding: 0 0 0 20px;
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

section.dashboard-main .dasboard-blk .left-option-side ul li:hover {
    /* background: #a3a4cc14; */
    /* border-right: 5px solid#696cff; */
}

.content-part .inner-contet .table-part table tr td.action-btn a {
    height: 16px;
    display: block;
}

.left-option-side.open .slider-btn {
    display: block !important;
}






.content-part .inner-contet .table-part table tr input {
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-color: #2b2c40;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #444564;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    outline: none;
    border-radius: 2px;
    margin: 0;
}

.content-part .inner-contet .table-part table tr input:checked[type="checkbox"]::before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 10px;
    position: relative;
    top: 2px;
    left: 3px;
}

.content-part .inner-contet .table-part table tr input:checked[type="checkbox"] {
    background-color: #696cff;
    border-color: #696cff;
    box-shadow: 0 2px 4px 0 rgb(105 108 255 / 40%);
    accent-color: #696cff;
    border-radius: 2px;
}

.content-part .inner-contet .table-part table tr input:checked[type=checkbox] {
    background-image: url(https://icons8.com/icon/83145/donedata:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAQAAADlauupAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAAAqo0jMgAAAAlwSFlzAAAAYAAAAGAA8GtCzwAAAAd0SU1FB+cGCQc0Iynfr7AAAACdSURBVDjLzdG9DkRQEIbhUQgJ7kKjUonbVLgNotFJNO5BLSFKGu28W5xks9nsD7awU3/POV9mRK4e6wxCbVusLBO27RSGsgSAafoBryuapn+AUccB192HlwVNkqdA38MwoGH4EmtRvMUm1DQmMI6Pj+zCIiLgeWjbmuA8QxQdXhgaBNB19ybU9defPzc5cSrTxPchz6Gq0Dg+hC+bG1j35WA+YllaAAAAAElFTkSuQmCC);
}

.content-part .inner-contet .table-part table tr input:checked {
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0);
}


section.sign-in.sign-up .form-part p.remb-me span {
    font-size: 15px !important;
}

section.sign-in.sign-up .form-part p.remb-me input[type="checkbox"] {
    cursor: pointer;
    background-color: #2b2c40;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #444564;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* -webkit-print-color-adjust: exact; */
    print-color-adjust: exact;
    outline: none;
    border-radius: 2px;
    margin: 0;
    height: 18px;
    width: 18px;
    padding: inherit;
}

section.sign-in.sign-up .form-part p.remb-me input[type="checkbox"]:checked[type="checkbox"]::before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 10px;
    position: absolute;
    left: 4px;
    bottom: 4px;
}


section.sign-in.sign-up .form-part p.remb-me input[type="checkbox"]:checked[type="checkbox"] {
    background-color: #696cff;
    border-color: #696cff;
    box-shadow: 0 2px 4px 0 rgb(105 108 255 / 40%);
    accent-color: #696cff;
    border-radius: 4px;
    height: 18px;
    width: 18px;
    position: relative;
    line-height: 7px;
}


section.sign-in.sign-up .form-part p.remb-me input[type="checkbox"]:checked[type=checkbox] {
    background-image: url(https://icons8.com/icon/83145/donedata:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAQAAADlauupAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAAAqo0jMgAAAAlwSFlzAAAAYAAAAGAA8GtCzwAAAAd0SU1FB+cGCQc0Iynfr7AAAACdSURBVDjLzdG9DkRQEIbhUQgJ7kKjUonbVLgNotFJNO5BLSFKGu28W5xks9nsD7awU3/POV9mRK4e6wxCbVusLBO27RSGsgSAafoBryuapn+AUccB192HlwVNkqdA38MwoGH4EmtRvMUm1DQmMI6Pj+zCIiLgeWjbmuA8QxQdXhgaBNB19ybU9defPzc5cSrTxPchz6Gq0Dg+hC+bG1j35WA+YllaAAAAAElFTkSuQmCC);
}

section.sign-in.sign-up .form-part p.remb-me input[type="checkbox"]:checked {
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0);
}









/*light-mode*/
body.light-mode section.dashboard-main .dasboard-blk .left-option-side {
    background: #fff;
}

body.light-mode section.dashboard-main {
    background: #f5f5f9;
}

body.light-mode section.dashboard-main .dasboard-blk .right-content header .maega-nav {
    background: #ffffff;
}

body.light-mode .content-part .inner-contet {
    background: #fff;
    box-shadow: 0 0 10px #00000020;
}

body.light-mode .content-part .inner-contet .table-part table tr th {
    border-bottom: 1px solid#d9dee3;
    font-weight: 600;
    border-top: 1px solid#d9dee3 !important;
}

body.light-mode .content-part .inner-contet .table-part table tr td {
    border-bottom: 1px solid#d9dee3;
}

body.light-mode .content-part .inner-contet .table-part table tr input {
    background-color: #ffffff;
    border: 1px solid #d9dee3;
}

body.light-mode .slider-btn {
    border: 7px solid #f5f5f9;
}

body.light-mode section.dashboard-main .dasboard-blk .left-option-side ul li a.active {
    /* background: rgba(67, 89, 113, .04) !important; */
}

body.light-mode section.dashboard-main .dasboard-blk .left-option-side ul li.active a {
    background: rgba(67, 89, 113, .04);
    color: #696cff;
    /* margin-right: auto; */
    /* width: 80%; */
}

body.light-mode section.dashboard-main .dasboard-blk .left-option-side ul li.active a i {
    /* background: #eff1f3; */
    color: #696cff;
}

body.light-mode section.dashboard-main .dasboard-blk .left-option-side ul li.active a span {
    /* background: #eff1f3; */
    color: #696cff;
    padding: 0 0 0;
}

body.light-mode input,
select,
textarea {
    border: 1px solid #d9dee3 !important;
}

body.light-mode .dataTables_wrapper .dataTables_filter label input:focus-visible {
    border: 1px solid#696cff !important;
}

.light-mode .dataTables_wrapper .dataTables_length label select {
    border: 1px solid #d9dee3 !important;
    color: #697a8d;
}

.light-mode .dataTables_wrapper .dataTables_length label::before {
    color: #697a8d;
}

.light-mode .content-part .inner-contet .table-part table tr th {
    color: #566a7f;
}

.light-mode section.dashboard-main .dasboard-blk .right-content header .maega-nav input {
    border: none !important;
}

.light-mode .content-part .inner-contet .table-part table tr td .profile p.right-info a,
.light-mode .content-part .inner-contet .table-part table tr td a,
.light-mode .content-part .inner-contet .table-part table tr td.action-btn i {
    color: #697a8d !important;
}

.light-mode div.dataTables_paginate ul.pagination li.paginate_button.active a {
    background: #696cff !important;
    color: #fff !important;
}

.light-mode .content-part div.dataTables_paginate ul.pagination li.paginate_button a {
    background: #f5f5f9;
}

.light-mode .content-part .inner-contet .table-part table tr td,
.content-part .inner-contet .table-part table tr td a {
    color: #697a8d;
}

.light-mode .dataTables_filter select {
    border: 1px solid #d9dee3 !important;
    color: #697a8d;
}

.light-mode .dataTables_wrapper .dataTables_filter label.search::before {
    color: #697a8d;
}

body.light-mode select:focus-visible,
body.light-mode select.form-control:focus-visible {
    border: 1px solid#696cff !important;
}

body.light-mode .content-part .import-part {
    background: #ffffff;

}

body.light-mode .file-uploader {
    border: 2px dashed #d9dee3;
    background: #ffffff;
}

body.light-mode .content-part .import-part .heading h4 {
    color: #697a8d;
}

body.light-mode section.dashboard-main .dasboard-blk .right-content .heading h2 span {
    color: #566a76;
}

body.light-mode .content-part .heading .heading_item {
    color: #a1acb8 !important;
}

body.light-mode section.dashboard-main .dasboard-blk .right-content header .maega-nav i {
    color: #697a8d;
}

body.light-mode section.dashboard-main .dasboard-blk .right-content header .maega-nav i:hover {
    color: #697a8d;
}

body.light-mode .file-uploader .pip span.name {
    border-top: 1px solid #d9dee3;
}

body.light-mode .file-uploader span.remove {
    border-top: 1px solid #d9dee3;
    color: #697a8d;
}

body.light-mode .file-uploader .remove:hover {
    background: rgba(67, 89, 113, .1);
    color: #697a8d;
}

body.light-mode .file-uploader .pip span.name {
    color: #7071a4 !important;
}

body.light-mode .file-uploader .pip span.size {
    color: #a1acb8;
}

body.light-mode .modal-content {
    background: #ffffff !important;
    -webkit-box-shadow: none;
    box-shadow: 0 0 20px #00000020;
    border: none;
}

body.light-mode .modal-content .input-container input,
body.light-mode .modal-body select,
body.light-mode .modal-body input {
    background-color: #ffffff;
}

body.light-mode .upload-form .custom-file-upload {
    color: #a3a4cc;
    border-right: 1px solid#dedfff;
    background: #dedfff;
}

body.light-mode .spec-input h4 {
    background: #dedfff;
}

body.light-mode .modal-content .modal-body h4 {
    color: #a3a9db;
}

body.light-mode .modal-content .modal-header button.close {
    box-shadow: 0px 0 10px #00000050;
    background: #ffffff;
}

body.light-mode .def-btn {
    color: #8592a3;
    background: #ebeef0;
}

body.light-mode .modal-content .modal-header h3 {
    color: #566a7f;
}

body.light-mode .modal-content .modal-body table thead tr th {
    background: #ebeef0;
    color: #566a7f;
}

body.light-mode .modal-content .modal-body table {
    border: 1px solid#ebeef0 !important;
}

body.light-mode .modal-content .modal-body table tbody tr td .btn.btn-danger {
    color: #fff !important;
}

body.light-mode section.dashboard-main .dasboard-blk .order-detail-blk .detail-part {
    box-shadow: 0 0 10px #00000020;
    background: #fff;
}

body.light-mode section.dashboard-main .dasboard-blk .order-detail-blk .imp-links {
    background: #ffffff;
    box-shadow: 0 0 10px #00000020;
}

body.light-mode section.dashboard-main .dasboard-blk .order-detail-blk .imp-links div.imp-btn a.uni-btn {
    color: #fff !important;
}

body.light-mode section.dashboard-main .bottom-part {
    border-top: 1px solid#ebeef0;
}

body.light-mode section.dashboard-main .poduct-info-part table tr {
    border-bottom: 1px solid#ebeef0;
}

body.light-mode section.dashboard-main .right-content .invoice-part {
    border-bottom: 1px solid#ebeef0;
}

body.light-mode section.dashboard-main .dasboard-blk .order-detail-blk .detail-part .address-part {
    border-bottom: 1px solid#ebeef0;
}

body.light-mode section.dashboard-main .dasboard-blk .order-detail-blk .detail-part .address-part .right-content h3,
body.light-mode section.dashboard-main .right-content .invoice-part table tr td,
body.light-mode section.dashboard-main .poduct-info-part table thead tr th,
body.light-mode section.dashboard-main .right-content .invoice-part .left-part h4,
body.light-mode section.dashboard-main .right-content .invoice-part .right-part h4,
.modal-content label,
.modal-body .form-group a.add_rate_modal,
.modal-content span {
    color: #566a7f;
}




body.light-mode section.dashboard-main .dasboard-blk .order-detail-blk .detail-part .address-part .left-content p,
body.light-mode section.dashboard-main .right-content .invoice-part .left-part ul li,
body.light-mode section.dashboard-main .poduct-info-part table tr td,
body.light-mode section.dashboard-main .calc-part .left-info p,
body.light-mode section.dashboard-main .bottom-part p,
body.light-mode section.dashboard-main .dasboard-blk .order-detail-blk .detail-part .address-part .right-content p,
body.light-mode .modal-content .modal-body table tbody tr td body.light-mode,
body.light-mode .modal-content .modal-body table tbody tr td {
    color: #697a8d;
}



body.light-mode .sidebar .top-part .balance {
    background: #f5f6f8 !important;
}

body.light-mode .sidebar .form-part .btn-part button.cancel-btn {
    background: #ebeef0;
}

body.light-mode .sidebar .form-part .price-in input {
    border: 1px solid #d9dee3 !important;
    border-radius: 5px;
}

body.light-mode .sidebar .form-part .price-in {
    border-radius: 5px;
    overflow: hidden;
}

body.light-mode .sidebar .top-part .balance p {
    color: #697a8d;
}

body.light-mode .sidebar .top-part h4 {
    color: #566a7f;
}

body.light-mode .sidebar .closebtn {
    color: #a1acb8;
}

body.light-mode .modal-body select {
    border: 1px solid#d9dee3 !important;
}


body.light-mode section.sign-in.sign-up {
    background: #f5f5f9;
}

body.light-mode section.sign-in.sign-up .form-outer .image-2 {
    background: #fff;
}

body.light-mode section.sign-in.sign-up .main-form.form-login.form-register {
    background: #fff;
}

body.light-mode section.sign-in.sign-up .social-icon .icon-list i.bxl-facebook {
    background: #e0e4ef;
}

body.light-mode section.sign-in.sign-up .social-icon .icon-list i.bxl-google-plus {
    background: #fae2df;
}

body.light-mode section.sign-in.sign-up .social-icon .icon-list i.bxl-twitter {
    background: #dbf0fd;
}

body.light-mode section.sign-in.sign-up .top-info-part h3 {
    color: #566a7f;
}

body.light-mode section.sign-in.sign-up .top-info-part p {
    color: #697a8d;
}

body.light-mode section.sign-in.sign-up .form-part p span {
    color: #566a7f;
}

body.light-mode section.sign-in.sign-up .social-icon .option p {
    background: #fff;
}

body.light-mode section.sign-in.sign-up .form-part p.remb-me input[type="checkbox"] {
    background-color: #ffffff;
}

body.light-mode section.sign-in.sign-up .top-info-part svg path {
    fill: #566a7f;
}

.content-part .inner-contet .table-part table tr th:last-child:before {
    content: none !important;
}

.content-part .inner-contet .table-part table tr th:last-child:after {
    content: none !important;
}

.content-part .inner-contet .table-part table tr th:last-child {
    text-align: center;
}

.content-part .inner-contet .table-part table tr td:last-child {
    text-align: center;
}

.content-part .inner-contet .table-part table tr td:last-child i {
    margin: 0 !important;
}

section.dashboard-main .dasboard-blk .left-option-side ul li.active::before {
    content: '';
    background: #696cff;
    position: absolute;
    width: 5px;
    height: 100%;
    right: 0px;
    border-radius: 20px 0px 0px 20px;
    top: 0;
}

section.dashboard-main .dasboard-blk .left-option-side ul .logo h3 {
    color:#cbcbe2;
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    padding: 0 0 0 5px;
    display: none;
}
body.light-mode section.dashboard-main .dasboard-blk .left-option-side ul .logo h3 {
    color:#566a7f;
}
section.dashboard-main .dasboard-blk .left-option-side:hover .logo h3, section.dashboard-main .dasboard-blk .left-option-side.open .logo .logo-text h3 {
    display: block;
}
section.dashboard-main .dasboard-blk .left-option-side ul li.active a {
    background-color: #696cff;
}
section.dashboard-main .dasboard-blk .left-option-side ul li a:hover {
    background-color: rgba(124,125,182,.06);
}
section.dashboard-main .dasboard-blk .left-option-side ul li.active a:hover {
    background-color: none;
}

.show_on_check {
    background: #696cff;
    border: none;
    padding: 10px 25px !important;
    width: auto !important;
    border-radius: 5px;
    color: #fff !important;
    font-size: 16px;
    transition: 0.3s;
    cursor: pointer;
    border-color: #696cff;
    box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);
    width: 100%;

}

/* add variant section css on create product page */
/* .option_div {
    background: beige;
    padding: 10px;
    border-radius: 10PX;
    border-bottom: 1px solid gray;
}
span#add_variants {
    color: #3a80dd;
    cursor: pointer;
}
i.fa-solid.fa-plus {
    color: #0d6be9;
    font-size: 11px;
    margin-right: 3px;
    font-weight: 00;
}
.option_div input {
    width: 400px;
}
.option_div label {
    padding: 10px 0px 10px 0px;
}
.variant_heading h2 {
    padding-top: 0px;
    margin-top: 0px;
    font-size: 1.5rem;
    line-height: 27px;
}
div.options {
    padding: 10px 3px 3px 28px;
}
.options_item {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.options_item_values {
    margin-bottom: 10px;
}
.main_option_div_for_name {
    margin-bottom: 20px;
}
hr.variant_hr {
    border-top: 1px solid #8e8585;
} */


section.all-variants {
    width: 100%;
}

.container {
    max-width: 560px;
    width: 100%;
    margin: auto;
}

section.all-variants .all-var-blk {
    border: 1px solid#f1f1f1;
    box-shadow: 0px 0 5px #00000020;
    border-radius: 10px;
}

section.all-variants .all-var-blk .heading_variants {
    padding: 15px 20px 0;
}

section.all-variants .all-var-blk .var-inner {
    padding: 0 20px 20px;
    border-bottom: 1px solid#f1f1f1;
}

section.all-variants .all-var-blk .var-inner:last-child {
    border-bottom: none;
}

section.all-variants .all-var-blk .heading_variants h4 {
    color: #303030;
    font-size: 16px;
    font-weight: 500;
}

section.all-variants .all-var-blk .option-part {
    margin: 15px 0 0 0;
}

section.all-variants .all-var-blk .option-part label {
    font-size: 12px;
}

section.all-variants .all-var-blk .option-part p,
section.all-variants .all-var-blk .option-part p input {
    display: flex;
    width: 100%;
    column-gap: 10px;
    align-items: center;
    margin: 5px 0 0 0;
}

section.all-variants .all-var-blk .option-part svg.bin {
    height: 18px;
    width: 18px;
    margin: 6px 0 0 0;
}

section.all-variants .all-var-blk .option-part .select-var .select-dropdown button,
section.all-variants .all-var-blk .option-part p input {
    width: 47%;
    cursor: text;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 8px 8px;
    border-radius: 10px;
    border: 1px solid#c2c2c2;
    margin: 0;
    color: #5f5f5f;
}

section.all-variants .all-var-blk .option-part .select-var .select-dropdown {
    width: 100%;

}

section.all-variants .all-var-blk .option-part .select-var .select-dropdown input {
    cursor: text;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 8px 8px;
    border-radius: 10px;
    border: 1px solid#c2c2c2;
    margin: 0;
    color: #5f5f5f;
    background: none;
    text-align: left;
}

section.all-variants .all-var-blk .option-part .select-var {
    display: flex;
    column-gap: 10px;
}

section.all-variants .all-var-blk .option-part p input:focus-visible {
    border: 1px solid#000;
    outline: none;
}

section.all-variants .all-var-blk .option-part .select-var span.bin-icon,
section.all-variants .all-var-blk .option-part p img {
    width: 20px;
}

section.all-variants .add-var {
    padding: 15px;
}

section.all-variants .add-var span {
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    color: #39a4e8 !important;
    cursor: pointer;
}

.all-var-blk .option-part p input::placeholder {
    color: #f5f5f;
}

/*custom drpdn*/
.select-dropdown {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.select-dropdown__list {
    position: absolute;
    overflow: hidden;
    margin: 3px 0 0 0;
    padding: 8px 0;
    border-radius: 10px;
    border: 1px solid#c2c2c2;
    width: calc(100% - 10px);
    pointer-events: none;
    transform-origin: top left;
    transform: scale(1, 0);
    transition: all ease-in-out 0.3s;
    z-index: 2;
    background: #fff;
}

.select-dropdown__list-item:hover {
    background: #c2c2c2;
    color: #000;
}

.select-dropdown__list.active {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1, 1);
}

.select-dropdown__list-item {
    display: block;
    list-style-type: none;
    padding: 7px 10px;
    background: #fff;
    margin: 0 8px;
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
    border-radius: 10px;
    color: #616161;
    transition: all ease-in-out 0.2s;
    text-transform: capitalize;
}

.bottom-details .filter-part {
    display: flex;
    justify-content: space-between;
    padding: 8px 15px;
    border-top: 1px solid#f1f1f1;
}

.bottom-details .filter-part .left-options {
    display: flex;
    column-gap: 8px;
}

.bottom-details .filter-part .left-options a {
    font-size: 12px;
    text-decoration: none;
    color: #39a4e8 !important;
}

.bottom-details .filter-part .left-options span {
    font-size: 12px;
    color: #5f5f5f;
}

.bottom-details .filter-part .right-options a {
    font-size: 12px;
    text-decoration: none;
    color: #39a4e8 !important;
}

.bottom-details .table-part {
    overflow: auto;
}

.bottom-details .table-part table {
    border-collapse: collapse;
}

.bottom-details .table-part table tbody tr th {
    background: #f1f1f1;
    font-size: 12px;
    font-weight: 300;
    padding: 8px 15px;
    text-align: left;
}

input[type="checkbox"] {
    accent-color: black;
    cursor: pointer;
    vertical-align: middle;
}

.bottom-details .table-part table tbody tr td .action-btn svg.bin {
    width: 14px;
    height: 14px;
}

.bottom-details .table-part table tbody tr td .prd-dis {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.bottom-details .table-part table tr td {
    padding: 18px 15px;
    border-bottom: 1px solid#00000020;
}

.bottom-details .table-part table tbody tr td .prd-dis span {
    font-size: 12px;
    width: 140px;
}

.bottom-details .table-part table tr td input[type="text"] {
    width: 120px;
    border-radius: 10px;
    outline: none;
    padding: 8px 8px;
    border: 1px solid#c2c2c2;
    font-size: 12px;
}

.bottom-details .table-part table tr td .action-btn {
    display: flex;
    column-gap: 10px;
}

.bottom-details .table-part table tr td .action-btn a.edit {
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 5px;
    text-decoration: none;
    color: #000;
    border: 1px solid#c2c2c2;
}
#variant_data{
    display: none;
}