/* styles 14-07-23 segeywebwave@gmail.com */
/* Page styles */
.leaflet-control-zoom-in {
    width: 24px;
    height: 24px;
    box-shadow: 0 0 40px 0 rgba(47, 52, 64, 0.33);
    background-color: #1d1d1d !important;
    border: 1px solid #dce6f0;
    border-radius: 4px !important;
    font-size: 26px;
    margin-bottom: 10px;
}

.leaflet-control-zoom-in span {
    color: #dce6f0;
}

.leaflet-control-zoom-out {
    width: 24px;
    height: 24px;
    box-shadow: 0 0 40px 0 rgba(47, 52, 64, 0.33);
    background-color: #1d1d1d !important;
    border: 1px solid #dce6f0;
    border-radius: 4px !important;
    color: #dce6f0;
    font-size: 27px;
}

.leaflet-start-button {
    background-image: url('../img/return-map-icon.svg');
    background-size: cover;
}

.leaflet-control-zoom-out span {
    color: #dce6f0;
}

.leaflet-top.leaflet-left {
    top: 44%;
    transform: translateY(-50%);
    left: 10px;
}

.leaflet-touch .leaflet-bar {
    border: none !important;
}

.leaflet-touch .leaflet-bar a {
    line-height: 26px;
}

.leaflet-bar a:last-child {
    border-bottom: 1px solid #dce6f0;
}

.leaflet-top, .leaflet-bottom {
    z-index: 20;
}


.leaflet-bottom.leaflet-left {
    display: none;
}

.leaflet-right.leaflet-top {
    top: initial !important;
    left: 15px;
    bottom: 15px;
    width: 47px;
    height: 45px;
}

.leaflet-right.leaflet-top {
    left: 24px;
    bottom: 25px;
}

.leaflet-top .leaflet-control {
    margin-top: 0;
    margin-right: 0;
}

.leaflet-legend {
    position: absolute;
    top: -55px;
    left: -3px;
}

.leaflet-legend.leaflet-control {
    background-image: url('../img/leaflet-legend.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.leaflet-control-zoom-in:hover,
.leaflet-control-zoom-out:hover {
    filter: brightness(120%);
}

.leaflet-control-zoom-in:active,
.leaflet-control-zoom-out:active {
    filter: brightness(120%);
}


#sidebar {
    background-color: #1b2026;
    position: relative !important;
    padding: 0;
    transition: all 0.2s !important;
    z-index: 50; /*new*/
    height: 100%;
}

.leaflet-container {
    background: #1b2026 !important;
}

.myactive {
    width: 480px !important;
    min-width: 480px !important;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    padding: 25px 0 25px 30px !important;
}

#sidebarCollapse {
    background-color: transparent !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 27px !important;
    height: 279px !important;
    left: initial !important;
    right: 480px !important;
    border: none !important;
    background-image: url('../img/slice-dark-icon.svg') !important;
    /*background-size: cover;*/
    background-repeat: no-repeat;
}

.event-feed__light {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    width: 55%;
}

.event-feed__light span {
    line-height: 0;
    height: 0;
    color: #798594;
}

.event-feed__right {
    position: relative;
    width: 45%;
}

#event-feed {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #B8C6D4;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    column-gap: 15px;
    margin-bottom: 15px;
}

#event-feed .input-group {
    height: 20px;
    padding-left: 0;
    padding-right: 0;
    min-width: 110px;
}

#event-feed .input-group input {
    border-radius: 2px;
    border: 0.5px solid #FFF;
    background: #2F3440;
    color: #B8C6D4;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    padding-left: 3px;
}

#event-feed .form-control {
    padding: 0;
}

#event-feed .mb-3 {
    margin-bottom: 0 !important;
}

.event-feed-title {
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* Поменял название id request на eventSearch*/
#eventSearch.form-control {
    border-radius: 2px;
    border: 0.5px solid #FFF;
    background: #2F3440;
    color: #B8C6D4;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    padding: 0 10px 0 7px;
    height: 20px;
}

#eventSearch.form-control::placeholder {
    color: rgba(184, 198, 212, 0.50);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
}

#sidethirdrow {
    margin-top: 100px;
}

#sidebar .sidecontent {
    scrollbar-color: #FF6C3E #dce6f0;
    scrollbar-width: thin;
    padding-right: 20px;
}

#sidebar .sidecontent::-webkit-scrollbar {
    width: 7px;
}

#sidebar .sidecontent::-webkit-scrollbar-track {
    background: #dce6f0;
}

#sidebar .sidecontent::-webkit-scrollbar-thumb {
    background-color: #FF6C3E;
}

.event-item {
    border-radius: 2px;
    border: 0.5px solid #FFF;
    background: #2F3440;
    margin-top: 10px;
    padding: 10px 10px 8px 17px;
}

.event-item-for-search {
    border-radius: 2px;
    border: 0.5px solid #FFF;
    background: #2F3440;
    margin-top: 10px;
    padding: 10px 10px 8px 17px;
    color: white;
    font-size: 12px;
}

.event-item:hover {
    filter: brightness(110%);
}

.event-item__top {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;

}

.event-item__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #DCE6F0;
    text-align: left;
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
}

.event-item__bottom-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 10px;
}

.event-item__bottom-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 20px;
}

