:root {
  --underpanel-color: #151515;
}

body {
background-color:#111111;
margin:0;
padding:0;
}
.body-fullscreen {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: fixed;
}

@font-face {
  font-family: 'Winston-Regular';
  src: url('/static/fonts/Winston-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Winston-LightItalic';
  src: url('/static/fonts/Winston-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Winston-Bold';
  src: url('/static/fonts/Winston-Bold.ttf') format('truetype');
}

.content {
color:#FFF;
display:flex;
align-items: center;
justify-content: center;
}

.content pre {
color:#F5DEB3;
display:block;
font-size:16px;
}

#map-container {
position:relative;
z-index:1;
width:100%;
height:100%;
}

.map-filter {
display:flex;
flex-direction:column;
height: 100%;
padding:1%;
}

.map-styled-input {
width:100%;
height:80%;
display:flex;
flex-direction:column;
align-items:center;
}

.map-styled-input .field {
display:flex;
width:100%;
margin-bottom:.3em;
align-items:center;
justify-content:space-around;
background-color:#252525;
color:#F5DEB3;
border-radius:.5em;
}

.field input {
width:50%;
outline:none;
}

#gMap-loadingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #121212;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  opacity: 1.0;
  transition: opacity 2.5s;
}

.gMap-objectInfocard {
position:absolute;
width:40vh;
height:100%;
display:none;
background-color:#0c0c0c;
flex-direction:column;
overflow:auto;
word-wrap:break-word;
top:0;
left:0;
z-index:2;
box-shadow:5px 0 20px 3px #0c0c0c;
padding:1%;
}

.gMap-objectInfocard img {
width:100%;
border-radius:1em;
margin-bottom:.5rem;
}

.gMap-buttons > * {
  display: block;
}

.video-container video {
border-radius:2em;
width:560px;
height:315px;
border:0;
}

#parent-element {
width:100%;
height: 25%;
}

.object-formats {
display:flex;
margin-bottom:1em;
margin-top:1em;
flex-direction:row;
}

#price-filter-block {
display:flex;
flex-direction:column;
border-color:#858482;
}

#gNews-tabBody .carousel-indicators li {
list-style:none;
}

#gNews-carousel.carousel ol.carousel-indicators {
  align-items: center;
}

#gNews-carousel.carousel ol.carousel-indicators li {
  background: linear-gradient(to bottom, white, white 50%, black 50%, black) content-box;
  height: 0.25rem;
}

#gNews-carousel.carousel ol.carousel-indicators li.active {
  height: 0.5rem;
}

#gNews-carousel.carousel .carousel-control-prev .carousel-control-prev-icon {
  filter: drop-shadow(0.2rem 0.1rem 0px black);
}

#gNews-carousel.carousel .carousel-control-next .carousel-control-next-icon {
  filter: drop-shadow(0.2rem 0.1rem 0px black);
}


.alert {
text-align:center;
}

