body.light-mode {
    background-color: #f7f7f7;
}

body.light-mode .rt-white,
body.light-mode .rt-table.type2 th,
body.light-mode .paginate a,
body.light-mode .pinlock-page .right-side,
body.light-mode .pinlock-page .left-side,
body.light-mode .ticket-detail-box,
body.light-mode .ticket-detail-box .ticket-body .msg-body .content-info,
body.light-mode
    .ticket-detail-box
    .reply-box.admin
    .editor-container
    .ck-content,
body.light-mode
    .ticket-detail-box
    .reply-box.admin
    .editor-container
    .ck-toolbar__separator,
body.light-mode .ticket-detail-box .reply-box.admin form .send-box .nice,
body.light-mode
    .ticket-detail-box
    .reply-box.admin
    form
    .send-box
    .nice
    .list
    .option:hover,
body.light-mode
    .ticket-detail-box
    .reply-box.admin
    form
    .send-box
    .nice
    .list
    .option.focus,
body.light-mode
    .ticket-detail-box
    .reply-box.admin
    form
    .send-box
    .nice
    .list
    .option.selected.focus,
body.light-mode .ticket-detail-box .added-users-box .select2 .select2-selection,
body.light-mode .ticket-detail-box .reply-box form textarea,
body.light-mode .ticket-panel.create-panel .create-box .input-item .input,
body.light-mode
    .ticket-panel.create-panel
    .create-box
    .input-item
    .nice.input
    .list
    .option:hover,
body.light-mode
    .ticket-panel.create-panel
    .create-box
    .input-item
    .nice.input
    .list
    .option.focus,
body.light-mode
    .ticket-panel.create-panel
    .create-box
    .input-item
    .nice.input
    .list
    .option.selected.focus
    body.light-mode
    .fix-bg::before,
body.light-mode .form-input,
body.light-mode .notification-wrapper .notification-bell {
    background-color: rgba(0, 0, 0, 0.05);
}