.event-item__icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 5px;
}

.event-item__bottom-img {
    width: 13px;
    height: 8px;
    background-image: url('../img/img-icon.svg');
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}

.event-item__bottom-video {
    width: 13px;
    height: 8px;
    background-image: url('../img/video-icon.svg');
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}

/* .event-item__place::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 3px;
	width: 11px;
	height: 6px;
	background-image: url("../img/flag-rf.svg");
	background-size: cover;
	background-repeat: no-repeat;
} */


.event-item__wrapper {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 5px;
    width: max-content;
    padding-left: 0;
    padding-right: 0;
}

.event-item__flag {
    width: 13px;
    height: 8px;
    background-color: #DCE6F0;
}

.event-item__place {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 5px;
    width: 100%;
}

.event-item__place-flag {
    display: block;
    width: 13px;
    height: 8px;
    background-color: #DCE6F0;
}

.event-item__view-count {
    position: relative;
    padding-left: 15px;
}

.event-item__view-count::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1px;
    width: 11px;
    height: 6px;
    background-image: url("../img/eye-icon.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.event-item__text {
    position: relative;
    color: #FFF;
    text-align: justify;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    padding-left: 10px;
    /*height: 24px;*/
    word-wrap: break-word;
    overflow: hidden;
}


.event-item__text__for_empty {
    color: #FFF;
    text-align: justify;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    word-wrap: break-word;
    overflow: hidden;
}


/*Поменял стиль 29-07*/
.event-item__icon {
    min-width: 33px !important;
    margin-bottom: -10px;
    background-repeat: no-repeat;
    background-position: center;
    /*23 01 25 */
    background-size: 31px 33px;
    width: 31px;
    height: 33px;
}

#sidebarCollapse::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
    height: 15px;
    background-image: url("../img/white-arrow-icon.svg") !important;
    background-size: 15px 15px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

#sidebarCollapse.opensidebar::after {
    transform: translate(-50%, -50%) rotate(180deg) !important;
}

#sidebarCollapse {
    right: initial !important;
    left: -25px !important;
}

.eventsidepanel {
    background: #1b2026 !important;
}

#mySidepanel {
    position: relative !important;
    width: 472px !important;
    top: 0 !important;
    color: #fff !important;
    scrollbar-color: #FF6C3E #dce6f0;
    scrollbar-width: thin;
    opacity: .975;
}

#mySidepanel::-webkit-scrollbar {
    width: 7px;
}

#mySidepanel::-webkit-scrollbar-track {
    background: #dce6f0;
}

#mySidepanel::-webkit-scrollbar-thumb {
    background-color: #FF6C3E;
}

.eventsidepanel {
    padding: 35px 45px 0 26px !important;
}

#panelTitle {
    padding-right: 20px;
}

#panelTitle h4 {
    margin-top: 0;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    padding-left: 0;
    padding-right: 0;
    line-height: normal;
}

.eventsidepanel-flex {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 20px;
    height: 20px;
    line-height: 0.3;
    position: absolute;
    top: 48px;
    right: 43px;
    font-size: 32px;
    padding: 0 !important;
}

.eventsidepanel-flex .closebtn {
    display: block;
    position: static !important;
    width: 15px;
    height: 15px;
    color: #fff;
    margin-bottom: 5px;
}

.eventsidepanel-flex .linkbtn {
    display: block;
    min-width: 30px;
    min-height: 35px;
    background-image: url('../img/go-link-icon.svg') !important;
    background-size: 50px !important;
    background-repeat: no-repeat !important;
    background-position: -15px;
}

#panelAddInfo {
    margin-bottom: 6px;
}

#panelCoord {
    margin-bottom: 30px;
}

#panelAddInfo .event-item__place,
#panelAddInfo .event-item__view-count,
#panelAddInfo .event-item__public-date,
#panelCoord .event-item__place-name {
    width: max-content;
    color: #DCE6F0;
    text-align: justify;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

#panelCoordinates, #panelDate {
    display: none !important;
}

#eventCarousel {
    padding: 6px;
    border: 1px solid #FF6C3E;
    border-radius: 5px;
    background: #1B2026;
    overflow: hidden;
}

#panelContent {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
    color: #FFF;
    text-align: justify;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

#panelContent p {
    padding-left: 0;
    padding-right: 0;
    color: #FFF;
    text-align: justify;
    font-size: 13.5px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 12px;
}

.leaflet-searchbox-button, .leaflet-start-button {
    width: 30px !important;
    height: 30px !important;
    border-radius: 4px !important;
    background-color: #1d1d1d !important;
    border: 1px solid #ccc !important;
}

.leaflet-control-container,
.leaflet-top .leaflet-left {
    width: max-content;
    height: max-content;
}

.leaflet-control-container {
    width: 70px;
    height: 100%;
    position: relative;
}

#sourceBlock .source-box {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}

#sourceBlock .source-box a {
    display: inline;
    color: #FE7F45;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    padding: 0;
}

.source__name {
    margin-bottom: 2px;
}

#sourceBlock .source-box {
    margin-bottom: 15px;
}

.linked-events {
    width: 100%;
    background-color: #2f3440;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 23px 8px 23px;
    border-radius: 2px;
    border: 1px solid #FFF;
    margin-top: 20px;
    margin-bottom: 28px;
    transition-duration: .15s;
}

