@charset "UTF-8";

.aside-nav .nav-link:hover{
    color: #f07e07;
    background-color: #262b58!important;
    border-color: transparent;
}
hr.style2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(39 43 88);
}
.list-item.hoverable span{
    color: #fff;
}
.list-item.hoverable:hover span{
    color: #f07e07;
}
.svg_orange_color{fill:#f07e0b}
.svg_blue_color{fill:#272b58}

.text-blue-site{
    color: #383f8d;
}
.bg-primary-o-60{
    background-color: rgb(240 126 7 / 15%) !important;
}
.symbol.symbol-light-info .symbol-label {
    background-color: #38408d;
    color: #6993FF;
}
.svg_white_color{
    fill:#ffffff
}
.symbol.symbol-green .symbol-label {
    background-color: #388d53;
}
.symbol.symbol-pink .symbol-label {
    background-color: #8d3876;
}
.symbol.symbol-grey .symbol-label {
    background-color: #919191;
}
.bg-blue-site{
    background-color: #191c38;
}
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
    /* color: #8689aa; */
    color: #dbdbdb;
}
.label.label-light-success {
    color: #1BC5BD;
    background-color: #C9F7F5;
}
.btn.btn-orange {
    color: #FFFFFF;
    background-color: #f07e07;
    border-color: #f07e07;
}
.btn.btn-orange:hover{
    background-color: #e07604;
}
.btn.btn-orange i{
    color: #fff;
}
.navi .navi-item{
    border-bottom: 1px solid #f3f6f9;
}
.aside-menu ul.menu-nav > li.menu-item {
    border-bottom: 1px solid #272b58;
}
.aside-menu ul.menu-nav > li:last-child.menu-item {
    border: none;
}
.aside-menu h4 {
    margin-bottom: 40px;
}
.text-orange-site {
    color: #f07e07;
}
.controls{
    position: absolute;
    z-index: 9999;
    width: 40px;
    right: 40px;
    bottom: 31px;
}
  .controls #zoom-in, .controls #zoom-out {
    border-radius: 10px;
    background: #f07e07;
    margin-bottom: 9px;
    width: 40px;
    height: 39px;
    border: none;
}
.controls #zoom-in i, .controls #zoom-out i{
    color: #fff;
    font-size: 12px;
}
  .map {
    clear: both;
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  .maps-container {
    width: 100%;
    height: 100vh;
    position: absolute;
    overflow: hidden !important;
    z-index: 3;
  }
  .map, .map * {
    box-sizing: border-box;
    -ms-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .svg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
.relative{
    position: relative;
}
.info_btn {
    position: absolute;
    bottom: 39px;
    left: 34px;
    z-index: 2;
}
.info_btn i {
    width: 40px;
    height: 40px;
    transition: all .5s ease;
    border-radius: 100px;
    margin-right: 10px;
    text-align: center;
    line-height: 35px;
    font-size: 15px;
    background: #df0000;
    color: #fff;
    display: none;
}
.box_legende {
	display: block;
    bottom: 58px;
    left: 54px;
	position: absolute;
	border-radius: 8px;
	box-shadow: rgb(0 0 0 / 6%) 0px 0px 5px;
	background: #fff;
	padding: 20px 20px 20px 35px;
	width: 285px;
	transition: 100ms cubic-bezier(.25,.46,.45,.94);
	-webkit-transition: -webkit-transform 100ms cubic-bezier(.19,1,.22,1);
	transition: -webkit-transform 100ms cubic-bezier(.19,1,.22,1);
	transition: transform 100ms cubic-bezier(.19,1,.22,1);
	transition: transform 100ms cubic-bezier(.19,1,.22,1),-webkit-transform 100ms cubic-bezier(.19,1,.22,1);
    z-index: 1;
}
.open_legend .box_legende {
    bottom: 58px;
    left: 54px;
    display: block;
    transition: 100ms cubic-bezier(.25,.46,.45,.94);
    -webkit-transition: -webkit-transform 100ms cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform 100ms cubic-bezier(.19,1,.22,1);
    transition: transform 100ms cubic-bezier(.19,1,.22,1);
    transition: transform 100ms cubic-bezier(.19,1,.22,1),-webkit-transform 100ms cubic-bezier(.19,1,.22,1);
}
ul.left_items {
    padding: 0;
    margin: 0;
    z-index: 4;
    line-height: 21px;
    list-style: none;
}
ul.left_items li {
    color: #7a7a7a;
    font-weight: bold;
    line-height: 24px;
    font-size: 12px;
}
ul.left_items li i {
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    color: #000;
    text-align: center;
    line-height: 22px;
    font-size: 10px;
    margin-right: 6px;
}
ul.left_items li.aurora i {
    background: #C1A9D8;
    color: #C1A9D8;
}
ul.left_items li.lana i {
    background: #2283D3;
    color: #2283D3;
}
ul.left_items li.hymalya i {
    background: #864444;
    color: #864444;
}
ul.left_items li.asteria i {
    background: #E08F46;
    color: #E08F46;
}
ul.left_items li.imm i {
    background: #6b6b6b;
    color: #6b6b6b;
}
ul.left_items li.strict_no i {
    background: #b7b7b7;
    color: #b7b7b7;
}
ul.left_items li.unavailable i {
    background: #eb1a1a;
    color: #fff;
}
.elmts_occupied {
    fill: #ff0000!important;
    position: relative;
}
#map_global_boreflet .zone:hover {
    opacity: .6;
    cursor: pointer;
  }
.select2 {
    width: 100%!important;
  }

.btn.btn-light-success-me {
    color: #06c02e;
    background-color: #caf6d4;
    border-color: transparent;
}

.btn.btn-success-me {
    color: #fff;
    background-color: #06c02e;
    border-color: #06c02e;
}
.text-success-me {
    color: #06c02e!important;
}
.sub_T_elment{
    font-size: 10px;
    margin-top: -6px;
    display: block;
}
.radius-0{
    border-radius: 0px !important;
}
.side_menu{
    width: 100px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 250px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border-right: 2px solid #e8e9f1;
}
.content_box_zone{
    padding-left: 250px;
}

.menu_wrapper {
    position: absolute;
    width: 100%;
    font-weight: 500;
    min-height: 500px;
    overflow: hidden;
    /* padding: 40px 40px 40px 40px; */
    opacity: 1;
    z-index: 29;
    -webkit-transition: -webkit-transform 400ms cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform 400ms cubic-bezier(.19,1,.22,1);
    transition: transform 400ms cubic-bezier(.19,1,.22,1);
    transition: transform 400ms cubic-bezier(.19,1,.22,1),-webkit-transform 400ms cubic-bezier(.19,1,.22,1);
  }
  .menu_wrapper .inner {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    z-index: 10;
    webkit-transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s;
    -moz-transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s;
    -o-transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s;
    -ms-transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s;
    transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s;
  }
  .menu_wrapper ul.menu {
    padding: 0;
    width: auto;
    height: 100%;
    overflow-y: auto;
    margin: 0;
  }
  .menu_wrapper ul.menu li a {
    background: transparent;
    color: #373737;
    display: block;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(232 233 241);
    padding: 20px 15px 20px 20px;
    position: relative;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    font-size: 12px;
  }
  .menu_wrapper ul.menu li.active a{
    background: #f3f6f9;
  }
  .menu_wrapper ul.menu li:last-child a {
    border: 0;
  }
  .dropdown, .dropleft, .dropright, .dropup {
    position: relative;
  }
  .menu_wrapper ul.menu ul.sub_menu {
    padding: 0;
    background: #f5f5f5;
  }
  .menu_wrapper ul.menu li a .btn.expander {
    background: none;
    color: #aeaeae;
    padding: 5px 10px;
    font-size: 19px;
    border-radius: 0px;
    position: absolute;
    top: 10px;
    right: 20px;
    outline: none;
  }
  .menu_wrapper ul.menu li a i {
    margin-right: 20px;
    font-size: 12px;
    width: 30px;
    height: 30px;
    background: #fff3e6;
    text-align: center;
    line-height: 30px;
    border-radius: 9px;
    border: 1px solid #ffd09e;
    color: #f07e06;
}
.owl-carousel.owl-theme .owl-nav{
    position: absolute;
    top: -53px;
    right: 0;
    margin: 0;
}
.owl-carousel.owl-theme .owl-nav .owl-prev, .owl-carousel.owl-theme .owl-nav .owl-next {
    font-size: 40px;
    line-height: 27px;
    width: 22px;
    background: #f1f1f1;
    padding-bottom: 2px!important;
}
.menu-item .menu-link .menu-text {
    color: #dbdbdb!important;
}

.menu-item .menu-link .menu-text:hover {
    color: #f07e07 !important;
}