@supports (scrollbar-color: auto) {
  html {
    scrollbar-width: 16px;
    scrollbar-color: #036073 #003f4e;
  }
}
@supports selector(::-webkit-scrollbar) {
  html::-webkit-scrollbar {
    background-color: #003f4e;
    width: 16px;
  }
  html::-webkit-scrollbar-thumb {
    background-color: #036073;
    border-radius: 5rem;
    border: 4px solid #003f4e;
    
    
  }

}


/* petrol | #005468 */
body.theme-vk {
  background-color: #005468;
  color: #fff;
}
body.theme-vk section .card.bg-white.shadow
{
  background-color: #d6eef4!important;
}

body.theme-vk section.attachments .card.bg-white.shadow
{
  background-color: transparent!important;
}
body.theme-vk section.attachments .shadow
{
  box-shadow: none!important;
}
body.theme-vk section.attachments .card-body.p-3
{
  padding: 0!important;
}

body.theme-vk section.attachments li.bg-bifg-lightgray-1 {
  background-color: #023f4e!important;
  color: #fff!important;
}
body.theme-vk section.attachments .text-info {
  color: #f8f9fa!important;
}
body.theme-vk section.attachments .text-bifg-gray-2 {
  color: #bcbcbc!important;
}
body.theme-vk section.attachments img {
  filter: invert(1);
}


body.theme-vk section.bg-bifg-lightgray-1,
body.theme-vk section.linkbox .card
{
  background-color: #036073 !important;
}
body.theme-vk section.shaped.bg-bifg-lightgray-1:after {
  background-image: radial-gradient(ellipse at top, #036073 0%,#036073 50%,transparent 0%,transparent 0%);
}
@media (min-width: 992px) {
  body.theme-vk section.shaped[class*="bg-"] {
    margin-bottom: 200px!important;
  }
}

body.theme-vk .breadcrumb .text-muted {
  color: #9ac2cc!important;
}
body.theme-vk .breadcrumb-item+.breadcrumb-item::before {
  content: "\f0da";
  font-family: "Font Awesome 5 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-weight: 600;
  color: #9ac2cc;
}

body.theme-vk .big-circle {
  width: 12rem;
  aspect-ratio: 1;

  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-family: bgek-titillium-banner,Helvetica,Arial,sans-serif;
  color: #f8f9fa;
  /* padding: 0 1rem 1rem 1rem; */
  transition: all 0.2s ease-in-out;
hyphens: auto;
    padding: 0 1.6rem;
  position: relative;
  z-index: 2;
  font-size: 0.8rem;
}

body.theme-vk .big-circle.big-circle-small {
  transform: scale(.8);
  margin-bottom: 1rem;
}

body.theme-vk .big-circle img {
  margin-bottom: 1rem;
}
body.theme-vk .big-circle:hover {

  animation: nextarrow .75s both;
}


@keyframes nextarrow {
  0% {
    outline: 0rem solid rgba(255,255,255,0);
  }
  1% {
    outline: 0rem solid rgba(255,255,255,.25);
  }
  100% {
    
    outline: 5rem solid rgba(255,255,255,0);
  }
}
body.theme-vk  .big-circle img {
  max-width: 30%;
  filter: invert(1);
}

@media (min-width: 992px) {
  
  body#main.theme-vk a.text-light:hover, 
  body#main.theme-vk a.text-light:focus {
    color: #f8f9fa !important;
  }

}

@media (min-width: 1200px) {

  body#main.theme-vk.hide-header {
    padding-top: 0px;
  }
}

@media (min-width: 992px) {
  body.load.pwd.hide-header header.main-header {
    transform: translateY(calc(-161px));
  }
}

body.load.pwd.hide-header header.main-header {
    transform: translateY(calc(-161px));
}


body.theme-vk section.linkbox .card img {
  filter: invert(1);
}


body.theme-vk .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28214,238,244,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

body.theme-vk nav.top-nav.navbar-light.open .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='rgba%28214,238,244,1%29' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
}

@media (max-width: 991px) {

}



@media (min-width: 992px) {
  body.theme-vk .wide-menu ul {
    max-width: unset;
  }

}
body.theme-vk .wide-menu li.show > a {
  /* border-bottom: 5px solid #00a0c7; */
}





/* maps */
body.theme-vk a.iag.map + .outer-wrapper.bg-white.shadow {
  background-color:  #036073!important;
}

