.card-wrap {
   position: absolute;
   height: auto;

   top: 64px;
   left: 77px;
   background-color: transparent;
   z-index: 99;
   border: 1px solid transparent;
}

.cardwo {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   box-shadow: 3px 6px 4px rgb(0 0 0/ 30%);
   background-clip: border-box;
   border-bottom: 1px solid rgba(0, 0, 0, .125);
   border-radius: 12px;
}

.card-headerwo {
   display: flex;
   padding: 0.3rem 0.7rem;
   margin-top: 0px;
   margin-left: 0px;
   width: 100%;

   align-items: center;
   height: 40px;
   justify-content: space-between;

   border-radius: 12px 12px 0px 0px;
}

.card-titlewo {
   font-size: 16px;
   font-weight: 500;
   margin: 0;

}



.plan-btn-bodr {
   border: 1px solid #C4C4C4;
   box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.15);
   border-radius: 2px;
}

.application-type .btn {
   width: 58px;
   height: 51px;
   box-sizing: border-box;
   padding: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   border-right: 1px solid #C4C4C4;
}

.application-type p {
   font-weight: 400;
   font-size: 12px;
   margin-top: 2px;
}

.application-type img {
   display: block;
}

.width-207 {
   width: 207px;
}

.width-210 {
   width: 210px;
}

div#application-type-modal {
   left: 50%;
   top: 23px;
   transform: translate(-50%, 0px);
}

select.form-control {
   height: 30px;

}

select.form-control,
textarea.form-control {
   font-size: 13px;
   padding-left: 5px;
   border: 1px solid rgba(215, 215, 215, 0.5);
   border-radius: 3px;
}

div#redlinepanel {
   width: 289px;
   max-width: initial;
}

.measurement-result {
   border-radius: 3px;
   padding: 10px;
}

.measurement-result label {
   font-size: 14px;
   margin-bottom: 5px;
}

.measurement-result .form-group label+div {
   font-size: 12px;
   font-weight: 500;
}

.measurement-result .form-group {
 /*  border-bottom: 1px solid rgba(130, 130, 130, 0.2);
   padding-bottom: 10px;*/
   margin-bottom: 10px;
}

.measurement-result .form-group:last-child {
   padding-bottom: 0;
   margin-bottom: 0;
   border-bottom: 0;
   border-top: 1px solid rgba(130, 130, 130, 0.2);
   padding-top: 10px;
}

.btn-design button,
.btn-design button.avtive {
   background-image: url('../images/modal/measurement-inactive.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

.btn-design button.active {
   background-image: url('../images/modal/measurement-active.png');
}

.routingpanel {
   background-image: url('../images/modal/routing-navigation.png');
   background-repeat: no-repeat;
   background-position: 8px 82px;
   padding: 15px 15px 15px 36px;

}

.viewkilometer {
   background-image: url('../images/modal/values-arrows.png');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 100%;
}

.routingflex .form-group {
   margin-bottom: 12px;
}

.routingflex .text-right img {
   max-width: 100%;
   width: 9%;
}

div#toc input[type='checkbox'] {
   opacity: 0;
   position: absolute;
   z-index: 2;
   display: block;
   cursor: pointer;
   left: 12px;
}

#toc label,
#toc .title {
   background-image: url('../images/modal/eye-close.png');
   background-size: 15px;
}

div#toc input[type='checkbox']:checked+label,
div#toc input[type='checkbox']:checked+.title {
   background-image: url('../images/modal/eye-open.png');
}

div#toc label,
div#toc input[type='checkbox']:checked+label,
#toc .title {
   transition: 0.5s all;
   margin: 0;
   padding: 0;
   font-size: 13px;
   text-transform: capitalize;
   cursor: pointer;
   background-position: left center;
   background-size: 15px;
   background-repeat: no-repeat;
   padding-left: 18px;
}

#toc .title {
   font-size: 14px;
}

.layerItem,
.titleWrapper {
   margin-bottom: 10px;
   padding-bottom: 10px;
   border-bottom: 1px solid rgba(146, 146, 146, 0.5);
}

/* .main_item_group:last-child .titleWrapper {
   border-bottom: none;
   padding-bottom: 0;
   margin-bottom: 0;
}
 */
.layerItem {
   padding-left: 20px;
}

div#toc label {
   font-size: 12px;
   color: #828282;
}



.btn-design button.active {
   box-shadow: inset 0px 0px 0px rgba(255, 255, 255, 0.3);
}

.btn-design button {
   width: 40px;
   height: 40px;
   display: flex;
   padding: 5px;
   border-radius: 5px;
   align-items: center;
   justify-content: center;
   border: none;
}

.measurement-select-btn button.active#measurePolygon svg path[stroke-linejoin="round"],
#impactline-rectangle-button.active svg path {
   stroke: #fff;
}

.btn-design button.active svg path {
   fill: #fff;
}

select#unit,
.measurement-result {
   margin-top: 10px;
}


/* #measureDistance {
   background-position: 8px 8px;
}

#measureArea {
   background-position: 9px -46px;
}

#measurePolygon {
   background-position: 9px -102px;
}

#measureClear {
   background-position: 9px -155px;
}

#measureDistance.active {
   background-position: 8px -17px;
}

#measureArea.active {
   background-position: 9px -73px;
}

#measurePolygon.active {
   background-position: 9px -127px;
} */

.header-action-btn {
   display: flex;
   align-items: center;
   justify-content: center;
}

.header-action-btn button {
   padding: 0;
   height: auto;
   margin-right: 5px;

}

.header-action-btn img {
   display: block;
   transition: all .2s;
}

