@import url(https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap);
/* NEW STYLING */
:root {
  --bs-font-sans-serif: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

body {
  font-family: var(--bs-font-sans-serif) !important;
  font-weight: 400;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: "Figtree" !important;
  font-weight: 400;
  color: #2b2b2b;
}

@media (min-width: 1440px) {
  .container, .container-xxl {
    max-width: unset;
    margin-top: 30px;
  }
}
.btn {
  border-radius: 20px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: 20px;
}

.table > :not(caption) > * > * {
  padding: 10px 10px;
}

.header-navbar.navbar-shadow {
  box-shadow: none;
}

.btn-outline-blue {
  border: 1px solid #2e05eb !important;
  background-color: transparent;
  color: #2e05eb;
}

.btn-outline-blue:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}

.btn-outline-blue:not(:disabled):not(.disabled):active,
.btn-outline-blue:not(:disabled):not(.disabled).active,
.btn-outline-blue:not(:disabled):not(.disabled):focus {
  background-color: rgba(46, 5, 235, 0.2);
  color: #2e05eb;
}

.btn-check:checked + .btn-outline-blue,
.btn-check:active + .btn-outline-blue {
  color: #d9e7ec !important;
  background-color: #2e05eb !important;
}

@keyframes fillsauce {
  0% {
    top: 0px;
    opacity: 0.5;
  }
  100% {
    top: 90px;
    opacity: 1;
  }
}
.dark-layout .form-control[type=file]::file-selector-button {
  background-color: #283046;
}

.breadcrumb-item a {
  color: #337ab7 !important;
  text-decoration: none;
}

.isonic-blue {
  color: #337ab7 !important;
}

.badge-light-light {
  background-color: rgba(255, 255, 255, 0.8);
  color: #555;
  border: #aaa 1px solid;
}

.badge-override {
  line-height: 3 !important;
}

.round-pill-override {
  border-radius: 1.25rem;
  width: 100%;
}

.round-pill-override.badge-light-danger {
  background: linear-gradient(0deg, rgb(255, 127, 73) 0%, rgb(236, 69, 117) 100%);
  color: #ffffff !important;
}

.round-pill-override.badge-light-warning {
  background: linear-gradient(0deg, rgb(255, 178, 36) 0%, rgb(255, 127, 73) 100%);
  color: #ffffff !important;
}

.round-pill-override.badge-light-success {
  background: linear-gradient(0deg, rgb(167, 230, 4) 0%, rgb(65, 189, 69) 100%);
  color: #ffffff !important;
}

.btn-success {
  background: linear-gradient(0deg, rgb(167, 230, 4) 0%, rgb(65, 189, 69) 100%);
  color: #ffffff !important;
}

.authed-bold {
  font-weight: bolder !important;
}

.avatar.bg-light-blue {
  color: #156be3 !important;
}

.bg-blue.badge-glow,
.border-blue.badge-glow {
  box-shadow: 0px 0px 10px #156be3;
}

.bg-blue {
  background: linear-gradient(0deg, rgb(3, 179, 249) 0%, rgb(46, 5, 235) 100%);
}

.bg-tan {
  background: linear-gradient(0deg, rgb(255, 178, 36) 0%, rgb(255, 127, 73) 100%);
}

.bg-tan.badge-glow,
.border-tan.badge-glow {
  box-shadow: 0px 0px 10px tan;
}

.bg-dviolet {
  background: linear-gradient(0deg, rgb(57, 4, 230) 0%, rgb(148, 0, 211) 100%);
}

.bg-dviolet.badge-glow,
.border-dviolet.badge-glow {
  box-shadow: 0px 0px 10px darkviolet;
}

.bg-success {
  background: linear-gradient(0deg, rgb(167, 230, 4) 0%, rgb(65, 189, 69) 100%);
}

.bg-warning {
  background: linear-gradient(0deg, rgb(255, 127, 73) 0%, rgb(236, 69, 117) 100%);
}

.bg-light-blue {
  background: rgba(40, 141, 199, 0.12) !important;
}

.pill-unified-width {
  width: 100%;
  text-align: center;
}

.no-hover:hover:not(.disabled):not(:disabled) {
  background-color: rgba(255, 255, 255, 0) !important;
}

.px-aligner {
  padding-right: 1rem !important;
}

.mr-1-force {
  margin-right: 0.5rem !important;
}

/* iSonic Blue Buttons */
.btn-blue {
  border-color: #03b3f9 !important;
  background-color: #03b3f9 !important;
  color: #fff !important;
}

.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {
  color: #fff;
  background: linear-gradient(0deg, rgb(3, 179, 249) 0%, rgb(46, 5, 235) 100%);
}

.btn-blue:hover:not(.disabled):not(:disabled) {
  box-shadow: 0 8px 25px -8px #2860c7;
}

.btn-blue:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}

