body {
  margin: 0;
  padding: 0;
}
*:focus {
  outline: none !important;
  box-shadow: none !important;
}
ul {
  margin: 0px;
  padding: 0px;
}
ul li {
  list-style: none;
}
a {
  decoration: none;
}

.primary-font {
  font-family: "Jost", sans-serif !important;
}
.secondary-font {
  font-family: "Orbitron", sans-serif !important;
}
.vh100 {
  height: 100vh;
}

.no-padding {
  padding: 0px !important;
}
.no-margin {
  margin: 0px !important;
}
.axuality-color {
  color: #474b4e !important;
}
.sidebar-color {
  color: var(--sidebar-color) !important;
}
/*TEXT COLORS START*/
.text-shadow-gray {
  text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.35);
}
.text-warning {
  color: var(--orange) !important;
}
/* Primary Colors */
.primary-10 {
  color: var(--primary-10);
}
.bg-primary-10 {
  background: var(--primary-10);
}
.border-primary-10 {
  border: 1px solid var(--primary-10) !important;
}

.primary-20 {
  color: var(--primary-20);
}
.bg-primary-20 {
  background: var(--primary-20);
}
.border-primary-20 {
  border: 1px solid var(--primary-20) !important;
}

.primary-30 {
  color: var(--primary-30);
}
.bg-primary-30 {
  background: var(--primary-30);
}
.border-primary-30 {
  border: 1px solid var(--primary-30) !important;
}

.primary-40 {
  color: var(--primary-40);
}
.bg-primary-40 {
  background: var(--primary-40);
}
.border-primary-40 {
  border: 1px solid var(--primary-40) !important;
}

.primary-50 {
  color: var(--primary-50);
}
.bg-primary-50 {
  background: var(--primary-50);
}
.border-primary-50 {
  border: 1px solid var(--primary-50) !important;
}

.primary-60 {
  color: var(--primary-60);
}
.bg-primary-60 {
  background: var(--primary-60);
}
.border-primary-60 {
  border: 1px solid var(--primary-60) !important;
}

.primary-70 {
  color: var(--primary-70);
}
.bg-primary-70 {
  background: var(--primary-70);
}
.border-primary-70 {
  border: 1px solid var(--primary-70) !important;
}

.primary-80 {
  color: var(--primary-80);
}
.bg-primary-80 {
  background: var(--primary-80);
}
.border-primary-80 {
  border: 1px solid var(--primary-80) !important;
}

.primary-90 {
  color: var(--primary-90);
}
.bg-primary-90 {
  background: var(--primary-90);
}
.border-primary-90 {
  border: 1px solid var(--primary-90) !important;
}

.primary-100 {
  color: var(--primary-100);
}
.bg-primary-100 {
  background: var(--primary-100);
}
.border-primary-100 {
  border: 1px solid var(--primary-100) !important;
}

/* Cold Gray Colors */
.cold-gray-10 {
  color: var(--cold-gray-10);
}
.bg-cold-gray-10 {
  background: var(--cold-gray-10);
}
.border-cold-gray-10 {
  border: 1px solid var(--cold-gray-10) !important;
}

.cold-gray-20 {
  color: var(--cold-gray-20);
}
.bg-cold-gray-20 {
  background: var(--cold-gray-20);
}
.border-cold-gray-20 {
  border: 1px solid var(--cold-gray-20) !important;
}

.cold-gray-30 {
  color: var(--cold-gray-30);
}
.bg-cold-gray-30 {
  background: var(--cold-gray-30);
}
.border-cold-gray-30 {
  border: 1px solid var(--cold-gray-30) !important;
}

.cold-gray-40 {
  color: var(--cold-gray-40);
}
.bg-cold-gray-40 {
  background: var(--cold-gray-40);
}
.border-cold-gray-40 {
  border: 1px solid var(--cold-gray-40) !important;
}

.cold-gray-50 {
  color: var(--cold-gray-50);
}
.bg-cold-gray-50 {
  background: var(--cold-gray-50);
}
.border-cold-gray-50 {
  border: 1px solid var(--cold-gray-50) !important;
}

.cold-gray-60 {
  color: var(--cold-gray-60);
}
.bg-cold-gray-60 {
  background: var(--cold-gray-60);
}
.border-cold-gray-60 {
  border: 1px solid var(--cold-gray-60) !important;
}