.header-action-btn .maximize img {
   transform: rotate(-180deg);
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-results li {
   font-size: 12px;
}

.select2-container--default .select2-selection--single,
body .select2-dropdown {
   border: 1px solid rgba(215, 215, 215, 0.5);
}

#filterpanel,
.width-276 {
   width: 276px;
   max-width: 276px;
}

.width-186 {
   width: 186px;
   max-width: 186px;
}

body .bottom-btn {
   justify-content: flex-end;
   margin-top: 10px;
}

body .bottom-btn button {
   width: 69px;
   height: 27px;
   padding: 0;
   border-radius: 3px;
   font-size: 12px;
}

body .bottom-btn button:not(:last-child) {
   margin-right: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
   content: "\f078";
   font-family: fontawesome;
   font-size: 10px;
   color: rgba(17, 17, 17, 0.48);
   position: absolute;
   top: 50%;
   transform: translate(0px, -32%);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
   border: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
   transform: rotate(180deg);
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single:focus-visible,
.select2-container--default .select2-selection--single,
body .select2-dropdown {
   outline: none;
}

body .select2-container {
   width: 100% !important;
}

.two-btn-tabing li.nav-item,
.justify-btwn.bottom-btn button {
   width: calc(100%/2 - 3px);
}

.tab-design .nav-link {
   padding-left: 7px;
   padding-right: 7px;
   font-weight: 400;
   font-size: 12px;
   line-height: 12px;
   border: 1px solid #C4C4C4;
   border-radius: 4px;
}

ul.tab-design {
   border-bottom: none;
}

.two-btn-tabing.three-btn-tabing li {
   width: calc(100%/3 - 4px);
}

.two-btn-tabing li.nav-item:not(:last-child) {
   margin-right: 5px;
}

.msg-font {
   font-size: 12px;
}

.los-initial-msg {
   margin-top: 10px;
}

.justify-btwn.bottom-btn {
   justify-content: space-between;
}

.radial-los {
   margin: 10px 0 0 0;
}

.number-counter,
.sample-csv {
   margin-top: 10px;
}

.maul-los-btn-nd-chk .bottom-btn button.active {
   background: #367EC0;
   color: #fff;
}

.radial-los .form-check-input {
   margin-top: .2em;
}

.radial-los label,
.number-counter label {
   font-size: 12px;
}





.value-button {
   display: inline-block;
   border: 1px solid #ddd;
   margin: 0px;
   width: 40px;
   height: 25px;
   text-align: center;
   vertical-align: middle;
   padding: 3px 0;
   font-size: 10px;
   color: #757575;
   line-height: 17px;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   box-sizing: border-box;
}

div#increase {
   margin-left: -4px;
}



.counter-wrap {
   display: flex;
   align-items: center;
   margin-top: 6px;
}

.value-button:hover {
   cursor: pointer;
}



form #input-wrap {
   margin: 0px;
   padding: 0px;
}

input#number {
   text-align: center;
   border: none;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   margin: 0px;
   width: 75px;
   height: 25px;

}

.number-counter label {
   display: block;
}

.pading-around {
   padding: 10px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

body .navigation-control-icon-zoom-in,
body .navigation-control-icon-zoom-out,
body .navigation-control,
body .cesium-viewer-toolbar .cesium-toolbar-button.cesium-button[title="View Home"] {
   display: none;
}



div#distanceLegendDiv {
   overflow: auto;
}

body .compass-gyro,
body .compass,
body .compass-outer-ring,
body .compass-rotation-marker {
   width: 50px;
   height: 50px;
}

body .compass {
   right: 17px;
}

body .compass-gyro-background {
   background-color: transparent;
}


body .compass-outer-ring-background {
   border: none;
}

body .distance-legend {
   display: block !important;
   right: auto;
   left: 266px;
   background: rgba(255, 255, 255, 0.81);
   margin: 0;
   font-style: normal;
   font-weight: 400;
   font-size: 12px;
   letter-spacing: 1px;
   border-radius: 5.34153px;
   height: 24px;
   bottom: 24px;
}

body .compass {
   right: 17px;
   top:475px;
}

body .distance-legend-label,
.heit-adjst p {
   font-size: 12px;
}


.heit-adjst input {
   width: 30px;
   border: 1px solid #D7D7D7;
   border-radius: 3px;
   height: 25px;
   text-align: center;
   font-size: 12px;
}

.heit-adjst {
   border-top: 1px solid rgba(0, 0, 0, 0.2);
   padding-top: 10px;
   margin-top: 10px;
}

body .distance-legend-scale-bar {
   border-color: #306A8B;
   top: 11px;
}

.font-12 {
   font-size: 12px;
}

.custom-file-label {
   border: none;
   padding-left: 0;
}

body .custom-file,
body .custom-file-input {
   height: auto;
}

.browse-file-wrap .input-group {
   height: 32px;
   margin-bottom: 5px;
}

.new-bserv-pnt {
   margin-top: 10px;
}

.save-chk .form-check-input {
   margin-left: auto;
}

.bottom-btn.bulk-los button {
   width: 50px;
}

.save-chk .form-check-label {
   padding-left: 20px;
}

.h-24 {
   height: 24px;
   padding: 0;
}

.bookmark-btn {

   width: 25px;
   height: 25px;
   font-style: normal;
   margin-right: 5px;
   box-sizing: border-box;
   padding: initial;
   min-width: 25px;
   display: flex;
   align-items: center;
   justify-content: center;
}



.bookmarksearch-container {
   box-sizing: border-box;
   display: flex;
   border: 1px solid rgba(215, 215, 215, 0.5);
   border-radius: 3px;
   width: 100%;
}

.categeoryInput-container {
   position: relative;
   display: flex;
   align-items: center;
   width: 100%;
}

.bookmarkImg {
   width: 16px;
   margin-left: 6px;
   margin-right: 5px;
}

#bookmarkInput {
   border: 0px;
   font-size: 13px;
   padding-left: 0px;
   width: 100%;
   height: 100%;
}

#bookmarkInput:focus {
   outline: none;
}

#bmInputCross {
   padding: 4px 13px 4px 0px;
   font-size: 16px;
   font-family: monospace;
   font-weight: 400;
   color: gray;
   cursor: pointer;
   position: absolute;
   right: 5px;
}

.bookmark-panel {
   overflow: auto;
   max-height: 242px;
}

.bookmark-panel ul li {
   margin: 0;
   padding-bottom: 10px;
   border-bottom: 1px solid rgba(130, 130, 130, 0.2);
   display: flex;
   align-items: center;
   margin-bottom: 10px;
}

.bookmark-thumbnail {
   border-radius: 3px;
   position: relative;
   width: 48px;
   height: 34px;
   margin-right: 7px;
}

.bookmark-thumbnail img {
   width: 100%;
   height: 100%;
}

.right-click-msg {
   margin-top: 10px;
}

.bookmark-panel ul li span {
   margin: 0;
   padding-bottom: 5px;
   font-size: 12px;
   text-decoration: none !important;
   cursor: pointer;
}

.bookmark-panel ul li:last-child {
   margin: 0;
   padding-bottom: 5px;
   border: none;
}

.bookmark-panel ul li:last-child {
   margin: 0;
   padding-bottom: 5px;
   border: none;
}

.dropdown-menu {
   padding: .2em 0;
   width: auto;
   min-width: auto;
   left: -5px !important;
}

body .dropdown-item {
   padding-left: 5px;
   padding-right: 5px;
}

.bookmark-panel ul li span.icon_space {
   margin-right: 5px;
   font-size: 10px;
}

.bookmark-panel ul li .dropdown-item {
   font-size: 10px;
}

.bookmark-input {
   height: 25px;
   font-size: 12px;
}

.bookmark-textarea {
   box-sizing: border-box;
   border-radius: 3px;
   margin: 10px 0;
}

#inputlocation,
#editlocation {
   margin-top: 10px;
}

.checkboxcontainer {
   display: block;
   position: relative;
   padding-left: 25px;
   margin-bottom: 0;
   cursor: pointer;
   font-size: 12px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.checkboxcontainer input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
}

