.dropzone {
  border: 1px dashed #cccccc;
  border-radius: 5px;
  background: #f7fafc;
  padding: 20px;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.dropzone.dragover {
  background: #ebf8ff;
}

.dropzone .message {
  font-size: 1rem;
  font-weight: 500;
  color: #2d3748;
}

.dropzone .sub {
  color: #718096;
  font-size: 0.875rem;
}

select.form-control.w-full.bg-white.status {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}

.preview-image {
  max-width: 30%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
  transition: filter 0.3s, opacity 0.3s;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.preview-image.loading {
  filter: blur(10px);
  opacity: 1;
}

.upload-animation {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #242222cc;
  padding: 10px;
  border-radius: 5px;
}

.animation-content {
  display: flex;
  align-items: center;
  animation: slideIn 2s forwards;
}

@keyframes slideIn {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

.upload-animation svg {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.tab-link.active {
  background-color: #005eb8;
  color: white !important;
  margin-right: 15px;
  padding-left: 5px;
  border-radius: 10px;
  height: 45px;
  width: -webkit-fill-available;
}

.mt-1.ml-2.text-base.font-medium.text-slate-700 {
  overflow-wrap: anywhere;
}

@media only screen and (min-width: 800px) and (max-width: 1030px) {
  .image-fit.zoom-in.h-48.w-48 {
    width: 27%;
    height: 5rem !important;
  }

  label.block.mt-1.ml-2.text-sm.font-medium.text-red-700 {
    font-size: 10px;
    margin: 0px;
  }

  svg.lucide.lucide-circle.stroke-1\.5.h-\[20px\].w-\[20px\].mt-1.text-danger {
    display: none;
  }

  span.block.mt-1.ml-5.text-sm.font-medium {
    margin-left: 5px;
  }

  a.flex.items-center.tab-link.active.font-medium.text-primary {
    width: 165px;
  }

  .intro-y.box.mt-12.p-5.sm\:mt-5.map {
    width: 460px;
  }
}

.btn-common:hover {
  background: #131a22 !important;
  border: 1px solid #131a22 !important;
}

.btn-common {
  background: #005eb8 !important;
  border: 1px solid #005eb8 !important;
}

.btn-common.selected {
  background-color: white !important;
  color: #005eb8;
  border: 1px solid white !important;
}

/* @media (max-width: 1258px) {
    .responsive-adjustment {
        margin-top: -180 !important; 
        margin-left: 0 !important;
    } */
/* } */

/* tr#re-odering.moveable{
    list-style: none;
    margin: 0px;

    td {
        list-style-image: none;
        margin: 10px;
        border: 1px solid #ccc;
        padding: 4px;
        border-radius: 4px;
        color: #666;
        cursor: move;
    
        &:hover {
          background-color: #eee;
        }
      }
} */

/* #report-donut-chart {
    height: 226px;
    width: 100%;
}

#report-donut-chart2 {
    height: 370px;
    width: 100%;
} */

/* .light .bg-primary {
    background-color: #005EB8;
} */

html.theme-2.light {
  /* .border-primary {
        --tw-border-opacity: 1;
        border-color: 1px solid #005EB8;
    } */
  .tab-link.active {
    background-color: #333;
    color: white !important;
    margin-right: 15px;
    padding-left: 5px;
    border-radius: 10px;
    height: 45px;
    width: -webkit-fill-available;
  }

  [type="checkbox"],
  [type="radio"] {
    color: #005eb8;
  }

  [type="checkbox"]:focus,
  [type="radio"]:focus {
    color: #005eb8;
    --tw-ring-color: #005eb8;
  }

  .dropdown-content.rounded-md.border-transparent {
    background-color: #333 !important;
  }
}

.dark .bg-primary {
  background-color: #005eb8;
}

.dark .bg-primary:hover {
  color: #005eb8;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}

.dark .text-primary {
  color: #005eb8;
}

.dark\:border-primary:is(.dark *) {
  border-color: #005eb8 !important;
}

.bg-theme-1 {
  background-color: #005eb8 !important;
}

button.text-slate-800.py-2.px-3.absolute.right-0.my-auto.mr-2.btn-common.btn-close {
  display: none;
}

.accordion-button {
  /* background-color: #131A22; */
  background-color: #737c87e3;
  height: 50px;
  border-radius: 10px;
  color: white;
  font-weight: 500;
  font-size: 15px;
}

.white-btn {
  background-color: #1d1f24;
  color: #ffffff;
}

.session-view {
  color: #005eb8;
}

.wrong-answer {
  background-color: #ff00004f;
  color: white !important;
}

.right-answer {
  background-color: #00830057;
  color: white !important;
}

.only-text {
  color: #111111;
}

.vr-session-detail {
  color: hsla(0, 0%, 13%, 1) !important;
  font-weight: 500;
}

.vr-tabs.active-border {
  border: 2px solid #005eb8;
  /* Orange border for active tab */
  border-radius: 7px;
  padding: 8px;
}

.tab-link11 {
  display: flex;
  /* Make it a flex container */
  align-items: center;
  /* Center items vertically */
  justify-content: center;
  /* Center items horizontally */
  text-decoration: none;
  /* Remove underline */
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  padding: 8px;
  /* Optional: Adjust padding as needed */
}

.user-report-card {
  box-shadow: 0px 3px 5px #0000000b;
  border: 1px solid #e7e7e785;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity)) !important;
}

.overdueCourses {
  color: #475569 !important ;
}

html.default.light {
  .rubick.px-5.sm\:px-8.py-5.before\:content-\[\'\'\].before\:bg-gradient-to-b.before\:from-theme-1.before\:to-theme-2.dark\:before\:from-darkmode-800.dark\:before\:to-darkmode-800.before\:fixed.before\:inset-0.before\:z-\[-1\] {
    background-color: #131a22;
  }
}
html.default.dark {
  .rubick.px-5.sm\:px-8.py-5.before\:content-\[\'\'\].before\:bg-gradient-to-b.before\:from-theme-1.before\:to-theme-2.dark\:before\:from-darkmode-800.dark\:before\:to-darkmode-800.before\:fixed.before\:inset-0.before\:z-\[-1\] {
    background-color: #161616;
  }
}

.before\:to-theme-2:before {
  --tw-gradient-to: #005eb8 var(--tw-gradient-to-position) !important;
}
.before\:from-theme-1:before {
  --tw-gradient-from: #005eb8 var(--tw-gradient-from-position) !important;
}
.dark {
  .dropzone {
    border: 1px dashed #1b253b;
    border-radius: 5px;
    background: rgb(var(--color-darkmode-700) / var(--tw-bg-opacity));
    padding: 20px;

    text-align: center;
    position: relative;
    cursor: pointer;
  }

  .ck.ck-editor__main > .ck-editor__editable {
    background: rgb(var(--color-darkmode-700) / var(--tw-bg-opacity));
  }

  .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    border-color: rgb(var(--color-darkmode-700) / var(--tw-bg-opacity));
  }

  .ck-reset_all :not(.ck-reset_all-excluded *),
  .ck.ck-reset,
  .ck.ck-reset_all {
    background: rgb(var(--color-darkmode-700) / var(--tw-bg-opacity));
  }

  .ck.ck-toolbar {
    border: 1px solid #131a22;
  }

  .ck-reset_all :not(.ck-reset_all-excluded *),
  .ck.ck-reset_all {
    color: #fff;
  }

  .lesson-content {
    background-color: rgb(var(--color-darkmode-600) / var(--tw-bg-opacity));
  }

  .vr-tabs.active-border {
    border: 2px solid #005eb8;
    /* Orange border for active tab */
    border-radius: 7px;
    padding: 8px;
  }

  .textarea-lesson {
    background-color: rgb(var(--color-darkmode-600) / var(--tw-bg-opacity));
  }

  .white-btn {
    background-color: #111111;
    color: white;
  }

  .only-text {
    color: white;
  }

  select.form-control.w-full.bg-white.status {
    border: none;
    border-radius: 5px;
  }

  .wrong-answer {
    background-color: #ff00004f;
    color: white !important;
  }

  .right-answer {
    background-color: #00830057;
    color: white !important;
  }

  #reviews-list .review,
  #transcription-text {
    background-color: rgb(var(--color-darkmode-800) / var(--tw-bg-opacity));
  }

  .lesson-videos-section .collapsible {
    background-color: rgb(var(--color-darkmode-600) / var(--tw-bg-opacity));
    color: #cbd5e1;
  }

  .lesson-videos-section svg {
    stroke: white;
    opacity: 1;
    stroke-width: 2.5;
  }

  [type="radio"] {
    background-color: white !important;
  }

  [type="checkbox"].checkbox-content:active {
    background-color: #005eb8 !important;
  }

  .lesson-videos-section .lesson-count {
    color: #005eb8;
  }

  .lesson-videos-section .course_content {
    background-color: rgb(var(--color-darkmode-600) / var(--tw-bg-opacity));
  }

  .vr-session-detail {
    color: white !important;
    font-weight: 500;
  }

  .lesson-videos-section .collapsible.w-full.active {
    margin-bottom: 1px !important;
  }

  .module-link {
    padding: 5px;
  }

  .dropzone .message {
    color: #cbd5e1;
  }

  .accordion-button td {
    flex: 1;
  }

  .accordion-body #userTable tr td {
    background-color: #111111;
  }

  .accordion-button {
    /* background-color: white; */
    background-color: #20242e;
    height: 50px;
    border-radius: 10px;
    /* color: #111111; */
    color: white;
    font-weight: 500;
    font-size: 15px;
  }

  .tab-link.active {
    background-color: #cbd5e1;
    color: #1b253b !important;
  }

  [type="checkbox"]:checked,
  [type="radio"]:checked {
    background-color: #005eb8;
  }

  .\[\&\[type\=\'checkbox\'\]\]\:checked\:bg-primary:checked[type="checkbox"] {
    background-color: #005eb8;
  }

  [type="checkbox"]:checked:hover,
  [type="checkbox"]:checked:focus,
  [type="radio"]:checked:hover,
  [type="radio"]:checked:focus {
    background-color: #005eb8;
    border-color: #005eb8;
  }

  [type="checkbox"]:focus,
  [type="radio"]:focus {
    border-color: #005eb8;
  }

  .\[\&\.active\]\:dark\:border-b-primary:is(.dark *).active {
    border-bottom-color: #005eb8;
  }

  .bg-theme-1 {
    background-color: #005eb8;
  }

  .start-ques-scenario {
    background-color: rgb(
      var(--color-darkmode-600) / var(--tw-bg-opacity)
    ) !important;
  }

  input#otp {
    background-color: rgb(
      var(--color-darkmode-700) / var(--tw-bg-opacity)
    ) !important;
  }

  .start-ques-scenario:hover {
    border-color: #ffffff !important;
    color: white;
  }

  .playAnimation {
    background-color: rgb(
      var(--color-darkmode-200) / var(--tw-bg-opacity)
    ) !important;
  }

  #scenario-btn {
    background-color: #005eb8 !important;
    color: white;
  }

  #scenario-btn:hover {
    background-color: white !important;
    color: #005eb8;
  }

  .login-page.bg-primary {
    background-color: white !important;
  }

  .login-page.bg-primary:hover {
    background-color: white !important;
    color: white !important;
  }

  #videoModal {
    background-color: #363535b3;
  }

  #scenario-progress-select {
    background-color: #1b253b;
  }

  .dropdown-content.rounded-md.border-transparent {
    background-color: #111111 !important;
  }

  .bg-cancel {
    background-color: #111111;
  }

  .mall-preferences:hover {
    color: white;
    background-color: #005eb8 !important;
  }

  .form-control {
    background-color: rgb(
      var(--color-darkmode-700) / var(--tw-bg-opacity)
    ) !important;
  }

  [type="radio"]:checked {
    background-color: #005eb8 !important;
    border-color: #005eb8;
  }

  .toggle-btn-vr {
    background-color: white !important;
  }

  input.kiosk-mode-inpuy {
    background-color: white !important;
  }

  #virtual-table tr.intro-x td {
    background-color: rgb(var(--color-darkmode-700) / var(--tw-bg-opacity));
  }

  table#activityTable td {
    background-color: rgb(var(--color-darkmode-700) / var(--tw-bg-opacity));
  }

  table.datatable td {
    background-color: rgb(var(--color-darkmode-700) / var(--tw-bg-opacity));
  }

  #video-learning-table tr.intro-x td {
    background-color: rgb(var(--color-darkmode-700) / var(--tw-bg-opacity));
  }

  #ai-learning tr.intro-x td {
    background-color: rgb(var(--color-darkmode-700) / var(--tw-bg-opacity));
  }

  .label-black {
    color: white !important;
  }

  /* #change-password-content .intro-x {
    background-color: rgb(var(--color-darkmode-700) / var(--tw-bg-opacity));
  } */

  .contents-box {
    background-color: rgb(
      var(--color-darkmode-700) / var(--tw-bg-opacity)
    ) !important;
  }

  [type="checkbox"]:checked:hover,
  [type="checkbox"]:checked:focus,
  [type="checkbox"]:checked,
  [type="radio"]:checked:hover,
  [type="radio"]:checked:focus {
    background-color: #005eb8 !important;
    border-color: #005eb8;
  }

  .dark .rubick .side-nav > ul > li > .side-menu .side-menu__icon {
    color: #f1f1f1 !important;
  }

  .dark .rubick .side-nav > ul > li > .side-menu .side-menu__title {
    color: #f1f1f1 !important;
  }

  .tom-select.ts-wrapper.single_select .ts-control > div {
    background-color: #6b7280;
  }

  .btn-drk-theme:hover {
    background-color: white !important;
    color: #005eb8;
  }

  .checkbox-content {
    background-color: white !important;
  }

  .checkbox-content:active {
    background-color: #005eb8 !important;
  }

  .user-report-card {
    background-color: rgb(
      var(--color-darkmode-700) / var(--tw-bg-opacity)
    ) !important;
  }
  .overdueCourses {
    color: white !important ;
  }
  .currentCoursesCards {
    background-color: rgb(var(--color-darkmode-600) / 1);
  }
}