body.light-mode .fix-bg::before {
    background: linear-gradient(to bottom, transparent, #f7f7f7);
}

body.light-mode #header,
body.light-mode .sidebar,
body.light-mode .ticket-detail-box .headline-title .ticket-info .item .icon {
    background-color: rgba(255, 255, 255, 0.8);
}

body.light-mode .notification-wrapper .mark-read-btn {
    color: #009f00;
}

body.light-mode .ticket-detail-box .reply-box.admin form .send-box .nice .list,
body.light-mode
    .ticket-detail-box
    .added-users-box
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice,
body.light-mode
    .ticket-panel.create-panel
    .create-box
    .input-item
    .nice.input
    .list {
    background-color: #fff;
}

body.light-mode .onlines::after {
    background: linear-gradient(to bottom, transparent, #f7f7f7);
}

body.light-mode .ticket-detail-box .headline-title .ticket-info {
    background-color: #f5f5f7;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0),
        #f5f5f7,
        #f5f5f7,
        #f5f5f7
    );
}

body.light-mode
    .ticket-detail-box
    .reply-box.admin
    .editor-container
    .ck-toolbar {
    background-color: #f5f5f7;
}

body.light-mode
    .ticket-detail-box
    .reply-box.admin
    .editor-container
    .ck.ck-icon.ck-icon_inherit-color
    :not([fill]) {
    fill: #555;
}

body.light-mode .ticket-detail-box .ticket-body .msg-body .content-info {
    box-shadow: 0 2px 0 rgb(71 71 71 / 30%);
    -webkit-box-shadow: rgb(71 71 71 / 30%) 0 2px 0;
}

body.light-mode
    .ticket-detail-box
    .ticket-body
    .msg-body
    .content-info::before {
    border-color: transparent transparent transparent rgb(71 71 71 / 30%);
}

body.light-mode
    .ticket-detail-box
    .ticket-body
    .msg-item.staff
    .msg-body
    .content-info::before {
    border-color: transparent rgb(71 71 71 / 30%) transparent transparent;
}

body.light-mode .ticket-detail-box .added-users-box,
body.light-mode
    .ticket-detail-box
    .added-users-box
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice
    button,
body.light-mode .ticket-detail-box .reply-box form textarea,
body.light-mode .form-input,
body.light-mode .notification-wrapper .notification-item {
    border-color: rgb(0 0 0 / 11%);
}

body.light-mode .ticket-detail-box .reply-box.admin form .editor-container {
    border-color: rgb(0 0 0 / 14%);
}

body.light-mode .nice-select::after {
    border-color: #555;
}

body.light-mode .ck.ck-list {
    background-color: #fff !important;
    color: #555 !important;
}

body.light-mode
    .ck.ck-list__item
    > .ck-button.ck-on:not(.ck-list-item-button)
    span,
body.light-mode
    .ck.ck-list__item
    > .ck-button.ck-on:not(.ck-list-item-button):hover:not(.ck-disabled)
    span {
    color: #fff;
}

body.light-mode
    .ck.ck-list__item
    > .ck-button:not(.ck-list-item-button):hover:not(.ck-disabled) {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode
    .ticket-panel.create-panel
    .container-box
    .side-item
    .notes-list
    li::marker {
    color: #000000;
}

body.light-mode .rt-ddd,
body.light-mode .rt-table.type2 td a,
body.light-mode .pinlock-page .right-side .description,
body.light-mode .pinlock-page .left-side .text-info,
body.light-mode
    .pinlock-page
    .left-side
    .detail-box
    .detail-section
    .section-desc,
body.light-mode .ticket-detail-box .headline-title .ticket-info .item span,
body.light-mode .ticket-detail-box .ticket-body .msg-body .content-info,
body.light-mode .ticket-detail-box .reply-box.admin form .send-box .nice,
body.light-mode .ticket-detail-box .reply-box.admin form .send-box .nice .list,
body.light-mode .ticket-detail-box .added-users-box .select2 textarea,
body.light-mode .ticket-detail-box .added-users-box h4,
body.light-mode
    .ck.ck-list__item
    > .ck-button:not(.ck-list-item-button)
    .ck-button__label,
body.light-mode .ticket-detail-box .reply-box form textarea,
body.light-mode .ticket-panel.create-panel .create-box .input-item .input,
body.light-mode .ticket-panel.create-panel .create-box .input-item label,
body.light-mode
    .ticket-panel.create-panel
    .create-box
    .input-item
    .nice.input
    .list,
body.light-mode
    .ticket-panel.create-panel
    .container-box
    .side-item
    .notes-list,
body.light-mode .form-input,
body.light-mode .notification-wrapper .notification-bell,
body.light-mode .notification-wrapper .notification-header,
body.light-mode .notification-wrapper .notification-item strong {
    color: #555;
}

body.light-mode .notification-wrapper .notification-box::before {
    border-bottom-color: #f0f0f0;
}

body.light-mode .notification-wrapper .notification-box {
    background-color: #f0f0f0;
}

body.light-mode .pinlock-page .left-side .detail-box .detail-section::before,
body.light-mode .ticket-detail-box .ticket-body .msg-body .bottom-ticket-info {
    border-color: #79797961;
}

body.light-mode .rt-fff,
body.light-mode .paginate a,
body.light-mode .ticket-detail-box,
body.light-mode .notification-wrapper .notification-item p {
    color: #4f4f4f;
}

body.light-mode .top-page-boxes .item .icon,
body.light-mode .shoping-items .item .buy,
body.light-mode .sidebar .shop-btn,
body.light-mode #header .exit,
body.light-mode .onlines .item span,
body.light-mode .rt-table.type2 td .btn.c1,
body.light-mode .shoping-payment .btn,
body.light-mode .top-account .inside .tab-btns .btn.active {
    color: #fff;
}

body.light-mode .sidebar .menu li.active a {
    color: #444;
    background-color: rgba(0, 0, 0, 0.05);
}

body.light-mode .sidebar .menu li:hover a,
body.light-mode .notification-wrapper .read-indicator {
    color: #444;
}

body.light-mode .sidebar .menu h4 {
    color: #777;
}

body.light-mode .sidebar .map_bg {
    opacity: 0.2;
}

body.light-mode .rt-table td,
body.light-mode .rt-table th,
body.light-mode .last-blogs li,
body.light-mode .top-account .inside .tab-btns .btn {
    border-color: rgba(0, 0, 0, 0.05);
}

body.light-mode .last-blogs li a:hover .inside h2,
body.light-mode .sidebar .menu li a:hover {
    color: var(--color);
}

body.light-mode .paginate a:hover {
    background-color: #fff;
    color: #222;
}

body.light-mode .checkout-modal .modal-wrapper {
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 5%);
    color: #000;
}

body.light-mode .checkout-modal .checkout-form,
body.light-mode .checkout-modal .discount-box .headline .left-side .open-icon {
    background-color: rgba(0, 0, 0, 0.05);
}

body.light-mode .top-checkout .inner-data {
    background-color: #fff;
}

body.light-mode .top-checkout .inner-data .itemlist {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

body.light-mode .checkout-modal .checkout-seprator::before {
    border-top: 2px dashed #fff;
}

body.light-mode .checkout-modal .checkout-seprator .dot {
    background-color: #fff;
}

body.light-mode .checkout-modal .discount-box {
    border: 1px solid rgb(215 215 215);
}

body.light-mode .checkout-modal .discount-box .headline {
    background-color: #fff;
}

body.light-mode .checkout-modal .discount-box .headline .left-side .open-icon {
    color: #000;
}

body.light-mode
    .checkout-modal
    .discount-box
    .headline:hover
    .right-side
    .title,
body.light-mode .checkout-modal .discount-box .headline:hover .right-side i {
    color: #000;
}

body.light-mode .checkout-modal .discount-box .body .input-box input {
    background-color: #ffffff6b;
    border: 1px solid rgb(215 215 215);
    color: #000;
}