/* Изменение полосы прокрутки */

html {
    scrollbar-width: thin;          
    scrollbar-color: #445da8 #fefefe;
}

.circle-cl {
    font-weight: bold;
    padding: 12px 20px;
    border-radius: 50%;
    background-color: #3949ab; /* замените на ваше значение */
    color: white; /* замените на ваше значение */
    max-height: 50px;
    z-index: 2;
    font-size: larger;
}

.how-it-works.row {
    display: flex;
}

.how-it-works.row .col-2 {
    display: inline-flex;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    position: relative; /* добавлено для правильной позиции ::after */
}

.how-it-works.row .col-2::after {
    content: '';
    position: absolute;
    border-left: 3px solid #3949ab; /* замените на ваше значение */
    z-index: 1;
}

.how-it-works.row .col-2.bottom::after {
    height: 50%;
    left: 50%;
    top: 50%;
}

.how-it-works.row .col-2.full::after {
    height: 100%;
    left: calc(50% - 3px);
}

.how-it-works.row .col-2.full2::after {
    height: 100%;
    left: 50%;
}

.how-it-works.row .col-2.top::after {
    height: 50%;
    left: 50%;
    top: 0;
}

.how-it-works.row .col-2.top2::after {
    height: 50%;
    left: calc(50% - 3px);
    top: 0;
}

.timeline div {
    padding: 0;
    height: 40px;
}

.timeline hr {
    border-top: 3px solid #3949ab;); /* замените на ваше значение */
    margin: 0;
    top: 17px;
    position: relative;
}

.timeline .col-2 {
    display: flex;
    overflow: hidden;
}

.timeline .corner {
    border: 3px solid #3949ab; /* замените на ваше значение */
    width: 100%;
    position: relative;
    border-radius: 15px;
}

.timeline .corner.top-right {
    left: 50%;
    top: -50%;
}

.timeline .corner.left-bottom {
    left: -50%;
    top: calc(50% - 3px);
}

.timeline .corner.top-left {
    left: -50%;
    top: -50%;
}

.timeline .corner.right-bottom {
    left: 50%;
    top: calc(50% - 3px);
}

.button-stuff {

    display: flex;
    width: 100%;
    height: 100%;
    justify-content: left;
    text-decoration: none;
    color: rgba(27,31,44,.87);
	cursor: pointer;
}

.button-stuff:hover {

    color: white;
	background: #445da8;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
}

.grid-column-gap-on {

	grid-row-gap: 1em;
}

.button-stuff-a:hover {

    text-decoration: none;
}

.sf-tab ul {

    grid-row-gap: 1em;
}

.sf-tab ul li .sf-tab-inactive {
    display: block;
    cursor: pointer;
    height: 100%;

}

.sf-tab ul li.active .sf-tab-active {
    display: block;
    height: 100%;
}

*/

#snow {
  pointer-events: none;
  position: fixed;
  height: 100vh;
  width: 100vw;
  z-index: 10000;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

#snow.show {
  opacity: 1;
}

.snowflake {
  position: absolute;
  width: 10px;
  height: 10px;
  background: linear-gradient(white, white);
  /* Workaround for Chromium's selective color inversion */
  border-radius: 50%;
  filter: drop-shadow(0 0 10px white);
}


.cianit {

    color: #30b5bc;

}

.relative-p {

    z-index: 64;
    position: relative;

}

.orangete { 

    color: #fd7e14;
}

.author-color {
    color: #fd7e14;
    background-image: none;
    background-color: transparent;
    border-color: #fd7e14;
}

.author-color:hover {
    color: white;
    background-color: #33aebc!important;
    border-color: #30b5bc!important;
}

/* Изменение цвета кнопки раскрыть в меню */
.sf-left-catalog.theme-light > ul.nav-items > li.nav-item a span.item-icon:hover {
    background-color: #3949ab!important;
    color: #FFFFFF!important;
    -moz-animation: none;
    -webkit-animation: none;
    -ms-animation: none;
}

/* Изменение полосы прокрутки */
body::-webkit-scrollbar {
  width: 0.5rem; 
}

body::-webkit-scrollbar-track {
  background: #fefefe; 
}

body::-webkit-scrollbar-thumb {
  background-color:#445da8; 
  border-radius: 0px; 
  border: none; 
}

.df-ui-share {
    display: none !important;
}

html.special .new-sf-logo-parent-p {

   color: #000!important;
}

html.special .new-sf-logo-parent-h {

   color: #000!important;
}

.new-sf-logo-parent-h {

   color: #616161!important;
   line-height: 2rem;
}

.new-sf-logo-parent-p {

   margin-bottom: 0rem;
   font-size: 0.88rem;
   line-height: 1rem;
   color: #78797d!important;
}

.toolbarViewer {
    height: 32px;
    background-color: #3949ab;
}

.viewerContainer {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 32px;
    right: 0;
    bottom: 0;
    left: 0;
    outline: none;
    background-color: #f8f9fa;
}

.toolbarContainer, .findbar, .secondaryToolbar {

    background-color: #3949ab;
}

.doorHanger, .doorHangerRight {
    border: 1px solid hsl(231.58deg 50% 44.71%);
    border-radius: 2px;
    box-shadow: 0 1px 4px rgb(57 73 171 / 43%);
}

.doorHanger:before, .doorHangerRight:before {
    border-bottom-color: hsl(231.58deg 50% 44.71%);
    border-width: 9px;
}

.doorHanger:after, .doorHangerRight:after {
    border-bottom-color: hsl(231.58deg 50% 44.71%);
    border-width: 8px;
}

.toolbarSidebar {
    background-color: #3949ab;
}

.sidebarContent {
    top: 32px;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    width: 200px;
    background-color: hsl(231.58deg 50% 44.71%);
}

.pdfViewer .page {
    direction: ltr;
    margin: 1px auto -8px auto;
    position: relative;
    overflow: visible;
    border: 9px solid transparent;
    background-clip: content-box;
    border-image: none;
    background-color: white;
}

.bx-pdf-container {
    width: 100% !important;

}

.dropdownToolbarButton > select > option {
    background: hsl(231.58deg 50% 44.71%);
}

.toolbarField::placeholder {

	color:white;
}

.overlayContainer > .container > .dialog {

    background-color: #2e3a89;
}

.dropdownToolbarButton > select {

    background: rgb(57 73 171);
}

@media (min-width: 769px) {

.navigation-container.horizontal-submenu .container-wrap .nav-container nav.sf-nav section.center-section > ul > li > .nav-submenu {
 width:100%!important;
}

.navigation-container.horizontal-submenu .container-wrap .nav-container nav.sf-nav section.center-section > ul > li > .nav-submenu > ul li {
    position: static;
    border-top: 0 solid black !important;
    flex-basis: 20%!important;
}

}

@media (min-width: 2000px) {

.d-2000 {
  height:550px!important;
}

}

@media (max-width: 565px) {

.events-block {
    display: flex;
    position: unset;
}

.NewsCalNews {
    position: absolute;
    padding: 10px 15px;
    z-index: 996;
    display: none;
    width: 100%;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(82, 94, 110, .2);
    box-shadow: 0 5px 10px rgba(82,94,110,.2);
    top: 0%;
    left: 0%;
}

}