 @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;
 } */
  .table-responsive {
    overflow-x: auto;
}

 .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 {
     /* min-height: 87vh;
     background: linear-gradient(37deg, #20142bed, #000000, #000000, #20142b) !important; */
     padding: 25px;
     margin-top: 80px;
 }

 .nk-sidebar-fat .nk-menu {
     padding-left: 0;
     padding-right: 0;
     max-width: 262px;
     margin: auto;
 }

 .nk-block-between {
     justify-content: left;
 }

 .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: rgba(255, 255, 255, 0.35);
 }

 .card-inner-group .card-inner:not(:last-child) {
     border-bottom: 1px solid rgba(255, 255, 255, 0.35);
 }

 .table thead tr:last-child th {
     border-bottom: 1px solid rgba(255, 255, 255, 0.35);
 }

 .badge-dim.badge-secondary {
     color: #FFFFFF !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(94deg, #FCC188, #7042D2, #2E008E);
 }

 .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 15px;
     border-radius: 3px;
     margin-left: 10px;
     background: linear-gradient(129deg, #8071a7, #7043d1, #1e0a48) !important;
 }

 .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 #5C5B5E !important;
 }

 .total-card-media {
     background: linear-gradient(90deg, #31293A, #1C1B1E) !important;
 }

 .upcoming-event {
     background: linear-gradient(90deg, #383538, #403840) !important;
 }

 .card {
     border: 2px solid rgba(255, 255, 255, 0.35);
     border-radius: 12px;
     background-color: #141320;
 }

 .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;
 }

 .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: #E186F5 !important;
 }

 .nk-footer-copyright {
     color: #FFFFFF;
 }

 .nk-content-inner .nav-tabs .nav-link.active {
     color: #D5D5D5 !important;
     border: none;
     background-color: #342B3D;
     padding: 14px 26px;
     /* border-bottom: 1px solid rgba(255, 255, 255, 0.35); */
 }

 .nk-content-inner .nav-tabs .nav-link {
     padding: 14px 26px;
 }

 .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: #ffffff !important;
 }

 .nk-content-inner .nav-tabs .nav-link:after {
     left: 0;
     right: 0;
     bottom: -6px;
     height: 3px !important;
     background: linear-gradient(94deg, #FCC188, #7042D2, #2E008E) !important;
     opacity: 0;
 }

 .nav-tabs .nav-link.active:after {
     opacity: 1 !important;
 }

 .nav-tabs {
     padding-bottom: 7px;
 }

 .badge-secondary {
     background: none !important;
     border: none !important;
 }

 .nav-tabs .nav-link {
     color: #FFFFFF;
 }

 .nk-block-head-content .btn {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
     color: #FFFFFF;
     border: none !important;
 }

 .tb-tnx-head {
     background: linear-gradient(129deg, #2C2731, #1A1A1A, #211F20) !important;
     color: #FFFFFF;
 }

 .tb-tnx-head th {
     color: #FFFFFF;
     padding: 1.2rem .25rem;
 }

 .btn-icon .icon {
     color: #FFFFFF;
 }

 .table .badge-dim.badge-secondary {
     color: #ffffff !important;
     border: none !important;
     background: linear-gradient(129deg, #877899, #323032) !important;
     padding: 8px 18px !important;
     font-weight: normal;
     margin-bottom: 5px;
 }

 .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: linear-gradient(58deg, #231830, #6e6467) !important;
     border: none !important;
     border-radius: 4px;
     color: #ffffff !important;
     font-size: 12px;
     padding: 8px 14px;
 }

 .page-item.active .page-link {
     background: none;
     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;
 }
.head-img {
    width: 50px;
}
 .event-title {
     color: #D5D5D5 !important;
 }

 ul.timeline>li {
     background: linear-gradient(41deg, #3A3043, #26222C, #201E22);
     border: none !important;
     border-radius: 12px;
     padding: 6px 9px;
 }

 .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;
 }

 .card .card-inner .link-list-opt a {
     color: #FFFFFF !important;
 }

 .link-list-opt.no-bdr {
     background: #000000 !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: #342b3d !important;
     /* border: none !important; */
 }

 .nk-block-head .form-group .form-control::placeholder {
     color: #FFFFFF !important;
 }

 .nk-block-head .form-group .form-label {
     color: #FFFFFF;
 }

 .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 .btn-danger {

     color: #FFFFFF !important;
     border: none !important;
 }

 .price-plan {
     background-color: #342b3d !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-color: #000000;
 }

 .btn-trigger:before {
     background: linear-gradient(94deg, #FCC188, #7042D2, #2E008E) !important;
 }

 .modal-content {
     background: linear-gradient(333deg, #20142bed 0%, #20142bed 18%, #000000 45%, #000000 58%, #20142bed 77%, #20142bed 100%);
 }

 .modal-header h5 {
     color: #FFFFFF;
 }

 .modal-header .close {
     color: #ffffff !important;
     opacity: 1 !important;
 }

 .modal-body input {
     color: #ffffff !important;
     background-color: #342b3d !important;
     border: none;
 }

 .custom-file-label {
     color: #ffffff !important;
     background-color: #342b3d !important;
     border: 1px solid gray;
 }

 .text-secondary {
     color: #ffffff;
 }

 .modal-body .form-control {
     color: #ffffff !important;
     background-color: #342b3d !important;
 }

 .modal-body .form-label {
     color: #ffffff;
 }

 .modal-body select {
     border: none !important;
 }

 .form-control:disabled {
     background-color: #524751 !important;
     color: #bbb9bd !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: #141320;
     box-shadow: 0 0 5px 0px #ededed;
 }

 .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: linear-gradient(129deg, #231830, #332A2C) !important;
 }

 .accordion-head.collapsed {
     background-color: #342b3d;
 }

 .accordion-head {
     background-color: #342b3d;
 }

 .accordion-head.collapsed .title {
     color: #FFFFFF;
 }

 .accordion-head.collapsed .accordion-icon:before {
     color: #ffffff;
 }

 .accordion-icon:before {
     color: #ffffff !important;
 }

 .accordion-body {
     background-color: #342b3d;
 }

 .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 rgba(255, 255, 255, 0.35);
 }

 .accordion {
     border-radius: 4px;
     border: 3px solid rgba(255, 255, 255, 0.35);
     background: #342b3d !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: #342b3d;
     border: #7b7581 solid 2px;
 }

 .custom-switch .custom-control-label::after {
     background-color: #FFFFFF;
 }

 .accordion .btn-secondary {
     background: linear-gradient(129deg, #b59c85, #7042D2, #2E008E) !important;
     border: none !important;
     border-color: unset !important;
 }

 select option:hover {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
     color: #FFFFFF !important;
 }

 .accordion .nav-link {
     color: #ffffff;
 }

 .form-note {
     color: #B8B8B8;
 }

 .accordion-head .title {
     color: #FFFFFF;
 }

 .select2-container--default .select2-selection--single .select2-selection__rendered {
     background: #342b3d;
     color: #FFFFFF;
     border: 1px solid rgba(255, 255, 255, 0.35);
 }

 .accordion .form-control {
     background: #342b3d;
     color: #FFFFFF;
     border: 1px solid rgba(255, 255, 255, 0.35) !important;
 }

 .select2-container--default .select2-selection--single {
     border: none !important;
 }

 .select2-dropdown {
     background-color: #342b3d;
     border: 1px solid rgba(255, 255, 255, 0.35);
 }

 .dropdown-menu {
     background-color: #342b3d;
     border: 1px solid rgba(255, 255, 255, 0.35);
     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: #47444d !important;
 }

 .screen-title {
     background-color: #47444d !important;
     color: #FFFFFF;
     border: 1px solid rgba(255, 255, 255, 0.35);
     border-bottom: none;
 }

 .input-group-text {
     background-color: transparent;
     border: 1px solid rgba(255, 255, 255, 0.35);
 }

 .select2-results__option[aria-selected] {
     color: #FFFFFF;
 }

 #tinymce {
     color: #FFFFFF !important;
 }

 .tox:not(.tox-tinymce-inline) .tox-editor-header {
     background-color: #342b3d !important;
 }

 .tox .tox-toolbar__primary {
     background-color: #342b3d !important;
 }

 .tox .tox-menubar {
     color: #ffffff !important;
     background-color: #342b3d !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-edit-area__iframe {
    background-color: #342b3d !important;
    color: #ffffff !important;
} */
 .tox .tox-statusbar {
     align-items: center !important;
     background-color: #342b3d !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: #141320 !important;
     border: none !important;
 }

 .tab-pane .col-md-4 .card a {
     color: #FFFFFF !important;
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
 }

 .template-footer {
     color: #FFFFFF !important;
 }

 .tox .tox-tbtn--bespoke {
     background: #342b3d !important;
     border: 1px solid rgba(255, 255, 255, 0.35) !important;
 }

 .tox .tox-collection--list .tox-collection__group {
     background: #342b3d !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: #D5D5D5 !important;
     border: none !important;
     background: linear-gradient(129deg, #231830, #332A2C) !important;
 }

 .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: linear-gradient(285deg, #231830, #6e6467) !important;
     border: none !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: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
 }

 .tox .tox-collection--list .tox-collection__item--active {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
 }

 .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
 }

 .form-control {
     background: #342b3d;
     color: #FFFFFF;
     border: 1px solid rgba(255, 255, 255, 0.35) !important;
 }

 .form-control:focus {
     background: #342b3d;
     color: #FFFFFF;
     border: 1px solid rgba(255, 255, 255, 0.35) !important;
 }

 .search-content .form-control {
     border: none !important;
     background: transparent !important;
 }

 .search-wrap {
     background: #141320;
 }

 .search-wrap .search-content {
     background: #141320;
 }

 .search-content .form-control::placeholder {
     color: #FFFFFF;
 }

 .form-label {
     color: #B8B8B8 !important;
 }

 .price-plan .badge-secondary {
     border: none !important;
     background: #370998 !important;
     font-size: 8px !important;
     font-weight: normal !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 #2E008E;
 }

 .nk-body.ui-clean {
     /* background: #fff !important; */
     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: #19131e;
 }

 .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: #19131e !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;
     /* fallback */
     outline: none;
     --value: 43%;
     /* default fill percentage */
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) no-repeat, #ddd;
     background-size: var(--value) 100%, 100% 100%;
 }

 /* Thumb for Chrome/Edge/Safari */
 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;
     /* optional border to match theme */
     cursor: pointer;
     position: relative;
     z-index: 2;
 }

 /* Thumb for Firefox */
 input[type=range]::-moz-range-thumb {
     width: 18px;
     height: 18px;
     border-radius: 50%;
     background: white;
     border: 2px solid #7042D2;
     cursor: pointer;
 }

 /* Firefox progress (filled) */
 input[type=range]::-moz-range-progress {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E);
     height: 8px;
     border-radius: 5px;
 }

 /* Firefox unfilled part */
 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;
     /* The key: tells the browser to draw built-in controls (spin buttons) in dark mode */
     color-scheme: dark;
 }

 .preview-stream {
     background: #342b3d !important;
     border: 3px solid #968f8f;
 }

 #preview-canvas {
     border: 3px solid #968f8f !important;
 }

 .tox.tox-tinymce-aux .tox-toolbar__overflow {
     background-color: #342b3d !important;
 }

 .tox .tox-dialog__header {
     background-color: #342b3d !important;
 }

 .tox .tox-dialog {
     background-color: #342b3d !important;
 }

 .tox .tox-form__group--stretched .tox-textarea {
     background-color: #342b3d !important;
 }

 .tox .tox-dialog__footer {
     background-color: #342b3d !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: #342b3d;
     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: transparent !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: #342b3d !important;
 }

 .file-upload:hover {
     border: 2px dashed #b8b8b8 !important;
     background-color: #483e52 !important;
 }

 .mobile-preview iframe {
     border-color: #342b3d !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: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
 }

 .tox .tox-menu {
     background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
 }

 .ni-arrow-up-c {
     color: #B8B8B8 !important;
 }

 .nk-quick-nav-icon {
     color: #fff !important;
 }


 /* .tox .tox-collection--list .tox-collection__item--enabled {
    background-color: transparent;
} */


 /* @media only screen and (min-width:2000px) and (max-width:3000px) {
     .nk-content {
         min-height: 88vh;
     }
 }
 @media only screen and (min-width:3100px) and (max-width:6000px) {
     .nk-content {
         min-height: 94vh;
     }
 } */

 @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: #342b3d !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;
     }
     .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{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
} */
.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;
}


     /* .card-title-group{
        display: block !important;
     } */


     /* .nk-content-inner .nav-tabs .nav-link.active:before{
        display: none !important;
    } */

 }

 @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;
     }

 }

 
 

/* Scrollbar styling (for all elements) */
::-webkit-scrollbar {
  height: 2px;  
  width: 6px;
}

::-webkit-scrollbar-track {
  background: transparent; /* no track */
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(129deg, #FCC188, #7042D2, #2E008E) !important;
  border-radius: 10px;
   width: 4px;
}