.linked-events__title {
    position: relative;
    padding-top: 8px;
    width: 100%;
    height: 40px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.linked-events__title::before {
    content: '';
    position: absolute;
    top: calc(50% + 4.5px);
    transform: translateY(-50%);
    right: 0;
    width: 11px;
    height: 6px;
    background-image: url("../img/up-arrow.svg");
    background-size: cover;
    background-repeat: no-repeat;
    transition-duration: .15s;
}

.linked-event {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    height: 0;
    border-bottom: none;
    overflow: hidden;
}

.linked-event__name {
    color: #FFF;
    text-align: left;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    padding-left: 15px;
}

.linked-event__icon {
    /*background-color: #fff;*/
    width: 26px;
    height: 24px;
}


.linked-event__date {
    color: #798594;
    text-align: right;
    font-size: 10px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    margin-left: auto;
}


.linked-events__opened {
    padding: 0 23px 17px 23px;
}

.linked-events__opened .linked-event {
    height: 25px;
    border-bottom: 1px solid rgba(184, 198, 212, 0.25);
    overflow: visible;
    transition-duration: 0s;
}

.linked-events__opened .linked-events__title::before {
    top: calc(50% + 2px);
    transform: rotate(180deg);
}

.linked-events__opened .linked-events__title {
    margin-bottom: 5px;
}

.сomments-title {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.eventsidepanel a:hover {
    color: #c4c4c4;
}

.linked-events__opened .linked-event:last-child {
    border-bottom: none;
}

/* Popup welcome */
.popup-welcome {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 720px;
    min-width: 320px;
    height: auto;
    max-height: 100%;
    background-color: #1B2026;
    padding: 25px 45px 50px 45px;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 0 20px 4px rgba(0, 0, 0, .3); /*new*/
    box-shadow: 0 0 20px 4px rgba(0, 0, 0, .3);
    z-index: 550;
    overflow: auto;
    scrollbar-color: #737578 #dddddd;
    scrollbar-width: thin;
}

@media (max-width: 480px) {
    .popup-welcome {
        height: 75%;
    }
}

.popup-welcome::-webkit-scrollbar {
    width: 7px;
}

.popup-welcome::-webkit-scrollbar-track {
    background: #dddddd;
}

.popup-welcome::-webkit-scrollbar-thumb {
    background-color: #737578;
}

.popup-welcome__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    height: auto;
}

.popup-welcome__top-title {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    height: 40px;
}

.popup-welcome__logo {
    width: 207px;
    height: 42px;
    margin-bottom: 15px;
    background-image: url('../img/logo-white.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.popup-welcome__text {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.popup-welcome__slide {
    width: 592px;
    height: 368px;
    border-radius: 8px;
    border: 1px solid #B8C6D4;
    background: #2F3440;
    overflow: hidden;
}

.popup-welcome__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup-welcome__swiper {
    width: 100%;
    height: 400px;
    margin-bottom: 15px;
    padding-bottom: 2px !important;
}

.popup-welcome .swiper-pagination {
    position: static;
}

.popup-welcome .swiper-pagination-bullet {
    width: 72px;
    height: 8px;
    border-radius: 8px;
    border: 1px solid #B8C6D4;
    background: #1B2026;
    opacity: 1;
}

.popup-welcome .swiper-pagination-bullet-active {
    border: 1px solid #FE7F45;
    background: #FE7F45;
}


.popup-welcome .swiper-button {
    background-color: #2f3440;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 32px;
    height: 32px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: black;
    background-size: 15px 15px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.popup-welcome .swiper-button-prev {
    background-image: url("../img/white-arrow-icon.svg") !important;
    top: 55%;
    transform: translateY(-50%) rotate(180deg);
    left: -15px;
}

.popup-welcome .swiper-button-next {
    background-image: url("../img/white-arrow-icon.svg") !important;
    top: 55%;
    transform: translateY(-50%);
    right: -15px;
}

.popup-welcome .swiper-button-next::after,
.popup-welcome .swiper-button-prev::after {
    content: '';
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    /*left: var(--swiper-navigation-sides-offset,10px);*/
    right: auto;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    /*right: var(--swiper-navigation-sides-offset,10px);*/
    left: auto;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(44px * 27);
    height: 44px;
    margin-top: calc(0px - (44px / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition :transform 0.5s ease;
    box-sizing: content-box;
}

.button-disabled {
  opacity: 0.7; /* Затемнение */
  pointer-events: none; /* Отключение взаимодействия */
  user-select: none; /* Отключение выделения текста */
}

/* End of popup welcome */

.mySidepanel-wrapper {
    width: 480px;
    display: block;
    position: fixed;
    right: 0;
    top: 54px;
    z-index: 60; /*new*/
    transition: all 0.2s !important;
    transform: translateX(110%);
}

.mySidepanel-wrapper.mySidepanel-wrapper_opened {
    transform: translateX(1.7%);
    /* width: 480px; */
}

/* .card-title-side {
	background-color: transparent;
	position: absolute;
	top: 328px;
	transform: translateY(-50%);
	left: -24px;
	width: 26px;
	height: 300px;
	border: none;
	background-image: url('../img/card-slice-icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 500;
	background-position: 0px 10px;
} */

.card-title-side {
    background-color: transparent;
    position: absolute;
    top: 260px;
    transform: translateY(-50%);
    left: -30px;
    width: 30px;
    height: 310px;
    border: none;
    background-image: url('../img/card-slice-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 500;
    background-position: 0 10px;
    opacity: .97;
    filter: drop-shadow(0px 0px 60px rgba(254, 127, 69, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

/* .event-feed-btn {
	background-color: transparent;
	position: absolute;
	top: 570px;
	transform: translateY(-50%);
	left: -28px;
	width: 28px;
	height: 326px;
	border: none;
	background-image: url('../img/event-feed-icon.svg');
	background-size: cover;
	background-repeat: no-repeat;
} */

.event-feed-btn {
    background-color: transparent;
    position: absolute;
    top: 490px;
    transform: translateY(-50%);
    left: -33px;
    width: 29px;
    height: 307px;
    border: none;
    background-image: url('../img/event-feed-icon.svg');
    background-size: 96%;
    background-repeat: no-repeat;
}

input[type="date" i]::-webkit-calendar-picker-indicator {
    filter: invert(1) !important;
}

.eventsidepanel a:hover {
    color: #FE7F45 !important;
    opacity: .7;
}

#collapseExample {
    padding-left: 10px;
    padding-right: 10px;
}

/* styles 26-07-23 segeywebwave@gmail.com */

#clearSearch {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 20;
    font-style: normal;
    font-size: 16px;
    line-height: 1;
    width: 16px;
    height: 16px;
}

#sliderContainer {
    background-color: #1b2026 !important;
    border-radius: 3px;
    z-index: 5;
}

.slider-container__box {
    width: 100% !important;
    margin-right: 0;
    margin-left: 0;
    justify-content: flex-start;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    background-color: #FE7F45;
}

.slider-button__wrapper {

    width: 50%;
    max-width: max-content;
}

.slider-range__wrapper {
    display: flex;
    align-items: center;
    width: 50%;
    padding-left: 30px;
    padding-right: 10px;
    flex-grow: 1;
}

/*Поменял*/
.ui-slider-horizontal {
    height: 6px;
    border-radius: 0;
    /*border-radius: none;*/
}

#slider-range {
    width: 100%;
    margin: 0 !important;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.5em;
}

button#prev,
button#next {
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #dce6f0;
    border-radius: 2px;
    color: #dce6f0;
}

button#prev {
    border-right: none;
}

.slider-button__wrapper .btn-group {
    margin-left: 1px;
}

button#prev:hover,
button#next:hover {
    background-color: transparent;
    filter: brightness(130%);
}

button#prev:focus-visible,
button#next:focus-visible {
    background-color: transparent;
    border-color: #dce6f0;
    outline: 0;
    box-shadow: none;
}

/*Поменял*/
.navbar-text {
    display: flex;
    align-items: center;
    /*column-gap: 15px;*/
    width: max-content;
    column-gap: 10px;
}

.navbar-text__welcome {
    color: #DCE6F0;
    font-size: 15px;
}

.navbar-toggler {
    border: none;
    margin-top: 2px;
    outline: none;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}

#collapseMarkers {
    margin-top: 5px;
}