.nav-link {
color:#f5d598;
border-radius:0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.nav-icon {
float:left;
width:21px;
margin-right:6%;
display:block;
}

.custom-scrollbar::-webkit-scrollbar {
width: 1rem;
height: 1rem;
background: #0c0c0c;
}

.custom-scrollbar::-webkit-scrollbar-corner {
  background: #0c0c0c;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
height: 6px;
border: 3px solid hsla(0,0%,100%,0);
background-clip:padding-box;
-webkit-border-radius:6px;
background-color:#323232;
}

.custom-scrollbars-everywhere *::-webkit-scrollbar {
  width: 1rem;
  height: 1rem;
  background: #0c0c0c;
}

.custom-scrollbars-everywhere *::-webkit-scrollbar-corner {
  background: #0c0c0c;
}

.custom-scrollbars-everywhere *::-webkit-scrollbar-thumb {
  height: 6px;
  border: 3px solid hsla(0, 0%, 100%, 0);
  background-clip: padding-box;
  -webkit-border-radius: 6px;
  background-color: #323232;
}

select {
cursor:pointer;
width:100%;
border-radius:10px;
background-color:#121212;
color:#F5DEB3;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
outline:none;
border-color:#121212;
}

select::-webkit-scrollbar {
width:.5em;
}

.avatar-container {
display:flex;
flex-direction:column;
align-items:center;
}

.round-avatar {
border-radius:50%;
width: 17%;
border:2px solid;
border-color:rgba(255,139,13,0.7);
cursor:pointer;
z-index: 999;
}

.round-avatar:hover {
box-shadow: 0px 0px 6px 1px wheat;
}

.avatar-changed-container {
display:flex;
justify-content: center;
width: 50%;
}

.horizontal-block {
display:flex;
justify-content:space-around;
width:100%;
font-family:Inter,Arial,sans-serif;
}
.vertical-sidebar {
display:flex;
flex-direction: column;
font-family:Inter,Arial,sans-serif;
border: 1px solid;
border-color: #6161613b;
border-radius: .5em;
}

.navigation-btn {
    width: fit-content;
    margin-bottom: 0%;
    padding: 0.5%;
    border: none;
    background-color: rgb(18, 18, 18);
}

.text-color-active {
  color: #F5DEB3;
}

.gCalc--outCell {
  display: flex;
  justify-content: end;
  font-family: monospace;
  margin-right: 1ch;
}

.gCalc--Pos {
  color: cadetblue;
}

.gCalc--Neg {
  color: crimson;
}

.gCalc--fraction {
  font-size: 80%;
}

.gCalc--NaN {
  color: var(--bs-body-color);
  opacity: 0.4;
}

.form-check-input {
transform:scale(1.2);
cursor:pointer;
margin-right:.5em;
}

.form-check-input:checked {
background-color:#ff8b0d;
box-shadow:0 0 10px #ff8b0d;
border-color:#858482;
}

input {
border-radius:1em;
background-color:#252525;
color:#F5DEB3;
border:0;
padding:5px;
}

.centered-box {
position:absolute;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
top:50%;
left:50%;
transform:translate(-50%,-50%);
max-width:50%;
color:#FFF;
}

.nav-tabs .nav-link {
color:#fff;
border:none;
text-decoration:none;
margin:20px;
padding:10px;
}

.nav-tabs .nav-link.active {
border-bottom:2px solid #ff8b0d;
background-color:transparent;
color:#ff8b0d;
}

.nav-tabs {
text-decoration:none;
border-bottom:none;
}

.nav-tabs .nav-link.active:hover {
text-decoration:none;
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover,.nav-tabs .nav-link:active {
background-color:transparent;
outline:none;
}

.swal2-container .swal2-popup {
background:#0c0c0c;
border:1px solid;
border-color:#858482;
}

.swal2-container .swal2-styled {
color:#ff8b0d;
box-shadow:none!important;
}

.swal2-container .swal2-styled.swal2-confirm {
box-shadow:none!important;
background-color:#006400;
}

.swal2-container .swal2-styled.swal2-cancel {
box-shadow:none!important;
}

.swal2-container .swal2-styled.swal2-deny {
box-shadow:none!important;
background-color:#8B0000;
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0;
}

.modal-content {
border:1px solid;
border-radius:2em;
background-color:inherit;
border-color:#252525;
}

.modal.fade {
transform-origin:bottom left;
transform:scale(0);
transition:transform .2s ease-out;
}

.modal.fade.show {
transform:scale(1);
}

.custom-column {
width:33.33%;
float:left;
box-sizing:border-box;
border:1px solid #000;
background-color:#252525;
color:#F5DEB3;
border-radius:1em;
overflow:auto;
padding:10px;
}

.selected {
background-color:#063;
}

.btn-orange {
display:block;
width:100%;
margin-bottom:5%;
border-radius:10px;
background-color:rgba(255,139,13,0.3);
color:#FFF;
text-align:center;
border:none;
text-decoration:none;
padding:3%;
}

.input-field {
background-color:#191919;
border-radius:10px;
border:none;
}

.gSalesPitchScript-slimPanel {
  border: 1px solid;
  border-radius: .5em;
  border-color: #6161613b;
  background-color: #1c1c1c;
}

.gSalesPitchScript-slimPanel-head {
  text-align: center;
  position: relative;
  background-color: #171717;
  padding: 0.5rem;
  cursor: default;
}

.gSalesPitchScript-slimPanel-head--clickable {
  cursor: pointer;
  user-select: none;
}

.gSalesPitchScript-slimPanel-arrow {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  aspect-ratio: 1;
  margin: 0.25rem;
  margin-right: 0.75rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-size: 1rem;
  background-position: center;
  background-repeat: no-repeat;
}

.gSalesPitchScript-slimPanel-arrow--collapsed {
  transform: rotate(-180deg);
}

.gSalesPitchScript-stepButton {
  border-right: 0.3rem solid transparent;
  font-family: "Winston-LightItalic";
}

.gSalesPitchScript-stepButton:hover {
  background-color: rgba(255, 139, 13, 0.5);
}

.gSalesPitchScript-stepButton--active {
  border-right-color: var(--bs-warning);
  background-color: #ff8b0d22;
}

.gSalesPitchScript-objectDetails-form {
  font-weight: 400;
  font-size: .9rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.gSalesPitchScript-objectDetails-form div {
  color: #fff;
}

.gSalesPitchScript-textBlock {
  position: relative;
  border-radius: .7em;
  text-align: left;
  padding: 1rem;
  background-color: var(--bs-body-bg);
  border-width: 0;
}

.gSalesPitchScript-textBlock::after {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  background-color: #0c0c0cbb;
  content: " ";
}

.gSalesPitchScript-textBlock--checked {
  background-color: #0b3834;
}

.gSalesPitchScript-textBlock--checked::after {
  background-color: #0d553d;
}

.gSalesPitchScript-content-important {
  color: rgb(198 135 0);
  font-family: Winston-Bold;
}

.gSalesPitchScript-content-normal {
  font-family: 'Winston-LightItalic', cursive;
  color: var(--bs-body-color);
}

#filter-block-element {
padding:10px;
}

.form-control:focus {
box-shadow:0 0 0 .25rem rgba(255,139,13,0.25);
}

.popup {
position:absolute;
transform:translate(-50%,-110%);
display:flex;
flex-direction:row;
min-width:200px;
max-height:35vh;
}

.old-content {
border-radius:4px;
background:#252525;
color:#F5DEB3;
padding:10px;
}

.additional-content {
flex-grow:1;
border-radius:4px;
background:#252525;
color:#F5DEB3;
min-width:40vh;
word-wrap:break-word;
overflow:auto;
padding:1em;
}

.popup-close {
position:absolute;
top:-6%;
right:-3%;
font-size:1.5em;
cursor:pointer;
font-weight:700;
color:#0c0c0c;
}

.hintMap {
display:flex;
flex-direction: column;
align-items: flex-start;
padding:2px 4px;
border: 1px solid;
border-color: #5555555e;
color: wheat;
}

.hintMap label,.videoMap label,.reliefMap label {
padding:0 4px;
}

.close-button {
  background: none;
  border: none;
  color: #aaa;
  cursor: pointer;
  float: right;
}

#gMap-hint {
    padding: 10px 10px;
    background: rgb(28, 28, 28);
    border-radius: 5px;
    display: none;
    position: fixed;
    pointer-events: none;
    z-index: 1;
    color: white;
}
#gMap-videoPopup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.user-list {
max-height:70vh;
color:#F5DEB3;
padding:10px;
}