.checkboxcontainer input:checked~.checkmark {
   background-color: #2196F3;
}

.checkmark {
   position: absolute;
   top: -4px;
   left: 0;
   height: 17px;
   width: 17px;
   box-sizing: border-box;
   background: #F3F3F3;
   border: 1px solid rgba(17, 17, 17, 0.48);
   border-radius: 3px;
}

.checkboxcontainer input:checked~.checkmark:after {
   display: block;
}

.checkboxcontainer .checkmark:after {
   left: 4px;
   top: 1px;
   width: 7px;
   height: 10px;
   border: solid white;
   border-width: 0 3px 3px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.checkmark:after {
   content: "";
   position: absolute;
   display: none;
}

body .modal-content {
   padding-top: 0;
   margin: 0;
   overflow: hidden;
}

body .modal-header {
   background-color: #1B6093;
   color: #fff;
}

body .modal-header {
   padding: .5rem .5rem;
}

body .modal {
   background: transparent;
}

body .modal {
   background: transparent;
}

.modal-footer {
   border-top: 0;
}

body .modal-body,
.modal-footer {
   padding: 0.5rem;
}

.medium-width .modal-dialog {
   max-width: 256px;
}

body .modal-body p {
   font-size: 14px;
   color: #333333;
   line-height: 1.4em;
}

.more-click {
   cursor: pointer;
}

/* 
slider css */

.range {
   border-radius: 10px;
}

.sliderValue {
   position: relative;
   width: 100%;
}

.sliderValue span {
   position: absolute;
   height: 45px;
   width: 45px;
   transform: translateX(-70%) scale(0);
   font-weight: 500;
   top: -40px;
   line-height: 55px;
   z-index: 2;
   color: #fff;
   transform-origin: bottom;
   transition: transform 0.3s ease-in-out;
}

.sliderValue span.show {
   transform: translateX(-70%) scale(1);
}

.sliderValue span:after {
   position: absolute;
   content: '';
   height: 100%;
   width: 100%;
   background: #045fa4;
   border: 3px solid #fff;
   z-index: -1;
   left: 50%;
   transform: translateX(-50%) rotate(45deg);
   border-bottom-left-radius: 50%;
   box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
   border-top-left-radius: 50%;
   border-top-right-radius: 50%;
}

.field {

   height: 100%;
   position: relative;
}



.field .value {
   position: absolute;
   font-size: 18px;
   color: #045fa4;
   font-weight: 600;
}

.field .value.left {
   left: -22px;
}

.field .value.right {
   right: -43px;
}

.range .rangeInput {
   -webkit-appearance: none;
   width: 100%;
   height: 3px;
   background: #828282;
   border-radius: 5px;
   outline: none;
   border: none;
   z-index: 2222;
}

.range input::-webkit-slider-thumb {
   -webkit-appearance: none;
   width: 20px;
   height: 20px;
   background: red;
   border-radius: 50%;
   background: #045fa4;
   border: 1px solid #045fa4;
   cursor: pointer;
}

.range input::-moz-range-thumb {
   -webkit-appearance: none;
   width: 20px;
   height: 20px;
   background: red;
   border-radius: 50%;
   background: #664AFF;
   border: 1px solid #664AFF;
   cursor: pointer;
}

.range input::-moz-range-progress {
   background: #664AFF;
}

input[type='range']::-webkit-slider-thumb {
   -webkit-appearance: none !important;
   background-color: #fff;
   border: 2px solid #3D9BD2;
   height: 15px;
   width: 15px;
}

.play-btn {
   width: 25px;
   height: 25px;
   border-radius: 3.75px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: 5px;
}

.shadow-chkbx label {
   font-size: 12px;
   margin-left: 5px;
   margin-bottom: 0;
}

body .custom-slider .time-scale-wrap,
.custom-date .shadow-date {
   width: calc(100% - 40px);
}


.custom-date .shadow-date {
   border: 1px solid #D7D7D7;
   border-radius: 3px;
   height: 30px;
   font-size: 12px;
   padding: 0 5px;
}

.shadow_svg {
   display: flex;
   align-items: center;
}

.custom-date {
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   padding: 0;
   margin: 10px 0;
}

.calendar-field {
   /* background-image: url(../images/modal/calendar.png); */
   background-repeat: no-repeat;
   background-position: 96% 3px;
}

.time-scale,
.temp-time-scale {
   background-image: url(../images/modal/ScaleTimestamp.png);

   background-repeat: no-repeat;
   width: 100%;
   height: 33px;
   /* background-size: 100% 100%; */
   background-position: center center;
   margin-top: 7px;
}

.temp-time-scale {
   background-image: url(../images/modal/temp-Scale-Timestamp.png);
}

.redline-icon {
   background-image: url(../images/modal/redline_sprite.png);
   background-repeat: no-repeat;
   display: inline-block;
   width: 13px;
   height: 13px;
}

body .custom-slider {
   align-items: flex-start;
}

body .custom-slider .play-btn {
   margin-top: 25px;
}

.shadow-date {
   margin: 10px 0;
}




.box-minmax {
   margin-top: 10px;

   display: flex;
   justify-content: space-between;
   font-size: 12px;
   color: rgba(17, 17, 17, 0.48);
}


.impacted-label {
   margin-top: 15px;
}

.impactbuffer {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.impactbuffer .range-slider {
   width: calc(100% - 61px);
}

.impactbuffer .rs-label {
   width: 41px;
   height: 26px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.impactbuffer input {
   width: 100%;
}

.rs-range {

   -webkit-appearance: none;
}

.rs-range:focus {
   outline: none;
}

.rs-range::-webkit-slider-runnable-track {
   width: 100%;
   height: 1px;
   cursor: pointer;
   box-shadow: none;
   background: #828282;
   border-radius: 0px;
   border: 0px solid #010101;
}

.rs-range::-moz-range-track {
   width: 100%;
   height: 1px;
   cursor: pointer;
   box-shadow: none;
   background: #828282;
   border-radius: 0px;
   border: 0px solid #010101;
}

.rs-range::-webkit-slider-thumb {
   box-shadow: none;
   border: 0px solid #fff;
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
   height: 22px;
   width: 22px;
   border-radius: 22px;
   cursor: pointer;
   -webkit-appearance: none;
   margin-top: -7px;
}

.rs-range::-moz-range-thumb {
   box-shadow: none;
   border: 0px solid #fff;
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
   height: 22px;
   width: 22px;
   border-radius: 22px;
   cursor: pointer;
   -webkit-appearance: none;
   margin-top: -7px;
}

.rs-range::-moz-focus-outer {
   border: 0;
}

.rs-label {
   position: relative;
   transform-origin: center center;
   display: block;
   width: 49px;
   height: 18px;
   background: #fff;
   border-radius: 4px;
   text-align: center;
   box-sizing: border-box;
   border: 1px solid #D7D7D7;
   margin-left: -5px;
   left: attr(value);
   font-style: normal;
   font-weight: normal;
   font-size: 10px;
   color: #333;
   line-height: 18px;
}

label {
   font-size: 14px;
   margin-bottom: 5px;
}

select,
input {
   font-size: 12px;
}



.location-panel input {
   max-height: 32px;
   font-size: 12px;
   margin-bottom: 10px;
}

.single-panel {
   max-width: 816px;
}

.screen-shot {
   border: 3px solid #D7D7D7;
   border-radius: 5px;
}

.screen-shot img {
   width: 100%;
   height: 100%;
   display: block;
}

.ss-footer {
   max-width: 70%;

}


.ss-footer+.bottom-btn {
   width: 30%;
   margin-left: auto;
   margin-top: 0;
}

.ss-footer+.bottom-btn button {
   width: 110px;
}

.ss-footer input {
   background: #F3F3F3;
   border: 1px solid #D7D7D7;
   border-radius: 3px;
   max-height: 25px;
   font-size: 12px;
   width: 242px;
}

.ss-footer p {
   font-size: 12px;
   color: #333;
   white-space: nowrap;
   margin-right: 15px;
}

.ss-footer-wrap {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-top: 10px;
   flex-wrap: wrap;
}

.bufferflex button {
   margin-right: 15px;
}

.cardDetails.pln-btn-design .pln-btn {
   border: 1px solid #828282;
   color: #333;
}

.tab-design.nav-tabs .nav-link.active .edit {
   background-position: -61px -1px;
}

.cardDetails.pln-btn-design .pln-btn.active {
   border: 1px solid #367EC0;
}

.tab-design.nav-tabs .nav-link.active .draw {
   background-position: -16px -1px;
}

.tab-design.nav-tabs .nav-link .edit {
   background-position: -45px -1px;
}

.tab-design.nav-tabs .nav-link.active .report {
   background-position: -103px 0;
}

.tab-design.nav-tabs .nav-link .report {
   background-position: -89px 0;
}

.redline-text {
   font-size: 12px;
   font-weight: 500;
}

.marking-type-btn button {
   padding: 0px .75rem;
}

.mtb-10 {
   margin: 10px 0;
}

.border-gray {
   border: 1px solid #D7D7D7;
   border-radius: 3px;
}

.border-gray {
   border: 1px solid #D7D7D7;
   border-radius: 3px;
}

.marking-type-btn button .point {
   background-position: -130px -1px;
}

.marking-type-btn button.active .point {
   background-position: -144px -1px;
}



.marking-type-btn button.active .polygon {
   background-position: -241px -2px;
}

.marking-type-btn button .polygon {
   background-position: -225px -2px;
}


.marking-type-btn button.active .line {
   background-position: -192px 0px;
}

.marking-type-btn button .line {
   width: 20px;
   background-position: -171px 0px;
}

.loction-detail {
   display: flex;
   flex-wrap: wrap;
   margin-top: 10px;
}

.loction-detail li {
   width: calc(100%/2);
   margin-bottom: 10px;
   border-bottom: 1px solid rgba(130, 130, 130, 0.2);
   padding-bottom: 10px;
}

.loction-detail li:last-child {
   border-bottom: 0;
   padding-bottom: 0;
   margin-bottom: 0;
}

.loction-detail li h6 {
   font-size: 14px;
   font-weight: 500;
}

.overflow {
   max-height: calc(100vh - 300px);
   overflow-y: auto;
   padding-right: 5px;
}

#markingType {
   margin-top: 10px;
}

textarea {
   resize: none;
}

.dropdown-wrap select {
   margin: 5px 0;
}

.dropdown-wrap select:first-child {
   margin-top: 10px;
}

body .table thead th {
   font-style: normal;
   font-weight: 500;
   font-size: 14px;
   padding: 11px 10px 11px 13px;
   vertical-align: middle;
}



.table tbody tr td {
   padding: 11px 10px 11px 13px;
   vertical-align: middle;
   border-radius: 2.19139px;
   font-weight: 400;
   font-size: 12px;
}

#searchattrlistbody tr td {
   cursor: pointer;
}

.tdColor {
   background-color: lightblue;
}

.right-side-wraper {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   margin: 10px 0;
}

.right-side-wraper button {
   background: #367EC0;
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
   border-radius: 5px;
   border: none;
   color: #fff;
   font-size: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 5px;
   width: 60px;
   height: 26px;
   margin-right: 5px;
}

.right-side-wraper button:last-child {
   margin-right: 0;
}

.right-side-wraper button img {
   margin-right: 5px;
}

#redline_report_table td button {
   background: #FFFFFF;
   border: 1px solid #367EC0;
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
   border-radius: 3px;
   width: 22px;
   height: 22px;
   padding: 0;
}