/*Поменял-закоментил 30-07 */
.form-check .form-check-label {
    line-height: 1;
    font-size: 14px;
    /*min-height: 28px;*/
    display: flex !important;
    align-items: center;
}


#CreateEvent .modal-content {
    background-color: #1b2026;
    color: #fff !important;
}

.modal-content {
    background-color: #1b2026;
    color: #fff !important;
}

@media (max-width: 700px) {
    .modal-dialog {
        max-width: 80%;
        margin: 0 auto;
    }
}

@media (max-width: 570px) {
    .modal-dialog {
        max-width: 100%;
        width: 100%;
    }
}

#closeUpperModalButtonObject,
#closeUpperModalButton {
    filter: invert(1);
}

#CreateObject {
    scrollbar-color: #FF6C3E #dce6f0;
    scrollbar-width: thin;
}

#CreateObject::-webkit-scrollbar {
    width: 7px;
}

#CreateObject::-webkit-scrollbar-track {
    background: #dce6f0;
}

#CreateObject::-webkit-scrollbar-thumb {
    background-color: #FF6C3E;
}

.form-check .form-check-label {
    padding-left: 7px;
}

#saveObjectModalButton,
#saveModalButton {
    background-color: #FF6C3E;
    color: #fff;
}

#saveObjectModalButton:hover,
#saveModalButton:hover {
    background-color: #c75431;
    color: #fff;
}

#eventObjImages > p:nth-child(1) {
    color: #1b2026;
}

.btn {
    border: none;
}

.slider-buttons-wrapper {
    position: relative;
    width: 100%;
    height: auto;
}

.popup-welcome-close {
    position: absolute;
    top: 12px;
    right: 15px;
    width: 18px;
    height: 18px;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    border: 0;
    outline: 0;
}

.choose-country .dropdown-toggle { /*new*/
    position: relative;
}

.choose-country .dropdown-toggle::after { /*new*/
    display: block;
    content: '';
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url('../img/arrow-expand-icon.svg');
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    transition-duration: .1s;
}

.choose-country .dropdown-toggle.show::after {
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
}