.leaflet-pane.leaflet-shadow-pane {
  display: none;
}

.course-detail-page {
  background-image: url("/assets/images/login-bg1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.header-bg {
  background-color: #0f1f39;
}

/* .navbar-reverse {
  flex-flow: row-reverse;
} */
/* start responsive */

@media only screen and (min-width: 500px) and (max-width: 992px) {
  .navbar-reverse {
    flex-flow: row-reverse;
    align-items: baseline !important;
  }

  .container-fluid.mobile-navbar-contanier {
    justify-content: end !important;
  }

  .mobile-navbar {
    background-color: white;
    padding: 10px;
    border-radius: 5px;
    font-size: small;
  }

  ul.dropdown-menu.show li a.dropdown-item {
    font-size: smaller;
  }

  ul.dropdown-menu.show li button.dropdown-item {
    font-size: smaller;
  }

  .mobile-navbar-bg {
    background-color: white;
    border-radius: 5px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 450px) {
  .noti_bell {
    margin-left: 8px;
  }

  .card.text-center.border-0.shadow-lg.p-4.solutions-col {
    margin-bottom: 12px;
  }
  .quiz_dt {
    flex-direction: column;
  }
  .quiz_sec {
    margin-top: 30px;
  }

  .row.gy-4.icon-boxes.solution-industries {
    padding-right: 0 !important;
  }

  .row.align-items-xl-center.gy-5.industries-row {
    margin-right: calc(-0.9 * var(--bs-gutter-x));
  }

  .features .features-item .features-img-bg {
    min-height: 380px;
  }

  h2.heading-main.deployments-section {
    font-size: 30px;
  }

  .row.gy-4.align-items-stretch.justify-content-between.features-item.mt-5 {
    margin-top: 0px !important;
  }

  .d-flex.flex-column.p-3.mb-5.enterprises-details {
    text-align: center;
    margin-bottom: 5px !important;
  }

  li.nav-item.unleash-industry {
    margin-top: 15px;
  }

  .academic-traning-headings {
    font-size: 30px !important;
  }

  .academic-traning-objectives {
    margin-left: 15px;
    display: flex;
    justify-content: center;
  }

  .adacedic-get-demo {
    width: 40% !important;
  }

  .skills-costs {
    padding-right: 0 !important;
    margin-left: -7px;
  }

  .stats-box .content {
    flex-wrap: wrap;
  }

  .icon-layout3-main {
    text-align: center;
  }

  .analytics-tabs {
    width: -webkit-fill-available;
  }

  .analytics-tab-image {
    max-width: 370px !important;
  }

  .analytics-resources-tab {
    flex-wrap: wrap;
  }

  .analytics-resources-card {
    margin-bottom: 12px;
  }

  label.mt-1.ml-5.mr-1.font-medium.text-10.module-progress-graph {
    margin-left: 2px;
  }

  .module-progress-select {
    width: 95px !important;
  }

  .search.intro-x.relative.mr-3.sm\:mr-6 {
    display: none;
  }

  #change-password-content .change_password_fields {
    width: 220px !important;
  }

  .organisation-contents {
    width: 359px;
  }

  .device_tabs {
    padding: 10px;
  }

  .device_tabs_height {
    height: 620px !important;
  }

  .device_information {
    margin-left: 0 !important;
    margin-top: 20px;
  }

  .device-storage-section {
    margin-top: 342px !important;
  }

  .device-location-section {
    margin-top: 10px !important;
  }

  .w-\[90\%\].mx-auto.bg-white.relative.rounded-md.shadow-md.transition-\[margin-top\,transform\].duration-\[0\.4s\,0\.3s\].-mt-16.group-\[\.show\]\:mt-16.group-\[\.modal-static\]\:scale-\[1\.05\].dark\:bg-darkmode-600.sm\:w-\[460px\].px-5.py-5 {
    width: 385px !important;
  }

  .device-type-details {
    margin-left: 0 !important;
  }

  .activities-page-filter {
    flex-flow: wrap;
  }

  .activities-page-search {
    margin-bottom: 12px;
  }

  div#heat-map {
    width: auto !important;
    height: 230px !important;
  }

  .heat-map-focus {
    width: auto !important;
  }

  .heat-map-details {
    flex-flow: column;
  }

  .overview-layout {
    flex-flow: column;
  }

  .overview-video-layout {
    width: 100% !important;
    justify-content: center !important;
  }

  input.mobile-searchInput {
    width: 60%;
  }

  .mobile-font {
    font-size: small;
  }

  .lesson-learning-tabs {
    width: fit-content;
  }

  a.btn-getstarted.dashboard-btn-home {
    font-size: smaller;
    margin-left: 40px;
    margin-right: 0px !important;
  }

  .site-logo-home-page img.mt-1 {
    height: 43px !important;
  }

  .feature-section-slider {
    width: 92%;
  }

  .mobile-nav-pills {
    width: -webkit-fill-available;
  }

  button#v-pills-home-tab.active {
    width: -webkit-fill-available;
  }

  .navbar-reverse {
    flex-flow: row-reverse;
    align-items: baseline !important;
  }

  .container-fluid.mobile-navbar-contanier {
    justify-content: end !important;
  }

  .mobile-navbar {
    background-color: white;
    padding: 10px;
    border-radius: 5px;
    font-size: small;
  }

  ul.dropdown-menu.show li a.dropdown-item {
    font-size: smaller;
  }

  ul.dropdown-menu.show li button.dropdown-item {
    font-size: smaller;
  }

  .mobile-navbar-bg {
    background-color: white;
    border-radius: 5px;
  }
}