#redline_report_table_filter {
   position: absolute;
   top: -36px;
}

div#redline_report_table_filter label {
   font-size: 0;
}

div#redline_report_table_filter label {
   font-size: 0;
}

table {
   background-color: #F3F3F3;
}

table thead tr {
   background: rgba(27, 96, 147, 0.1);
   border-bottom: 0;
}

.dataTables_wrapper .dataTables_filter input {
   width: 247px;
}

div#redline_report_table_length {
   display: none;
}

.dataTables_wrapper .dataTables_info {
   padding-top: .25rem;
   font-size: 12px;
}

#redline_btn.report-open li {
   max-width: 80px;
}

.history-content li {
   font-size: 12px;
   margin-bottom: 2px;
   line-height: 1.3rem;
   text-align: left;
}

.history-content {
   border-top: 1px solid rgba(130, 130, 130, 0.2);
   padding-top: 7px;
}

.history-content:first-child {
   border-top: 0;
   padding-top: 0;
}

.width-265 {
   width: 265px;
}

.deactive {
   display: none;
}

.titleWrapper {
   position: relative;
   display: flex;
}

.history {
   margin-top: 10px;
}

.toc-design.two-btn-tabing li.nav-item {
   min-width: 100px;
}

.toc-design.two-btn-tabing li.nav-item a.active {
   background: linear-gradient(182.55deg, #FFFFFF 2.14%, #FBFBFB 42.13%, #AFAFAF 136.87%);
   border-radius: 3px;
   color: #1B6093;
}

.toc-design.two-btn-tabing li.nav-item a {
   color: #ffff;
   border: 1px solid;
   border-image: linear-gradient(to bottom, #ffffff, #A0A0A0) 1;
   border-radius: 5px !important;
}

.search_bar.custom-search-bar {
   border: 1px solid rgba(130, 130, 130, 0.5);
   border-radius: 3px;
}

.custom-search-bar.search_bar .input-group-text {
   padding: 0.1rem 0.5rem;
   background-color: transparent;
}

.search_bar.custom-search-bar input {
   height: 23px;
   font-size: 12px;
   padding: 0.3rem 0.3rem;
   padding-left: 0;
}

.search_bar input.form-control,
.search_bar .input-group-text {
   border: 0;
}

#tocpanel {
   right: 0;
   top: 0;
   left: auto;
   border: none;
}

#zoomTo {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 80px;
}