.sidebar__mobile-close { /*new*/
    display: none;
}

.display-none {
    display: none !important;
}


@media (max-width: 768px) {


    #navbarContent {
        transition-duration: 0s;
    }


    .navbar > .container-fluid {
        background-color: #1b2026;
    }

    #navbarContent.show {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .navbar-collapse.show .choose-country {
        margin-top: 40px;
        order: 2;
        margin-left: 15px;
    }

    .navbar-collapse.show .navbar-right__right {
        order: 1;
        width: 100%;
    }

    .navbar-collapse.show .choose-country .nav-item {
        width: 100%;
    }

    .popup-welcome {
        padding-left: 22px;
        padding-right: 22px;
        padding-top: 35px; /*new*/
        padding-bottom: 15px;
    }

    .navbar-collapse.show .navbar-right__right,
    .navbar-collapse.show .navbar-text {
        row-gap: 10px;
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        align-self: flex-start;
    }

    .navbar-collapse.show .navbar-right__right {
        align-items: flex-start;
        margin-top: 20px;
        position: relative;
        padding-left: 15px;
    }

    .navbar-collapse.show .navbar-right__right .navbar-text {
        align-self: flex-start;
    }

    /* .navbar-collapse.show {
        padding-bottom: 60px;
    } */
    .navbar-collapse.show .choose-language {
        top: 0;
        left: 15px;
        position: absolute;
    }

    #navbarContent.show .bs-searchbox {
        padding-left: 0;
        padding-right: 0;
    }

    #navbarContent .navbar-text {
        width: max-content;
        height: max-content;
        position: absolute;
        right: 15px;
    }

        .navbar-collapse.show .navbar-text {
        align-items: flex-start;
    }

    #navbarContent.show {
        padding-bottom: 20px;
    }

    .navbar-collapse.show .choose-language {
        left: 0;
    }

    .navbar-collapse.show .choose-country {
        margin-left: 0;
        margin-top: 40px;
    }

    .navbar-text > a:nth-child(2) {
        margin-top: 5px;
    }

}


@media (max-width: 510px) {
    #main_map {
        height: 100%;
        width: 100% !important;
        min-width: 100% !important;
        overflow: hidden;
    }

    #sidebar {
        background-color: #1b2026;
        top: 50px;
        right: 0;
        position: absolute !important;
        padding: 0;
        transition: all 0.2s !important;
        z-index: 100;
    }

    .myactive {
        height: 100%;
        display: block;
        z-index: 900;
        width: 100% !important;
        min-width: 100% !important;
        padding: 25px 30px 25px 30px !important;
    }


    #mySidepanel {
        width: 100% !important;
        z-index: 1500;
    }

    #mySidepanel .eventsidepanel {
        padding: 35px 25px 0 25px !important;
    }

    .mySidepanel-wrapper {
        width: 100% !important;
        z-index: 2000;
    }

    .mySidepanel-wrapper.mySidepanel-wrapper_opened {
        transform: translateX(0);
    }

    #event-feed {
        margin-top: 20px;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 12px;
    }

    .event-feed__light {
        width: 80%;
        min-width: 230px;
    }

    .event-feed__right {
        width: 80%;
        min-width: 230px;
    }

    #eventSearch.form-control {
        font-size: 16px;
        height: 30px;
    }

    #clearSearch {
        font-size: 20px;
        line-height: 0.8;
    }

    #event-feed .input-group {
        height: 25px;
    }

    #sidebar .sidecontent {
        padding-right: 0;
    }

    .choose-country {
        min-width: 220px;
    }

    .myactive .sidebar__mobile-close {
        display: block;
        width: 15px;
        height: 15px;
        color: #fff;
        margin-bottom: 5px;
        font-size: 32px;
        padding: 0 !important;
        text-decoration: none;
        transition: 0.1s;
        position: absolute;
        top: 22px;
        right: 35px;
        cursor: pointer;
        line-height: 1;
        z-index: 10;
    }

    .eventsidepanel-flex {
        right: 28px;
    }

}

@media (min-width: 768px) and (max-width: 850px) {

    .navbar-text__welcome {
        font-size: 13px;
    }
}

@media (max-width: 480px) {

    .leaflet-control-container {
        display: none;
    }

    .popup-welcome {
        width: 80%;
        max-width: 720px;
        min-width: 320px;
    }

    .popup-welcome__swiper {
        height: 165px;
        margin-bottom: 0;
    }

    .slider-buttons-wrapper {
        margin-bottom: 25px;
    }

    .popup-welcome .swiper-button-next,
    .popup-welcome .swiper-button-prev {
        top: 60%;
    }

}

.form-check-input:focus {
    border-color: initial;
    box-shadow: none;
}

.collapse-form-check {
    margin-left: 10px;
}

.leaflet-legend-title {
    color: #dce6f0;
}

.leaflet-legend-contents .legend-label {
    color: #dce6f0;
}

.leaflet-legend.leaflet-control {
    background-color: #1b202684 !important;
}

/* .leaflet-touch .leaflet-bar a {
	background: transparent !important;
	border-bottom: none;
	cursor: pointer;
	width: 38px;
	height: 38px;
} */

.leaflet-legend-toggle {
    background: none !important;
    border-bottom: none !important;
}