.cold-gray-70 {
  color: var(--cold-gray-70);
}
.bg-cold-gray-70 {
  background: var(--cold-gray-70);
}
.border-cold-gray-70 {
  border: 1px solid var(--cold-gray-70) !important;
}

.cold-gray-80 {
  color: var(--cold-gray-80);
}
.bg-cold-gray-80 {
  background: var(--cold-gray-80);
}
.border-cold-gray-80 {
  border: 1px solid var(--cold-gray-80) !important;
}

.cold-gray-90 {
  color: var(--cold-gray-90);
}
.bg-cold-gray-90 {
  background: var(--cold-gray-90);
}
.border-cold-gray-90 {
  border: 1px solid var(--cold-gray-90) !important;
}

.cold-gray-100 {
  color: var(--cold-gray-100);
}
.bg-cold-gray-100 {
  background: var(--cold-gray-100);
}
.border-cold-gray-100 {
  border: 1px solid var(--cold-gray-100) !important;
}

/* Gray Colors */
.gray-10 {
  color: var(--gray-10);
}
.bg-gray-10 {
  background: var(--gray-10);
}
.border-gray-10 {
  border: 1px solid var(--gray-10) !important;
}

.gray-20 {
  color: var(--gray-20);
}
.bg-gray-20 {
  background: var(--gray-20);
}
.border-gray-20 {
  border: 1px solid var(--gray-20) !important;
}

.gray-30 {
  color: var(--gray-30);
}
.bg-gray-30 {
  background: var(--gray-30);
}
.border-gray-30 {
  border: 1px solid var(--gray-30) !important;
}

.gray-40 {
  color: var(--gray-40);
}
.bg-gray-40 {
  background: var(--gray-40);
}
.border-gray-40 {
  border: 1px solid var(--gray-40) !important;
}

.gray-50 {
  color: var(--gray-50);
}
.bg-gray-50 {
  background: var(--gray-50);
}
.border-gray-50 {
  border: 1px solid var(--gray-50) !important;
}

.gray-60 {
  color: var(--gray-60);
}
.bg-gray-60 {
  background: var(--gray-60);
}
.border-gray-60 {
  border: 1px solid var(--gray-60) !important;
}

.gray-70 {
  color: var(--gray-70);
}
.bg-gray-70 {
  background: var(--gray-70);
}
.border-gray-70 {
  border: 1px solid var(--gray-70) !important;
}

.gray-80 {
  color: var(--gray-80);
}
.bg-gray-80 {
  background: var(--gray-80);
}
.border-gray-80 {
  border: 1px solid var(--gray-80) !important;
}

.gray-90 {
  color: var(--gray-90);
}
.bg-gray-90 {
  background: var(--gray-90);
}
.border-gray-90 {
  border: 1px solid var(--gray-90) !important;
}

.white-90 {
  color: var(--white-90);
}
.bg-white-90 {
  background: var(--white-90);
}
.border-white-90 {
  border: 1px solid var(--white-90) !important;
}

/* White Colors */
.white {
  color: var(--white);
}
.bg-white {
  background: var(--white);
}
.border-white {
  border: 1px solid var(--white) !important;
}

.white-10 {
  color: var(--white-10);
}
.bg-white-10 {
  background: var(--white-10);
}
.border-white-10 {
  border: 1px solid var(--white-10) !important;
}

.white-20 {
  color: var(--white-20);
}
.bg-white-20 {
  background: var(--white-20);
}
.border-white-20 {
  border: 1px solid var(--white-20) !important;
}

.white-30 {
  color: var(--white-30);
}
.bg-white-30 {
  background: var(--white-30);
}
.border-white-30 {
  border: 1px solid var(--white-30) !important;
}

.white-40 {
  color: var(--white-40);
}
.bg-white-40 {
  background: var(--white-40);
}
.border-white-40 {
  border: 1px solid var(--white-40) !important;
}

.white-50 {
  color: var(--white-50);
}
.bg-white-50 {
  background: var(--white-50);
}
.border-white-50 {
  border: 1px solid var(--white-50) !important;
}

.white-60 {
  color: var(--white-60);
}
.bg-white-60 {
  background: var(--white-60);
}
.border-white-60 {
  border: 1px solid var(--white-60) !important;
}