#zoomTo img {
   margin-right: 2px;
}

.main_table_body tr:first-child td table tbody tr:first-child td {
   border-top: 0;
}

#identify_table_body>tr>td {
   padding: 0;
}

.layerItem .d-flex {
   align-items: center;
   justify-content: space-between;
}

div#model_container {
   margin-top: 10px;
   padding-top: 10px;
   border-top: 1px solid rgba(146, 146, 146, 0.5);
}

.main_table_body tr:first-child td table tbody tr td:first-child {
   font-weight: 500;
   border-right: 1px solid #CBCBCB;
}

.identify-table {
   border: 1px solid #D7D7D7;
   border-radius: 3px;
}

#identify_table_body>tr>td>table {
   margin-bottom: 0;
}

#tocpanel .cardwo,
#tocpanel .cardwo .card-headerwo {
   border-radius: 0;
}

#tocpanel .cardwo,
#tocpanel {
   height: 100vh;
}

.toc-open #map {
   /* width: calc(100% - 265px)!important;*/
}

.visibilty-nd-expand {
   margin: 20px 0;
}

.visble {
   margin-left: 15px;
}

.input-blk {
   border: 1px solid rgba(215, 215, 215, 0.5);
   border-radius: 3px;
   width: 59px;
   text-align: center;
   padding: 0;
}

#dmsLocation th,
#dmsLocation td {
   font-size: 14px;
   padding: 4px 11px;
}

#toc-layers {
   max-height: calc(100vh - 74px);
}

body select.form-control {
   appearance: none;
   line-height: normal;
   padding: 0.375rem 0.75rem;
   background-image: url(../images/modal/down-arrow.svg);
   background-repeat: no-repeat;
   background-position: 94% center;
}

.stroke {
   border: 1px solid #D7D7D7;
   border-radius: 3px;
}


.dataTables_scrollHeadInner,
.dataTables_wrapper.no-footer div.dataTables_scrollBody>table {
   width: 100% !important;
}

body .dataTables_wrapper.no-footer .dataTables_scrollBody {
   overflow-x: hidden !important;
}

.chart-units {
   background: #FBFBFB;
   box-shadow: 0px 4.08979px 4.08979px rgba(0, 0, 0, 0.25);
   padding: 15px;
   margin-bottom: 13px;
   max-width: 166px;
   font-size: 12px;
   position: absolute;
   right: 10px;
   border-radius: 5px;
   top: 30px;
   z-index: 2;
}

.chart-units label {
   font-size: 12px;
   margin-bottom: 0;
   margin-left: 5px;
}

.chart-units .shadow_svg {
   margin-top: 10px;
}

.unit-dropdown,
.check-items {
   position: relative;
}

.unit-dropdown button {
   padding: 0.3rem;
}


.check-items {
   background: #F3F3F3;

   padding: 3px 15px;
   border-radius: 3px;
   margin-bottom: 10px;
}

body .check-arrow {
   padding: 0;
}

.elevtion-profile-values {
   font-size: 10px;
}

.elevtion-profile-data-list li label {
   font-size: 12px;
   color: #919191;
}

.elevtion-profile-data-list {
   margin-top: 10px;
   display: flex;
   flex-wrap: wrap;
}

.bottom-btn.elevation-bottom-btn button {
   width: 100px;
}

.elevtion-profile-data-list li {
   width: 50%;
   margin-bottom: 7px;
}

.info-text {
   font-size: 13px;
   text-align: center;
   color: #333;
   margin-bottom: 10px;
   line-height: 1.3em;
}

.indicator {
   position: absolute;
   top: 0;
   height: 100%;
   width: 4px;
   left: 0;
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
}

.ground {
   background-color: #FF7F00;
}

.view {
   background-color: #CF4CCF;
}

.arrow-rotate img {
   transform: rotate(180deg);
}


body .check-arrow img {
   transition: all .5s;
}

.width-332 {
   width: 332px;
}

.routingpanel label,
.routingpanel,
.routingpanel input {
   font-size: 12px;
}


.show {
   display: block;
}

.al-range-slider_vertical .al-range-slider__input,
.none {
   display: none;
}

.al-range-slider_vertical {
   background-color: #f3f3f3;
   border: 1px solid #D7D7D7;
   border-radius: 3px;
   min-height: 22em;
   padding: 20px 5px;
}

body .al-range-slider_vertical .al-range-slider__tooltip {
   width: 45px;
   height: 24px;
   text-align: center;
   background-color: #fff;
   box-shadow: none;
   border: 1px solid #D7D7D7;
   border-radius: 3.75px;
}

body .al-range-slider__grid-tick:first-child,
body .al-range-slider__grid-tick:last-child {
   background: #ccc4b8;
}

body .al-range-slider__knob {
   border-radius: 16px;
   box-shadow: none;
   border: .2em solid #367EC0;
   height: 11px;
   width: 2em;
}

.al-range-slider_vertical .al-range-slider__track {
   width: 2px;
   background-color: #828282;
   box-shadow: none;
   margin: 0 7em;
}

body .al-range-slider_vertical .al-range-slider__grid-mark {
   padding: 0.3em 1em;
   font-size: 9px;
}

body .al-range-slider_vertical .al-range-slider__grid-tick {
   height: 3px;
   width: 5px;
   left: 17px;
}

body .al-range-slider_vertical .al-range-slider__grid-tick_long {
   width: 10px;
   height: 1px;
}

body .al-range-slider_vertical .al-range-slider__bar {
   background: #828282;
   box-shadow: none;
}

div[data-group="extent"],
.toc-opacity {
   position: absolute;
   right: 0;
   top: 0px;
}

.layerItem .flex {
   position: relative;
}

.arrow:before {
   content: "\f0da";
   font-family: 'FontAwesome';
   color: #828282;
   margin-right: 5px;
   transition: all .5s;
   display: inline-block;
}

.arrow.arrow-rotate:before {
   transform: rotate(90deg);
}

.messagebox,
.messageDetails {
   position: absolute;
   z-index: 1000;
   top: 30px;
   left: 50%;
   transform: translate(-50%, 0px);
   border-radius: 12px 12px 0px 0px;
   background: linear-gradient(180deg, #FFF 0%, #FBFBFB 57.08%, #D9D9D9 100%);
   box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.25), 0px -1px 4px 0px #FAFAFA inset;
   padding: 10px 15px;
}

button.error-btn {
   border: 0;
   background-color: transparent;
}

.info-txt,
#ConfirmInfoVal,
#messageInfoVal {
   margin-right: 20px;
   color: #1B6093;
   text-align: center;
   font-size: 12.798px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
}

#ConfirmInfoVal {
   font-size: 15px;
}