@media only screen and (min-width: 360px) and (max-width: 420px) {
  .organisation-contents {
    width: 340px;
  }

  ul.dropdown-menu.show li a.dropdown-item {
    font-size: smaller;
  }

  ul.dropdown-menu.show li button.dropdown-item {
    font-size: smaller;
  }
}

@media only screen and (min-width: 300px) and (max-width: 400px) {
  img#preview {
    max-width: 150px !important;
  }
  .organisation-contents {
    width: 320px;
  }

  button#bulkDeleteButton {
    font-size: small;
    margin: 0;
    width: max-content;
  }

  div#bulk-delete-container {
    font-size: smaller;
  }

  .overview-layout {
    flex-flow: column;
  }

  .adacedic-get-demo {
    width: 56% !important;
  }

  .overview-video-layout {
    width: 100% !important;
    justify-content: center !important;
  }

  input.mobile-searchInput {
    width: 60%;
  }

  .mobile-font {
    font-size: smaller;
  }

  .lesson-learning-tabs {
    width: fit-content;
  }

  a.btn-getstarted.dashboard-btn-home {
    font-size: smaller;
    margin-left: 40px;
    margin-right: 0px !important;
  }

  .site-logo-home-page img.mt-1 {
    height: 35px !important;
  }

  .feature-section-slider {
    width: 92%;
  }

  .mobile-nav-pills {
    width: -webkit-fill-available;
  }

  button.mobile-nav-pills.active {
    width: -webkit-fill-available;
  }

  .analytics-tab-image {
    max-width: 335px !important;
  }

  .module-progress-select {
    width: 70px !important;
  }

  #deviceSearchInput {
    width: 80%;
    margin-left: 40px;
  }

  .navbar-reverse {
    flex-flow: row-reverse;
  }

  ul.dropdown-menu.show li a.dropdown-item {
    font-size: smaller;
  }

  ul.dropdown-menu.show li button.dropdown-item {
    font-size: smaller;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .device-detail-image {
    width: 6rem !important;
    height: 6rem !important;
  }

  .tab-link.active {
    width: 84% !important;
  }

  .analysis-headings {
    font-size: 0.8rem;
  }

  .word-line-break {
    line-break: anywhere;
    word-break: break-word;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1450px) {
  .navbar-reverse {
    flex-flow: row-reverse;
    align-items: baseline !important;
  }

  .container-fluid.mobile-navbar-contanier {
    justify-content: end !important;
  }

  .mobile-navbar {
    background-color: white;
    padding: 10px;
    border-radius: 5px;
    font-size: small;
  }

  ul.navbar-nav.me-auto.mb-2.mb-lg-0 {
    display: contents !important;
  }
}

@media only screen and (min-width: 750px) and (max-width: 850px) {
  .insightXR-tabs ul#pills-tab li {
    min-width: 150px !important;
  }

  h5.acedemic-traning-objective {
    font-size: 12px;
    font-weight: 600;
  }

  .icon-layout2 ul.training-sec li {
    font-size: 12px;
  }

  a.read-more-btn.mt-5.demoButton.adacedic-get-demo {
    width: 26% !important;
  }

  .analytics-resources-tab {
    flex-wrap: wrap;
  }

  .analysis-headings {
    font-size: 16px;
  }

  .module-progress-section {
    width: 610px;
  }

  .organisation-contents {
    width: 610px;
  }

  .device_information {
    margin-left: 0 !important;
    margin-top: 20px;
    width: 610px;
  }

  .device-storage-section {
    margin-top: 282px !important;
    width: 1218px;
  }

  .device-location-section {
    width: 610px;
    margin-top: 10px !important;
  }

  .image-fit.zoom-in.h-48.w-48 {
    width: 17%;
    height: 6rem !important;
  }

  .session-script-layout {
    flex-direction: column;
  }

  .session-script-questions {
    font-size: 12px;
  }
}