.btn-check:checked + .btn-blue,
.btn-check:active + .btn-blue {
  color: #fff;
  background: linear-gradient(0deg, rgb(3, 179, 249) 0%, rgb(46, 5, 235) 100%);
}

.font-bold-a {
  font-weight: 500 !important;
}

.font-blue {
  color: rgb(0, 143, 251);
}

.font-green {
  color: rgb(0, 227, 150);
}

.font-orange {
  color: rgb(254, 176, 25);
}

.tooltip-inner {
  max-width: 600px !important;
}

.navbar-progress {
  width: 100%;
}

.progress-bar-blue {
  background-color: rgba(103, 112, 240, 0.12);
  /* color: rgba(0,143,251,1);*/
}

.progress-blue {
  background-color: #156be3 !important;
}

.progress-height {
  height: 1.2rem !important;
}

.mt-2-5 {
  margin-top: 2rem;
}

/*-- Customizing Multiple not invoice-list on the same page --*/
.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu {
  width: 202px;
}

.header-navbar {
  flex-wrap: wrap;
  padding: 5px;
}

.ql-editor {
  max-height: 50vh;
  overflow-y: scroll;
}

.content-header {
  padding-top: 10px;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  z-index: 1060;
}

.loader .loader-dialog {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  align-items: center;
  justify-content: center;
  padding: 2rem 4rem;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transform: translate(-50%, -50%);
}

.loader .spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #03b3f9;
  border-radius: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.state-loading .loader {
  animation: fade 0.2s 2s ease-in-out forwards;
}

.filter-entries .form-select {
  display: inline-block;
  width: auto;
}

.dropdown-menu li {
  position: relative;
}

.btn-group label.btn.btn-blue {
  border-top: none;
}

/* Vortex Icon Animation */
.vortex-icon {
  animation: spin-slow 10s linear infinite;
}

@keyframes spin-slow {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Tag background color classes for proper text contrast */
.tag.badge {
  margin: 0 4px 3px 0;
  font-weight: normal;
}

.tag.badge.dark-background {
  color: #fff !important;
}

.tag.badge.light-background {
  color: #000 !important;
}

.tag.badge.tag-clickable {
  cursor: pointer;
  transition: box-shadow 0.15s ease, transform 0.05s ease;
}

.tag.badge.tag-clickable:hover {
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.35); /* blue glow */
}

.tag.badge.tag-clickable:active {
  transform: translateY(1px);
}

.tag-new {
  display: none;
}

.tag-dropdown {
  position: relative;
  border-radius: 4px;
  min-width: 120px;
}

