:root {
	--hue: 223;
	--primary: hsl(var(--hue),90%,50%);
	--trans-dur: 0.6s;
	--trans-timing: cubic-bezier(0.65,0,0.35,1);
}

body{
    font-family: system-ui, sans-serif;
    font-weight: normal;
    /* background-color: #0b0f19; */
    /* background-color: #2c3b61; */
    background-color: #f0eefc;
}

.logo {
    /* background: -webkit-linear-gradient(#aa63f1, #6366f1); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    /* color: #6366f1; */
    /* color: #ffffff; */
    font-family: "Manrope", sans-serif;
    font-weight: bold;
}

[data-bs-theme="light"] .main-header {
    background-color: #ffffff;
    color: #290b28;
    transition:
		color var(--trans-dur),
		background var(--trans-dur) var(--trans-timing);
}

[data-bs-theme="dark"] .main-header {
    background-color: #0b0f1a;
    color: #fff;
    transition:
    color var(--trans-dur),
    background var(--trans-dur) var(--trans-timing);
}

[data-bs-theme="dark"] body {
    background-color: #13182e;
    color: #ffffff;
}

.theme-switcher {
    overflow: hidden !important;
}

.switch,
.switch__input {
    /* overflow: hidden; */
    font: 1em/1.5 sans-serif;
	display: block;
    font-size: 20px;
	-webkit-tap-highlight-color: transparent;
}
.switch {
	margin: auto;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.switch__icon {
	color: hsla(var(--hue),10%,80%);
	pointer-events: none;
	position: absolute;
	top: 0.375em;
	left: 0.375em;
	width: 0.75em;
	height: 0.75em;
	transition:
		color var(--trans-dur),
		transform var(--trans-dur) var(--trans-timing);
}
.switch__icon:nth-of-type(2) {
	right: 0.375em;
	left: auto;
}
.switch__inner,
.switch__inner-icons {
	border-radius: 0.5em;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0.25em;
	left: 0.25em;
	width: 2.25em;
	height: 1em;
}
.switch__inner:before,
.switch__inner-icons {
	transition: transform var(--trans-dur) var(--trans-timing);
	transform: translateX(-1.25em);
}
.switch__inner:before {
	background-color: var(--primary);
	border-radius: inherit;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
}
.switch__inner-icons {
	pointer-events: none;
}
.switch__inner-icons .switch__icon {
	color: hsl(0,0%,100%);
	top: 0.125em;
	left: 0.125em;
	transform: translateX(1.25em);
}
.switch__inner-icons .switch__icon:nth-child(2) {
	right: 0.125em;
	left: auto;
}
.switch__input {
	background-color: hsl(0,0%,100%);
	border-radius: 0.75em;
	box-shadow:
		0 0 0 0.0625em hsla(var(--hue),90%,50%,0),
		0 0.125em 0.5em hsla(var(--hue),10%,10%,0.1);
	outline: transparent;
	width: 2.75em;
	height: 1.5em;
	-webkit-appearance: none;
	appearance: none;
	transition:
		background-color var(--trans-dur),
		box-shadow var(--trans-dur);
}
.switch__input:checked {
	background-color: hsl(var(--hue),40%,20%);
}
.switch__input:checked ~ .switch__icon {
	color: hsla(var(--hue),10%,40%);
}
.switch__input:checked ~ .switch__inner:before,
.switch__input:checked ~ .switch__inner-icons {
	transform: translateX(1.25em);
}
.switch__input:not(:checked) ~ .switch__icon:first-of-type,
.switch__input:checked ~ .switch__icon:nth-of-type(2) {
	transform: rotate(360deg);
}
.switch__input:checked ~ .switch__inner-icons .switch__icon:first-of-type {
	transform: translateX(-1.25em) rotate(-360deg);
}
.switch__input:checked ~ .switch__inner-icons .switch__icon:nth-of-type(2) {
	transform: translateX(-1.25em) rotate(360deg);
}
.switch__input:focus-visible {
	box-shadow:
		0 0 0 0.0625em hsla(var(--hue),90%,50%,1),
		0 0.125em 0.5em hsla(var(--hue),10%,10%,0.1);
}
.switch__sr {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
}
[data-disable-parallax-down=xs] {
    transform: none !important;
  }
  
  @media (max-width: 499.98px) {
    [data-disable-parallax-down=sm] {
      transform: none !important;
    }
  }
  
  @media (max-width: 767.98px) {
    [data-disable-parallax-down=md] {
      transform: none !important;
    }
  }
  
  @media (max-width: 991.98px) {
    [data-disable-parallax-down=lg] {
      transform: none !important;
    }
  }
  
  @media (max-width: 1199.98px) {
    [data-disable-parallax-down=xl] {
      transform: none !important;
    }
  }
  
  @media (min-width: 500px) {
    [data-disable-parallax-up=sm] {
      transform: none !important;
    }
  }
  
  @media (min-width: 768px) {
    [data-disable-parallax-up=md] {
      transform: none !important;
    }
  }
  
  @media (min-width: 992px) {
    [data-disable-parallax-up=lg] {
      transform: none !important;
    }
  }
  
  @media (min-width: 1200px) {
    [data-disable-parallax-up=xl] {
      transform: none !important;
    }
  }
  
  .parallax {
    position: relative;
  }
  
  .parallax-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .parallax-layer:first-child {
    position: relative;
  }
  .parallax-layer > img {
    display: block;
    width: 100%;
  }

  .g-bg-i-p {
    background-image: linear-gradient(to left, #fec0ff32, transparent);
}

[data-bs-theme="dark"] .g-bg-i-p {
    background-image: linear-gradient(to left, #fec0ff13, transparent);
}

.fs-lg {
    font-size: 1.125rem !important
}

.guide-card {
  transform: scale(0.9);
}

.guide-card:hover {
  transform: scale(0.92);
}

[data-bs-theme="light"] .guide-card {
  color: #290b28;
  transition:
  color var(--trans-dur),
  background var(--trans-dur) var(--trans-timing),
  box-shadow var(--trans-dur) var(--trans-timing),
  transform var(--trans-dur) var(--trans-timing);
}

[data-bs-theme="dark"] .guide-card {
  background-color: #0b0f1a;
  color: #fff;
  transition:
  color var(--trans-dur),
  background var(--trans-dur) var(--trans-timing),
  box-shadow var(--trans-dur) var(--trans-timing),
  transform var(--trans-dur) var(--trans-timing);
}

.card-blue:hover {
  -webkit-box-shadow: 3px 3px 20px #0d6efd, -1px -1px 20px #0d6efd;
  -moz-box-shadow: 3px 3px 20px #0d6efd, -1px -1px 20px #0d6efd;
  box-shadow: 3px 3px 20px #0d6efd, -1px -1px 20px #0d6efd;
}

.card-purple:hover {
  -webkit-box-shadow: 3px 3px 20px #892fff, -1px -1px 20px #892fff;
  -moz-box-shadow: 3px 3px 20px #892fff, -1px -1px 20px #892fff;
  box-shadow: 3px 3px 20px #892fff, -1px -1px 20px #892fff;
}

.card-red:hover {
  -webkit-box-shadow: 2px 2px 20px #dc3545, -1px -1px 20px #dc3545;
  -moz-box-shadow: 2px 2px 20px #dc3545, -1px -1px 20px #dc3545;
  box-shadow: 3px 3px 20px #dc3545, -1px -1px 20px #dc3545;
}

.btn-purple {
  color: #fff;
  background-color: #9849ff;
  border-color: #6a21ca;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-purple:hover {
  color: #f1f1f1;
  background-color: #6e18df;
  border-color: #5d09cb;
}

.btn-purple:focus {
  color: #f1f1f1;
  background-color: #892fff;
  border-color: #5d09cb;
}

.btn-magenta {
  color: #fff;
  background-color: #6927bf;
  border-color: #5f24ac;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-magenta:hover {
  color: #f1f1f1;
  background-color: #5216a1;
  border-color: #491094;
}

.btn-magenta:focus {
  color: #f1f1f1;
  background-color: #5216a1;
  border-color: #491094;
}


[data-bs-theme="light"] .login-card {
  color: #290b28;
  transition:
  color var(--trans-dur),
  background var(--trans-dur) var(--trans-timing),
  transform var(--trans-dur) var(--trans-timing);
}

[data-bs-theme="dark"] .login-card {
  background-color: #0b0f1a;
  color: #fff;
  transition:
  color var(--trans-dur),
  background var(--trans-dur) var(--trans-timing),
  transform var(--trans-dur) var(--trans-timing);
}

@media (max-width: 768px) {
  .dropdown-margin {
    margin-bottom: 30px !important;
  }
}

  /* Ensure the select element respects RTL direction */
  select[dir="rtl"] {
    direction: rtl;
    text-align: right;  /* Align text inside select box to the right */
  }

  /* Align options in the dropdown to the right */
  select[dir="rtl"] option {
    text-align: right;  /* Right-align the option text */
  }

  /* Custom positioning of the dropdown arrow for IE and Edge */
  select[dir="rtl"]::-ms-expand {
    position: absolute;
    right: 10px; /* Move the dropdown arrow to the right */
  }

  /* For Chrome, Firefox, Safari, and other browsers */
  select[dir="rtl"] {
    padding-right: 2.5rem;  /* Make space for the arrow on the right */
    background-position: right center;  /* Position the dropdown arrow on the right */
  }

  /* Adjust appearance for Firefox, which does not expose the arrow directly */
  select[dir="rtl"]::-moz-focus-inner {
    border: none;  /* Remove inner border when focused */
    padding: 0;  /* Remove any padding */
  }

  .invalid-tooltip {
    right: 0;
  }
  html[dir="rtl"] .invalid-tooltip {
    left: 0;
    right: auto;
  }
  
  .animated-border-box, .animated-border-box-glow{
    /* max-height: 200px;
    max-width: 250px; */
    height: 100%;
    width: calc(100% - 25px);
    position: absolute;
    overflow: hidden; 
    z-index: 0;
    /* Border Radius */
    border-radius: 0.5rem;
  }
  
  .animated-border-box-glow{
    overflow: hidden;
    /* Glow Blur */
    filter: blur(20px);
  }
  
  .animated-border-box:before, .animated-border-box-glow:before {
    content: '';
    z-index: -2;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    position: absolute;
    width: 99999px;
    height: 99999px;
    background-repeat: no-repeat;
    background-position: 0 0;
    /*border color, change middle color*/
    background-image: conic-gradient(rgba(0,0,0,0), #0d6efd, rgba(0,0,0,0) 25%);
    /* change speed here */
    animation: rotate 5s linear infinite;
  }
  
  .animated-border-box:after {
    content: '';
    position: absolute;
    z-index: -1;
    /* border width */
    left: 5px;
    top: 5px;
    /* double the px from the border width left */
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    /*bg color*/
    background: #292a2e;
    /*box border radius*/
    border-radius: 7px;
  }
  
  @keyframes rotate {
    100% {
      transform: translate(-50%, -50%) rotate(1turn);
    }
  }

  .password-ltr {
    background-position: right 2rem center, center right 2.25rem !important;
  }

  .eye-icon {
    height: 100%;
    width: 16px;
    right: 11px;
    top: 0;
    display: block !important;
    background: url('../images/eye.svg') center/contain no-repeat;
}

.eye-rtl {
  left: 11px;
  right: auto;
}

.eye-icon.show {
    background: url('../images/eye-slash.svg') center/contain no-repeat;
}


.table-container-ms {
  background-color: #6365f130;
  /* background-image: linear-gradient(to bottom, #fec0ff2c, transparent); */
  padding: 10px;
}

.tb-cont-ms {
  background-color: #6365f130;
}

.table {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #ccc;
  border-radius: 10px;
  overflow: hidden;
}

.table th,
.table td {
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
}

/* Logical Properties for First and Last Child */
.table th:first-child,
.table td:first-child {
  border-inline-start: none;
}

.table th:last-child,
.table td:last-child {
  border-inline-end: none;
}

.table thead th {
  background-color: #0d6efd !important;
  border-top: none;
}

/* Logical Properties for Rounded Corners */
.table thead th:first-child {
  border-start-start-radius: 10px; /* Top-left in LTR, top-right in RTL */
}

.table thead th:last-child {
  border-start-end-radius: 10px; /* Top-right in LTR, top-left in RTL */
}

.table tbody tr:last-child td:first-child {
  border-end-start-radius: 10px; /* Bottom-left in LTR, bottom-right in RTL */
}

.table tbody tr:last-child td:last-child {
  border-end-end-radius: 10px; /* Bottom-right in LTR, bottom-left in RTL */
}

/* Striped Columns */
.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  background-color: #4f81ff;
}

/* Direction-Specific Adjustments (Optional) */
/* .table:dir(rtl) th:first-child, */
.table:dir(rtl) td:first-child {
  border-inline-end: none;
}

.table:dir(rtl) th:last-child,
.table:dir(rtl) td:last-child {
  border-inline-start: none;
}



.background-icons {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.icon {
  position: absolute;
  opacity: 0.3;
  animation: float 12s infinite alternate ease-in-out;
}

.icon:nth-child(1) {
  width: 100px;
  height: auto;
  top: 12%;
  left: 10%;
  animation-duration: 7s;
}

.icon:nth-child(2) {
  width: 120px;
  height: auto;
  top: 70%;
  left: 40%;
  animation-duration: 6s;
}

.icon:nth-child(3) {
  width: 90px;
  height: auto;
  top: 50%;
  left: 20%;
  animation-duration: 5s;
}

.icon:nth-child(4) {
  width: 70px;
  height: auto;
  top: 55%;
  left: 60%;
  animation-duration: 4s;
}

.icon:nth-child(5) {
  width: 110px;
  height: auto;
  top: 15%;
  left: 75%;
  animation-duration: 3s;
}

.icon:nth-child(6) {
  width: 80px;
  height: auto;
  top: 80%;
  left: 5%;
  animation-duration: 8s;
}

.icon:nth-child(7) {
  width: 95px;
  height: auto;
  top: 18%;
  left: 45%;
  animation-duration: 9s;
}

.icon:nth-child(8) {
  width: 105px;
  height: auto;
  top: 70%;
  left: 80%;
  animation-duration: 11s;
}

.icon:nth-child(9) {
  width: 110px;
  height: auto;
  top: 65%;
  left: 30%;
  animation-duration: 13s;
}

.icon:nth-child(10) {
  width: 100px;
  height: auto;
  top: 25%;
  left: 70%;
  animation-duration: 7s;
}

.icon:nth-child(11) {
  width: 85px;
  height: auto;
  top: 80%;
  left: 20%;
  animation-duration: 10s;
}

.icon:nth-child(12) {
  width: 95px;
  height: auto;
  top: 50%;
  left: 90%;
  animation-duration: 12s;
}

/* Animation for slight floating effect */
@keyframes floatt {
  0% {
      transform: translateY(0);
  }
  100% {
      transform: translateY(-20px);
  }
}


[data-bs-theme="light"] .up-ms {
  background-color: #ccc4ff !important;
}

[data-bs-theme="dark"] .up-ms {
  background-color: #0b0f1a !important;
}

.uniform-btn {
  width: 150px; /* Set a consistent width */
  height: 45px; /* Set a consistent height */
  display: flex;
  justify-content: center;
  align-items: center;
}

.uniform-btn-half {
  width: 75px; /* Set a consistent width */
  height: 45px; /* Set a consistent height */
  display: flex;
  justify-content: center;
  align-items: center;
}

.numVal {
  cursor: pointer;
  transition: background ease-in-out 0.4s;
}

.numVal.active {
  background-color: #8cdedf !important;
  border: 1px dashed #13182e;
  color: #000 !important;
}

.numVal.clowLim {
  background-color: #ffffb4 !important;
  color: #000 !important;
}
.numVal.cHigLim {
  background-color: #ffc1c1 !important;
  color: #000 !important;
}
.numVal.lowLim {
  background-color: #ffff68 !important;
  color: #000 !important;
}
.numVal.HigLim {
  background-color: #ff8484 !important;
  color: #000 !important;
}

.subname.active {
  background-color: #92df8c !important;
  color: #000 !important;
}

.notifyjs-corner {
  position: fixed !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}


[data-bs-theme="light"]  .charts-section {
  background-image: linear-gradient(to bottom, #d5d4fb3b, #ff00ff14) !important;
}

.diagonal-cell, .diagonal-cell-ar {
  position: relative;
  text-align: center;
  height: 100px; /* Adjust the height of the cell */
  width: 150px; /* Adjust the width of the cell */
}

.top-text,
.bottom-text,
.top-text-ar,
.bottom-text-ar {
  position: absolute;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
}

.top-text {
  text-align: left;
  top: 10%;
  left: 60%;
}

.bottom-text {
  text-align: left;
  bottom: 10%;
  left: 10%;
}

.top-text-ar {
  text-align: left;
  left: 10%;
  top: 10%;
}

.bottom-text-ar {
  text-align: left;
  left: 60%;
  bottom: 10%;
}

.diagonal-cell::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom left, transparent 49%, white 49%, white 51%, transparent 51%);
}

.diagonal-cell-ar::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom right, transparent 49%, white 49%, white 51%, transparent 51%);
}


.btn-active {
  background-color: #fff;
  color: #000;
}