@media (min-width: 1172px) {
  .navbar-expand-lg .navbar-toggler {
    display: block;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
  .header .btn-getstarted .dashboard-btn-home {
    order: 3 !important;
  }
}

@media (max-width: 1200px) {
  .header .btn-getstarted {
    order: 3 !important;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
  /* @media (min-width: 1000px) { */
  .navmenu a,
  .navmenu a:focus {
    color: var(--nav-color);
    padding: 18px 15px;
    font-size: 16px;
    font-family: var(--nav-font);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;
  }
}

.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred {
  height: 6rem;
}

.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-focused {
  height: 6rem;
}

.ck.ck-powered-by {
  display: none;
}

.before\:xl\:block::before {
  content: var(--tw-content) !important;
  --tw-bg-opacity: 0.6 !important;
  background-color: #191c2499 !important;
}

.xl\:bg-transparent {
  background-color: #191c2499 !important;
}

h2.intro-x.text-center.font-bold.xl\:text-left.xl\:text-3xl {
  color: white;
}

.light .text-primary {
  color: #005eb8;
}

form.custom-form {
  label.form-label {
    color: white;
  }

  a.flex.items-center.justify-center.xl\:justify-start {
    color: white;
  }
}

.intro-x a.flex.items-center.justify-center.xl\:justify-start {
  color: white;
}

.dark .form-select {
  background-color: #161616;
  color: #ffffff;
  border: 1px solid #1e1e1e;
}

.dark .chart-container {
  position: relative;
  width: 100%;
  /* height: 400px; */
}

.dark .chart-container canvas {
  background-color: #212121;
  /* Background color for the canvas */
}

.dark .chartjs-x-axis-labels {
  color: #005eb8 !important;
  /* Ensure the x-axis label is styled */
}

.dark .chartjs-y-axis-labels {
  color: #005eb8 !important;
  /* Ensure the y-axis label is styled */
}

#averageplayableSpace {
  height: 400px !important;
  width: 100% !important;
}

.dark #dark_chart {
  background-color: rgb(var(--color-darkmode-600) / 1);
  /* border-color: rgb(160 168 191); */
  box-shadow: 0px 1px 1px 2px #88888836;
}