.user-item {
display:flex;
justify-content:space-between;
margin-bottom:10px;
background-color:#262626;
border-radius:1em;
align-items:center;
padding:.5em;
}

.navbar-surface {
  background-color: #17181e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: 0rem 0.25rem 1.0rem rgba(0, 0, 0, 0.5);
    border-bottom: 0.1rem solid black;
    isolation: isolate;
    /* Поднимает тень, чтобы она падала на контент вкладки. */
}

#script-edit-left {
  overflow: hidden;
}

#script-edit-right {
  overflow: hidden;
  text-overflow: ellipsis;
}

#new-dev-name {
display:none;
width: 100%;
}
#new-dev-name.active {
display: block; /* Показать, когда класс active добавлен */
}

.styled-element {
display:flex;
color:#F5DEB3;
width:100%;
justify-content:space-between;
align-items:center;
}

.proportional-image {
max-width:70%;
border-radius:1em;
}

.image-share-container {
max-width:30%;
display:flex;
flex-direction:column;
align-items:center;
padding:1%;
}

.share-image {
max-width:100%;
border-radius:1em;
}

.image-container {
display:flex;
align-items:center;
flex-direction:column;
justify-content:center;
}

.banner-list {
max-height:70vh;
display:flex;
flex-direction:column;
align-items:center;
}

html body .nav-link {
  color:#f5d598 !important;
  border-radius:0;
  white-space:nowrap;
}

.hidden,.content.hide,#sidebar-toggle-btn {
display:none;
}

.nav-link:hover,.nav-link.active {
cursor:pointer;
color:#ff8b0d;
}