.leaflet-legend.leaflet-bar.leaflet-control {
    width: 50px;
    height: 50px;
    margin-right: 0;
    border: 1px solid #fff !important;
    border-radius: 5px;
    z-index: 0;
    cursor: pointer;
}

.leaflet-legend.leaflet-control.leaflet-legend-expanded {
    width: auto;
    height: auto;
    background-color: #1b2026 !important;
    border: 1px solid #1b2026 !important;
    z-index: 35;
}

.leaflet-legend-contents {
    padding: 10px;
    border-radius: 4px;
    background-color: #1b2026;
    user-select: none;
}

.leaflet-control {
    z-index: 10;
}

#eventImages {
    margin-top: 30px !important;
}

/*Поменял 01-08*/
.sidepanel-event-background {
    width: 140px;
    height: 140px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 130px;
    opacity: 0.20;
    left: -20px;
    top: -20px;
    z-index: -1;
}

.leaflet-control-cascadeButtons button {
    box-shadow: none;
}

.leaflet-draw .leaflet-bar a {
    background-color: #1d1d1d;
    border: 1px solid #fff !important;
    border-radius: 4px !important;
}

.leaflet-draw .leaflet-bar a:hover {
    filter: brightness(120%);
}

.leaflet-draw-edit-edit {
    margin-bottom: 4px;
}

.leaflet-draw-draw-polyline {
    margin-bottom: 4px;
}

.leaflet-control-cascadeButtons button {
    background-color: #1d1d1d;
    border-radius: 4px;
}

.leaflet-control-cascadeButtons.vertical.leaflet-control {
    box-shadow: none;
}

.leaflet-draw-actions a {
    background-color: #1d1d1d;
    border-radius: 4px;
}

.leaflet-draw-actions a:hover {
    background-color: #1d1d1d;
    color: #FF6C3E;
}

#closeUpperModalButtonPolygon {
    filter: invert(1);
}

.leaflet-legend-expanded .leaflet-legend-contents {
    display: block;
    padding: 6px 15px 6px 6px;
    position: absolute;
    bottom: -52px;
    left: 59px;
}

.leaflet-legend.leaflet-control.leaflet-legend-expanded {
    width: 50px;
    height: 50px;
    background-color: rgba(27, 32, 38, 0.66) !important;
    border: 1px solid #dce6f0 !important;
    z-index: 35;
}

.leaflet-legend-column {
    margin-left: 0;
}

.leaflet-legend-contents {
    background-color: #1b2026e2;
}

.leaflet-legend-title {
    color: #dce6f0;
    padding-left: 5px;
    font-size: 16px;
    margin-bottom: 0;
}

#eventImages p {
    color: #000;
}

#divselectpicker {
    height: 25px;
    margin-top: .25rem !important;
    display: flex;
    align-items: center;
}

#divselectpicker button {
    width: 100%;
}

#divselectpicker .bs-searchbox input {
    color: #fff;
}

#divselectpicker #bs-select-3 .no-results {
    background: transparent;
    color: #2F3440;
}

#divselectpicker .dropdown-menu li:not(.disabled) span {
    color: #1b2026;
}

#panelAddInfo .event-item__place,
#panelCoord .event-item__place {
    padding-left: 5px;
}

/*----------------Styling ToolTip for Polygons---------*/
path.leaflet-interactive {
    outline: none;
}

.leaflet-tooltip.polygon-label {
    opacity: 0.6 !important;
    border-radius: 2px;
    border: 0.5px solid #FFF;
    background: #2F3440;
    padding: 10px 10px 18px 10px;
    color: #FFF;
    text-align: justify;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    height: 32px;
    word-wrap: break-word;
    overflow: hidden;
}


/*----------------End Styling ToolTip for Polygons---------*/
@media (max-width: 950px) {

    .myactive {
        padding-right: 0 !important;
    }

    #pagButtons {
        padding-right: 30px;
    }

    #sidebar .sidecontent {
        height: calc(100% - 35px) !important;
    }

    .eventsidepanel {
        padding: 18px 45px 0 26px !important;
    }

    .eventsidepanel-flex {
        top: 30px;
    }

    #type-coord {
        display: none !important;
    }

    .leaflet-control-zoom.leaflet-bar.leaflet-control {
        display: none !important;
    }

    .leaflet-top.leaflet-left {
        position: fixed !important;
        top: 150px !important;
        left: 15px !important;
    }
}

/* New styles */

@media (max-width: 768px) {

    .navbar-collapse.show .navbar-text {
        align-items: flex-end;
    }

    #navbarContent.show {
        padding-bottom: 20px;
    }

    .navbar-collapse.show .choose-language {
        left: 0;
    }

    .navbar-collapse.show .choose-country {
        margin-left: 0;
        margin-top: 70px;
    }

    .navbar-text > a:nth-child(2) {
        margin-top: 5px;
    }

}

@media (max-width: 335px) {

    .navbar-collapse.show .choose-country {
        margin-top: 120px;
    }

}

/* 19-07-24 */

#addPanelMod {
    z-index: 10;
}

.leaflet-control-cascadeButtons .horizontal {
    width: calc(100vw - 540px);
    flex-wrap: wrap;
}

.leaflet-control-cascadeButtons button {
    min-width: 30px;
}