ul.navbar-nav li.nav-item.active a.nav-link {
  color: var(--accent-color);
}

@media only screen and (min-width: 300px) and (max-width: 344px) {
  .organisation-contents {
    width: 270px !important;
  }
  .w-\[90\%\].mx-auto.bg-white.relative.rounded-md.shadow-md.transition-\[margin-top\,transform\].duration-\[0\.4s\,0\.3s\].-mt-16.group-\[\.show\]\:mt-16.group-\[\.modal-static\]\:scale-\[1\.05\].dark\:bg-darkmode-600.sm\:w-\[460px\].px-5.py-5 {
    width: 320px !important;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1025px) {
  .tab-link.active {
    width: 100% !important;
  }
}

@media only screen and (min-width: 300px) and (max-width: 375px) {
  .notify_cl {
    flex-direction: column;
  }
  .notify_cl1 {
    margin: 10px 0 0 !important;
  }
  .organisation-contents {
    width: 300px;
  }

  .tag_listt input#tagInput {
    margin-left: 7px;
    width: 200px;
  }

  .tag_listt input#searchInput {
    margin-left: 7px;
    width: 200px;
  }

  .content_card {
    padding: 16px 0px !important;
  }

  .u_list input#searchInput {
    margin-left: 7px;
    width: 211px;
  }

  button.lang_btn {
    font-size: 13px;
  }

  h2.lang_btn {
    font-size: 17px;
  }

  .lang_menuc {
    position: relative;
    left: 37px !important;
  }

  .notify_class {
    position: relative;
    right: 40px;
  }

  .chart-container {
    height: 180px !important;
  }

  .project_ovr {
    display: block !important;
  }

  .project_ovr h2.project_ovr_h {
    margin-bottom: 10px;
  }

  .project_ovr select#organisationList {
    margin-bottom: 10px;
    width: 78%;
  }

  .project_ovr select#courseList {
    margin-left: 0;
    width: 78%;
    margin-bottom: 10px;
  }

  .project_ovr select#moduleList {
    margin-left: 0;
    width: 78%;
    margin-bottom: 10px;
  }

  .project_ovr #submitButton {
    margin-bottom: 10px;
    margin-left: 0;
  }

  .project_ovr #resetButton {
    margin-left: 0;
  }

  span.app_per {
    white-space: pre-line;
  }

  .chart-performance #right-chart {
    height: unset !important;
  }

  .chart-performance #pentagon-chart {
    height: unset !important;
  }

  .chart-performance {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .org_add {
    flex-wrap: nowrap !important;
    flex: auto !important;
  }

  .org_add input#searchInput {
    margin-left: 40px;
    width: 80%;
    padding: 9px;
  }

  .org_add1 {
    flex-wrap: nowrap !important;
  }

  .org_add1 input#searchInput {
    width: 100%;
    padding: 9px;
  }

  .org_add1 button#orgcoursebulkDeleteBtn {
    padding: 7px 10px !important;
  }

  .pagination_c {
    margin-top: 0 !important;
  }

  .org_add input#courseSearchInput {
    margin-left: 25px;
    width: 88%;
    padding: 9px;
  }

  .video_l {
    width: 100% !important;
    display: block !important;
    padding-left: 0 !important;
  }

  .video_l video#video-player {
    height: auto !important;
  }

  .video_m video#video-player {
    width: 100% !important;
    height: 150px !important;
  }

  ul.video_p {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  .video_pl {
    width: 400px !important;
    height: 150px !important;
  }

  .org-filter .dfilter {
    display: block !important;
  }

  .org-filter input#activeSearch {
    width: 300px !important;
  }

  .org-filter input#start_date {
    width: 140px !important;
    padding-right: 0;
    margin: 10px 0 11px;
  }

  .org-filter input#end_date {
    width: 140px !important;
    padding-right: 0;
    margin: 10px 0 11px 11px;
  }

  .org-filter button#filterButton {
    margin: 0;
  }

  .org-filter .filtergbtn {
    margin: 0 !important;
  }

  .dfilter input.start_d {
    margin-top: 0 !important;
  }

  .manager_d {
    display: block !important;
  }

  .manager_d .org_d {
    margin-top: 15px;
  }

  .courseSelect select#course-select {
    width: 140px !important;
  }

  .u_coursev {
    margin: 10px !important;
  }

  span.format_avg {
    font-size: 50px !important;
  }

  .session_view1 {
    padding: 0 !important;
  }

  .session_view {
    margin-left: 0 !important;
  }

  .session_view1 .session_ques {
    position: absolute;
    left: 35px;
    right: 0;
    font-size: 12px;
  }

  .session_view1 .session_ans {
    position: absolute;
    left: 93px;
    font-size: 12px;
  }

  .session_view1 .correct_ans {
    position: absolute;
    left: 144px;
    font-size: 12px;
  }

  .session_view1 .session_points {
    position: absolute;
    left: 237px;
    font-size: 12px;
  }

  .ring_sec {
    width: 112% !important;
  }

  .according_y {
    position: absolute;
    left: 190px;
    right: 0;
  }

  .ml-4.according_1 {
    position: absolute;
    right: 0;
    left: 205px;
  }

  /* .session-view.according_inf {
    position: absolute;
    right: 0;
    left: 239px;
  } */

  .login_f {
    height: 500px !important;
    overflow: hidden;
  }

  .login_v {
    height: 517px !important;
    overflow: hidden;
  }

  .session_infor {
    height: 133px !important;
  }

  .storage_space1 {
    width: 300px !important;
  }
  .description-course {
    width: 100% !important;
  }
  #map_map {
    height: 350px !important;
  }
  .report_sec1 {
    padding-top: 0px !important;
    padding-left: 20px !important;
  }
  .report_sec {
    padding-right: 20px !important;
  }
  .qus_card {
    flex-direction: column;
  }
  input#userSearchInput {
    width: 96%;
    margin-left: 11px;
  }
}