/** LIGHT MODE OVERRIDES **/
.light-layout .main-menu.menu-fixed.menu-light {
  border: 1px solid #d8dadd;
  background: rgba(255, 255, 255, 0.7019607843);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  box-shadow: -5px -5px 20px rgba(255, 255, 255, 0.36), 15px 15px 20px rgba(57, 65, 124, 0.06) rgba(255, 255, 255, 0.368627451);
}
.light-layout .main-menu.menu-light .navigation {
  background: none;
}
.light-layout .background-papyrus {
  background-color: unset;
  background-image: url(/images/crease.svg) !important;
  background-size: cover !important;
  background-attachment: fixed;
}
.light-layout .content .content-wrapper .content-header-title {
  color: #282828;
}
.light-layout .header-navbar.floating-nav {
  border: 1px solid white;
}
.light-layout .btn-outline-blue:hover:not(.disabled):not(:disabled) {
  background-color: rgba(46, 5, 235, 0.04);
  color: #2e05eb;
}
.light-layout #dashboard-ecommerce .table > :not(caption) tr:nth-of-type(odd) {
  background: #f0fcff;
}
.light-layout #dashboard-ecommerce .table thead > tr > * {
  background: #cfeaff !important;
}
.light-layout .row-auth-bg {
  --color-table-row: #f7f7f7;
  background-color: var(--color-table-row) !important;
}
.light-layout .row-auth-bg-client {
  --color-table-row: #ebebeb;
  background-color: var(--color-table-row) !important;
}
.light-layout .kpi-grid > div:nth-child(2n) .kpi-card {
  background-color: #f9f8ff;
}
.light-layout .kpi-grid > div:nth-child(2n+1) .kpi-card {
  background-color: #f2f1ff;
}
.light-layout .button-task-deadline {
  border: 2px solid #fff;
  color: var(--color-deadline, #000);
  background: #fff;
  box-shadow: 0 4px 8px #eee inset;
}
.light-layout .button-task-status {
  color: var(--color-deadline, #000);
  background-color: #edeefd;
}
.light-layout .status-deadline .button-task-deadline {
  color: #8a8a8a;
}
.light-layout .a-client-edit {
  color: #337ab7 !important;
}
.light-layout .navbar-light {
  border: 1px solid #d8dadd;
  background: rgba(255, 255, 255, 0.7019607843);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.light-layout .main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a, .light-layout .main-menu.menu-light .navigation > li.sidebar-group-active > a, .light-layout .main-menu.menu-light .navigation > li.active > a {
  color: #18171b;
  background: #c6ecf9;
  border-radius: 30px;
  box-shadow: none;
}
.light-layout .main-menu.menu-light .navigation > li ul .active {
  background: #d7f4ff;
  box-shadow: none;
  border-radius: 30px;
  z-index: 1;
}
.light-layout .main-menu.menu-light .navigation li.nav-item.has-sub {
  margin-bottom: 5px;
}
.light-layout .main-menu.menu-light .navigation > li ul .active a {
  color: #2b2b2b;
}
.light-layout .tag-dropdown {
  background: #fff;
  border: 1px solid #ccc;
}
.light-layout .tag-dropdown .highlighted, .light-layout .tag-dropdown .tag-dropdown-item:hover {
  background: #f0f0f0;
}
.light-layout .tag-context-menu {
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.light-layout .tag-context-menu .tag-context-menu-item:hover {
  color: #156be3;
}

/** END LIGHT MODE OVERRIDES **/
/** DARK MODE OVERRIDES **/
.dark-layout {
  /** Hours Added Tick Modal **/
}
.dark-layout .btn-outline-primary {
  border-color: #03b3f9 !important;
  background-color: #03b3f9 !important;
  color: #fff !important;
}
.dark-layout .kpi-grid > div:nth-child(2n) .kpi-card {
  background-color: #161d31;
}
.dark-layout .kpi-grid > div:nth-child(2n+1) .kpi-card {
  background-color: #30385a;
}
.dark-layout .kpi-card h2 {
  color: #e0e0e0 !important;
}
.dark-layout .kpi-card p {
  color: #c4c4c4 !important;
}
.dark-layout .button-task-deadline {
  color: #c4c4c4;
  background: #30385a;
}
.dark-layout .button-task-status {
  color: #c4c4c4;
  background: #30385a;
}
.dark-layout .status-deadline .button-task-deadline {
  background: none;
}
.dark-layout .main-menu .navigation > li.open:not(.menu-item-closing) > a, .dark-layout .main-menu .navigation > li.sidebar-group-active > a, .dark-layout .main-menu .navigation > li.active > a {
  color: #e0e0e0;
  background: #242b3d;
  border-radius: 30px;
  box-shadow: none;
}
.dark-layout .main-menu .navigation > li ul .active {
  background: #30385a !important;
  box-shadow: none;
  border-radius: 30px;
  z-index: 1;
}
.dark-layout .main-menu .navigation li.nav-item.has-sub {
  margin-bottom: 5px;
}
.dark-layout .main-menu .navigation > li ul .active a {
  color: #e0e0e0;
}
.dark-layout .tiptap.ProseMirror {
  background: none;
  border: 1px solid #3b4253 !important;
}
.dark-layout select.form-control {
  background: none;
  color: #c4c4c4;
  border-color: #404656;
}
.dark-layout .select2-container .select2-selection--multiple .select2-selection__choice {
  background: #c4c4c4 !important;
}
.dark-layout .select2-container--classic .select2-results__option--highlighted, .dark-layout .select2-container--default .select2-results__option--highlighted {
  color: #e0e0e0 !important;
}
.dark-layout .swal2-popup.swal2-modal {
  background: #242b3d !important;
}
.dark-layout div#swal2-content {
  color: #e0e0e0 !important;
}
.dark-layout .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  background: #242b3d !important;
}
.dark-layout .swal2-success-fix {
  background-color: #242b3d !important;
}
.dark-layout .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  background-color: #242b3d !important;
}
.dark-layout .header-navbar .navbar-container ul.navbar-nav li i.ficon:hover, .dark-layout .header-navbar .navbar-container ul.navbar-nav li svg.ficon:hover {
  color: #fff !important;
}
.dark-layout .alert {
  border: 1px solid;
}
.dark-layout .auth-inner .card {
  background: #161d31;
}
.dark-layout .tag-dropdown {
  background: #30385a;
  border: 1px solid #555;
  color: #e0e0e0;
}
.dark-layout .tag-dropdown .highlighted, .dark-layout .tag-dropdown .tag-dropdown-item:hover {
  background: #161d31;
}
.dark-layout .tag-context-menu {
  background: #30385a;
  border: 1px solid #555;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  color: #e0e0e0;
}
.dark-layout .tag-context-menu .tag-context-menu-item:hover {
  color: #fff;
}
.dark-layout .breadcrumb-item a, .dark-layout .isonic-blue {
  color: #77acd9 !important;
}
.dark-layout .badge-light-light {
  background-color: rgba(255, 255, 255, 0.1);
  color: #e0e0e0;
  border-color: #c4c4c4;
}
.dark-layout .loader {
  background: rgba(0, 0, 0, 0.8);
}
.dark-layout .loader .loader-dialog {
  background: #242b3d;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  color: #e0e0e0;
}