@charset "UTF-8";
/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

/* Override Bootstrap CSS custom properties */
:root {
  --bs-body-bg: #070726;
  --bs-info-rgb: 0, 195, 255;
  --bg0:#020617;
  --bg1:#06122b;
  --panel:rgba(6,18,43,.65);
  --border:rgba(148,163,184,.18);
  --text:#e5e7eb;
  --muted:rgba(226,232,240,.7);
  --cyan:#22d3ee;
  --blue:#3b82f6;
  --violet:#8b5cf6;
}
.mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
    .k{color: rgba(34,211,238,.9)}
    .v{color: rgba(226,232,240,.75)}

.glow{
  background:linear-gradient(90deg,#e5e7eb,#22d3ee,#8b5cf6);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.bg-info {
  background-color: #006c8d !important;
}

.bg-warning {
  background-color: #e28b00 !important;
  /* color: #ffffff !important; */
}
/* [data-bs-theme="dark"] {
  --bs-body-bg: #070726;
  --bs-body-color: #75baff;
} */

 .cursor-not-allowed{ cursor: not-allowed !important;}
 .cursor-default{ cursor: default !important;}
 .cursor-pointer{ cursor: pointer !important;}
 .cursor-no-drop{ cursor: no-drop !important;}

.form-control, .form-control[readonly] {
    background-color: #070726 !important;
    opacity: 1 !important;
    color: #75baff !important;
}

body-1 {
  font-family: "Sofia Sans Extra Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 75;
}

a {
  text-decoration: none;
}

.tr-divider-1 {
   line-height: 25px;
   min-height: 25px;
   height: 25px;
}

.tr-underline-1 {
  border-bottom: 1px;
  border-bottom-color: #aaaaaa;
}

.tr-underline-2 {
  border-bottom: 1px;
  border-bottom-color: #ffffff;
}

.tr-underline-3 {
  border-bottom: 6px;
  border-bottom-color: #aaaaaa;
  border-style: double;
}

.nice_bg{
  background:
    radial-gradient(1200px 800px at 15% 20%, rgba(34,211,238,.14), transparent 55%),
    radial-gradient(900px 600px at 85% 30%, rgba(139,92,246,.12), transparent 55%),
    linear-gradient(180deg, var(--bg0), var(--bg1));
}


.dark-bue_bg {
  background: linear-gradient(  #060718  , #0f102a);
  /* background-color: rgba(34, 49, 77, 0.4) !important; */
  /* background-image: url("https://assets-global.website-files.com/64ad74dff3ea6b720f588d10/64af35d81e0b9ad3d9e74731_all-you-need-to-integrate-ai-with-your-plan-bg-image-ai-x-webflow-template.jpg"); */
  /* background-color: rgba(0,0,0,0.9); */
  /* background-blend-mode: darken; */
}


.blue_buble_bg {
/*  background: linear-gradient(#e66465, #9198e5);*/
background-image: url("../img/bg_blue_buuble2.jpg");
/*  background-image: url("https://assets-global.website-files.com/64ad74dff3ea6b720f588d10/64af35d81e0b9ad3d9e74731_all-you-need-to-integrate-ai-with-your-plan-bg-image-ai-x-webflow-template.jpg"); 
  background-color: rgba(0,0,0,0.6);!important;
  background-blend-mode: darken;!important;*/
}

.bg-dark-blue {
/*  background: linear-gradient(#1a2333, #313c4f);*/
  background-color: rgba(34, 49, 77, 0.4) !important;
/*  background-image: url("https://assets-global.website-files.com/64ad74dff3ea6b720f588d10/64af35d81e0b9ad3d9e74731_all-you-need-to-integrate-ai-with-your-plan-bg-image-ai-x-webflow-template.jpg");*/
/*  background-color: rgba(0,0,0,0.9);
  background-blend-mode: darken;*/
}


.blue_hole_bg {
  background-image: url("https://assets-global.website-files.com/659311ec9ef09a39d5b1fe8d/6595b783ff5b2c20a5eb51b3_Home%20V2%20Background-p-2600.webp");
}

.shine-div {
  background: radial-gradient(circle at center, #34b4eb 0%, #396a9e 4%, #202961 12.25%, #140e3d 31.25%, #000000 50%);
  animation: colorChange 5s infinite alternate;
}

table tr td, table tr th{
    background-color: rgba(34, 49, 77, 0.4) !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background-color: rgba(34, 49, 77, 0.4) !important;
}

.text-nano{
  font-size: 0.5rem;
}

.btn-blue-bg1 {
  
  margin-right: auto;
  margin-left: auto;
  border-radius: 10px;
  color: white;
  font-weight: bold;
  overflow:hidden;
  position:relative;
  z-index:0;
}
.btn-blue-bg1:before {
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  width:400%;
  height:200%;
  background: radial-gradient(farthest-corner at top, #FFFFFF 0%, #ffb3ff 4%, #ff33ff 12.25%, #800080 31.25%, #b300b3 50%);
  animation: colorChange 5s infinite alternate linear;
}

@keyframes colorChange {
  from {
    transform:translateX(-50%);
  }
  50% {
    transform:scaleX(0.75) translateX(-50%)
  }
  to {
    transform:translateX(-25%);
  }
 }

.hiddenRow0, .hiddenRow1, .hiddenRow2 , .hiddenRow3 {
    display: none;
}
.text-danger-row td {
    color: #90d7ff;
}
.text-short-exposure-row td{
    color: #00c3ff;
}
.text-long-exposure-row td{
    color: #ffeb79;
}

.text-short-exposure-row a {
    color: #00c3ff !important;
}
.text-long-exposure-row a {
    color: #ffeb79 !important;
}



.btn-long-exposure {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffeb79;
  --bs-btn-border-color: #ffeb79;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217,164,6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffeb79;
  --bs-btn-disabled-border-color: #ffeb79;
}

.btn-short-exposure {
  --bs-btn-color: #000;
  --bs-btn-bg: #00c3ff;
  --bs-btn-border-color: #00c3ff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #61ccfd;
  --bs-btn-hover-border-color: #61ccfd;
  --bs-btn-focus-shadow-rgb: 217,164,6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #1cb2f7;
  --bs-btn-active-border-color: #61ccfd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #00c3ff;
  --bs-btn-disabled-border-color: #00c3ff;
}


.text-warning-row td {
    color: #ffd500;
}
.text-info-row td {
    color: #00c3ff;
}
.text-success-row td {
    color: #b5ffd2;
}

.text-positive-row td {
    color: #b5ffd2;
}

.text-negative-row td {
    color: #ffa890;
}

.text-danger {
  color: #ffa890 !important;
}
.text-success {
  color: #b5ffd2;
}

.text-negative {
  color: #ffa890 !important;
}
.text-positive {
  color: #b5ffd2 !important;
}

.text-red {
  color: #e44343 !important;
}
.text-green {
  color: #02d676 !important;
}

.text-grey {
  color: #808080 !important;
}
.text-yellow {
  color: #e4c443 !important;
}

.text-warn {
  color: #d0be33 !important;
}

.sort-icon {
    margin-left: 5px;
    font-size: 0.8em;
    color: gray;
}

.verticaltext{
   width:1px;
   word-wrap: break-word;
   white-space:pre-wrap; 
}

.fs-09 {
  font-size: 0.9rem !important;
}
.fs-08 {
  font-size: 0.8rem !important;
}
.fs-075 {
  font-size: 0.75rem !important;
}

.fs-05 {
  font-size: 0.5rem !important;
}

.fs-025 {
  font-size: 0.25rem !important;
}

.fs-01 {
  font-size: 0.1rem !important;
}

.btn-mini {
  padding: 0.15rem 0.25rem;
  font-size: 0.6rem;
  line-height: 1.1;
  border-radius: 0.1rem;
}

.editable {
  cursor: pointer;
  transition: background-color 1s;
}

.editable:hover {
  background-color: hsl(237, 75%, 67%) !important;
}

.editable input {
  width: 100%;
  border: none;
  outline: none;
  padding: 0.25rem;
}

.row-disabled {
  opacity: 0.50;
}

.tr-danger {
  background-color: rgba(255, 0, 0, 0.742) !important;
  color: #ff0000;

}

.tr-warning {
  background-color: rgba(255, 179, 0, 0.608) !important;
  color: var(--bs-btn-active-bg);
}

.table-secondary {
  background-color: rgba(30, 28, 77, 0.838) !important;
  color: #ffffff !important;
}


code {
  font-size: .875em;
  color: #ba66cc;
  word-wrap: break-word;
}

nano{
  font-size: 0.5rem;
}
mini{
  font-size: 0.75rem;
}
micro{
  font-size: 0.875rem;
}
smallest{
  font-size: 0.625rem;
} 

.col-emph {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.col-emph-more {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.col-emph-inverse {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.col-divider {
  border-left: 2px solid rgba(255, 255, 255, 0.2) !important;
}

.row-negative {
  background-color: rgba(255, 0, 0, 0.179) !important;
}

.row-positive {
  background-color: rgba(0, 255, 0, 0.179) !important;
}

.text-sm{
  font-size: 0.8rem;
}