@media only screen and (min-width: 376px) and (max-width: 750px) {
  .notify_cl {
    flex-direction: column;
  }
  .notify_cl1 {
    margin: 10px 0 0 !important;
  }
  .qus_card {
    flex-direction: column;
  }
  .report_sec1 {
    padding-top: 0px !important;
    padding-left: 20px !important;
  }
  .storage_space1 {
    width: 317px !important;
  }

  .session_infor {
    height: 133px !important;
  }

  .login_f {
    height: 500px !important;
    overflow: hidden;
  }

  .content_card {
    padding: 16px 0px !important;
  }

  .tag_listt input#searchInput {
    width: auto;
    margin-left: 7px;
  }

  .u_list input#searchInput {
    width: auto;
    margin-left: 7px;
  }

  .tag_listt input#tagInput {
    margin-left: 7px;
    width: auto;
  }

  .login_page select {
    width: 86% !important;
  }

  .org_add {
    flex-wrap: nowrap !important;
    flex: auto !important;
  }

  .org_add input#searchInput {
    margin-left: 40px;
    width: 80%;
    padding: 9px;
  }

  .pagination_c {
    margin-top: 0 !important;
  }

  .org_add input#userSearchInput {
    margin-left: 40px;
    width: 80%;
    padding: 9px;
  }

  .org_add1 {
    flex-wrap: nowrap !important;
  }

  .org_add1 input#searchInput {
    width: 100%;
    padding: 9px;
  }

  .org_add1 button#orgcoursebulkDeleteBtn {
    padding: 7px 10px !important;
  }

  .device_dtl {
    margin-right: 40% !important;
  }

  .org-filter .dfilter {
    display: block !important;
  }

  .org-filter input#activeSearch {
    width: 300px !important;
  }

  .org-filter input#start_date {
    width: 140px !important;
    padding-right: 0;
    margin: 10px 0 11px;
  }

  .org-filter input#end_date {
    width: 140px !important;
    padding-right: 0;
    margin: 10px 0 11px 11px;
  }

  .org-filter button#filterButton {
    margin: 0;
  }

  .tags_input input#tagInput {
    width: 200px;
    margin-left: 10px !important;
  }

  .lang_menuc {
    position: relative;
    right: 27px !important;
  }

  .notify_class {
    position: relative;
    left: 35px;
  }

  .chart-container {
    height: 180px !important;
  }

  .project_ovr {
    display: block !important;
  }

  .project_ovr h2.project_ovr_h {
    margin-bottom: 10px;
  }

  .project_ovr select#organisationList {
    margin-bottom: 10px;
    width: 78%;
  }

  .project_ovr select#courseList {
    margin-left: 0;
    width: 78%;
    margin-bottom: 10px;
  }

  .project_ovr select#moduleList {
    margin-left: 0;
    width: 78%;
    margin-bottom: 10px;
  }

  .project_ovr #submitButton {
    margin-bottom: 10px;
    margin-left: 0;
  }

  .project_ovr #resetButton {
    margin-left: 0;
  }

  span.app_per {
    white-space: pre-line;
  }

  .chart-performance #right-chart {
    height: unset !important;
  }

  .chart-performance {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .chart-performance #pentagon-chart {
    height: unset !important;
  }

  .chart-performance {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .video_l {
    width: auto !important;
    display: block !important;
    padding-left: 0 !important;
  }

  ul.video_p {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  .video_pl {
    width: 400px !important;
    height: 150px !important;
  }

  .org-filter .filtergbtn {
    margin: 0 !important;
  }

  .dfilter input.start_d {
    margin-top: 0 !important;
  }

  .manager_d {
    display: block !important;
  }

  .manager_d .org_d {
    margin-top: 15px;
  }

  .u_coursev {
    margin: 10px !important;
  }

  span.format_avg {
    font-size: 50px !important;
  }

  .session_view1 {
    padding: 0 !important;
  }

  .session_view {
    margin-left: 0 !important;
  }

  .session_view1 .session_ques {
    position: absolute;
    left: 35px;
    right: 0;
    font-size: 12px;
  }

  .session_view1 .session_ans {
    position: absolute;
    left: 93px;
    font-size: 12px;
  }

  .session_view1 .correct_ans {
    position: absolute;
    left: 144px;
    font-size: 12px;
  }

  .session_view1 .session_points {
    position: absolute;
    left: 237px;
    font-size: 12px;
  }

  .login_v {
    height: 600px !important;
    overflow: hidden;
  }
  .description-course {
    width: 100% !important;
  }
  #map_map {
    height: 350px !important;
  }
}