@media (max-width: 950px) {

    #type-coord {
        display: flex !important;
    }

    .leaflet-control-zoom.leaflet-bar.leaflet-control {
        display: block !important;
    }

    .leaflet-top.leaflet-left {
        top: 30% !important;
        left: 15px !important;
    }

    .leaflet-control-cascadeButtons .horizontal {
        width: calc(100vw - 140px);
    }

}

@media (max-width: 1000px) {

    .my-modal-content {
        width: 100%;
        max-width: 80%;
    }

}

@media (max-width: 600px) {

    .my-modal-content {
        width: 100%;
        max-width: 95%;
    }

    .leaflet-control-cascadeButtons .horizontal {
        width: calc(100vw - 50px);
        flex-wrap: wrap;
    }

}

@media (max-width: 510px) {
    .event-feed__light {
        width: 100%;
        padding-right: 30px;
    }

    .event-feed__right {
        width: 100%;
        padding-right: 30px;
    }
}

@media (max-width: 480px) {
    .leaflet-control-container {
        display: block;
    }
}

.leaflet-control-cascadeButtons.leaflet-control {
    pointer-events: none;
}

.leaflet-control-cascadeButtons .horizontal button {
    pointer-events: all;
}

#sliderContainer {
    min-width: 50%;
}

@media (max-width: 1100px) {

    #sliderContainer {
        min-width: 60%;
    }

}

@media (max-width: 850px) {

    #sliderContainer {
        min-width: 70%;
        max-width: initial;
    }
}

@media (max-width: 450px) {

    #sliderContainer {
        min-width: 65%;
    }
}

@media (max-width: 400px) {

    .slider-container__box {
        flex-direction: column;
        row-gap: 7px;
    }

    .slider-range__wrapper {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 30px;
    }
}


@media (max-width: 325px) {

    #sliderContainer {
        min-width: 60%;
    }

}


/* new styles 03-10-24 */


.jvectormap-tip {
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: max-content;
}

.navbar-text__welcome a {
    /*color: #fff;*/
    text-transform: initial;
    display: inline;
    border: none;
    padding-left: 3px;
    padding-right: 0;
    color: #FF6C3E;
    font-weight: 700;
}

.navbar-text__welcome a:hover,
.navbar-text__welcome a:focus {
    color: #FF6C3E;
}

.navbar-text > a:nth-child(2) {
    margin-top: 0;
}

.navbar-text .navbar-text__welcome a::after {
    display: none;
}

.navbar-collapse.show .choose-country .nav-item > div:nth-child(1) > button:nth-child(2) {
    width: 170px;
    height: 34px;
}

.navbar-collapse.show .bootstrap-select .dropdown-toggle .filter-option {
    display: flex;
    align-items: center;
}

.navbar-collapse.show .navbar-text > a:nth-child(2) {
    margin-top: 36px;
    height: 34px;
    display: flex;
    align-items: center;
}

.navbar-collapse.show .navbar-text__welcome {
    color: #DCE6F0;
    font-size: 16px;
}

.navbar-collapse.show .navbar-text__welcome a {
    font-size: 16px;
}

@media (max-width: 335px) {
    .navbar-collapse.show .choose-country {
        margin-top: 70px;
    }
}


#mySidepanel #commentContainer {
    margin-top: 15px;
}

/* .modal-backdrop {
    z-index: 2000;
}

#CreateEvent {
    z-index: 2100;
}

#toast-container {
    z-index: 2200;
}

*/

/* nav#main_nav_bar {
    z-index: 1900;
} */

.popup-welcome {
    z-index: 2000;
}

#objectChooseEvent {
    flex-shrink: 0;
}

#exportImage {
    margin-bottom: 30px;
}

#formEvent .col-4.align-middle.mt-1 {
    min-width: 200px;
}

#saveCommentButton {
    min-width: 32px;
}

#exportImage .download-button,
#buttonsgroupfordetail .btn {
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #dce6f0;
    border-radius: 2px;
    background: transparent;
    height: 38px;
}

#exportImage .download-button:hover,
#buttonsgroupfordetail .btn:hover {
    color: #ccd5de;
}


#buttonsgroupfordetail .btn-danger {
    color: #FF6C3E;
    border: 1px solid #FF6C3E;
}

#buttonsgroupfordetail .btn-danger:hover {
    color: #1D2227;
    border: 1px solid #FF6C3E;
    background-color: #FF6C3E;
}

#eventPanelSource iframe {
    left: 20px;
}

.mySidepanel-wrapper {
    z-index: 1000;
}