#confirmInfo {
   padding: 1rem 3rem;
}

.confirmControlBtns {
   margin: 20px 5px 0px 5px;
   border: 2px solid #1B6093;
   border-radius: 7px;
   padding: 8px 20px;
   font-size: 13px;
   background-color: #1B6093;
   color: white;
   font-weight: 500;
}

#cancelConfimPopUpBtn {
   color: #1B6093;
   background-color: white;
}


div#floodpanel {
   width: 219px;
}

.radio-select .form-check-inline:first-child {
   margin-right: 1.5em;
}

.radio-select {
   border-bottom: 1px solid rgba(130, 130, 130, 0.20);
   margin-bottom: 12px;
   padding-bottom: 12px;
   padding-top: 6px;
}

.radio-select label {
   color: #333;
   font-weight: 500;
   font-size: 12px;
   display: flex;
   align-items: center;
}

.pick-ground-level-btn button {
   border-radius: 3px;
   border: 1px solid #D7D7D7;
   background: #FFF;
   width: 30px;
   height: 30px;
   padding: 0;
}

.location-picked svg path {
   fill: rgb(130, 130, 130);
}

.pick-ground-level-btn h4 {
   font-size: 12px;
   font-style: normal;
   font-weight: 500;
   color: #333;
   padding-bottom: 10px;
   padding-top: 5px;
}


.pick-ground-level-btn button.active svg path {
   fill: #fff;
}

.pick-ground-level-btn button.active {
   background-color: #367EC0;
   border-color: #367EC0;
}

.manual-elevation-entery input {
   border-radius: 3px;
   border: 1px solid var(--border-color, #D7D7D7);
   background: #FFF;
   display: flex;
   width: 60px;
   padding: 4px 9px;
   align-items: center;
}

.manual-elevation-entery p {
   font-size: 12px;
   color: #333;
}

#current-value {
   font-size: 12px;
   padding-left: 22px;
}

.manual-elevation-entery .d-flex {
   margin-bottom: 5px;
}

.manual-elevation-entery .d-flex:last-child {
   margin-bottom: 0;
}

.horizontal {
   margin: 20px 0 22px 0;
}

.horizontal span.al-range-slider__tooltip.js-al-range-slider__tooltip {
   display: none;
}

.slider-range .al-range-slider__track {
   margin: 0;
   background-color: #828282;
   box-shadow: none;
   height: 2px;
   width: calc(100% - 57px);
}

body .slider-range .al-range-slider__knob {
   width: 15px;
   height: 15px;
}



body .al-range-slider__knob:hover,
.al-range-slider__knob_active {
   box-shadow: none;
   border-color: #367EC0;
}



.slider-range .al-range-slider {
   padding: 0;
   display: flex;
   align-items: center;
   padding-left: 7px;
}

.manual-elevation-entery {
   margin-top: 10px;
}

.vertical {
   margin-top: 12px;
}

.slider-range .al-range-slider__input {
   margin: 0;
   width: 40px;
   min-width: auto;
   flex: none;
   border-radius: 3px;
   box-shadow: none;
   border: 1px solid #D7D7D7;
   background: #FFF;
   padding: 10px 5px;
   text-align: center;
   position: absolute;
   right: 0;
}

.slider-range .al-range-slider__bar {
   background: #828282;
   box-shadow: none;
}

.slider-range .al-range-slider__grid-tick:last-child {
   left: 90% !important;
}

body .vertical .al-range-slider_vertical .al-range-slider__grid-tick:nth-child(even) {
   background-color: #C4C4C4;
   width: 5px;
}

body .vertical .al-range-slider_vertical .al-range-slider__grid-tick:nth-child(even) .al-range-slider__grid-mark {
   padding-left: 1.5em;
}

.card-bodywo {
   max-height: calc(100vh - 200px);
   overflow: auto;
   padding: 11px;
   overflow-x: hidden;
}

.slider-range h5 {
   font-size: 12px;
   color: #333;
   font-weight: 500;
   margin: 10px 0;
}

.toc-panel .card-bodywo {
   max-height: inherit;
}

body .toc-opacity {
   right: 27px;
   cursor: pointer;
}

.toc-opacity+div[data-group="extent"] {
   display: block;
}

.tooltip {
   pointer-events: none;
}



.labelcheckfire .sq-radio {
   display: flex;
   cursor: pointer;
   transition: none;
   text-align: center;
   margin: 0;
   align-items: center;
   justify-content: center;
   font-size: 9px;
   position: relative;
   border-radius: 5px;
   border: 1px solid #828282;
   background: #FFF;
   width: 76px;
   height: 26px;
}

.labelcheckfire input {
   opacity: 0;
   width: 0;
   height: 0;
   display: none;
}

.vehiclepanel {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 6px 0;
}

input[type="radio"]:checked~label {
   border-color: #367EC0;
}

.vehiclemark {
   font-size: 10px;
   font-weight: 500;
   color: #333;
}

.labelcheckfire .sq-radio:before,
.nonaccesblepanel label:before {
   content: "";
   width: 12px;
   height: 12px;
   border-radius: 50%;
   margin-right: 5px;
}

.nonaccesblepanel label:before {
   border: 0.8px solid #FF3414;
   background: #D15F4D;
   display: inline-block;
   vertical-align: middle;
}

.labelcheckfire #firevehicle_02+.sq-radio:before,
.vehicledetails .vehicle2check {
   border: 0.8px solid #7AFCAE;
   background: #3AFBC1;
}

.labelcheckfire #firevehicle_01+.sq-radio:before,
.vehicledetails .firevehicle1 {
   border: 0.613px solid #1979D2;
   background: #367EC0;
}

.labelcheckfire #firevehicle_03+.sq-radio:before,
.vehicledetails .vehicle3check {
   border: 0.8px solid #00BA75;
   background: #009C62;
}

.vehiclelegend>label,
.mtop_o {
   font-weight: 500;
}

.labelcheckfire label {
   color: #333;
   font-size: 10px;
   font-weight: 500;
}

.firelocation button {
   margin: 0;
   color: #367EC0;
   width: 100%;
   border-color: #367EC0;
   outline: none;
   border-radius: 5px;
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   padding: 5px 0;
   border: 1px solid;
   background-color: #fff;
}

.firelocation {
   margin-top: 14px;
}

#firetruckreport .dflex {
   background-color: #F3F3F3;
}

#firetruckreport .countabledata {
   padding: 0;
}

.firecounttitle {
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
}

.buildingflex h4,
.buildingflex span {
   color: #333;
   text-align: center;
   font-size: 12px;
   font-weight: 400;
   line-height: normal;
}

.buildingflex span {
   font-size: 14px;
}

.buildingflex button {
   border-radius: 5px;
   border: 1px solid #367EC0;
   width: 80px;
   height: 30px;
   flex-shrink: 0;
   font-size: 12px;
   color: #367EC0;
   align-items: center;
   margin-left: auto;
   display: block;
   margin: 10px 0 0px auto;
}