@media only screen and (min-width: 750px) and (max-width: 768px) {
  .session_infor {
    margin-top: 0;
    width: 284px;
  }

  .login_v {
    height: 700px !important;
    overflow: hidden;
  }

  .login_f {
    height: 500px !important;
    overflow: hidden;
  }

  .kiosk_tab {
    width: 575px;
  }

  .org-filter .dfilter {
    justify-content: flex-start !important;
  }

  .org-filter button#filterButton {
    margin-left: 6px;
  }

  .org-filter a#resetButton {
    margin-left: 6px;
  }

  .org-filter input#start_date {
    width: 133px !important;
    padding-right: 0;
  }

  .org-filter input#end_date {
    width: 133px !important;
    padding-right: 0;
    margin-left: 6px;
  }

  .org-filter input#activeSearch {
    width: 150px !important;
  }

  .chart-container {
    height: 180px !important;
  }

  span.app_per {
    white-space: pre-line;
  }

  .chart-performance #right-chart {
    height: unset !important;
  }

  .chart-performance {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .chart-performance #pentagon-chart {
    height: unset !important;
  }

  .chart-performance {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .video_l {
    display: block !important;
  }

  .video_pl {
    width: 400px !important;
    height: 150px !important;
  }

  .org-filter .filtergbtn {
    margin: 0 !important;
  }

  .dfilter input.start_d {
    margin-top: 0 !important;
  }

  .u_coursev {
    margin: 10px !important;
  }

  .vrsession_contents {
    width: 573px !important;
  }

  .mapWidth {
    width: 572px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 968px) {
  .report_sec {
    padding-right: 20px !important;
  }
  .report_sec1 {
    padding-top: 0px !important;
    padding-left: 20px !important;
  }
  .manager_d {
    flex-direction: column;
  }
  .manager_d .org_nm {
    margin-top: 10px;
  }
  .login_v {
    height: 700px !important;
    overflow: hidden;
  }

  .login_f {
    height: 500px !important;
    overflow: hidden;
  }

  .kiosk_tab {
    width: 720px;
  }

  .org-filter input#activeSearch {
    width: 170px !important;
  }

  .org-filter input#start_date {
    width: 133px !important;
    padding-right: 0;
  }

  .org-filter input#end_date {
    width: 133px !important;
    padding-right: 0;
    margin-left: 6px;
  }

  .chart-container {
    height: 180px !important;
  }

  .project_ovr {
    display: block;
  }

  .project_ovr h2.project_ovr_h {
    margin-bottom: 10px;
  }

  .project_ovr select#organisationList {
    margin-bottom: 10px;
    width: 78%;
  }

  .project_ovr select#courseList {
    margin-left: 0;
    width: 78%;
    margin-bottom: 10px;
  }

  .project_ovr select#moduleList {
    margin-left: 0;
    width: 78%;
    margin-bottom: 10px;
  }

  .project_ovr #submitButton {
    margin-bottom: 10px;
    margin-left: 0;
  }

  .project_ovr #resetButton {
    margin-left: 0;
  }

  span.app_per {
    white-space: pre-line;
  }

  .chart-performance #right-chart {
    height: unset !important;
  }

  .chart-performance {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .chart-performance #pentagon-chart {
    height: unset !important;
  }

  .chart-performance {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .video_l {
    width: auto !important;
  }

  ul.video_p {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  .tab-link.active {
    width: 40% !important;
  }

  .session_infor {
    margin-top: 0;
    width: 300px;
    height: 192px !important;
  }

  .mapWidth {
    width: 597px;
  }
  #map_map {
    height: 400px !important;
  }
}