input[type=radio]:checked + ::before,input[type=radio]:checked + ::after {
background-color:red;
}

.btn-orange:hover {
background-color:#ff8b0d;
}

#exit-main-menu {
  border: 1px solid;
  border-color: #616161b0;
  border-radius: .5em;
}

#exit-main-menu:hover {
background-color:#ff8b0d;
}

#refresh-data {
  border: 1px solid;
  border-color: #616161b0;
  border-radius: .5em;
  background-color: #0d1a0f;
  color: white;
}

#refresh-data:hover {
background-color:#1e6f2b;
}

#refresh-server-data {
  border: 1px solid;
  border-color: #616161b0;
  border-radius: .5em;
  background-color: hsl(351, 32%, 8%);
  color: white;
}

#refresh-server-data:hover {
  background-color: hsl(351, 57%, 28%);
}

.vertical-content-dev,.vertical-content-fix {
width:90%;
height:100%;
resize:none;
background-color:#1e1e1e;
border-radius:1em;
margin:2%;
padding:2%;
}
#loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1000;
    color: wheat;
    display: none;
    flex-direction: column;
    align-items: center;
}

.spinner {
    border: 8px solid #f3f3f3; /* Фоновый цвет */
    border-top: 8px solid #ff8b0d; /* Цвет верхнего цвета */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite; /* Анимация */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

a {
    color: #ff8b0d; /* Цвет всех ссылок */
}

a:hover {
    color: #8d4a01; /* Цвет ссылок при наведении */
}

.bg-body-underpanel {
  background-color: var(--underpanel-color);
}

.flex-shy {
  flex-basis: 0px;
  min-width: 0px;
  min-height: 0px;
}

.tab-container-flex {
  min-width: 0px;
  min-height: 0px;
  overflow: hidden;
}

.tab-container-flex > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0px;
  min-width: 0px;
  min-height: 0px;
}

.input-group.input-group-nowidth {
  width: unset;
}

.BusyMask_Root {
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);

  &::backdrop {
    background-color: rgb(18, 22, 35);
    transition: opacity 0.4s ease-in-out;
    opacity: 0.6;
  }

  &.BusyMask_off {
    visibility: hidden;
  }

  &.BusyMask_locked {
    visibility: hidden;
  }

  &.BusyMask_visible {
    &::backdrop {
      opacity: 0.90;
    }
  }
}

/* Конфликт со SweetAlert2 */
body.body-fullscreen.swal2-shown {
  height: 100vh !important;
}

select.supports-placeholder {
  &:has(> option[hidden]:checked) {
    color: rgba(var(--bs-tertiary-color-rgb), 0.65);
  }
  & > * {
    color: var(--bs-body-color);
  }
}

.gIncomeCharter-user-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #262626;
  border-radius: 1em;
  padding: .5em;
}

.gIncomeCharter-user-item:hover {
  background-color: rgb(12, 12, 12);
}

.gIncomeCharter-user-income {
  flex: 15 1 0px;
  min-width: 0px;
}

.gIncomeCharter-user-dep-count {
  flex: 15 1 0px;
  min-width: 0px;
}

.gIncomeCharter-checkbox {
  flex: 10 1 0px;
  min-width: 0px;
}

.gIncomeCharter-user-name {
  flex: 60 1 0px;
  min-width: 0px;
}

.gTelegramGroups-column-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2%;
  background-color: rgb(38, 38, 38);
  padding: .5em;
  border-radius: 1em;
}

.gTelegramGroups-column-container:hover {
  background-color: rgb(12, 12, 12);
}

#gTelegramGroups-loadingIndicator {
  display: none;
}

.gAccount-check-status {
  margin-right: 10px;
  white-space: nowrap;
}

.gAccount-check-status.checked {
  color: rgb(255, 139, 13);
}

.gAccount-stat-canvas {
  width: 85%;
  margin-top: 1em;
  margin: 1em, 0, 1em, 0;
}

.gAdminNewUsers-notification-badge {
  background-color: blueviolet;
  color: white;
  border-radius: 50%;
  padding: 2% 4%;
  font-size: 12px;
  font-weight: bold;
  display: none;
  float: left;
  width: 25px;
  margin-right: 3%;
}

.scrollbar-gutter-stable {
  scrollbar-gutter: stable;
}

.text-ellipsis-1lh {
  height: 1lh;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}