.swipe-list-icon {
    display: flex;
    align-items: center;
}

.ostheampanel,.ostheampanel .card-header {
    border: 0;
    background-color: transparent;
    padding: 0;
}

.horizontalswapright {
    position: absolute;
    right: 20px;
    top: 20px;
}
#layercontroler {
    position: absolute;
    left: 50%;
    top: 60px;
    z-index: 2;
    transform: translate(-50%, 0px);
    width: 471px;
}

.horizontallayerview {
    width: 600px;
}
.navtitle {
    padding: 0.5rem .5rem;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #367EC0;
    font-size: 13px;
    color: #fff;
}


.pdr-5 {
    padding-right: 5px;
}

.pdl-5 {
    padding-left: 5px;
}


.toclayerwraper .input-group-text {
    background-color: transparent;
    border-right: 0;
    padding: 0;
    padding-left: 10px;
    color: #ABACAC;
    font-weight: 200;
}

.toclayerwraper input.form-control {
    border-left: 0;
    max-height: 30px;
}






#swipe-container {
			position: relative;
			height: 100vh;
			width: 100%;
			background-color: white;
		}

		#primary-swipe-container {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			height: 50%;
			width: 100%;
			overflow: hidden;
		}

		#secondary-swipe-container {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			height: 100%;
			width: 100%;
			overflow: hidden;
		}

		#primary-swipe-view,
		#secondary-swipe-view {
			height: 100vh;
			width: 100vw;
		}

		#swiper {
			position: absolute;
			background-color: white;
			z-index: 10;

		}

		.swiper-vertical {
			top: 0;
			bottom: 0;
			left: 50%;
			width: 10px;
			cursor: col-resize;

		}

		.swiper-horizontal {
			top: 50%;
			left: 0;
			right: 0;
			width: 100%;
			height: 10px;
			cursor: row-resize;
		}
.list-wraper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    color: #828282;
}

.right-icon-text img {
    max-width: 16px;
    cursor: pointer;
}

.right-icon-text span,.left-icon-text span {
    margin: 0 2px;
}

.layers-list li:not(:last-child) {
    border-bottom: 1px solid rgba(146, 146, 146, 0.50);
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.layers-list {
    max-height: calc(100vh - 350px);
    overflow: auto;
}

.full-width .horizontal span.al-range-slider__tooltip.js-al-range-slider__tooltip {
    display: block;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #D7D7D7;
}

.full-width.slider-range .al-range-slider__input {
    display: none;
}

body .full-width .al-range-slider__track {
    width: 100%;
}

.full-width .margin-t {
    margin: 2.8em 0 1em 0;
}
.slider-range.full-width .al-range-slider__grid-tick:last-child {
    left: 100%!important;
}

.slider-range.full-width .al-range-slider__grid-tick:last-child span {
    padding: 0;
}

.tick-hide .al-range-slider__grid-tick:not(:first-child,:last-child) {
    display: none;
}

body .tick-hide .al-range-slider__grid-tick:first-child, body .tick-hide .al-range-slider__grid-tick:last-child {
    background-color: transparent;
}
.slider-range.full-width .al-range-slider {
    padding: 0 2em;
}

.full-width .al-range-slider__tooltip {
    border-radius: 3px;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #D7D7D7;
}