.vehicledimension .form-inline .form-control {
   width: 80px;
   margin-left: auto;
   max-height: 26px;
}

.vehicledimension label {
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   color: #333;
}

.vehicledimension .form-inline {
   margin-bottom: 5px;
}

.detailed-info-dynmic.buildingflex button {
   margin: 0;
   display: initial;
}

.detailed-info-dynmic.buildingflex {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 10px;
}

.detailed-info-dynmic h4,
.buildingflex span {
   display: none;
}

.detailed-info-dynmic span {
   display: block;
}

.vehicledetails .sq-radio {
   cursor: context-menu;
   margin: 9px 0 0 0;
   font-size: 12px;
   position: relative;
   padding-left: 19px;
}

.vehicledetails .sq-radio input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
}

.vehicledetails .vehiclemark {
   position: absolute;
   top: 0;
   left: 0;
   width: 12px;
   height: 12px;
   border-radius: 50%;
}

.justifyspacebet {
   margin-top: 10px;
}

.routecheck {
   color: #333;
   font-size: 12px;
   font-weight: 400;
   margin: 10px 0;
}

.firestbtn {
   align-items: center;
}

.firestbtn button {
   border-radius: 3px;
   border: 1px solid #367EC0;
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   color: #367EC0;
   background-color: #fff;
   width: 122.983px;
   height: 25px;
}

.firestbtn button.active {
   background: #367EC0;
   color: #fff;
}

.firedistination,
.firelist {
   color: #333;
   text-align: center;
   font-size: 11px;
   font-weight: 400;
}


.totaldistance {

   border-radius: 3px;
   padding: 0;
   overflow: auto;
   max-height: 240px;
}

.firestationlist {
   padding: 11px 2px;
}

.firestationblock {
   padding: 10px 2px;
   border-bottom: 1px solid #C4C4C4;
   margin-bottom: 12px;
   cursor: pointer;
   justify-content: space-between;
   align-items: center;
}

.firelist {
   font-size: 11px;
   width: 71px;
   padding-left: 2px;
}

.firelist span,
.viewkilometer span,
.firedistination span {
   display: block;
}


.viewkilometer {
   text-align: center;
   width: 91px;
}

.viewkilometer span {
   color: #B82025;
   text-align: center;
   font-size: 10px;
   font-weight: 400;
}


.firestationblock:last-child {
   border-bottom: none;
   margin-bottom: 0;
   padding-bottom: 0;
}

#routedeatils .route-detail {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

#routedeatils .route-detail button {
   margin: 0;
}

.vehicledimension {
   margin-top: 10px;
}

body .bottom-btn.viewshedbtn button {
   width: 90px;
}

.viewer-3dmapping,
div#pano-image canvas {
   width: 100% !important;
   height: 100% !important;
}

div#responsive-wrapper {
   width: 100%;
   height: 100%;
}

p.version span {
   background-color: #5591bd;
   color: #fff;
   padding: 1px 5px;
   border-radius: 4px;
}

.bookmarkfiber-bodywo {
   z-index: 10;
}


#propertymodal .modal-dialog {
   max-width: 76% !important;
}


.panel_search {
   margin-top: 8px;
   display: flex;
   justify-content: space-between;
}

.panel_search .input-group {
   margin-left: 0px !important;
}


.searchpanel {
   width: 269px;
   padding: 0px;
   background: transparent;
   border: 1px solid rgba(215, 215, 215, 0.5);
}

.searchicon_block {
   width: 30px;
   text-align: center;
   padding: 4px 5px;
   display: flex;
}

.searchpanel #searchpropertydetaildata {
   height: 31px !important;
}


.searchpanel .form-control,
.searchpanelheader .form-control {
   border: none;
   outline: none;
   font-size: 13px;
}


.countdata {
   font-weight: 400;
   color: #505050;
}

/* propertytable css */

#tablepropertydetail_previous,
#tablepropertydetail_next {
   color: #fff !important;
   font-size: 14px;
   position: inherit;
   width: 60px;
}

table#tablepropertydetail {
   border: 1px solid rgb(105 106 106 / 20%);
}

#tablepropertydetail>thead>tr>th,
#tablepropertydetail>tbody>tr>td {
   border: 1px solid #c2c2c2;

}

#tablepropertydetail.dataTable thead th,
#tablepropertydetail.dataTable thead td {
   padding: 10px 18px;
   border: 1px solid rgb(159 161 162 / 50%);
}


.dataTables_scrollBody #tablepropertydetail thead {
   height: 0 !important;
}


#tablepropertydetail tbody tr.odd {
   background-color: #313133;
}

#tablepropertydetail tbody tr:hover {
   background-color: transparent;
}

#tablepropertydetail tbody tr.odd>.sorting_1 {
   background-color: transparent;
}

#tablepropertydetail.display tbody tr.even>.sorting_1,
#tablepropertydetail tbody tr.even>.sorting_1 {
   background-color: transparent;
}

#tablepropertydetail_paginate span a {
   color: #505050 !important;
}

#tablepropertydetail tbody tr {
   color: #505050 !important;
}


#Memberdetaildata_filter,
#tablepropertydetail_filter {
   display: none;
}


#tablepropertydetail_filter {
   margin-bottom: 10px;
   border: 1px solid #a1a1a1;
   border-radius: 0.5rem;
   padding-left: 5px;
}

#tablepropertydetail_filter label,
#usersdata_filter label {
   margin-bottom: 0 !important;
   display: flex;
}

#tablepropertydetail_filter .fa {
   position: relative;
   top: 9px;
   left: 5px;
   color: #fff;
}


#tablepropertydetail_filter input {
   background: transparent !important;
   border: transparent !important;
   color: #fff;
}



.propertypanel_search {
   margin-top: 8px;
   display: flex;
   justify-content: right;
   position: absolute;
   right: 40px;
   top: 25px;
}


.attachtitle {
   padding: 2px;
   background: #1B6093;
   box-shadow: inset 0px 2.5px 0px rgb(255 255 255 / 30%) !important;
   width: 80px;
}

.attachtitle {
   color: #fff !important;
}



.slidertick {
   left: 0;
   margin: 9px 0 0 0px !important;
   top: 100%;
   width: 100% !important;
}


.esri-slider__ticks {
   display: inline-block;
   height: 100%;
   position: absolute;
   z-index: 0;
}

.esri-slider__tick {
   height: 5px;
   width: 1px;
}


.esri-slider__tick {
   background: #C4C4C4;
   position: absolute;
}


.esri-slider__tick-label {
   margin-top: 18px;
   color: #000 !important;
   font-size: 11px !important;
   position: absolute;
   width: -webkit-max-content;
   width: max-content;
}

.slidertik {
   height: 0px !important;
}