@media only screen and (min-width: 968px) and (max-width: 1040px) {
  .org-filter input#activeSearch {
    width: 170px !important;
  }

  .org-filter input#start_date {
    width: 133px !important;
    padding-right: 0;
  }

  .org-filter input#end_date {
    width: 133px !important;
    padding-right: 0;
    margin-left: 6px;
  }

  .chart-container {
    height: 180px !important;
  }

  .project_ovr select#organisationList {
    width: 60%;
  }

  .project_ovr select#courseList {
    width: 60%;
  }

  .project_ovr select#moduleList {
    width: 60%;
  }

  .chart-performance #right-chart {
    height: unset !important;
  }

  .chart-performance {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .chart-performance #pentagon-chart {
    height: unset !important;
  }

  .chart-performance {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  ul.video_p {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  .device-storage-section {
    margin-top: 282px !important;
    width: 1218px;
  }

  .session_infor {
    height: 190px !important;
    width: 258px;
  }

  .tab-link.active {
    width: 60% !important;
  }

  .mapWidth {
    width: 597px;
  }
}

@media only screen and (width: 390px) and (height: 844px) {
  .lang_menuc {
    position: relative;
    left: 49px;
  }
  .report_sec {
    padding-right: 20px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 820px) {
  .globlal_search input#globalsearch-input {
    width: 99px;
    height: 28px;
    margin-left: -21px;
    font-size: 10px;
  }

  .download_app1 {
    margin: 0;
    margin-left: 6px;
  }

  button#languageDropdown {
    position: relative !important;
    left: -28px;
  }
  .noti_bell {
    position: relative;
    left: -16px;
  }

  .profile_imgg {
    margin-left: -27px;
  }

  svg.search_btn1 {
    width: 13px;
  }

  .download_app1 {
    font-size: 11px;
  }

  svg.downloadapp_icon {
    width: 15px;
  }

  .breadcrumb_class {
    font-size: 11px;
  }

  .storage_space1 {
    width: 273px !important;
  }
}
@media (width: 540px) {
  .noti_bell {
    margin-left: 35px;
  }
  button#languageDropdown {
    position: relative;
    left: -12px;
  }
  a.sm\:hidden {
    display: none !important;
  }
  .organisation-contents.device_information {
    margin-left: 0 !important;
    margin-top: 10px !important;
  }
  .organisation-contents.device_information .device-type-details {
    width: 100% !important;
  }
  .organisation-contents.vrsession_contents {
    width: 464px;
  }
  .report_sec {
    padding-right: 20px !important;
  }
  div.org_set {
    width: 467px;
  }
  .org_add #userSearchInput {
    margin-left: 165px !important;
  }
  .lucide_icon {
    margin-left: 315px !important;
    position: relative !important;
    margin-top: -26px !important;
  }
  .login_v {
    height: 575px !important;
  }
}

@media (width: 912px) {
  .apps-download.download_app1 {
    font-size: 11px;
    margin-left: 20px;
  }
  .globlal_search #globalsearch-input {
    width: 172px;
  }
  .organisation-contents.device_information {
    width: 708px;
    margin-left: 0px !important;
    margin-top: 10px !important;
  }
  .organisation-contents.vrsession_contents {
    width: 708px;
  }
  div.org_set {
    width: 714px;
  }
  .org_add #userSearchInput {
    margin-left: 179px;
  }
  .lucide_icon {
    margin-left: 363px !important;
    position: relative !important;
    margin-top: -26px !important;
  }
  .breadcrumb_class {
    font-size: 11px;
  }
  .apps-download.download_app1 {
    font-size: 11px;
  }
  .downloadapp_icon {
    margin-left: 16px;
  }
  .globlal_search input#globalsearch-input {
    width: 181px;
  }
}

@media (width: 344px) {
  .organisation-contents.vrsession_contents {
    width: 270px !important;
  }
  .organisation-contents.device_information .vrsession_contents {
    width: 270px !important;
  }
  div#personal-info {
    width: 272px;
  }
  div.org_set {
    width: 275px;
  }
  .lucide_icon {
    margin-left: 156px !important;
    position: relative !important;
    margin-top: -26px !important;
  }
  .org_add #userSearchInput {
    width: 170px;
  }
}

@media (width: 853px) {
  .organisation-contents.vrsession_contents {
    width: 638px !important;
  }
  .organisation-contents.device_information {
    width: 638px !important;
    margin-left: 0 !important;
    margin-top: 10px !important;
  }
  div.org_set {
    width: 638px;
  }
  .org_add #userSearchInput {
    margin-left: 165px !important;
  }
  .lucide_icon {
    margin-left: 352px !important;
    position: relative !important;
    margin-top: -26px !important;
  }
  .globlal_search {
    margin-left: -27px;
  }
  .globlal_search #globalsearch-input {
    width: 145px;
  }
  .breadcrumb_class {
    font-size: 11px;
  }
  .apps-download.download_app1 {
    font-size: 11px;
  }
  .downloadapp_icon {
    margin-left: 10px;
  }
}

@media (width: 1280px) {
  .manager_d {
    flex-direction: column;
  }
  .manager_d .org_nm {
    margin-top: 10px;
  }
}

@media (width: 1440px) {
  .manager_d {
    flex-direction: column;
  }
  .manager_d .org_nm {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 400px) and (max-width: 430px) {
  .report_sec {
    padding-right: 20px !important;
  }
}
@media only screen and (min-width: 825px) and (max-width: 912px) {
  .mapWidth {
    width: 338px;
  }
}
@media only screen and (min-width: 530px) and (max-width: 540px) {
  .device-storage-section {
    margin-top: 342px !important;
  }
  .session_infor {
    margin-left: 0 !important;
    margin-top: 5px !important;
  }
  .storage_space1 {
    width: 467px !important;
  }
}
@media (width: 320px) {
  .organisation-contents {
    width: 250px;
  }
  .org_st {
    width: 250px;
  }
}

@media (width: 768px) {
  div.org_set {
    width: 576px;
  }
  .lucide_icon {
    margin-left: 156px !important;
    position: relative !important;
    margin-top: -26px !important;
  }
  .org_add #userSearchInput {
    width: 190px;
  }
}

@media (width: 1024px) {
  .tab-link.active {
    width: 100% !important;
  }
  .login_v {
    height: 300px !important;
  }
  .login_f {
    height: 300px !important;
  }
  .downloadapp_icon {
    margin-left: 15px;
  }
  .globlal_search input#globalsearch-input {
    width: 200px;
  }
}
/*@media only screen and (min-width: 1000px) and (max-width: 1280px) {*/
/*    .tab-link.active {*/
/*        width: 62% !important;*/
/*    }*/
/*}*/
@media only screen and (min-width: 300px) and (max-width: 344px) {
  .storage_space1 {
    width: 271px !important;
  }
  .device-detail-image {
    width: 7rem !important;
    height: 7rem !important;
  }
}
@media only screen and (min-width: 344px) and (max-width: 600px) {
  .calendar-sidebar {
    display: none;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1700px) {
  .login_page {
    display: grid !important;
  }
  label.mt-1.mr-1.ml-5.font-medium.text-10.module-progress-graph {
    margin-left: 0px;
  }
  .module-drop2 {
    margin-top: 10px;
  }
}