.leaflet-start-button {
    /*background-image: url('../img/return-map-icon.svg');*/
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 512 512" xml:space="preserve"><g><path fill="%23fff" d="M463.203,105.688c-3.047-4.25-6.234-8.406-9.609-12.484C406.641,36.313,335.531,0,256,0C176.484,0,105.359,36.313,58.406,93.203c-3.375,4.078-6.563,8.234-9.594,12.484C18.078,147.922,0,199.844,0,256c0,56.313,18.156,108.484,49.031,150.719c3.125,4.328,6.406,8.563,9.844,12.656C105.844,475.922,176.719,512,256,512c79.688,0,150.813-36.406,197.75-93.438c3.453-4.078,6.734-8.313,9.781-12.641C494.078,363.766,512,312,512,256C512,199.844,493.922,147.922,463.203,105.688z M471.688,247.969H385.75c-0.625-32.563-5.031-63.438-12.5-91.219c21.156-7.219,40.594-16.359,57.781-27.063C455.328,163.156,470.047,203.938,471.688,247.969z M263.984,41.906c37.375,5.188,70.438,46.109,89.297,104.281c-27.469,7.828-57.594,12.406-89.297,13.094V41.906z M247.984,41.906v117.375c-31.703-0.688-61.828-5.266-89.297-13.094C177.547,88.016,210.609,47.094,247.984,41.906z M247.984,175.266v72.703H142.219c0.625-30.766,4.891-60.094,11.984-86.516C183.094,169.75,214.703,174.594,247.984,175.266z M247.984,263.969v72.703c-33.234,0.797-64.828,5.734-93.703,14.094c-7.141-26.484-11.422-55.922-12.063-86.797H247.984z M247.984,352.656v117.375c-37.297-5.172-70.313-45.938-89.188-103.938C186.625,358.031,216.734,353.453,247.984,352.656z M263.984,470.031V352.625c31.703,0.563,61.859,5.094,89.359,12.875C334.5,423.813,301.406,464.844,263.984,470.031z M263.984,336.625v-72.656H369.75c-0.625,30.625-4.859,59.859-11.891,86.188C328.938,341.938,297.281,337.188,263.984,336.625z M263.984,247.969v-72.703c33.281-0.672,64.891-5.5,93.797-13.797c7.078,26.406,11.344,55.75,11.969,86.5H263.984z M421.281,117.203c-15.656,9.547-33.344,17.703-52.563,24.266c-13.219-40.938-33.266-74-57.406-94.219C354.906,58.797,393.156,83.609,421.281,117.203z M200.656,47.25c-24.141,20.234-44.188,53.281-57.406,94.203c-19.188-6.563-36.891-14.703-52.531-24.25C118.844,83.625,157.063,58.813,200.656,47.25z M80.969,129.688c17.188,10.703,36.609,19.828,57.75,27.063c-7.469,27.781-11.875,58.656-12.5,91.219H40.313C41.953,203.938,56.688,163.156,80.969,129.688z M40.313,263.969h85.906c0.625,32.688,5.063,63.688,12.594,91.563c-21.094,7.25-40.469,16.359-57.609,27.031C56.75,348.984,41.938,308.109,40.313,263.969z M91.125,395.203c15.875-9.703,33.484-17.797,52.281-24.297c13.219,40.781,33.25,73.703,57.344,93.844C157.344,453.25,119.219,428.594,91.125,395.203z M311.219,464.75c24.25-20.25,44.359-53.438,57.578-94.547c19.281,6.547,37.047,14.719,52.734,24.281C393.313,428.234,354.938,453.156,311.219,464.75z M431.359,381.922c-17.266-10.734-36.781-19.859-58.016-27.063c7.406-27.703,11.781-58.453,12.406-90.891h85.938C470.078,307.859,455.5,348.438,431.359,381.922z"/></g></svg>');
    /*background-size: contain;*/
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center;
}

.event-item__bottom {
    flex-wrap: wrap;
    row-gap: 5px;
}

@media (max-width: 500px) {

    .leaflet-top.leaflet-left {
        transform: initial;
    }

    .leaflet-control-zoom.leaflet-bar.leaflet-control {
        position: fixed;
        right: 11px;
        top: 67px;
    }

}


#eventFeedIndex {
    min-width: 400px;
}

.pagination__list {
    margin-bottom: 0;
}

@media (max-width: 950px) {
    #sidebar .sidecontent {
        height: 100% !important;
    }
}

@media (max-width: 510px) {

    #listOfEvents {
        padding-right: 30px;
    }

    .event-item__bottom-left {
        padding-right: 7px;
    }

    #sidebar .sidecontent {
        height: calc(100% - 35px) !important;
    }

}


/* 07-10 styles */

.navbar-text:hover {
    filter: brightness(100%);
}

.navbar-text:active {
    transform: translateY(0);
}

#event-feed .input-group input {
    display: flex;
    justify-content: center;
    align-items: center;
}

#panelContent p span {
    color: #fff !important;
}

#panelContent p span {
    color: #fff !important;
}

#panelContent strong {
    color: #fff !important;
}

#tmeSource #eventPanelSource iframe {
    min-width: 330px !important;
    padding-right: 0;
}

#sourceBlock {
    margin-top: -10px;
}

#panelAddInfo {
    flex-wrap: nowrap;
}

#panelAddInfo .event-item__place {
    padding-right: 0;
}

@media (max-width: 400px) {

    #sidebar .event-item__text {
        height: auto;
        text-align: left;
    }

    #sidebar .event-item__bottom-left {
        flex-wrap: wrap;
        row-gap: 5px;
    }

}

.leaflet-control-zoom .leaflet-control-zoom-in,
.leaflet-control-zoom .leaflet-control-zoom-out {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.leaflet-control-zoom .leaflet-control-zoom-in span,
.leaflet-control-zoom .leaflet-control-zoom-out span {
    height: max-content;
    width: max-content;
    line-height: 0;
}

.leaflet-control-zoom.leaflet-bar.leaflet-control {
    width: 32px;
}