.ui-slider-horizontal .ui-slider-handle {
   top: -0.6em;
   margin-left: -0.6em;
   border-radius: 50px;
   width: 15px !important;
   height: 15px !important;
}

.ticksl {
   position: relative;
   width: 236px;
}


.ticksl .ui-widget-content {
   width: auto !important;
   top: 0 !important;
   left: 0 !important;
}


.verticaltick .ui-widget-content {
   width: auto !important;
   top: 0 !important;
   left: 0 !important;
}


.slidervertical {
   height: 311px !important;
}


.verticaltick {
   position: relative;
   width: 4px;
   left: 55px;
}

#backtopropertyinfo {
   width: 80px;
}



#xyztool {
   width: auto;
   display: flex;
   justify-content: center;
   flex-direction: row;
   align-items: center;
   padding: 5px 0px;
   width: 40px;
   height: 40px;
 
   box-sizing: border-box;
   border-radius: 50%;
   background: linear-gradient(90deg, rgba(255, 255, 255, .7) 0%, rgba(186, 186, 186, .7) 100%);
   box-shadow: 1px 1px 4px rgb(0 0 0 / 25%), inset 0px 2.5px 0px rgb(255 255 255 / 30%);
  
}



#zoomview {
   width: auto;
   display: flex;
   justify-content: center;
   flex-direction: row;
   align-items: center;
   padding: 5px 0px;
   width: 40px;
   height: 40px;
 
   box-sizing: border-box;
   border-radius: 50%;
   background: linear-gradient(90deg, rgba(255, 255, 255, .7) 0%, rgba(186, 186, 186, .7) 100%);
   box-shadow: 1px 1px 4px rgb(0 0 0 / 25%), inset 0px 2.5px 0px rgb(255 255 255 / 30%);
  
}




.networkflex input {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.networkflex input[type="checkbox"] {
	opacity: 0.011;
	z-index: 100;
   cursor: pointer;
}

.networkflex input[type="checkbox"]:checked+label,
.Checked+label {
	background: red;
	border: 1px solid #367EC0;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.15);
	border-radius: 2px 0px 0px 2px;
	color: #367EC0;
}

.networkflex label {
	padding: 9px 4px;
	/* border: 1px solid #CCC; */
	cursor: pointer;
	z-index: 90;
	font-size: 11px;
	text-align: center;
	margin-bottom: 0;
   display: flex;
    justify-content: center;
    align-items: center;
  
     width: 30px;
    height: 30px;
    position:absolute;
    border-radius: 50%;
    background: linear-gradient(180deg, #FFFFFF 0%, #FBFBFB 29.69%, #AFAFAF 100%);
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.25), inset 0px -1px 4px #FAFAFA;
}




.networkflex div:hover {
	background: #3D9BD2;
	color: white;
}

.networkflex div {
	float: left;
	margin: 0 5px 0 0;
	width: 40px;
	height: 40px;
	position: relative;
	text-align: center;
	border: 1px solid #2A2D2D;
	background: linear-gradient(180deg, #4F5254 0%, #393B3A 97.3%);
	box-shadow: inset 0px 2px 0px rgb(255 255 255/ 30%);
	border-radius: 5px;
}



.liteActive {
   background: #1b6093!important;
   border-radius: 5px;
   box-shadow: inset 0px 2px 0px rgb(255 255 255 / 30%);
}


.liteActive img {filter: invert(100%) sepia(97%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%);}

#xyzresultdata {
   /* max-height: 70px; */
   height: auto;
}


#xyzresultdata thead tr th:first-child, #xyzresultdata tbody tr td:first-child {
   width: 36px;
 
}

#xyzlistbody {
   overflow: auto;
   max-height: 144px;
   height: 100%;
}

.tableFixHead>tbody>tr:last-child {
   border-bottom: none !important;
}

.table tbody tr:last-child {
   border-bottom: none;
}

#xyzlistbody tr td {
   text-align: center;
   color: #404040;
}


.dashboardtable-bottom {
   border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
   padding: 9px !important;
}


#xyzresultpanel { width: 387px;      
   transform: translate(-50%, 0px);
   left: 50%;}


   .table thead, .table tbody tr {
      display: table;
      width: 100%;
      table-layout: fixed;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }


  
  .table {
   border: 1px solid transparent;
   display: table;
   width: 100%;
   table-layout: fixed;
}

.table thead, .table tbody tr {
   display: table;
   width: 100%;
   table-layout: fixed;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.table>thead>tr>th, .table>tbody>tr>td {
   font-size: 12px;
   color: #000;
   padding: 8px;
   line-height: 1.42857143;
   word-break: break-word;
}


.table>thead>tr>th { color:#fff!important;} 

.tableFixHead thead th {
   position: sticky;
   top: 0;
   z-index: 1;
   font-size: 13px !important;
}

.table thead {
   background: #367ec0;
   /* color: #fff; */
}


#xyzresultdata thead th {color:#fff;}


.amenityUserIcon img {
   width: 14px;
}


.dashboardxyz {
   background: transparent;
   padding: 3px !important;
   border-bottom: none !important;
   font-size: 13px !important;
}


.xyzUserIcon {
   background-color: #367EC0;
   border: 0;
   width: 30px;
   height: 30px;
   text-align: center;
   border-radius: 5px;
   cursor: pointer;
}


.xyzUserIcon img {
   width: 14px;
}

#zoomviewpanel {
   position: absolute;
   height: auto;
   z-index: 99;
   /* left: 59%; */
   border: 1px solid transparent;
   bottom: 47px;
   width: 45px;
   border-radius: 40px;
}

.zoomicons {
   background: linear-gradient(180deg, #FFFFFF 0%, #FBFBFB 29.69%, #AFAFAF 100%);
   box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.25), inset 0px -1px 4px #FAFAFA;
   border-radius: 28px;
   display: flex;
   justify-content: center;
   padding: 7px;
}


.zoompanel {   padding:5px;  background: linear-gradient(90deg, rgba(255, 255, 255, .7) 0%, rgba(186, 186, 186, .7) 100%);}


.zoomicons ul {
   margin: 0;
   padding: 0;
   list-style: none;
   flex-direction: column;
   display: flex;
   /* justify-content: center; */
}

.zoomicons ul li {
   padding: 5px;
   display: flex;
   justify-content: center;
   margin-bottom: 6px;
   width: 30px;
   height: 30px;
   cursor:pointer;

   border-radius: 50px;
}

.zoomicons li img {
   display: block;
}


.zoomicons ul li:hover img {filter: invert(100%) sepia(97%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%);}




#navigatorresult {
    width: 250px;
    transform: translate(-50%, 0px);
    left: 50%;
}


.table>tbody>tr>td {
   padding: 5px 5px;
   width: 50%;
   vertical-align: inherit;
}



.child-layers .layerItem {
   padding-left: 10px;
   margin-top: 10px;
}