body.theme-vk a.iag.map + .outer-wrapper .slider .slider-tick-label > span
,body.theme-vk a.iag.map + .outer-wrapper .slider.slider-horizontal .slider-track {
  background-color: #005468!important;
  color: #f8f9fa!important;
}
body.theme-vk a.iag.map + .outer-wrapper .slider.slider-horizontal .slider-track {
  height: 2px;
  margin-top: -1px;
}
body.theme-vk a.iag.map + .outer-wrapper .border-bifg-lightgray-1 {
  border-color:  #005468!important;
}

body.theme-vk a.iag.map + .outer-wrapper .text-info
,body.theme-vk a.iag.map + .outer-wrapper .text-bifg-gray-4
,body.theme-vk a.iag.map + .outer-wrapper .text-bifg-gray-5
,body.theme-vk a.iag.map + .outer-wrapper .text-secondary
,body.theme-vk a.iag.map + .outer-wrapper .chart-loading .text-muted {
  color: #f8f9fa!important;
}


body.theme-vk a.iag.map + .outer-wrapper  .badge-bifg-lightgray-1
,body.theme-vk a.iag.map + .outer-wrapper  .bg-white {
  background-color: #d6eef4!important;
}

body.theme-vk a.iag.map + .outer-wrapper  .btn-light
{
  background-color: #d6eef4!important;
  border-color: #d6eef4 !important;
  color: #343a40!important;
}

body.theme-vk a.iag.map + .outer-wrapper  .filter-rows .badge .badge-light
{
  background-color: #e9fbff;
}

body.theme-vk a.iag.map + .outer-wrapper  .bg-light .bg-white {
  color: #343a40!important;
}







/* petrol dark | #003f4e */
body.theme-vk button[data-target="#relatedCharts"]
,body.theme-vk .bg-light
,body.theme-vk a.iag + div .slider .tooltip.bs-tooltip-top .tooltip-inner{
  background-color: #003f4e!important;
  color: #f8f9fa!important;
}


body.theme-vk #header-toggler,
body.theme-vk #expand-toggler {
  color: #d6eef4!important;
  background-color: #02495c!important;
  border-color: #02495c!important;
}



/* charts */

body.theme-vk a.iag.chart + .outer-wrapper
{
  color: #005468;
}
body.theme-vk a.iag.chart + .outer-wrapper.bg-white.shadow {
  background-color:  #d6eef4!important;
}

body.theme-vk a.iag.chart + .outer-wrapper  .btn-light
{
  /* background-color: #f0fcff!important;
  border-color: #f0fcff !important; */
  background-color: #c5e6f0!important;
  border-color: #c5e6f0 !important;
  
  color: #005468!important;
}

body.theme-vk a.iag.chart + .outer-wrapper .border-bifg-lightgray-1 {
  border-color:  #a9d3df!important;
}

body.theme-vk a.iag.chart + .outer-wrapper .text-bifg-gray-4
,body.theme-vk a.iag.chart + .outer-wrapper .text-bifg-gray-5
,body.theme-vk a.iag.chart + .outer-wrapper .text-secondary
,body.theme-vk a.iag.chart + .outer-wrapper .chart-loading .text-muted {
  color: #005468!important;
}

body.theme-vk a.iag.chart + .outer-wrapper  .badge-bifg-lightgray-1
{
  background-color: #c5e6f0!important;
}
body.theme-vk a.iag.chart + .outer-wrapper  .text-bifg-gray-3
{
  color: #212529!important;
}
body.theme-vk a.iag.chart + .outer-wrapper .filter-rows .badge .badge-light {
  background-color: #f2fcff;
}

body.theme-vk a.iag.chart + .outer-wrapper .slider .slider-tick-label > span
,body.theme-vk a.iag.chart + .outer-wrapper .slider.slider-horizontal .slider-track {

  background-color: #c5e6f0 !important;
  color: #005468!important;
}
body.theme-vk a.iag.chart + .outer-wrapper .slider.slider-horizontal .slider-track {
  height: 2px;
  margin-top: -1px;
}


body.theme-vk input.mapZoom:before,
body.theme-vk input.mapZoom:after {
    color: #d6eef4;
}
body.theme-vk input.mapZoom.custom-range::-webkit-slider-runnable-track{
  background-color: #015468;
}
body.theme-vk input.mapZoom.custom-range::-webkit-slider-thumb {
  background-color: #d6eef4;
}


body.theme-vk .page_feedback_form  div[id^="zb_captcha"] .btn {
  color: var(--light)!important;
}
body.theme-vk .page_feedback_form  div[id^="zb_captcha"] .btn.btn-bifg-lightgray-1 {
  color: var(--dark)!important;
}