.asset-list-view-table tbody {
    cursor: pointer;
  }
  
  .asset-list-view-table tbody tr:hover {
    --bs-table-accent-bg: lightgrey;
    color: #343a40;
  }
  
  .dripicons-pencil, .dripicons-information {
    color: var(--m3-text-color);
    font-size: 14px;
  }
  
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .assetCursor {
    cursor: pointer;
  }
  
  @media (min-width: 767.98px) {
    .sticky {
      -webkit-align-self: flex-start;
      -o-align-self: flex-start;
      align-self: flex-start;
      position: sticky;
      top: 70px;
      z-index: 200;
      padding: 0px;
    }
  }
  @media (max-width: 767.98px) {
    .pin-visible {
      display: none;
    }
  }
  .content {
    overflow: clip;
  }
  
  .wrapper {
    overflow: clip;
  }
  
  .content-page {
    overflow: clip;
  }
  
  .card-border-bottom {
    border-bottom: solid;
    border-width: 1px;
    border-color: #efefef;
  }
  
  @font-face {
    font-family: Roboto;
    src: url("../../fonts/Roboto-Regular.woff2?v=2.137") format("woff2"), url("../../fonts/Roboto-Regular.woff?v=2.137") format("woff");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: Roboto;
    src: url("../../fonts/Roboto-Regular.woff2?v=2.137") format("woff2"), url("../../fonts/Roboto-Regular.woff?v=2.137") format("woff");
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: Roboto;
    src: url("../../fonts/Roboto-Bold.woff2?v=2.137") format("woff2"), url("../../fonts/Roboto-Bold.woff?v=2.137") format("woff");
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: Roboto;
    src: url("../../fonts/Roboto-Bold.woff2?v=2.137") format("woff2"), url("../../fonts/Roboto-Bold.woff?v=2.137") format("woff");
    font-weight: bold;
    font-style: normal;
  }
  html[data-bs-theme=light] .m3-tile1 {
    background-color: var(--m3-tile1-bg-color) !important;
  }
  
  html[data-bs-theme=light] .m3-tile2 {
    background-color: var(--m3-tile2-bg-color) !important;
  }
  
  html[data-bs-theme=light] .m3-tile3 {
    background-color: var(--m3-tile3-bg-color) !important;
  }
  
  html[data-bs-theme=light] .m3-tile1 .widget-icon.bg-dark-lighten {
    color: var(--m3-tile1-bg-color) !important;
  }
  
  html[data-bs-theme=light] .m3-tile2 .widget-icon.bg-dark-lighten {
    color: var(--m3-tile2-bg-color) !important;
  }
  
  html[data-bs-theme=light] .m3-tile3 .widget-icon.bg-dark-lighten {
    color: var(--m3-tile3-bg-color) !important;
  }
  
  html[data-bs-theme=light] :is(.m3-tile1, .m3-tile2, .m3-tile3) .widget-icon.bg-dark-lighten {
    background-color: #c7d5f6 !important;
  }
  
  /* Asset Details summary tiles */
  html[data-bs-theme=light] .container-fluid > .row > .col-sm-8 > .row > .col:not(:nth-child(4)) > .card.widget-flat.card-h-100 h4 {
    color: #a7ebfc;
  }
  
  html[data-bs-theme=light] .container-fluid > .row > .col-sm-8 > .row > .col:not(:nth-child(4)) > .card.widget-flat.card-h-100 h2,
  html[data-bs-theme=light] .container-fluid > .row > .col-sm-8 > .row > .col:not(:nth-child(4)) > .card.widget-flat.card-h-100 .text-warning a {
    color: #fff;
  }
  
  html[data-bs-theme=light] .container-fluid > .row > .col-sm-8 > .row > .col:nth-child(odd) > .card.widget-flat.card-h-100 {
    color: #fff;
    background-color: var(--m3-tile1-bg-color);
  }
  
  html[data-bs-theme=light] .container-fluid > .row > .col-sm-8 > .row > .col:nth-child(2) > .card.widget-flat.card-h-100 {
    color: #fff;
    background-color: var(--m3-tile2-bg-color);
  }
  
  html[data-bs-theme=dark] .container-fluid > .row > .col-sm-8 > .row > .col > .card.widget-flat.card-h-100 .mdi.widget-icon.bg-success-lighten {
    color: var(--ct-body-color) !important;
    background-color: var(--ct-body-bg) !important;
  }
  
  .carousel-indicators {
    list-style-type: none;
  }
  
  .dropzone:hover {
    background-color: var(--ct-light);
  }
  
  td .btn.btn-link {
    text-align: start;
  }
  
  /* 27/11/2024 Update */
  .pd-5 {
    padding: 5px;
  }
  
  .alert-neutral {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: transparent;
  }
  
  .btn-neutral {
    background: transparent;
    border: 0;
  }
  
  .btn-neutral:hover {
    color: #4F46E5;
  }
  
  .modal-table input[type=date] {
    max-width: 130px;
    width: 100%;
    border: 0;
  }
  
  .modal-table > :not(caption) > * > * {
    border-bottom: 0;
  }
  
  .modal-table .table-light th {
    background-color: #fff !important;
  }
  
  .modal-table thead.table-light {
    background: #fff;
    box-shadow: 2px 2px 22px rgba(0, 0, 0, 0.04);
  }
  
  .modal-actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    padding: 10px;
  }
  
  .modal-actions .flex-end {
    margin-left: auto;
  }
  
  .modal-actions .btn-neutral {
    min-width: 100px;
  }
  
  .modal-actions .btn-primary {
    min-width: 100px;
  }
  
  .modal-header .btn-neutral {
    padding: 5px;
    font-size: 18px;
    font-weight: 500;
  }
  
  .btn:disabled, .btn.disabled, fieldset:disabled .btn {
    /* background: #adadad !important;
    border-color: #333 !important; */
    opacity: 0.3;
  }
  
  html[data-bs-theme=dark] {
    --m3-darkgrey-text:#313a46;
    --m3-midgrey-text:#5c636a;
    --m3-tile2-bg-color:#7C3AED;
    --m3-primary: #4f46e5;
    --m3-white-text:#ffffff;
    --m3-midwhite-text:#c6d2de;
    --m3-hiwhite-text:#eff7ff;
    --ct-body-color: var(--m3-midwhite-text);
    --ct-card-bg: var(--ct-secondary-bg);
    --ct-menu-bg: var(--ct-secondary-bg);
    --ct-menu-item-color:var(--m3-midwhite-text);
    --ct-secondary-color:var(--m3-midwhite-text);
    --ct-heading-color:var(--m3-midwhite-text);
    --ct-emphasis-color:var(--m3-midwhite-text);
    --ct-info-text-emphasis: #154a5a;
    --ct-info:#42c0ff;
    --ct-info-rgb:66, 192, 255;
    --ct-info-subtle:#f4fbff;
    --ct-warning:#A44F00;
    --ct-warning-rgb:164, 79, 0;
    --ct-warning-subtle:#fff3e8;
    --ct-success:#00823B;
    --ct-success-rgb:0, 130, 59;
    --ct-success-bg-subtle:#f7fffb;
    --ct-danger:#d44141;
    --ct-danger-rgb:212, 65, 65;
    --ct-danger-subtle:#ffebeb;
    --ct-danger-bg-subtle:var(--ct-danger-subtle);
    --ct-btn-color:var(--m3-midwhite-text);
  }
  html[data-bs-theme=dark] .btn {
    color: var(--ct-btn-color);
  }
  html[data-bs-theme=dark] .btn:hover, html[data-bs-theme=dark] .btn:focus-visible {
    color: var(--ct-btn-hover-color) !important;
  }
  html[data-bs-theme=dark] .btn-info {
    --ct-info: #0077b3;
  }
  html[data-bs-theme=dark] .card-body {
    color: var(--ct-card-color);
  }
  html[data-bs-theme=dark] .link-primary {
    color: rgba(var(--ct-link-color-rgb), var(--ct-link-opacity, 1)) !important;
  }
  html[data-bs-theme=dark] .link-primary:hover {
    color: var(--m3-midwhite-text) !important;
  }
  html[data-bs-theme=dark] .text-primary {
    color: rgba(var(--ct-link-color-rgb), var(--ct-link-opacity, 1)) !important;
  }
  html[data-bs-theme=dark] .btn-outline-primary {
    --ct-btn-bg:transparent;
    --ct-btn-border-color:var(--m3-primary);
    --ct-btn-color:var(--m3-white-text);
    border: 1px solid var(--m3-primary);
  }
  html[data-bs-theme=dark] .btn-outline-secondary {
    --ct-btn-bg:transparent;
    --ct-btn-border-color:var(--m3-midgrey-text)
    --ct-btn-color:var(--m3-midwhite-text);
    color: var(--m3-midwhite-text);
    border: 1px solid var(--ct-midgrey-text);
  }
  html[data-bs-theme=dark] .btn-outline-warning {
    --ct-btn-bg:transparent;
    --ct-btn-border-color:var(--ct-warning)
    --ct-btn-color:var(--m3-midwhite-text);
    color: var(--m3-midwhite-text);
    border: 1px solid var(--ct-warning);
  }
  html[data-bs-theme=dark] .btn-outline-danger {
    --ct-btn-bg:transparent;
    --ct-btn-border-color:var(--ct-danger)
    --ct-btn-color:var(--m3-midwhite-text);
    color: var(--m3-midwhite-text);
    border: 1px solid var(--ct-danger);
  }
  html[data-bs-theme=dark] .btn-outline-sucess {
    --ct-btn-bg:transparent;
    --ct-btn-border-color:var(--ct-success)
    --ct-btn-color:var(--m3-midwhite-text);
    color: var(--m3-midwhite-text);
    border: 1px solid var(--ct-success);
  }
  html[data-bs-theme=dark] .btn-outline-info {
    --ct-btn-bg:transparent;
    --ct-btn-border-color:var(--ct-info)
    --ct-btn-color:var(--m3-midwhite-text);
    color: var(--m3-midwhite-text);
    border: 1px solid var(--ct-info);
  }
  html[data-bs-theme=dark] .m3-dropdown + .btn-outline-danger {
    transform: translateY(2px);
  }
  
  html[data-topbar-color=dark] {
    --ct-topbar-item-color: var(--m3-midwhite-text);
  }
  html[data-topbar-color=dark] .nav-user h5, html[data-topbar-color=dark] .nav-user h6 {
    color: inherit;
  }
  
  html[data-menu-color=dark] {
    --ct-menu-item-color: var(--m3-midwhite-text);
    --ct-menu-item-hover-color:var(--m3-white-text);
  }
  html[data-menu-color=dark] .side-nav {
    --ct-menu-item-color: var(--m3-midwhite-text);
    --ct-menu-item-hover-color:var(--m3-white-text);
  }
  
  html[data-bs-theme=light] {
    --m3-darkgrey-text:#313a46;
    --m3-midgrey-text:#5c636a;
    --m3-tile2-bg-color:#7C3AED;
    --m3-primary: #4f46e5;
    --m3-white-text:#ffffff;
    --m3-midwhite-text:#c6d2de;
    --m3-hiwhite-text:#eff7ff;
    --ct-body-color: var(--m3-midgrey-text);
    --ct-secondary-color:var(--m3-midgrey-text);
    --ct-heading-color:var(--m3-darkgrey-text);
    --ct-emphasis-color:var(--m3-darkgrey-text);
    --ct-info:#017ab7;
    --ct-info-rgb:1, 122, 183;
    --ct-info-subtle:#f4fbff;
    --ct-warning:#A44F00;
    --ct-warning-rgb:164, 79, 0;
    --ct-warning-subtle:#fff3e8;
    --ct-success:#00823B;
    --ct-success-rgb:0, 130, 59;
    --ct-success-bg-subtle:#f7fffb;
    --ct-danger:#d44141;
    --ct-danger-rgb:212, 65, 65;
    --ct-danger-subtle:#ffebeb;
  }
  html[data-bs-theme=light] .btn {
    color: var(--ct-btn-color);
  }
  html[data-bs-theme=light] .btn:hover, html[data-bs-theme=light] .btn:focus-visible {
    color: var(--ct-btn-hover-color) !important;
  }
  html[data-bs-theme=light] .card-body {
    color: var(--ct-card-color);
  }
  html[data-bs-theme=light] .btn-outline-secondary {
    --ct-btn-color: var(--m3-darkgrey-text);
    --ct-btn-border-color: var(--m3-darkgrey-text);
  }
  
  html[data-topbar-color=light] {
    --ct-topbar-item-color: var(--m3-darkgrey-text);
  }
  
  html[data-bs-theme=light] :is(.m3-tile1, .m3-tile2, .m3-tile3) .widget-icon.bg-dark-lighten {
    background-color: #ffffffeb !important;
  }
  
  .btn-success {
    --ct-btn-bg: var(--ct-success);
    --ct-btn-border-color: var(--ct-success);
  }
  
  .btn-danger {
    --ct-btn-bg: var(--ct-danger);
    --ct-btn-border-color: var(--ct-danger);
  }
  
  .btn-warning {
    --ct-btn-bg: var(--ct-warning);
    --ct-btn-border-color: var(--ct-warning);
  }
  
  .btn-info {
    --ct-btn-bg: var(--ct-info);
    --ct-btn-border-color: var(--ct-info);
  }
  
  .btn-outline-success {
    --ct-btn-color: var(--ct-success);
    --ct-btn-border-color: var(--ct-success);
  }
  
  .btn-outline-danger {
    --ct-btn-color: var(--ct-danger);
    --ct-btn-border-color: var(--ct-danger);
  }
  
  .btn-outline-warning {
    --ct-btn-color: var(--ct-warning);
    --ct-btn-border-color: var(--ct-warning);
  }
  
  .btn-outline-info {
    --ct-btn-color: var(--ct-info);
    --ct-btn-border-color: var(--ct-info);
  }
  
  .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 8px;
    line-height: 1.3;
    border-radius: 2px;
  }
  
  .badge-danger-lighten {
    --ct-badge-color: #fff;
    background-color: var(--ct-danger);
  }
  
  .badge-warning-lighten {
    --ct-badge-color: #fff;
    background-color: var(--ct-warning);
  }
  
  .badge-success-lighten {
    --ct-badge-color: #fff;
    background-color: var(--ct-success);
  }
  
  .badge-info-lighten {
    --ct-badge-color: #fff;
    background-color: var(--ct-info);
  }
  
  .bg-warning {
    --ct-bg-opacity: 1;
    background-color: rgba(var(--ct-warning-rgb), var(--ct-bg-opacity)) !important;
  }
  
  .alert {
    color: var(--ct-alert-color) !important;
    background-color: var(--ct-alert-bg) !important;
    border: none !important;
  }
  .alert-warning {
    --ct-alert-color: var(--ct-warning);
    --ct-alert-bg: var(--ct-warning-subtle);
    --ct-alert-border: var(--ct-warning);
  }
  .alert-danger {
    --ct-alert-color: var(--ct-danger);
    --ct-alert-bg: var(--ct-danger-subtle);
    --ct-alert-border: var(--ct-danger);
  }
  .alert-info {
    --ct-alert-color: var(--ct-info-text-emphasis);
    --ct-alert-bg: var(--ct-info-subtle);
    --ct-alert-border: var(--ct-info-text-emphasis);
  }
  .alert-success {
    --ct-alert-color: var(--ct-success);
    --ct-alert-bg: var(--ct-success-subtle);
    --ct-alert-border: var(--ct-success);
  }
  .alert a:link, .alert a:visited, .alert a:active {
    color: var(--ct-alert-link-color);
    font-weight: bold !important;
  }
  
  .widget-icon {
    border-radius: 50%;
  }
  
  .card-body h5 {
    font-weight: bold !important;
  }
  
  .carousel-inner .photo-taken {
    background: rgba(0, 0, 0, 0.44) !important;
    color: #fff;
  }
  
  .mdi-menu-right, .mdi-menu-left {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }
  
  .leftside-menu .logo {
    color: #fff;
  }
  
  .form-control:focus-visible, .form-check-input:focus-visible, .form-select:focus-visible {
    outline: 2px solid;
    outline-offset: 1px;
  }