@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

 body {
     font-family: "Manrope", sans-serif !important;
     font-optical-sizing: auto;
     font-weight: normal;
     font-style: normal;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6 {
     font-family: "Manrope", sans-serif !important;
 }

 .table-responsive {
     overflow-x: visible;
 }

 .badge {
     font-family: "Manrope", sans-serif !important;
 }

 .nk-menu-link {
     font-family: "Manrope", sans-serif !important;
     padding: 0.625rem 40px 0.625rem 28px !important;
 }

 .nk-menu-item.active>.nk-menu-link .nk-menu-icon {
     color: #ffff;
 }

 .nk-menu-icon .icon {
     color: #ffff;
 }

 .nk-sidebar-menu .active {
     border-radius: 10px;
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E);
     color: #FFFFFF;
 }

 .nk-menu-text {
     color: #FFFFFF !important;
 }

 .nk-menu-item a {
     color: #FFFFFF;
 }

 ul.timeline>li:before {
     background: linear-gradient(94deg, #FCC188, #7042D2, #2E008E) !important;
     border: none !important;
 }

 .custom-margin-row {
     margin-right: 0px !important;
 }

 .nk-content {
     padding: 25px;
     margin-top: 80px;
 }

 .nk-sidebar-fat .nk-menu {
     padding-left: 0;
     padding-right: 0;
     max-width: 262px;
     margin: auto;
 }

 .nk-sidebar-fat {
     background: linear-gradient(180deg, #32213C, #0F0910, #332335);
     border-right: 1px solid rgb(255 255 255 / 16%);
     width: 365px;
 }

 .nk-sidebar-fat+.nk-wrap {
     padding-left: 365px;
 }

 thead {
     border-color: #FFFFFF59;
 }

 .card-inner-group .card-inner:not(:last-child) {
     border-bottom: 1px solid #FFFFFF59;
 }

 .table thead tr:last-child th {
     border-bottom: 1px solid #FFFFFF59;
 }

 .badge-dim.badge-secondary {
     color: #D5D5D5 !important;
     background-color: #7042D2 !important;
     border-color: #e9ebee !important;
     padding: 4px 8px !important;
     border-radius: 8px !important;
     border: none !important;
     font-weight: normal;
 }

 .nk-sidebar-fat+.nk-wrap>.nk-header-fixed {
     background: linear-gradient(263deg, #352B3D 0%, #352B3D 9%, #101010 43%, #241B30 100%);
     left: 364px;
     padding-top: 16px;
     padding-bottom: 12px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.35) !important;
 }

 .user-avatar {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
     border: 1px solid #6E4BB2;
     color: #ffffff;
 }

 .user-name {
     color: #FFFFFF;
 }

 .nk-menu-heading .overline-title {
     color: #FFFFFF;
     padding-left: 0.425rem;
 }

 .nk-sidebar-fat .nk-menu>li:hover>a {
     border-radius: 10px !important;
     background: linear-gradient(265deg, #b9bbe544, #9c7ddd22) !important;
 }

 .nk-sidebar-fat .nk-menu>li.active>a {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
     border-radius: 10px !important;
 }

 .nk-footer.nk-footer-fluid {
     background: linear-gradient(119deg, #3a2a4a, #000000);
     border-top: 1px solid rgb(255 255 255 / 16%);
 }

 .page-title {
     color: #FFFFFF;
 }

 .page-title h3 {
     margin-bottom: 0;
 }

 .text-soft {
     color: #B8B8B8 !important;
     font-size: 14px !important;
     padding-left: 30px;
 }

 .client-event-code {
     padding: 5px 5px;
     margin-left: 0px;
     background: none;
 }

 .event-tab-list .nav-tabs {
     border-bottom: none !important;
 }

 .nav-tabs .nav-link .badge {
     margin-left: 8px;
 }

 .nk-block-head-content {
     color: #ffffff;
     display: block;
     text-align: left;
 }

 .card .card-header-bg {
     background: linear-gradient(90deg, #1D1D1E, #1B1A1B);
     color: #FFFFFF;
     border-radius: 10px 10px 0 0;
     border: none !important;
     border-bottom: 1px solid #FFFFFF59 !important;
 }

 .total-card-media {
     background: linear-gradient(90deg, #31293A, #1C1B1E) !important;
 }

 .upcoming-event {
     background: linear-gradient(90deg, #383538, #403840) !important;
 }

 .card {
     border: 1px solid #FFFFFF59;
     border-radius: 12px;
     background-color: #FFFFFF12;
 }

 .modal-body .card {
     border: 1px solid rgba(255, 255, 255, 0.35) !important;
     border-radius: 10px;
     background-color: #141320 !important;
     margin: 5px 0;
 }

 .card-amount .amount {
     color: #FFFFFF;
     font-size: 28px;
     font-weight: 600;
 }

 .card-title .title {
     color: #FFFFFF;
     font-size: 18px;
     font-weight: 500;
 }

 .card .card-inner {
     color: #FFFFFF;
     width: 100%;
     padding: 1.5rem 1rem;
 }

 .card .card-inner a {
     color: #E186F5 !important;
 }

 .card .card-inner .progress {
     height: 0.7rem;
     border-radius: 8px;
     background-color: #e9ebee3b !important;
 }

 .progress-bar {
     background-color: #A049DD !important;
 }

 .nk-footer-copyright {
     color: #FFFFFF;
 }

 .event-detail-list .nav-tabs .nav-link {
     border-radius: 12px;
 }

 .nk-content-inner .nav-tabs .nav-link {
     padding: 11px 24px;
     margin-right: 10px;
 }

 .nk-content-inner .nav-tabs .nav-link span {
     font-weight: 600;
 }

 .nav-tabs .nav-item {
     padding-right: 0 !important;
 }

 .custom-border {
     border-bottom: 2px solid rgba(255, 255, 255, 0.35);
     padding-bottom: 0;
 }

 .nk-content-inner .nav-tabs .nav-link {
     color: #ffffffa6 !important;
 }

 .nk-content-inner .nav-tabs .nav-link.active {
     color: #D5D5D5 !important;
     background-color: #462E76;
     border: 1px solid #7042D2;
     border-radius: 12px;
 }

 .event-detail-list .nav-tabs .nav-link.active {
     background-color: #462E76 !important;
 }

 .nk-content-inner .updated-bg-nav .nav-link.active {
     color: #ffffff !important;
     background-color: #462E76;
 }

 .nk-content-inner .nav-tabs .nav-link.active:hover {
     background-color: #462E76;
 }

 .nk-content-inner .nav-tabs .nav-link:hover {
     background-color: #292828;
     border-radius: 12px;
 }

 .nav-tabs .nav-link.active:after {
     opacity: 0 !important;
     content: none !important;
 }

 .event-detail-list .nav-tabs {
     border: 1px solid #ffffff30;
     padding: 18px 12px;
     margin-top: 15px;
     border-radius: 12px;
 }

 .nav-tabs {
     padding-bottom: 7px;
 }

 .badge-secondary {
     background: none !important;
     border: none !important;
 }

 .nav-tabs .nav-link {
     color: #FFFFFF;
 }

 .event-detail-list .nav-tabs .nav-link.active {
     color: #D5D5D5 !important;
     border: none;
     background-color: #462E76 !important;
     padding: 12px 26px;
     border-radius: 12px;
 }

 .event-detail-list .nav-tabs .nav-link:hover {
     background-color: #292828;
 }

 .nk-block-head-content .btn {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
     color: #FFFFFF;
     border: none !important;
 }

 .gallery-btn {
     background: linear-gradient(129deg, #9f8575, #7042D2, #2E008E) !important;
     color: #FFFFFF !important;
     border: none !important;
 }

 .tb-tnx-head {
     background: linear-gradient(#FFFFFF1A, #FFFFFF1A) !important;
     color: #FFFFFF;
 }

 .tb-tnx-head th {
     color: #FFFFFF;
     padding: 1.2rem .25rem;
 }

 .btn-icon .icon {
     color: #FFFFFF;
 }

 .badge.text-warning {
     color: #FF5E5E !important;
 }

 .table .badge-dim.badge-secondary {
     color: #ffffff !important;
     border: none !important;
     background: #7042D233 !important;
     padding: 6px 18px !important;
     font-weight: normal;
     /* margin-bottom: 5px; */
     border: 1px solid #7042D2 !important;
 }

 .table .badge-dim.start-date-btn {
     color: #ffffff !important;
     border: none !important;
     background: #7042D2 !important;
 }

 .table .badge-dim.end-date-btn {
     color: #ffffff !important;
     border: none !important;
     background: #2E008E !important;
 }

 .table .badge-dim.border-virtual-btn {
     color: #ffffff !important;
     border: 1px solid #7042D2 !important;
     background: #7042D233 !important;
     font-weight: normal;
     padding: 5px 16px !important;
 }

 .text-uppercase .badge-dim.badge-secondary {
     margin-top: 6px;
 }

 .form-label .text-primary {
     color: #ffffff !important;
 }

 .accordion .nav-link:hover {
     color: #7042D2;
 }

 .table {
     color: #FFFFFF;
 }

 .table a.url {
     color: #FFFFFF !important;
 }

 .page-item.disabled .page-link {
     background: transparent !important;
     border-radius: 4px;
     color: #ffffff !important;
     font-size: 12px;
     padding: 8px 14px;
     border: 1px solid #ffffff30 !important;
 }

 .page-item.active .page-link {
     background: none !important;
     border: none;
     color: #ffffff !important;
     font-size: 16px;
 }

 .nk-content-inner .nav-tabs .nav-link:hover {
     color: #ffffff;
 }

 .nk-sidebar-fat .nk-sidebar-head {
     max-width: 290px !important;
     width: 100%;
     text-align: center;
     justify-content: center;
     padding: 18px 40px;
     height: 85px;
     align-items: center;
 }

 .nk-sidebar-fat .nk-sidebar-content .nk-sidebar-menu {
     padding-top: 1.8rem !important;
     max-width: 365px;
     width: 100%;
 }

 .nk-sidebar-fat .nk-sidebar-head .logo-img {
     max-width: 205px !important;
     text-align: center;
 }

 .event-title {
     color: #D5D5D5 !important;
 }

 ul.timeline>li {
     border: 1px solid rgba(255, 255, 255, 0.35) !important;
     border-radius: 12px;
     padding: 6px 9px;
     background: linear-gradient(90deg, #FFFFFF1A, #FFFFFF1A) !important;
 }

 .updated-logo {
     display: block !important;
 }

 .for-test-portal {
     display: none !important;
 }

 .updated-logo {
     display: block !important;
 }

 .custom-padding-title {
     padding-left: 20px;
     align-items: center;
 }

 .custom-padding-title h3 {
     color: #FFFFFF !important;
     font-weight: 500;
     font-size: 1.8rem
 }

 .custom-padding-title p {
     color: #B8B8B8 !important;
 }

 .head-img {
     display: block !important;
 }

 .card .card-inner .link-list-opt a {
     color: #FFFFFF !important;
 }

 .link-list-opt.no-bdr {
     background: #1B1A1A !important;
 }

 .link-list-opt a:hover {
     color: #FFFFFF;
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
 }

 .btn-secondary {
     color: #FFFFFF;
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
 }

 .search-content .form-control-sm {
     background: #000;
     color: #FFFFFF !important;
 }

 .search-content {
     background: #000;
 }

 .search-wrap {
     background: #000000;
 }

 .nk-menu-trigger {
     display: none;
 }

 ul.timeline:before {
     background: #494949;
 }

 ul.timeline>li .text-secondary {
     color: #9973EB !important;
 }

 .nk-block-head-sm {
     color: #B8B8B8;
 }

 .nk-blocok-head h6 {
     color: #FFFFFF;
 }

 .nk-block-head .form-group .form-control {
     color: #FFFFFF !important;
     background-color: #FFFFFF0A !important;
     border: 1px solid #FFFFFF33 !important;
     border-radius: 6px;
 }

 .nk-block-head .form-group .font-family-select {
     background: #272727a3 !important;
 }

 .nk-block-head .form-group .form-control::placeholder {
     color: #FFFFFF !important;
 }

 .nk-block-head .form-group .form-label {
     color: #FFFFFF !important;
 }

 .nk-block-head .btn-primary {
     background: linear-gradient(129deg, #9f8575, #7042D2, #2E008E) !important;
     color: #FFFFFF !important;
     border: none !important;
 }

 .nk-block-head .card .btn-primary {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
     color: #FFFFFF !important;
     border: none !important;
 }

 .nk-block-head .card .purchase-btn {
     color: #ffffff !important;
     border: none !important;
     background: #7042D2 !important;
 }

 .nk-block-head .card .btn-danger {
     color: #FFFFFF !important;
     border: none !important;
 }

 .price-plan {
     background-color: #272727 !important;
     border: none !important;
 }

 .price-plan p {
     color: #FFFFFF;
 }

 .price-plan h6 {
     color: #B8B8B8 !important;
 }

 .nk-menu+.nk-menu-sm {
     display: none !important;
 }

 .nk-block-head h5 {
     color: #FFFFFF;
 }

 .nk-block-des {
     color: #ffffff;
     padding: 2px 0;
 }

 .tb-tnx-action .dropdown a:hover {
     background: #7042D280 !important;
     border-radius: 50%;
 }

 .tb-tnx-action .dropdown .link-list-opt a:hover {
     background: #7042D280 !important;
     border-radius: 12px !important;
 }

 .btn-trigger:before {
     background: #7042D280 !important;
     height: 100% !important;
     width: 100% !important;
 }

 .modal-content {
     background: #2A2A2A;
     border-radius: 12px;
 }

 .modal-header h5 {
     color: #FFFFFF;
 }

 .modal-header .close {
     color: #ffffff !important;
     opacity: 1 !important;
 }

 .modal-body input {
     color: #ffffff !important;
     background-color: #141414 !important;
     border: none;
 }

 .custom-file-label {
     color: #ffffff !important;
     background-color: #141414 !important;
     border: 1px solid #FFFFFF33;
 }

 .text-secondary {
     color: #ffffff;
 }

 .modal-body .form-control {
     color: #ffffff !important;
     background-color: #FFFFFF0A !important;
 }

 .modal-body .form-label {
     color: #ffffff;
 }

 .modal-body select {
     border: none !important;
 }

 .form-control:disabled {
     background-color: #FFFFFF0A !important;
     color: #bbb9bd !important;
     border: 1px solid #FFFFFF33 !important;
 }

 .form-icon .icon {
     color: #ffffff !important;
 }

 .modal .btn-primary {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
     border: none !important;
     border-color: unset !important;
 }

 .swal2-popup {
     background: #2A2A2A;
     box-shadow: 0 0 2px 0px #ededed;
     border-radius: 14px;
     border: 1px solid #FFFFFF4D !important;
 }

 .swal2-actions .btn {
     padding: 8px 20px;
 }

 .swal2-title {
     color: #ffffff;
 }

 .swal2-content {
     color: #ffffff;
 }

 .swal2-popup .btn-primary {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
     border: none !important;
     border-color: unset !important;
 }

 .swal2-popup .btn-outline-secondary:hover {
     background: linear-gradient(265deg, #b9bbe544, #9c7ddd22) !important;
     border: 1px solid rgba(255, 255, 255, 0.35) !important;
 }

 .user-avatar-md,
 .user-avatar.md {
     background: transparent !important
 }

 .btn-light {
     color: #D5D5D5 !important;
     border: none !important;
     background: #462E76 !important;
     border-radius: 7px;
 }

 textarea {
     background: #272727;
     color: #fff;
 }

 .accordion-head.collapsed {
     background-color: #272727;
 }

 .accordion-head {
     background-color: #272727;
     border-radius: 8px;
     border: 1px solid rgb(102 95 95 / 34%);
 }

 .accordion-head.collapsed .title {
     color: #FFFFFF;
 }

 .accordion-head.collapsed .accordion-icon:before {
     color: #ffffff;
 }

 .accordion-icon:before {
     color: #ffffff !important;
 }

 .accordion-body {
     background-color: #141414;
 }

 .bg-blue-dim {
     background: linear-gradient(129deg, #231830, #332A2C) !important;
 }

 .software-logo {
     border: 2px solid rgba(255, 255, 255, 0.35);
 }

 .accordion-item:not(:last-child) .accordion-head {
     border-bottom: 1px solid rgb(102 95 95 / 34%);
 }

 .accordion {
     border-radius: 8px;
     border: 1px solid #ffffff30;
     background: #141414 !important;
 }

 .custom-control-input:checked~.custom-control-label::before {
     color: #fff;
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
 }

 .custom-control-label::before {
     background-color: #141414;
     border: #7b7581 solid 2px;
 }

 .custom-switch .custom-control-label::after {
     background-color: #FFFFFF;
 }

 .right-box-label::before {
     width: 1.2rem !important;
     height: 1.2rem !important;
     background: #1d1d1d !important;

 }

 .right-box-label::after {
     width: 1.2rem !important;
     height: 1.2rem !important;
     background: #7042D2 !important;
 }

 .accordion .btn-secondary {
     background: linear-gradient(129deg, #b59c85, #7042D2, #2E008E) !important;
     border: none !important;
     border-color: unset !important;
     text-align: center;
     justify-content: center;
     padding: 8px 8px;
     border-radius: 6px !important;
 }

 #general-tab .accordion .btn-secondary {
     width: 100%;
     padding: 12px;
     border-radius: 12px;
 }

 #general-tab .accordion .btn-danger {
     width: 100%;
     padding: 12px;
     border-radius: 12px;
     text-align: center;
     margin-top: 5px;
     justify-content: center;
 }

 select option:hover {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
     color: #FFFFFF !important;
 }

 .accordion .nav-link {
     color: #ffffff;
 }

 .form-note {
     color: #616161;
 }

 .accordion-head .title {
     color: #FFFFFF;
 }

 .select2-container--default .select2-selection--single .select2-selection__rendered {
     background: #FFFFFF0A;
     color: #FFFFFF;
     border: 1px solid #ffffff30 !important;
     border-radius: 6px;
     min-height: 36px;
 }

 .accordion .form-control {
     background: #FFFFFF0A;
     color: #FFFFFF;
     border: 1px solid #FFFFFF33 !important;
     border-radius: 6px;
 }

 .select2-container--default .select2-selection--single {
     border: none !important;
 }

 .select2-dropdown {
     background: #141414;
     border: 1px solid #FFFFFF33 !important;
 }

 .dropdown-menu {
     background-color: #2A2A2A;
     border: 1px solid #ffffff30 !important;
     color: #ffffff !important;
 }

 .link-check li span {
     color: #FFFFFF !important;
 }

 .link-check li a {
     color: #FFFFFF !important;
 }

 .select2-container--default .select2-results__option--highlighted[aria-selected] {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
     color: #FFFFFF;
 }

 .select2-container--default .select2-results__option[aria-selected=true] {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
     color: #FFFFFF;
 }

 .screen-footer {
     background-color: #272727 !important;
 }

 .screen-title {
     background-color: #272727 !important;
     color: #FFFFFF;
     border: 1px solid #ffffff30 !important;
     border-bottom: none;
     text-align: center;
 }

 .input-group-text {
     background-color: #1d1d1d;
     border: 1px solid #ffffff30 !important;
     padding: 0.2375rem 5px;
     padding-right: 0;
     border-right: none !important;
 }

 .input-group-text:focus-visible {
     outline: none !important;
 }

 .accordion .border-left-control {
     border-left: none !important;
     padding-left: 5px !important;
 }

 .select2-results__option[aria-selected] {
     color: #FFFFFF;
 }

 #tinymce {
     color: #FFFFFF !important;
 }

 .tox:not(.tox-tinymce-inline) .tox-editor-header {
     background-color: #000000 !important;
 }

 .tox .tox-toolbar__primary {
     background-color: #272627 !important;
 }

 .tox .tox-menubar {
     color: #ffffff !important;
     background-color: #000000 !important;
     grid-column: 1 / -1 !important;
 }

 .tox .tox-mbtn {
     color: #ffffff !important;
 }

 .tox :not(svg):not(rect) {
     color: #ffffff !important;
 }

 .tox .tox-tbtn svg {
     fill: #ffffff !important;
 }

 .mce-content-body {
     color: #ffffff !important;
 }

 .mce-content-body p {
     color: #ffffff !important;
 }

 .tox .tox-statusbar {
     align-items: center !important;
     background-color: #000000 !important;
     border-top: 1px solid rgba(255, 255, 255, 0.35) !important;
     color: #ffffff !important;
 }

 .tox :not(svg):not(rect) {
     color: #ffffff !important;
 }

 .tab-pane .col-md-4 .card {
     background-color: #272727 !important;
 }

 .tab-pane .col-md-4 .card .card-inner {
     overflow-x: auto;
 }

 .tab-pane .col-md-4 .card a {
     color: #FFFFFF !important;
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
     width: 100%;
     justify-content: center;
 }

 .template-footer {
     color: #FFFFFF !important;
 }

 .tox .tox-tbtn--bespoke {
     background: #000000 !important;
     border: 1px solid rgba(255, 255, 255, 0.35) !important;
 }

 .tox .tox-collection--list .tox-collection__group {
     background: #262526 !important;
 }

 #ui-tinymce-1_ifr html p {
     color: #FFFFFF !important;
 }

 .analytic-data .title {
     color: #ffffff;
 }

 .analytic-data .amount {
     color: #ffffff;
 }

 .nk-block-title .badge-outline-secondary {
     color: #ffffff !important;
     border-color: #7042D2 !important;
     background: #7042D233;
     padding: 3px 15px;
     border-radius: 8px;
 }

 .nk-quick-nav-icon:before {
     color: #FFFFFF !important;
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
 }

 .nk-quick-nav-icon:hover {
     color: #FFFFFF !important;
 }

 .custom-control .custom-control-input[disabled]~.custom-control-label,
 .custom-control .custom-control-input:disabled~.custom-control-label {
     opacity: .8;
     color: #ffffff !important;
 }

 .custom-control-label {
     color: #ffffff;
 }

 .btn-outline-secondary {
     color: #ffffff !important;
     border-color: #ffffff !important;
 }

 .btn-outline-secondary:hover {
     color: #FFFFFF !important;
     background: linear-gradient(265deg, #b9bbe544, #9c7ddd22) !important;
     border: 1px solid rgba(255, 255, 255, 0.35) !important;
 }

 .form-control {
     border: none !important;
 }

 #storage-tab .btn-secondary {
     color: #FFFFFF !important;
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
     border: none !important;
 }

 .input-group-text input[type="checkbox"]:checked {
     background: linear-gradient(129deg,
             #FCC188,
             #7042D2,
             #2E008E);
     border-color: #7042D2;
 }

 .input-group-text input[type="checkbox"]:checked::after {
     content: "✔";
     color: #fff;
     font-size: 14px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .card .card-inner .link-check li a {
     color: #FFFFFF !important;
 }

 .link-check li a:hover {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
 }

 .page-item:last-child .page-link {
     background: #292828 !important;
     border: 1px solid #ffffff30 !important;
     color: #ffffff !important;
     border-radius: 4px;
     padding: 8px 14px;
     font-size: 12px;
 }

 .form-group h2 {
     color: #FFFFFF;
 }

 .btn-info {
     color: #fff;
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
     border: none !important;
 }

 .ni-cross-round-fill {
     color: #ff2d2d !important;
 }

 .accordion .form-control::placeholder {
     color: #FFFFFF;
 }

 .tox .tox-tbtn:hover {
     background: #000000 !important;
 }

 .tox .tox-collection--list .tox-collection__item--active {
     background: #000000 !important;
 }

 .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
     background: #000000 !important;
 }

 .tox-tinymce {
     border: none !important;
     border-radius: 12px !important;
 }

 .form-control {
     background: #000000;
     color: #FFFFFF;
     border: 1px solid #FFFFFF33 !important;
 }

 .form-control:focus {
     background: #141414;
     ;
     color: #FFFFFF;
     border: 1px solid #FFFFFF33 !important;
 }

 .search-content .form-control {
     border: none !important;
     background: transparent !important;
 }

 .search-wrap {
     background: #000000;
 }

 .search-wrap .search-content {
     background: #000000;
 }

 .search-content .form-control::placeholder {
     color: #FFFFFF;
 }

 .form-label {
     color: #B8B8B8 !important;
 }

 .price-plan .badge-secondary {
     border: none !important;
     background: #7042D2 !important;
     font-size: 9px !important;
     font-weight: normal !important;
     width: 50px !important;
     position: absolute !important;
     right: 10px !important;
     top: 13px !important;
     transform: unset !important;
     padding: 2px;
 }

 .store-plan .badge-secondary {

     width: 80px !important;

 }

 .warning-msg {
     color: #000000;
 }

 .iframe-bar .btn-outline-primary:hover {
     color: #fff;
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
 }

 .iframe-bar .btn-outline-primary {
     border: 1px solid #7042D2;
     background: #7042D2;
     color: #ffffff;
 }

 .iframe-bar .btn-right {
     border-radius: 0 15px 15px 0;
     background: #7042D233 !important;
     color: #ffffff !important;
     border-color: #7042D2 !important;
     border: 1px solid #7042D2 !important;
 }

 .iframe-bar .btn {
     padding: 6px 26px !important;
     border-radius: 8px !important;
 }

 .nk-body.ui-clean {
     background: linear-gradient(3deg, #20142bed, #000000, #000000, #20142b) !important;
 }

 .alert-info {
     color: #ffffff;
     background: linear-gradient(129deg, #2C2731, #1A1A1A, #211F20) !important;
     border-color: #656c6e;
 }

 .select2-container--default .select2-results__option[aria-disabled=true] {
     color: rgb(255 255 255) !important;
 }

 .code-block .prettyprint {
     background: #000000;
 }

 .pln {
     color: #ffffff;
 }

 .code-block .btn {
     color: #fff;
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
     border: none !important;
 }

 pre {
     color: #fff;
 }

 .code-block {
     background: #000000 !important;
 }

 .page-item .page-link {
     background: none !important;
     border: none !important;
     color: #ffffff !important;
     font-size: 16px;
 }

 .preview-icon-name {
     color: #fff;
 }

 .preview-icon-wrap .ni {
     color: #fff !important;
 }

 .gallery-item .card {
     border: none !important;
 }

 .gallery-item .checked-box {
     color: #fff !important;
 }

 .datepicker table tr td.today,
 .datepicker table tr td.today:hover,
 .datepicker table tr td.today.disabled,
 .datepicker table tr td.today.disabled:hover {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
     color: #ffffff;
 }

 .datepicker table tr td.day:hover,
 .datepicker table tr td.day.focused {
     background: linear-gradient(265deg, #b9bbe544, #9c7ddd22) !important;
     cursor: pointer;
 }

 .datepicker tfoot tr th:hover {
     background: linear-gradient(265deg, #b9bbe544, #9c7ddd22) !important;
 }

 .datepicker .datepicker-switch:hover,
 .datepicker .prev:hover,
 .datepicker .next:hover,
 .datepicker tfoot tr th:hover {
     background: linear-gradient(265deg, #b9bbe544, #9c7ddd22) !important;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6 {
     color: #FFFFFF;
 }

 .radio-selected {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
 }

 input[type=range] {
     -webkit-appearance: none;
     width: 100%;
     height: 8px;
     border-radius: 5px;
     background: #ddd;
     outline: none;
     --value: 43%;
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) no-repeat, #ddd;
     background-size: var(--value) 100%, 100% 100%;
 }

 input[type=range]::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     width: 18px;
     height: 18px;
     border-radius: 50%;
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) no-repeat, #ddd;
     border: 2px solid #7042D2;
     cursor: pointer;
     position: relative;
     z-index: 2;
 }

 input[type=range]::-moz-range-thumb {
     width: 18px;
     height: 18px;
     border-radius: 50%;
     background: white;
     border: 2px solid #7042D2;
     cursor: pointer;
 }

 input[type=range]::-moz-range-progress {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E);
     height: 8px;
     border-radius: 5px;
 }

 input[type=range]::-moz-range-track {
     background: #ddd;
     height: 8px;
     border-radius: 5px;
 }

 input[type=number] {
     color: #fff;
     caret-color: #fff;
     border-radius: 6px;
     padding: 6px 10px;
     color-scheme: dark;
 }

 .preview-stream {
     background: #000000 !important;
     border: 3px solid #968f8f;
 }

 #preview-canvas {
     border: 3px solid #968f8f !important;
 }

 .tox.tox-tinymce-aux .tox-toolbar__overflow {
     background-color: #000000 !important;
 }

 .tox .tox-dialog__header {
     background-color: #000000 !important;
 }

 .tox .tox-dialog {
     background-color: #000000 !important;
 }

 .tox .tox-form__group--stretched .tox-textarea {
     background-color: #000000 !important;
 }

 .tox .tox-dialog__footer {
     background-color: #000000 !important;
 }

 .nk-split-content {
     background: linear-gradient(180deg, #32213C, #0F0910, #332335);
     border-right: 1px solid rgb(255 255 255 / 0%);
 }

 .nk-split-page .bg-lighter {
     background: linear-gradient(37deg, #20142bed, #000000, #000000, #20142b) !important;
 }

 .nk-split-page .slider-wrap h2 {
     color: #FFFFFF !important;
 }

 .nk-split-page .slider-wrap h6 {
     color: #FFFFFF !important;
 }

 .nk-split-content .form-control {
     background: #000000;
     color: #FFFFFF;
     border: 1px solid rgba(255, 255, 255, 0.35) !important;
 }

 .nk-split-content .form-control-wrap .input-group .input-group-text {
     color: #FFFFFF !important;
 }

 .nk-split-content .form-control::placeholder {
     color: #FFFFFF !important;
 }

 .nk-block-des a {
     color: #E186F5 !important;
 }

 .btn-primary {
     color: #fff;
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E);
     border: none !important;
 }

 .nk-auth-footer p {
     color: #FFFFFF;
 }

 .upload-optimize {
     background-color: rgb(24 22 22 / 84%);
 }

 .user-avatar-xl,
 .user-avatar.xl {
     background: #462E76 !important;
 }

 .toastr {
     background: linear-gradient(129deg, #110e20, #523b83, #331573);
     border: 1px solid #4d477d;
     border-top-color: #4d477d !important;
     border-bottom-color: #4d477d !important;
     border-right-color: #4d477d !important;
 }

 .toastr.toast-success {
     border-color: #b188ed;
 }

 .toast-message {
     color: #b9bbe5
 }

 .toastr.toast-success .icon {
     color: #b188ed;
 }

 .file-upload-content span {
     color: #b8b8b8 !important;
 }

 .upload-icon {
     color: #b8b8b8 !important;
 }

 .file-upload {
     border: 2px dashed #b8b8b8 !important;
     background-color: #FFFFFF0A !important;
 }

 .file-upload:hover {
     border: 2px dashed #b8b8b8 !important;
     background-color: #483e52 !important;
 }

 .mobile-preview iframe {
     border-color: #272727 !important;
 }

 .tox .tox-button {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
 }

 .tox .tox-button--secondary {
     background-color: transparent !important;
     background: transparent !important;
 }

 .tox .tox-button--secondary:hover {
     background: linear-gradient(265deg, #b9bbe544, #9c7ddd22) !important;
 }

 .tox .tox-button--secondary:hover:not(:disabled) {
     background-color: transparent !important;
 }

 .btn-outline-danger {
     color: #FFFFFF;
     border-color: #b8b8b8;
 }

 .btn-outline-danger:hover {
     color: #FFFFFF;
     border-color: #b8b8b8;
     background: linear-gradient(265deg, #b9bbe544, #9c7ddd22) !important;
     background-color: linear-gradient(265deg, #b9bbe544, #9c7ddd22) !important;
 }

 .media-gallery-item .text {
     color: #ffffff;
     background: rgb(69 55 82);
 }

 .form-control::placeholder {
     color: #FFFFFF;
 }

 .tox .tox-tbtn--enabled {
     background: #000000 !important;
 }

 .tox .tox-menu {
     background: #262526 !important;
 }

 .ni-arrow-up-c {
     color: #B8B8B8 !important;
 }

 .nk-quick-nav-icon {
     color: #fff !important;
 }

 .code-block #qrcode {
     display: block;
     word-wrap: break-word;
 }

 .sp-preview-inner {
     border-radius: 50%;
     width: 20px;
     height: 20px;
     top: 4px;
     left: 4px;
     background: #141414;
     border: 1px solid white;
 }

 .sp-replacer {
     height: 36px;
     width: 65px;
     border: 1px solid #ffffff30;
     padding: 4px;
     background: #FFFFFF0A;
 }

 .sp-dd {
     padding: 8px 5px;
     height: 17px;
     line-height: 17px;
     color: #eff1f3;
 }

 .preview-hr {
     border-top: 1px solid #ffffff30;
 }

 .event-description-box {
     background: linear-gradient(#FFFFFF14, #FFFFFF14);
     padding: 10px 12px;
     border-radius: 12px;
     border: 1px solid #ffffff30;
     margin-top: 20px;
     margin-bottom: 8px;
 }

 .sp-container {
     background-color: #141414;
 }

 .sp-input {
     color: #EEEEEE;
 }

 .warning-msg {
     color: #FF5E5E !important;
 }

 .badge-outline-success {
     color: #ffffff;
     border-color: #009826;
     background: #50CD6F33;
     padding: 3px 15px;
     border-radius: 8px;
 }
 .badge-outline-success:hover{
     background-color: #0098268a;
     cursor: pointer;
 }

 .sp-container button {
     font-size: 12px;
     padding: 4px 4px;
 }

 .swal2-cancel {
     background-color: #FFFFFF0A;
     border-color: #FFFFFF33 !important;
 }

 .swal2-icon.swal2-warning {
     border-color: #FF5E5E !important;
     color: #FF5E5E !important;
     font-weight: 800;
 }

 .sp-preview {
     width: 30px;
     height: 30px;
 }

 .sp-dd {
     padding: 6px 5px;
     height: 15px;
     line-height: 17px;
     color: #ffffff;
 }

 .modal-body .btn-outline-danger {
     color: #FFFFFF;
     border-color: #FF000099;
     background: #FF000026 !important;

 }

 iframe body {
     background-color: #000000 !important;
 }

 input[type="file"]::file-selector-button {
     background: #4caf50;
     color: white;
 }

 input[type="file"]::file-selector-button:hover {
     background: #45a049;
 }

 .custom-txt {
     font-size: 20px;
     color: #FFFFFF;
 }

 .preview-del-btn {
     background: none;
     border: none;
 }

 .preview-del-btn .icon {
     color: #FFFFFF;
     font-size: 18px;
 }

 .preview-del-btn .icon:focus-visible {
     outline: none !important;
 }

 .manage-data-para {
     color: #FFFFFF;
     font-size: 20px;
 }

 .test-email-btn {
     background-color: #141320;
     color: #FFFFFF;
 }

 .screen-button-accordian .form-group .form-control {
     color: #FFFFFF80 !important;
 }

 .accordion .report-inner .form-control {
     color: #FFFFFF80;
 }

 .custom-control-input[disabled]~.custom-control-label::before,
 .custom-control-input:disabled~.custom-control-label::before {
     background-color: #f5f6fa5c !important;
 }

 .divider {
     border-top: 1px solid #4b4747 !important;
 }

 .show-only-back {
     color: #616161 !important;
 }

 .tox .tox-toolbar-overlord {
     background-color: #272627 !important;
 }

 @media only screen and (max-width:600px) {
     .nk-menu-trigger {
         display: block !important;
     }

     .nk-sidebar-fat+.nk-wrap {
         padding-left: 0;
     }

     .nk-sidebar-fat+.nk-wrap>.nk-header-fixed {
         left: 0px;
     }

     .container-fluid,
     .container-sm,
     .container-md,
     .container-lg,
     .container-xl,
     .container-xxl {

         padding-left: 14px !important;
     }

     .custom-margin-row {
         margin-right: -14px !important;
     }

     .nk-content {
         padding: 25px 0px;
     }

     .pl-0 {
         padding-left: 14px !important;
     }

     .nk-sidebar-fat .nk-sidebar-head {
         background: transparent;
     }

     .nk-block-title {
         display: none !important;
     }

     .col-lg-6,
     .col-lg-5 {
         margin-bottom: 10px;
     }

     .nk-header-tools {
         margin-left: 0 !important;
     }

     .nk-header-tools .hide-mb-sm {
         display: block !important;
         padding-right: 0px !important;
     }

     .nk-header-brand {
         margin: auto !important;
     }

     .btn-trigger+.dropdown-menu-right {
         overflow-y: scroll;
         min-height: 27vh !important;
         height: 100% !important;
     }

     .pagination {
         justify-content: right !important;
     }

     .display-mobile-block {
         display: block !important;
     }

     .nk-content-inner .nav-tabs .nav-link {
         padding: 14px 20px;
     }

     .nk-content-inner .nav-tabs .nav-link.active {
         padding: 14px 20px;
     }

     .nk-content-inner .nk-block-tools ul {
         width: 100%;
     }

     .nk-content-inner .nk-block-tools li {
         width: 100%;
     }

     .nk-content-inner .nk-block-tools button {
         width: 100%;
         margin: 18px 0;
         padding: 12px 15px !important;
         border-radius: 12px;
     }

     .nk-block-head .form-control-lg {
         margin: auto;
         max-width: 320px;
         font-size: 16px;
     }

     .card-title .title {
         font-size: 16px;
     }

     .card .card-inner {
         padding: 18px 12px;
     }

     .margin-mobile {
         margin-bottom: 12px !important;
     }

     .nk-block-des {
         margin-bottom: 5px;
     }

     .form-group {
         margin-bottom: 5px !important;
     }

     .select2-container {
         margin-bottom: 5px !important;
     }

     .accordion .btn-secondary {
         margin-bottom: 5px;
     }

     .nk-block-head .form-group .form-control {
         margin-bottom: 6px !important;
     }

     .btn-outline-secondary {
         margin-bottom: 5px;
     }

     .form-control-wrap {
         margin-bottom: 5px;
     }

     .form-label+.form-note {
         margin-bottom: 6px;
     }

     .tox .tox-toolbar,
     .tox .tox-toolbar__overflow,
     .tox .tox-toolbar__primary {
         background-color: #000000 !important;
     }

     .btn-light {
         margin-bottom: 5px;
     }

     .col-md-6 {
         margin-bottom: 5px;
     }

     .nav-tabs {
         flex-direction: row !important;
         flex-wrap: nowrap !important;
         overflow-x: scroll;
     }

     .nav-tabs .nav-item {
         flex: 0 0 auto;
     }

     .nk-content-inner .nav-tabs .nav-link:after {
         bottom: -5px;
     }

     .table-responsive {
         overflow-x: auto;
     }

     .table .badge-dim.badge-secondary {
         padding: 4px 8px !important;
     }

     .nk-block-head .col-md-10 p {
         display: block !important;
         margin-bottom: 6px;
     }

     .nk-block-head .col-md-10 {
         display: block !important;
     }

     .mobile-preview {
         margin-top: 15px;
     }

     .col-md-8 #canvas_section {
         max-width: 320px;
     }

     .preview-fixed {
         right: 0 !important;
         left: 0 !important;
     }

     #filter_video_player {
         max-width: 100%;
     }

     .mobile-table-response td:last-child {
         display: flex;
         width: 175px;
         align-items: center;
         justify-content: center;
     }

     .mobile-table-response th:last-child {
         width: 175px !important;
     }

     .mobile-table-response td {
         width: 85px;
     }

     .mobile-table-response th {
         min-width: 85px;
     }

     .mobile-table-response tr {
         display: flex;
     }

     .color-row-mobile tr {
         display: flex;
     }

     .color-row-mobile td {
         width: 130px !important;
     }

     .color-row-mobile th {
         min-width: 130px !important;
     }

     .justify-mobile {
         justify-content: end;
     }

     .justify-mobile td {
         border: none !important;
     }

     .card .table tr th,
     .card .table tr td {
         width: 110px !important;
         text-align: center !important;
         min-width: 100px;
     }

     .table tr {
         display: flex !important;
     }

     .tb-tnx-item th,
     .tb-tnx-head th {

         width: 110px !important;
     }

     .color-row-mobile .tb-tnx-head th {
         width: 130px !important;
     }

     .tb-tnx-action:last-child {
         justify-content: center;
     }

     .card-inner .nk-block-tools {
         display: block;
     }

     .nk-sidebar-fat .nk-sidebar-head .logo-img {
         max-width: 150px !important;
     }

     .nk-block-between {
         display: block;
     }

     .group-block-mobile {
         display: block !important;
     }

     .margin-mobile {
         margin-bottom: 5px;
     }

     .search-container .search-label {
         display: none;
     }

     .search-container .btn-danger {
         margin-top: 5px;
     }

     .search-container .btn-primary {
         margin-top: 5px;
     }

     .nk-block-head-content .btn {
         margin-bottom: 0;
     }

     .group-block-mobile li a {
         margin-bottom: 5px !important;
     }

     .group-block-mobile .btn-toolbar {
         justify-content: flex-end;
     }

     .table thead th {
         width: 110px;
     }

     .table td {
         width: 110px;
         text-align: center;
         word-wrap: break-word;
         flex-grow: unset !important;
     }

     .group-block-mobile .btn-toolbar-sep {
         display: none;
     }

     .moderator-flex .nav-tabs {
         flex-wrap: nowrap !important;
         overflow-x: scroll !important;
     }

     .moderator-flex .nav-tabs .nav-item.show .nav-link {
         background-color: #473853;
         color: #fff !important;
         display: flex;
         align-items: center;
     }

     .code-block img {
         width: 115px !important;
         height: 115px !important;
     }

     .row .col-md-9 .form-group {
         text-align: left !important;
     }

     input[type=range] {
         --value: 48%;
     }

     .tb-tnx-id,
     .tb-tnx-head th:first-child {
         min-width: 110px !important;
     }

     .quiz-paginate td {
         width: 210px !important;
         border: none;
     }

     .quiz-paginate {
         justify-content: end !important;
     }

     .custom-width-td {
         width: 150px !important;
     }

     .tb-tnx-head .custom-width-td {
         width: 150px !important;
     }

     .mobile-canvas-margin {
         margin-top: 30px;
     }

     .no-slot-add td {
         width: 100% !important;
     }

     .toastr {
         width: 340px !important;
     }

     iframe.portrait {
         width: 360px !important;
         height: 588px !important;
     }

     .table tr .no-user-found {
         width: 100% !important;
         min-width: 100% !important;
     }

     table .extra-width-phone {
         width: 155px !important;
     }

     #qrcode {
         display: block !important;
     }

     .custom-width-ul .search-li {
         width: 85%;
         text-align: end;
     }

     .custom-width-ul .setting-li {
         width: 15%;
         text-align: end;
     }

     .custom-txt {
         font-size: 16px;
     }
 }

 @media only screen and (min-width:601px) and (max-width:1199px) {
     .nk-menu-trigger {
         display: block !important;
     }

     .nk-sidebar-fat+.nk-wrap {
         padding-left: 0;
     }

     .nk-sidebar-fat+.nk-wrap>.nk-header-fixed {
         left: 0px;
     }

     .container-fluid,
     .container-sm,
     .container-md,
     .container-lg,
     .container-xl,
     .container-xxl {
         padding-left: 14px !important;
     }

     .custom-margin-row {
         margin-right: 0px !important;
         margin-left: 0px !important;
     }

     .nk-content {
         padding: 25px 0px;
     }

     .pl-0 {
         padding-left: 14px !important;
     }

     .nk-sidebar-fat .nk-sidebar-head {
         background: transparent;
     }
 }

 @media only screen and (min-width:1200px) and (max-width:1366px) {

     .nk-sidebar-fat {
         width: 290px;
     }

     .nk-sidebar-fat+.nk-wrap {
         padding-left: 290px;
     }

     .nk-sidebar-fat+.nk-wrap>.nk-header-fixed {
         left: 290px;
     }

     .nk-sidebar-fat .nk-sidebar-head {
         background: transparent;
     }
 }

 .table th,
 .table td {
     text-align: left !important;
     padding-left: 22px;
 }

 .table th {
     text-transform: capitalize;
     border-radius: unset !important;
 }

 ::-webkit-scrollbar {
     height: 4px;
     width: 8px;
 }

 ::-webkit-scrollbar-track {
     background: transparent;
 }

 ::-webkit-scrollbar-thumb {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
     border-radius: 10px;
     width: 8px;
 }

 .checked-box {
     top: 0px !important;
     right: 0px !important;
     color: #ffffff !important;
     left: auto !important;
 }

 .delete-btn {
     top: 2px !important;
     left: 4px !important;
 }

 .media-gallery-item {
     border: 6px solid #000000 !important;
 }

 .media-gallery-item .text {
     background: #000000;
     padding-top: 5px;
 }

 .media-gallery-item {
    width: 170px !important;
    height: 150px !important;
    border-radius: 10px;
 }

 .media-gallery-item img {
     width: 100%;
     padding: 0px;
     object-fit: cover !important;
 }

 .selected-item {
     border: 4px solid #e2e4e6 !important;
 }

 .gallery-tabel-responsive {
     overflow-x: auto !important;
 }

 .delete-btn {
     color: #BC0000 !important;
 }

 .mce-content-body {
     background-color: #2727278c !important;
 }

 .select2-container--default .select2-selection--single {
     background-color: transparent;
 }

 .tox-tinymce {
     border: 1px solid #FFFFFF4D !important;
     margin-top: 12px;
 }

 .btn>span {
     font-size: 14px;
 }

 .ace-editor {
     border: 1px solid #dbdfea52 !important;
 }

 .tox:not(.tox-tinymce-inline) .tox-editor-header {
     padding-bottom: 0 !important;
 }

 .img-box-main {
     border: 3px solid #776b6bc4;
 }

 .tox .tox-mbtn:focus:not(:disabled) {
     background: #292828 !important;
 }

 .input-group {
     outline: none !important;
 }

 .nk-block-head .form-group .form-control-select .form-control {
     background-color: #1d1b1b !important;
 }

 .event-create-modal .modal-header {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     padding: .7rem 1.25rem;
     background: #7042D2;
     margin: 12px;
     border-radius: 12px;
     border-bottom: none;
 }

 .event-create-modal .modal-body .form-control {
     color: #FFFFFFFF !important;
     background-color: #FFFFFF0A !important;
     border: 1px solid #FFFFFF33 !important;
     padding: 6px 15px !important;
     height: calc(2rem + 3px) !important;
 }

 .event-create-modal .modal-body select.form-control {
     background-color: #333030 !important;
 }

 .event-create-modal .modal-body .form-control::placeholder {
     color: #FFFFFF80 !important;
 }

 .event-create-modal .form-icon {
     right: 3px;
 }

 .event-create-modal .btn-primary {
     background: #7042D2 !important;
     border: none !important;
     border-color: unset !important;
     padding: 7px 15px !important;
     width: 100% !important;
 }

 .event-create-modal .btn-outline-secondary {
     background: #7042D233 !important;
     border: 1px solid #7042D2 !important;
     width: 100%;
     padding: 7px 15px !important;
 }

 .create-event-btn {
     padding: 12px 24px !important;
 }

 .event-card {
     background-color: transparent !important;
 }

 .event-card .table thead th {
     text-align: left !important;
     padding-left: 20px;
 }

 .event-card .table td {
     text-align: left !important;
     padding-left: 20px;
 }

 .detail-right-btn {
     padding: 10px 12px !important;
     max-width: 145px;
     text-align: right;
     float: right;
     border-radius: 8px;
 }

 .text-email-btn {
     background-color: #FFFFFF12 !important;
     border: 1px solid #FFFFFF59 !important;
     color: #fff;
     padding: 10px 12px !important;
     max-width: 145px;
     text-align: right;
     float: right;
     border-radius: 8px;
 }

 .tox .tox-toolbar,
 .tox .tox-toolbar__overflow,
 .tox .tox-toolbar__primary {
     background-color: #272627 !important;
 }

 .dashboard-content .total-card-media {
     background: linear-gradient(90deg, #FFFFFF1A, #FFFFFF1A) !important;
 }

 .dashboard-content .card {
     background-color: transparent;
 }

 .dashboard-content .upcoming-event {
     background: linear-gradient(90deg, #FFFFFF1A, #FFFFFF1A) !important;
 }

 .dashboard-content .card-title .title {
     color: #D5D5D5 !important;
 }

 .table .badge-dim.start-date-badge {
     background-color: #7042D2 !important;
     background: #7042D2 !important;
 }

 .table .badge-dim.end-date-badge {
     background-color: #2E008E !important;
     background: #2E008E !important;
 }

 .dashboard-event .card {
     background-color: transparent !important;
 }

 .label-white {
     color: #fff !important;
 }

 .btn-gallery-gradient {
     background: linear-gradient(129deg, #b59c85, #7042D2, #2E008E) !important;
     border: none !important;
     border-color: unset !important;
     text-align: center;
     justify-content: center;
     padding: 6px;
     border-radius: 6px !important;
     color: #fff !important;
 }

 .template-position .btn-danger {
     color: #fff;
     background-color: #BC0000 !important;
     border-color: #BC0000 !important;
     position: absolute !important;
     top: 10px;
     left: 10px;
     text-align: center;
     justify-content: center !important;
     padding: 5px !important;
     border-radius: 30px !important;
     width: 25px;
     height: 25px;
 }

 .video-filter-box {
     position: relative;
 }

 .video-filter-box .btn-danger {
     color: #fff;
     background-color: #BC0000 !important;
     border-color: #BC0000 !important;
     position: absolute !important;
     top: 5px;
     left: 8px;
     text-align: center;
     justify-content: center !important;
     padding: 5px !important;
     border-radius: 30px !important;
     width: 25px;
     height: 25px;
 }

 .video-filter-box .btn-info {
     position: absolute !important;
     top: 5px;
     right: 19px;
     border-radius: 30px !important;
     width: 25px;
     height: 25px;
     background: none !important;
 }

 .video-filter-box .btn-info span {
     background: linear-gradient(129deg, #b59c85, #7042D2, #2E008E) !important;
     padding: 5px;
     border-radius: 50%;
     width: 25px !important;
     height: 25px;
     line-height: 17px;
 }

 .video-filter-box .btn-info span .icon {
     font-size: 14px !important;
     line-height: 10px;
 }

 .accordion .gift-btn .btn-secondary {
     padding: 0.30rem 0.75rem !important;
     border-radius: 3px !important;
 }

 .datepicker table tr td.today:hover:hover {
     color: #fff !important;
 }

 .gift-table th,
 .gift-table td {
     text-align: left !important;
     padding-left: 10px !important;
 }

 .video-filter-box .btn-danger span {
     line-height: 11px;
 }

 .detial-btn-row .btn-light {
     background: #462E76 !important;
 }

 .detial-btn-row .btn-light:hover {
     background-color: #292828 !important;
 }

 .template-select {
     background: #312d2d;
     color: #fff;
     border: 1px solid #FFFFFF33 !important;
 }

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

 .modal-header {
     border-bottom: 1px solid #FFFFFF4D !important;
 }

 .border {
     border: 1px solid #FFFFFF4D !important;
 }

 .gallery {
    border-radius: 12px;
    height: 345px !important;
    padding-top: 0.6rem !important;
    padding-left: 0.6rem !important;
 }

 .accordion-item:last-child .accordion-inner {
     border-top: 1px solid rgb(102 95 95 / 34%) !important;
 }

 .dropdown-menu {
     min-width: 170px !important;
 }

 .link-list-opt.no-bdr {
     padding: .5rem 5px !important;
 }

 .accordion-item:not(:last-child) .accordion-inner {
     border-bottom: none !important;
     border-radius: unset !important;
 }

 .screen-title {
     border-top-left-radius: 9px !important;
     border-top-right-radius: 9px !important;
     border-bottom: none !important;
 }

 .bg-image.landscape {
     border-radius: 9px;
 }

 #general-tab .accordion .screen-footer {
     border: 1px solid #505050;
     border-top: none;
     border-bottom-right-radius: 9px !important;
     border-bottom-left-radius: 9px !important;
 }

 #general-tab .accordion .screen-footer .btn-secondary {
     padding: 9px !important;
 }

 .img-wrap-view {
     padding: 9px;
     padding-top: 0;
     background: #272727;
     border: 1px solid #505050;
     border-top: none;
     border-bottom: none;
 }

 .remove-image-icon {
     position: absolute;
     left: 5px;
     top: 5px;
    width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
     margin: 0;
 }

 .check-image-icon {
     position: absolute;
     right: 5px;
     top: 5px;
        width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
     margin: 0;
 }
 .gallery-save-btn{
    width: 80% !important;
    float: right;
 }