.white-70 {
  color: var(--white-70);
}
.bg-white-70 {
  background: var(--white-70);
}
.border-white-70 {
  border: 1px solid var(--white-70) !important;
}

.white-80 {
  color: var(--white-80);
}
.bg-white-80 {
  background: var(--white-80);
}
.border-white-80 {
  border: 1px solid var(--white-80) !important;
}

.white-90 {
  color: var(--white-90);
}
.bg-white-90 {
  background: var(--white-90);
}
.border-white-90 {
  border: 1px solid var(--white-90) !important;
}

.white-100 {
  color: var(--white-100);
}
.bg-white-100 {
  background: var(--white-100);
}
.border-white-100 {
  border: 1px solid var(--white-100) !important;
}

/* Other Colors */
.green {
  color: var(--green);
}
.bg-green {
  background: var(--green);
}
.border-green {
  border: 1px solid var(--green) !important;
}

.red {
  color: var(--red);
}
.bg-red {
  background: var(--red);
}
.border-red {
  border: 1px solid var(--red) !important;
}

.sidebar-color {
  color: var(--sidebar-color);
}
.bg-sidebar-color {
  background: var(--sidebar-color);
}
.border-sidebar-color {
  border: 1px solid var(--sidebar-color) !important;
}

/* Toast Colors */
.toast-success {
  color: var(--toast-success);
}
.bg-toast-success {
  background: var(--toast-success);
}
.border-toast-success {
  border: 1px solid var(--toast-success) !important;
}

.toast-error {
  color: var(--toast-error);
}
.bg-toast-error {
  background: var(--toast-error);
}
.border-toast-error {
  border: 1px solid var(--toast-error) !important;
}

.toast-bg {
  color: var(--toast-bg);
}
.bg-toast-bg {
  background: var(--toast-bg);
}
.border-toast-bg {
  border: 1px solid var(--toast-bg) !important;
}

.toast-text {
  color: var(--toast-text);
}
.bg-toast-text {
  background: var(--toast-text);
}
.border-toast-text {
  border: 1px solid var(--toast-text) !important;
}

/* Form Styles */
.form-control,
.form-select {
  width: 100% !important;
  height: 40px !important;
  padding-top: 12px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  border-radius: 8px !important;
  border: 1px solid var(--white-90) !important;
  background-color: transparent !important;
  color: var(--white-90) !important;
  transition: border-color 0.3s, box-shadow 0.3s !important;
}

.form-control::placeholder,
.form-select::placeholder {
  color: var(--white-90) !important;
  opacity: 1 !important;
}

.form-control:hover,
.form-select:hover {
  border: 1px solid var(--white-90) !important;
}

.form-control:focus,
.form-select:focus {
  border: 1px solid var(--primary-50) !important;
  outline: none !important;
  color: var(--white-90) !important;
}

.form-control-error,
.form-select-error {
  border: 1px solid var(--red) !important;
}

.form-control-error:focus,
.form-select-error:focus {
  box-shadow: none !important;
}

.form-control-error + .error-message,
.form-select-error + .error-message {
  color: var(--red) !important;
  font-size: 12px !important;
  margin-top: 4px !important;
}

.form-control:disabled,
.form-select:disabled {
  background-color: var(--white-90) !important;
  color: var(--white-50) !important;
  cursor: not-allowed !important;
  border: 1px solid var(--white-60) !important;
}

/* Custom Table */
.custom-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 12px;
  border: 0.646px solid var(--white-40);
  background: var(--white-20);
}

.custom-table thead th {
  color: var(--white-100);
  font-weight: 600;
  padding: 16px;
  font-size: 16px;
  border-bottom: 1px solid #fafafa;
  border: 1px solid #fafafa;
  background: var(--white);
}

.custom-table tbody td {
  padding: 16px;
  color: var(--white-100);
  border-bottom: 1px solid var(--white-40);
  vertical-align: middle;
  font-family: "Jost", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.custom-table tbody tr:last-child td {
  border-bottom: none;
}

.custom-table tbody tr {
  transition: background-color 0.3s ease;
}

.custom-table tbody tr:nth-child(odd) {
  background: var(--white-20);
}

.custom-table tbody tr:nth-child(even) {
  background: var(--white);
}

textarea.form-control {
  height: 100px !important;
}
.upload-input {
  padding-top: 12px !important;
}