/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('KFOmCnqEu92Fr1Mu72xKOzY.804378952da8a10faae2.woff2')
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('KFOmCnqEu92Fr1Mu5mxKOzY.71a33b6b50457b2c903a.woff2')
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('KFOmCnqEu92Fr1Mu7mxKOzY.169619821ea93019d1bb.woff2')
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('KFOmCnqEu92Fr1Mu4WxKOzY.c35e4c3958e209d17b31.woff2')
    format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('KFOmCnqEu92Fr1Mu7WxKOzY.3230f9b040f3c630e0c3.woff2')
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('KFOmCnqEu92Fr1Mu7GxKOzY.861b791f9de857a6e7bc.woff2')
    format("woff2");
  unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
    U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('KFOmCnqEu92Fr1Mu4mxK.b009a76ad6afe4ebd301.woff2')
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F,
    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('KFOlCnqEu92Fr1MmEU9fCRc4EsA.62ced72e5832f02c2796.woff2')
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('KFOlCnqEu92Fr1MmEU9fABc4EsA.cad7d3d9cb265e334e58.woff2')
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('KFOlCnqEu92Fr1MmEU9fCBc4EsA.6fb9cffb1d3e72bf9293.woff2')
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('KFOlCnqEu92Fr1MmEU9fBxc4EsA.9ac81fefbe6c319ea40b.woff2')
    format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('KFOlCnqEu92Fr1MmEU9fCxc4EsA.d8642a3d1d4ef6179644.woff2')
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('KFOlCnqEu92Fr1MmEU9fChc4EsA.9165081d10e1ba601384.woff2')
    format("woff2");
  unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
    U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('KFOlCnqEu92Fr1MmEU9fBBc4.f25d774ecfe0996f8eb5.woff2')
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F,
    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('KFOlCnqEu92Fr1MmWUlfCRc4EsA.be4d02458ce53887dc37.woff2')
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('KFOlCnqEu92Fr1MmWUlfABc4EsA.d010f1f324e111a22e53.woff2')
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('KFOlCnqEu92Fr1MmWUlfCBc4EsA.bd9854c751441ccc1a70.woff2')
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('KFOlCnqEu92Fr1MmWUlfBxc4EsA.50e795c1345353b0e996.woff2')
    format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('KFOlCnqEu92Fr1MmWUlfCxc4EsA.3425a701027d0699e369.woff2')
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('KFOlCnqEu92Fr1MmWUlfChc4EsA.ed67ad54b1a8f5d21150.woff2')
    format("woff2");
  unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
    U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('KFOlCnqEu92Fr1MmWUlfBBc4.227c93190fe7f82de3f8.woff2')
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F,
    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  color: #212121;
  font-weight: normal;
  background-color: #fff;
}
img {
  max-width: 100%;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
a {
  color: #009399;
}
a,
a:hover {
  color: #009399;
  text-decoration: none;
  cursor: pointer;
}
input:focus,
.btn:focus,
.btn.focus,
.form-control:focus,
textarea:focus {
  outline: none;
  box-shadow: none;
}
input,
select {
  font-size: 14px;
  border: 1px solid #e6e6e6;
}
.close:hover,
.close:focus {
  border: 0;
  outline: none;
}
.form-group {
  margin-bottom: 5px;
}
label {
  margin-bottom: 5px;
}
.btn,
button {
  font-weight: 600;
}
.form-control {
  border: 1px solid #e6e6e6;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 14px;
  height: 32px !important;
}
.form-control:focus {
  color: #212121;
  background-color: transparent;
  border-color: #e6e6e6;
}
.modal .btn {
  font-size: 14px;
  min-width: 80px;
  font-weight: 600;
}
.modal .btn-primary {
  background-color: #009399;
  color: #fff;
  border-color: #009399;
}
.modal .btn-secondary {
  background-color: #fff;
  border-color: #009399;
  color: #009399;
}
.modal .btn-nobdr {
  background-color: transparent;
  color: #009399;
}
.modal-content {
  border-radius: 8px;
}
.modal-title {
  font-size: 14px;
  font-weight: 500;
}
.modal-title span {
  font-size: 14px;
  color: #757575;
}
.modal-header,
.modal-footer {
  padding: 9px 10px;
}
.modal-header {
  max-height: 40px;
}
.modal-header,
.table th,
.table td {
  border-color: #e6e6e6;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.modal-body {
  padding: 0;
}
.modal-header .close {
  padding: 0;
  margin: 0;
  position: absolute;
  right: 10px;
}
.table {
  font-size: 12px;
  color: #212121;
}
.table th {
  padding: 5px 10px;
  vertical-align: middle;
}
.table td {
  padding: 2px 10px;
  vertical-align: middle;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #009399;
  background-color: #fff;
  border-color: #009399;
  box-shadow: none !important;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #212121;
  background-color: transparent;
}
.modalTableSec
  .form-ctrl-cus.ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-value {
  background-color: #f9f9f9;
  border-radius: 4px;
  color: #212121;
  padding: 2px 5px;
  margin: 0 0.4375em 0.4375em 0;
  border: 1px solid #e6e6e6;
}
.modalTableSec
  .form-ctrl-cus.ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-value
  .ng-value-icon {
  color: #757575;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 14px;
}
/*custom radio/checkbox*/
/*mCustomScrollbar*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  margin-right: 0 !important;
}
.mCSB_scrollTools {
  opacity: 1 !important;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #e6e6e6 !important;
  background-color: #e6e6e6 !important;
}
.mCSB_inside > .mCSB_container {
  margin-right: 0 !important;
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent !important;
  background-color: transparent !important;
}
/* Customize the label (the container) */
.stCommonRadioItem {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.newIcon {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url('newIcon.8959e6a818466c5792a0.svg') 0 0 no-repeat;
}
.newLayerEdit {
  background-position: 0 0;
}
.newtableFilter {
  background-position: 0 -24px;
}
.newLogout {
  background-position: 0 -48px;
}
a:hover .newLayerEdit,
a.active .newLayerEdit {
  background-position: -24px 0;
}
a:hover .newtableFilter,
a.active .newtableFilter {
  background-position: -24px -24px;
}
/* Hide the browser's default radio button */
.stCommonRadioItem input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom radio button */
.radiomark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #757575;
}
.nav-disabled {
  /* cursor: none; */
  opacity: 0.5;
}
/* On mouse-over, add a grey background color */
.stCommonRadioItem:hover input ~ .radiomark {
  background-color: #fff;
}
/* When the radio button is checked, add a blue background */
.stCommonRadioItem input:checked ~ .radiomark {
  background-color: #fff;
  border-color: #009399;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.radiomark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.stCommonRadioItem input:checked ~ .radiomark:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.stCommonRadioItem .radiomark:after {
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #009399;
}
/*...........................*/
/* Customize the label (the container) */
.stCommonCheckItem {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.stCommonCheckItem input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.stCommonCheckItem .checkmark {
  top: -2px;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: 1px solid #009399;
  border-radius: 2px;
}
/* On mouse-over, add a grey background color */
.stCommonCheckItem:hover input ~ .checkmark {
  background-color: #fff;
}
/* When the checkbox is checked, add a blue background */
.stCommonCheckItem input:checked ~ .checkmark {
  background-color: #009399;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.stCommonCheckItem input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.stCommonCheckItem .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.astrk {
  color: red;
}
.div_alg {
  display: flex;
}
.ng-select.ng-select-single .ng-select-container {
  height: 32px !important;
}
.ng-select .ng-select-container .ng-value-container {
  border-top: 0 !important;
  padding: 5px 0 !important;
}
.ng-select .ng-select-container:after {
  border-bottom: 0 !important;
}
.ng-dropdown-panel.ng-select-bottom {
  top: 32px !important;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
  background: #efefef !important;
  color: #212121 !important;
}
/* Start Select with Image */
.selectWithImgSec {
  display: none;
}
.selectWithImgList li {
  float: left;
  padding: 5px 10px 5px;
  border-right: 1px solid #e6e6e6;
}
.selectWithImgList li:hover {
  background-color: #efefef;
  cursor: pointer;
}
.lang-select {
  position: relative;
}
/* item list */
.selectImgListOuter {
  display: none;
  width: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  background-color: #fff;
  position: absolute;
  z-index: 1;
}
.open {
  display: show !important;
}
.btnSelect {
  width: 100%;
  height: 32px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  list-style: none;
}
.btnSelect li {
  width: 24px;
  float: left;
}
.btnSelect:hover li {
  margin-left: 0px;
}
.btnSelect:focus {
  outline: none;
}
/* End Select with Image */
/*main css*/
.header {
  width: 100%;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  padding: 7px 10px;
  height: 48px;
  position: fixed;
  z-index: 1;
}
.headerLt .headMenu {
  display: inline-block;
  position: relative;
  float: left;
  font-size: 24px;
  font-weight: 600;
  color: #212121;
  border-right: 1px solid #e6e6e6;
  width: 48px;
  height: 24px;
  text-align: center;
  margin-left: -10px;
  margin-right: 10px;
  top: 6px;
  line-height: 24px;
}
.headerLt .headMenu i {
  vertical-align: middle;
}
.headerLt .logo {
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  color: #212121;
  width: auto;
  margin-top: -3px;
  float: left;
}
.headerLt .logo span {
  font-size: 14px;
  color: #757575;
  font-weight: 700;
  margin-left: -10px;
  position: relative;
  top: 4px;
  border-left: 0;
}
.headerLt .logo img {
  width: 100px;
}
.projectItem {
  float: left;
  margin-left: 10px;
  padding-left: 10px;
  /* margin-top: 10px; */
  border-left: 1px solid #e6e6e6;
}
.projectItem label {
  font-size: 11px;
  margin-bottom: 0;
  display: none;
}
.projectItem .projectName {
  font-weight: 600;
  font-size: 14px;
}
.headerRt {
  margin-right: 50px;
}
.headerRt.proDrop {
  position: absolute;
  right: -40px;
  top: 4px;
}
.headerUl {
  float: right;
}
.headerUl li {
  display: inline-block;
  margin-left: 5px;
}
.headerUl li:last-child {
  display: none;
}
.proDrop .headerUl li:last-child {
  display: block;
}
.headerUl li.profileSec {
  width: 36px;
  height: 36px;
}
.headerUl li.profileSec.dropdown .btn {
  padding: 0;
  background-color: transparent;
  border: 0;
}
.headerUl li.profileSec.dropdown .dropdown-toggle::after {
  display: none;
}
.headerUl li.profileSec.dropdown .dropdown-menu {
  width: 300px;
  padding: 10px;
  border-color: #e6e6e6;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.headerUl li.profileSec a {
  border-radius: 0;
  font-size: 12px;
  padding: 7px 10px;
}
.headerRt.proDrop .btn-profile {
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: rgb(0 0 0 / 20%) 0px 0px 6px;
  font-weight: 600;
  font-size: 18px;
  cursor: pointer;
  color: #212121;
  margin: 0;
}
.headerRt.proDrop .btn-profile:after {
  display: none;
}
.headerRt.proDrop .dropdown-menu {
  width: 240px;
  padding: 10px;
  margin-top: 10px;
  border-radius: 4px;
  border: 0;
  box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px;
}
.headerRt.proDrop .profSwitchTrig .btn-logout {
  border: 1px solid #009399;
  background-color: transparent;
  color: #009399;
  margin: 0;
  display: inline-block;
  padding: 7px 16px 4px;
  border-radius: 4px;
  height: 32px;
  font-size: 12px;
}
.projList li {
  display: block;
  margin-left: 0;
  margin-bottom: 10px;
}
.projList li a {
  display: block;
}
.projList li a:hover {
  background-color: #fff !important;
}
.projListIcon {
  position: absolute;
  width: 32px;
  height: 32px;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  text-align: center;
}
.projListIcon i {
  padding-top: 4px;
  color: #757575;
  font-size: 21px;
}
.projListText {
  padding-left: 48px;
}
.projListText h4 {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 0;
}
.projListText p {
  font-size: 12px;
  margin-bottom: 0;
}
.projListText small {
  font-size: 12px;
  color: #009399;
  font-weight: 700;
  text-decoration: underline;
}
.headerUl li a {
  display: block;
  color: #212121;
  padding: 5px;
  border-radius: 50%;
}
.headerUl li a.curNone:hover {
  background-color: #fff;
  border-color: #e6e6e6;
  color: #212121;
  cursor: default;
}
.headerUl li a:hover,
.headerUl li a.active {
  background-color: #e2f3f2;
  border-color: #e2f3f2;
  color: #009399;
}
.headerSearch {
  float: right;
  width: 240px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  position: relative;
  margin-right: 26px;
}
.headerSearch i {
  position: absolute;
  left: 10px;
  top: 5px;
  color: #757575;
  background-position: 0 -72px !important;
}
/* Padding-right changed by Niharika */
/* .headerSearch input {
    width: 100%;
    height: 34px;
    padding-left: 40px;
    padding-right: 50px;
    border: 0;
    color: #212121;
    background: transparent;
} */
.headerSearch input {
  width: 100%;
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  border: 0;
  color: #212121;
  background: transparent;
}
.mainContainer {
  height: calc(100vh - 48px);
  position: fixed;
  top: 48px;
  width: 100%;
}
.mapSec {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
}
.leftPanel {
  width: 180px;
  height: calc(100vh - 48px);
  background: #fff;
  position: absolute;
  transition: all 0.1s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  /* overflow-y: auto;
  overflow-x: hidden; */
}
.leftPanel.colLeftPanel {
  width: 40px;
  transition: all 0.1s ease;
}
.leftPanel.colLeftPanel .mainNav li a span {
  display: none;
}
.mainNav > li > a {
  display: block;
  padding: 8px;
  color: #212121 !important;
  position: relative;
  font-size: 12px;
}
.leaflet-center {
  left: 50%;
  transform: translate(-50%, -50%);
}
.leaflet-middle {
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  width: 100%;
  position: absolute;
  z-index: 1000;
  pointer-events: none;
  /* transform: translate(0%, -30%); */
}
.leaflet-center.leaflet-middle {
  transform: translate(-50%, -50%);
}
.leaflet-draw-tooltip {
  min-width: 160px;
  background: rgb(0 0 0 / 50%);
  border-radius: 4px;
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 12px;
  padding: 2px 0;
}
/* start icon default*/
.sideDrawer,
.mapAction,
.layerIcon,
.generalIcon {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.sideDrawer {
  background: url('sidedrawer.123f97358eb045ff20e9.svg') 0 0 no-repeat;
}
.mapAction {
  background: url('mapactionicon.5fa79ba407fff0948495.svg') 0 0 no-repeat;
}
.layerIcon {
  background: url('layersicon.f63be6e95ca003045999.svg') 0 0 no-repeat;
}
.generalIcon {
  background: url('generalicon.59cac60ede5501e14422.svg') 0 0 no-repeat;
}
.sideMap,
.actNew,
.layerVisible,
.genApp {
  /* background-position: 0 0; */
  background-position: -24px 0;
  background-color: #e2f3f2;
  border-color: #e2f3f2;
  color: #009399;
}
.layerToggleOn {
  background-position: -24px 0;
  color: #009399;
}
a.active i.layerToggleOn {
  background-position: -24px 0;
  color: #009399;
}
.layerToggleOff {
  background-position: -48px 0;
  color: #009399;
}
.layerToggleIntermediate {
  background-position: -74px -24px;
  color: #009399;
}
.sideData,
.actSave,
.layerDelete,
.genHelp {
  background-position: 0 -24px;
}
.sideCharts,
.actBasemap,
.layerGeo,
.genNot {
  background-position: 0 -48px;
}
.sideText,
.actAdd,
.layerStyle,
.genSearch {
  background-position: 0 -72px;
}
.sideMedia,
.actLayers,
.layerTable,
.genSearchTrig {
  background-position: 0 -96px;
}
.sideSharing,
.actStyle,
.layerCode,
.genDirTrig {
  background-position: 0 -120px;
}
.sideUsers,
.actLegend,
.layerZoom,
.genLatLongTrig {
  background-position: 0 -144px;
}
.sideSettings,
.actLabel {
  background-position: 0 -168px;
}
.sideGetting,
.actAnalytics {
  background-position: 0 -192px;
}
.sideSupport {
  background-position: 0 -216px;
}
.sideFeedback {
  background-position: 0 -240px;
}
.sidePrint {
  background-position: 0 -816px;
}
a:hover i.sidePrint,
a.active i.sidePrint {
  background-position: -24px -816px;
}
.sideSnapping {
  background-position: 0 -840px;
}
a:hover i.sideSnapping,
a.active i.sideSnapping {
  background-position: -24px -840px;
}
.layerNotVisible {
  background-position: -48px 0;
}
.sideDrawTool {
  background-position: 0 -264px;
}
.sideMainTool {
  background-position: 0 -288px;
}
.sideBatch {
  background-position: 0 -312px;
}
.sideHome {
  background-position: 0 -336px;
}
a:hover i.sideHome,
a.active i.sideHome {
  background-position: -24px -336px;
}
.sideRecent {
  background-position: 0 -384px;
}
a:hover i.sideRecent,
a.active i.sideRecent {
  background-position: -24px -384px;
}
.sideContent {
  background-position: 0 -408px;
}
a:hover i.sideContent,
a.active i.sideContent {
  background-position: -24px -408px;
}
.sideExpand {
  background-position: 0 -432px;
}
a:hover i.sideExpand,
a.active i.sideExpand {
  background-position: -24px -432px;
}
.sideCollapse {
  background-position: 0 -456px;
}
a:hover i.sideCollapse,
a.active i.sideCollapse {
  background-position: -24px -456px;
}
.sideFloodTool {
  background-position: 0 -336px;
}
.sideThreatTool {
  background-position: 0 -360px;
}
.side2DrawTool {
  background-position: 0 -408px;
}
.side3DrawTool {
  background-position: 0 -384px;
}
.sideNew {
  background-position: 0 -480px;
}
a:hover i.sideNew,
a.active i.sideNew {
  background-position: -24px -480px;
}
.sideOpen {
  background-position: 0 -504px;
}
a:hover i.sideOpen,
a.active i.sideOpen {
  background-position: -24px -504px;
}
.sideTool {
  background-position: 0 -528px;
}
a:hover i.sideTool,
a.active i.sideTool {
  background-position: -24px -528px;
}
.sideVisual {
  background-position: 0 -552px;
}
a:hover i.sideVisual,
a.active i.sideVisual {
  background-position: -24px -552px;
}
.sideInform {
  background-position: 0 -576px;
}
a:hover i.sideInform,
a.active i.sideInform {
  background-position: -24px -576px;
}
.sideExport {
  background-position: 0 -600px;
}
a:hover i.sideExport,
a.active i.sideExport {
  background-position: -24px -600px;
}
.sideTiles {
  background-position: 0 -624px;
}
a:hover i.sideTiles,
a.active i.sideTiles {
  background-position: -24px -624px;
}
.sideMeasure {
  background-position: 0 -648px;
}
a:hover i.sideMeasure,
a.active i.sideMeasure {
  background-position: -24px -648px;
}
.sideSelect {
  background-position: 0 -672px;
}
a:hover i.sideSelect,
a.active i.sideSelect {
  background-position: -24px -672px;
}
/* end icon default*/
/* start icon hover*/
a:hover i.sideMap,
a:hover i.actNew,
a:hover i.layerVisible,
a:hover i.genApp {
  background-position: -24px 0;
}
a:hover i.sideData,
a:hover i.actSave,
a:hover i.layerDelete,
a:hover i.genHelp {
  background-position: -24px -24px;
}
a:hover i.sideCharts,
a:hover i.actBasemap,
a:hover i.layerGeo,
a:hover i.genNot {
  background-position: -24px -48px;
}
a:hover i.sideText,
a:hover i.actAdd,
a:hover i.layerStyle {
  background-position: -24px -72px;
}
a:hover i.sideMedia,
a:hover i.actLayers,
a:hover i.layerTable,
a:hover i.genSearchTrig {
  background-position: -24px -96px;
}
a:hover i.sideSharing,
a:hover i.actStyle,
a:hover i.layerCode,
a:hover i.genDirTrig {
  background-position: -24px -120px;
}
a:hover i.sideUsers,
a:hover i.actLegend,
a:hover i.layerZoom,
a:hover i.genLatLongTrig {
  background-position: -24px -144px;
}
a:hover i.sideSettings,
a:hover i.actLabel {
  background-position: -24px -168px;
}
a:hover i.sideGetting,
a:hover i.actAnalytics {
  background-position: -24px -192px;
}
a:hover i.sideSupport {
  background-position: -24px -216px;
}
a:hover i.sideFeedback {
  background-position: -24px -240px;
}
a:hover i.layerNotVisible {
  background-position: -72px 0;
}
a:hover i.sideDrawTool {
  background-position: -24px -264px;
}
a:hover i.sideMainTool {
  background-position: -24px -288px;
}
a:hover i.sideBatch {
  background-position: -24px -312px;
}
a:hover i.sideFloodTool {
  background-position: -24px -336px;
}
a:hover i.sideThreatTool {
  background-position: -24px -360px;
}
a:hover i.side2DrawTool {
  background-position: -24px -408px;
}
a:hover i.side3DrawTool {
  background-position: -24px -384px;
}
/* end icon hover*/
/* start icon active*/
a.active i.sideMap,
a.active i.actNew,
a.active i.layerVisible,
.active i.genApp {
  background-position: -24px 0;
  background-color: #e2f3f2;
  border-color: #e2f3f2;
  color: #009399;
}
a.active i.sideData,
a.active i.actSave,
a.active i.layerDelete,
a.active i.genHelp {
  background-position: -24px -24px;
}
a.active i.sideCharts,
a.active i.actBasemap,
a.active i.layerGeo,
a.active i.genNot {
  background-position: -24px -48px;
}
a.active i.sideText,
a.active i.actAdd,
a.active i.layerStyle {
  background-position: -24px -72px;
}
a.active i.sideMedia,
a.active i.actLayers,
a.active i.layerTable,
a.active i.genSearchTrig {
  background-position: -24px -96px;
}
a.active i.sideSharing,
a.active i.actStyle,
a.active i.layerCode,
a.active i.genDirTrig {
  background-position: -24px -120px;
}
a.active i.sideUsers,
a.active i.actLegend,
a.active i.layerZoom,
a.active i.genLatLongTrig {
  background-position: -24px -144px;
}
a.active i.sideSettings,
a.active i.actLabel {
  background-position: -24px -168px;
}
a.active i.sideGetting,
a.active i.actAnalytics {
  background-position: -24px -192px;
}
a.active i.sideSupport {
  background-position: -24px -216px;
}
a.active i.sideFeedback {
  background-position: -24px -240px;
}
a.active i.layerNotVisible {
  background-position: -72px 0;
}
a.active i.sideDrawTool {
  background-position: -24px -264px;
}
a.active i.sideMainTool {
  background-position: -24px -288px;
}
a.active i.sideBatch {
  background-position: -24px -312px;
}
a.active i.sideFloodTool {
  background-position: -24px -336px;
}
a.active i.sideThreatTool {
  background-position: -24px -360px;
}
a.active i.side2DrawTool {
  background-position: -24px -408px;
}
a.active i.side3DrawTool {
  background-position: -24px -384px;
}
/* end icon active*/
.mainNav > li > a span {
  margin-left: 10px;
  position: relative;
  top: 2px;
}
.mainNav > li.active > a {
  font-weight: 600;
}
.mainNav > li:hover > a,
.mainNav > li.active > a {
  background-color: #e2f3f2;
  color: #009399;
}
.mainNav > li:hover > a i:after,
.mainNav > li.active > a i:after {
  content: "";
  position: absolute;
  left: 0;
  background-color: #009399;
  width: 3px;
  height: 24px;
}
.mainNav > li {
  position: relative;
}
.mainNav > li:first-child {
  /* border-bottom: 1px solid #e6e6e6; */
}
.mainNav > li:hover > a i.sideMedia {
  background-position: -24px -96px;
}
.mainNav > li .mainNav {
  position: absolute;
  left: 180px;
  top: 0;
  width: 190px;
  height: auto;
  background-color: #fff;
  z-index: 1;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
  display: none;
}
.mainNav > li .mainNav li:first-child {
  border-bottom: 0;
}
.mainNav > li:hover .mainNav {
  display: block;
}
.mainNav > li .mainNav > li:last-child {
  position: relative;
}
.leftPanel.colLeftPanel .mainNav > li .mainNav {
  left: 40px;
  width: 40px;
}
.commonMidSec {
  padding: 20px 20px 20px 200px;
  width: 100%;
  transition: all 0.2s ease;
  height: calc(100vh - 56px);
  overflow-y: auto;
}
.commonMidSec.commonMidSecCol {
  padding-left: 68px;
  transition: all 0.2s ease;
}
.newMapList li {
  float: left;
  width: 32%;
  height: 210px;
  margin-right: 8px;
  margin-bottom: 20px;
}
.newMapList li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  overflow: hidden;
}
.newMapList li.newMapTrig a {
  text-align: center;
  padding-top: 75px;
  color: #212121;
}
.newMapList li.newMapTrig a span {
  display: block;
}
.newMapList li.newMapTrig a:hover {
  background-color: #e2f3f2;
  color: #009399;
  border-color: #e2f3f2;
}
.newMapList li a div {
  display: block;
  background: rgb(33 33 33 / 80%);
  padding: 5px 10px;
  color: #fff;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.rightPanel {
  width: 285px;
  height: 100%;
  background: #fff;
  position: absolute;
  right: -285px;
  top: 0;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.rightPanel.expandPanel {
  right: 0;
  transition: all 0.2s ease;
}
.colPanelTri {
  width: 41px;
  height: 41px;
  display: inline-block;
  background: rgb(255 255 255 / 50%);
  color: #212121 !important;
  text-align: center;
  padding-top: 7px;
  position: absolute;
  left: -41px;
  border: 1px solid transparent;
  border-radius: 4px 0 0 4px;
  /* box-shadow: 0 2px 4px rgb(0 0 0 / 20%); */
}
/*snehal*/
.snackbar--visible {
  position: absolute;
  bottom: 77px;
  left: 636px;
  background: rgb(65, 63, 63);
  border-radius: 5px;
  color: white;
  padding: 5px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  padding-right: 30px;
  padding-left: 30px;
  font-size: initial;
}
.colPanelTri:hover {
  background: #efefef;
  color: #212121;
}
.mapNav .nav-tabs-cus {
  border-bottom: 1px solid transparent;
  background-color: #fff;
}
.mapNav .nav-tabs-cus li {
  width: 33.33%;
}
.mapNav .nav-tabs-cus li a {
  color: #757575;
  display: block;
  padding: 10px 5px 8px;
  text-align: center;
  border-bottom: 3px solid transparent;
}
.mapNav .nav-tabs-cus li a.active {
  border-bottom: 3px solid #009399;
  color: #212121;
}
.mapTabTitle {
  padding: 10px;
  border-bottom: 1px solid #e6e6e6;
}
.mapTabTitle h2 {
  float: left;
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 4px;
  font-weight: 600;
}
.editTitleTrig {
  display: inline-block;
  height: 24px;
}
.editTitleField {
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  float: left;
  width: 65%;
}
.editTitleField input {
  border: 0;
  width: 100%;
  padding-right: 50px;
  font-size: 12px;
}
.editTitleField .editTitleFieldCtrl {
  position: absolute;
  right: 0;
  top: 1px;
}
.editTitleField .editTitleFieldCtrl a {
  color: #4f648d;
  display: inline-block;
  padding: 0 2px;
}
.editTitleField .editTitleFieldCtrl a i {
  font-size: 17px;
}
.mapTabTitle .changeTrig {
  display: inline-block;
  margin: 0 10px;
  top: -9px;
}
.mapTabTitle .changeTrig.dropdown .btn {
  padding: 0;
  background-color: transparent;
  border: 0;
  font-size: 12px;
  text-decoration: underline;
  color: #009399;
}
.mapTabTitle .changeTrig.dropdown .btn i {
  font-size: 17px;
  vertical-align: middle;
}
.mapTabTitle .changeTrig.dropdown .dropdown-toggle::after {
  display: none;
}
.mapTabTitle .changeTrig.dropdown .dropdown-menu {
  padding: 0;
  border-color: #e6e6e6;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  max-height: 180px;
  overflow-y: auto;
}
.legend_area {
  padding: 6px;
  display: none;
  background: white;
  width: 100%;
  max-height: 115px;
  overflow: auto;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.legend_area img {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.show_div {
  display: block !important;
}
.mapTabTitle .changeTrig.dropdown .dropdown-menu .dropdown-item {
  font-size: 12px;
  color: #212121;
  padding: 7px 10px;
}
.mapTabTitle .changeTrig.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #e2f3f2;
  border-color: #e2f3f2;
  color: #009399;
}
.mapTabAction {
  padding: 10px 10px 0;
}
/*.mapTabActionList {
text-align: center;
}*/
.mapTabActionList li {
  width: 32%;
  display: inline-block;
  margin-bottom: 10px;
}
.mapTabActionList li a {
  display: block;
  text-align: center;
  color: #757575 !important;
  padding: 10px 0;
  border: 1px solid transparent;
  text-align: center;
  border-radius: 4px;
}
.mapTabActionList li a span {
  font-size: 13px;
  display: block;
}
.mapTabActionList li a:hover,
.mapTabActionList li a.active {
  background-color: #e2f3f2;
  border-color: #e2f3f2;
  color: #009399 !important;
}
.mapTabActionList li a.active {
  font-weight: 600;
}
.commonActionContent {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  /* max-height: calc(100vh - 330px); */
  /* overflow-y: auto; */
}
.layerDescScr {
  /* max-height: calc(100vh - 276px);
  overflow-y: auto; */
  width: 100%;
}
.commonActionTitle {
  padding: 12px;
  min-height: 40px;
  background-color: #fff;
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 400;
  position: relative;
  margin-top: -1px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  cursor: pointer;
}
.commonActionTitle .layerUpDownItem {
  position: absolute;
  right: 20px;
  top: 7px;
  display: block;
}
.commonActionTitle .layerUpDownItem .layerUpDown {
  display: inline-block;
  color: #212121;
  border-radius: 4px;
  margin-left: 10px;
  height: 24px;
}
.commonActionTitle .layerUpDownItem .layerUpDown i {
  position: relative;
  top: 2px;
}
/* .commonActionTitle .layerUpDownItem .layerUpDown.active {
  color: #109995;
  background: #e2f2f2;
} */
.layerDescItem:hover {
  background: #f9f9f9;
  cursor: pointer;
}
.layerDescItem.active {
  background: transparent;
  /* padding: 10px 10px 5px; */
  background: #f9f9f9;
  border-color: #009399;
}
/*.layerDesc {
padding: 0 10px;
}*/
/* .layerDescItem {
  margin-bottom: 0;
  padding: 10px 8px 5px;
} */
.layerDescItem {
  margin-bottom: 0;
  padding: 10px 6px 5px;
  border-left: 4px solid transparent;
}
.layerDescItem h3 {
  font-size: 13px;
  margin-bottom: 5px;
  font-weight: 400;
  position: relative;
}
.layerDescList li {
  display: inline-block;
  margin-right: 0;
}
.layerDescList li a {
  color: #757575;
  display: block;
  padding: 4px;
  text-align: center;
  border-radius: 4px;
}
.layerDescList li a:hover,
.layerDescList li a.active {
  background-color: #e2f3f2;
  border-color: #e2f3f2;
  color: #009399;
}
.basemapList {
  padding: 0 10px;
  max-height: calc(100vh - 534px);
  overflow-y: auto;
}
.basemapDescTerrain .basemapList {
  max-height: 112px;
}
.basemapDescLabel {
  position: relative;
  width: 100%;
  bottom: 0;
}
.basemapDescTraffic {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.basemapList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 10px;
  max-height: calc(100vh - 534px);
  overflow-y: auto;
}
.basemapList .basemap_div {
  /* display: inline-block; */
  width: 50%;
  margin-bottom: 10px;
}
.basemapList .basemap_div a {
  display: block;
  text-align: center;
  padding: 2px;
  border-radius: 4px;
}
.basemapList .basemap_div a img {
  border: 1px solid transparent;
  border-radius: 4px;
  height: 60px;
}
.basemapList .basemap_div a span {
  color: #757575;
  font-size: 12px;
  display: block;
  margin-top: 5px;
}
.basemapList .basemap_div a:hover,
.basemapList .basemap_div a.active {
  background-color: #e2f3f2;
}
.basemapList .basemap_div a:hover span,
.basemapList .basemap_div a.active span {
  color: #009399;
}
.basemapList .basemap_div a.active img {
  border: 1px solid #009399;
}
.basemapList li {
  display: inline-block;
  width: 49%;
  margin-bottom: 10px;
}
.basemapList li a {
  display: block;
  text-align: center;
  padding: 2px;
  border-radius: 4px;
}
.basemapList li a img {
  border: 1px solid transparent;
  border-radius: 4px;
  height: 60px;
}
.basemapList li a span {
  color: #757575;
  font-size: 12px;
  display: block;
  margin-top: 5px;
}
.basemapList li a:hover,
.basemapList li a.active {
  background-color: #e2f3f2;
}
.basemapList li a:hover span,
.basemapList li a.active span {
  color: #009399;
}
.basemapList li a.active img {
  border: 1px solid #4f648d;
}
.commonActionTitle .toggleBtn {
  position: absolute;
  right: 10px;
  top: -2px;
  color: #757575;
}
.commonActionTitle .toggleBtn.active,
.commonActionTitle .toggleBtn.active:hover {
  color: #009399;
}
.commonActionTitle .toggleBtn i {
  font-size: 42px;
}
.modayPlaceholder {
  max-height: 400px;
  overflow: auto;
}
.modal-table .modal-dialog {
  max-width: 800px;
}
.modal-add-layer .tab-content,
.cloudStorageSec {
  height: 355px;
  overflow: auto;
}
.uploadDataSecMain,
.uploadDataSec,
.pasteUrl {
  padding-top: 13px;
}
.uploadDataSecMain h2 {
  color: #757575;
  font-size: 12px;
  font-weight: 400;
}
.uploadDataSecMain h2 strong {
  color: #212121;
}
.uploadDataSecMain h2 a {
  margin-left: 5px;
  display: inline-block;
}
.uploadDataSecMain h2 a i {
  color: #212121;
  font-size: 17px;
  vertical-align: middle;
}
.uploadTrig,
.uploadTrig:hover {
  color: #212121;
  width: 100px;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  padding-top: 10px;
  margin: 0 20px;
}
.uploadTrig img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.uploadTrig span {
  display: block;
  padding: 0 10px;
  line-height: 16px;
  margin-top: 10px;
}
.uploadDataProgress {
  padding-top: 20px;
}
.layerIconHelp {
  margin-top: 40px;
}
.layerIconHelp li {
  width: 50%;
  float: left;
  margin-bottom: 10px;
}
.layerIconHelp li i {
  position: absolute;
}
.layerIconHelp li span {
  padding-left: 34px;
  color: #757575;
  vertical-align: middle;
}
.nav-tabs.addLayerTabs {
  border-bottom: 1px solid #e6e6e6;
}
.nav-tabs.addLayerTabs .nav-item {
  border-right: 0;
  width: 25%;
}
.nav-tabs.addLayerTabs .nav-item:last-child {
  border-right: 1px solid transparent;
}
.nav-tabs.addLayerTabs .nav-link {
  color: #757575;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  padding: 10px 2px;
  text-align: center;
  font-weight: 400;
}
.nav-tabs.addLayerTabs .nav-link.active,
.nav-tabs.addLayerTabs .nav-item.show .nav-link,
.nav-tabs.addLayerTabs .nav-link:focus,
.nav-tabs.addLayerTabs .nav-link.active:hover {
  color: #009399;
  background-color: #e2f3f2;
  border-color: transparent;
  border-bottom: 2px solid #009399;
}
.nav-tabs.addLayerTabs .nav-link:hover {
  border-color: transparent;
}
.multipleSave .dropdown-item {
  color: #212121;
  font-size: 13px;
}
.multipleSave .dropdown-item:hover {
  background-color: #f3f3f3;
}
.multipleSave .btn-primary:focus,
.multipleSave .btn-primary:active,
.show.multipleSave > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #009399 !important;
  border-color: #009399 !important;
  box-shadow: none !important;
}
.pasteUrl input {
  font-size: 14px;
}
.fileDetailSec {
  padding: 20px 0;
}
.fileDetailSec .fileName {
  font-size: 12px;
  margin-bottom: 10px;
}
.fileDetailItem .btn-secondary {
  font-size: 12px;
}
.previewMapSec {
  width: 100%;
  height: 100%;
  padding: 20px;
}
.modalTableSec {
  padding: 15px 0;
}
.modalTableSec a {
  color: #212121;
  display: block;
}
.modalTableSec a i,
.modalTableSec a input {
  vertical-align: middle;
  font-size: 19px;
}
.backModal {
  position: fixed;
  top: 56px;
  width: 100%;
  padding: 10px 20px;
}
.backModal a {
  display: inline-block;
  color: #009399;
}
.backModal a i {
  vertical-align: middle;
}
.table-myDatasets tr th:nth-child(2),
.table-myDatasets tr td:nth-child(2) {
  max-width: 150px;
  word-break: break-all;
}
.table-mgiscatalog.table-.table- tr th:nth-child(2) {
  max-width: 150px;
  word-break: break-all;
}
.headerSearchSugg {
  position: absolute;
  background: #fff;
  width: 100%;
  height: 300px;
  z-index: 1;
  overflow-y: auto;
  border-radius: 0 0 8px 8px;
  border-top: 1px solid #009399;
  box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.23);
}
.suggList li a {
  color: #212121;
  display: block;
  position: relative;
  font-size: 12px;
  padding: 7px 10px 7px 40px;
}
.suggList li a:hover,
.suggList li a.active {
  background-color: #f3f3f3;
}
.suggList li a span {
  color: #757575;
  position: absolute;
  left: 10px;
  top: 6px;
  font-size: 21px;
}
/* .styleModalMain .nav-pills-scroll {
    width: 22%;
    float: left;
    max-height: 380px;
    border-right: 1px solid #e6e6e6;
} */
.styleModalMain .nav-pills-scroll {
  width: 22%;
  float: left;
  border-right: 1px solid #e6e6e6;
}
.styleModalMain .tab-content {
  float: left;
  width: 78%;
  /* height: 380px;
    overflow-y: auto;
    overflow-x: hidden; */
}
.styleModalMain .nav-pills .nav-link {
  text-align: center;
  padding: 20px 5px;
  color: #757575;
  width: 100%;
  border-radius: 0;
  font-weight: 400;
  /* height: 65px; */
}
.styleModalMain .nav-pills .nav-link.active {
  background-color: #e2f3f2;
  border-color: #e2f3f2;
  color: #009399;
  font-weight: 600;
}
.styleModalMain .nav-pills .nav-link img {
  width: 20px;
}
.styleModalMain .nav-pills .nav-link span {
  display: block;
  margin-top: 5px;
  font-size: 12px;
}
.styleTabContentMain {
  /* padding: 10px 10px 30px;
    position: relative; */
  padding: 10px;
  position: relative;
  height: 270px;
  overflow-y: auto;
  overflow-x: hidden;
}
.styleTabContentMain label,
.queryContentMain label {
  font-size: 12px;
  color: #212121;
}
.queryContentMain label {
  color: #212121 !important;
  font-weight: 400;
}
.fixStyleCont .stCommonRadio {
  margin-top: 5px;
}
.stCommonFields {
  border-top: 1px solid #e6e6e6;
  position: relative;
  padding-top: 10px;
  margin-top: 5px;
}
.stCommonFields h4 {
  font-size: 12px;
  background: #fff;
}
.queryContentMain .stCommonFields h4 {
  font-weight: 500;
}
.stCommonFields h4 .form-check-input {
  margin-top: 0;
}
.stCommonFields.pb0 {
  padding-bottom: 0;
}
.stCommonFields .row,
.queryContentMain .row,
.stFreeFields .row {
  margin-right: -5px;
  margin-left: -5px;
}
.stCommonFields [class*="col-"],
.queryContentMain [class*="col-"],
.stFreeFields [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
.stCommonFields .btn {
  display: block;
  min-width: auto;
  width: 100%;
  height: 32px;
  padding-top: 5px;
}
.stSetZoomLabel {
  width: 20%;
  float: left;
  position: relative;
  padding-left: 30px;
  margin-top: 5px;
}
.stSetZoom {
  margin-bottom: 10px;
}
.stSetZoomLabel input {
  position: absolute;
  left: 0;
  top: 3px;
}
.stSetZoomInput {
  width: 80%;
  float: left;
}
.styleTabContentMain .stCommonRadio label,
.queryContentMain .stCommonRadio label {
  font-size: 12px;
  margin-right: 15px;
  font-weight: 400;
}
.styleTabContentMain .stCommonRadio label input {
  margin-right: 10px;
  position: relative;
  top: 1px;
}
.previewStyleSec {
  width: 200px;
  height: 200px;
  background: #fff;
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.previewStyleHeader {
  padding: 5px 10px;
}
.previewStyleHeader h5 {
  font-size: 14px;
  float: left;
}
.previewStyleHeader button {
  float: right;
}
.previewStyleBody {
  padding: 10px;
}
.basicLegendPre {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: inline-block;
  background: #fcf442;
  border: 1px solid #212121;
}
.queryContentMain {
  padding: 10px;
  overflow-y: auto;
  max-height: 72vh;
}
.multipleQueryOpt {
  padding: 5px 10px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
.multipleQuery {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
.multipleQueryOptList li a {
  color: #797979;
  display: block;
  padding: 2px;
  font-size: 12px;
}
.queryContentMain .checkmark {
  top: auto;
}
.modal .modal-query-footer .btn {
  font-size: 13px;
  min-width: auto;
}
.modal .btn-secondary.btn-advanced {
  padding: 4px 7px;
  font-size: 13px;
}
.modal .btn-secondary.btn-advanced i {
  vertical-align: middle;
  font-size: 21px;
}
.queryContentMain .stCommonFields {
  margin-top: 10px;
  margin-bottom: 10px;
}
.queryTextarea {
  width: 100%;
  padding: 0 10px;
  border: 0;
  resize: none;
  height: 132px;
}
.stCommonRadio h5 {
  display: inline-block;
  font-size: 12px;
  margin-right: 10px;
}
.queryContentMain .stCommonCheckItem {
  font-weight: 400;
}
.queryAdv {
  display: none;
}
.stCommonFields .btn.btn-operator {
  display: inline-block;
  min-width: auto;
  width: 23%;
  border: 1px solid #e6e6e6;
  text-align: center;
  margin-bottom: 5px;
  font-size: 11px;
  height: 28px;
  background: #efefef;
  margin-right: 4px;
}
.queryPlayTri {
  display: block;
  margin-bottom: 0;
  color: #009399 !important;
}
.queryPlayTri i {
  font-size: 32px;
}
.stCommonFields .btn.btn-show {
  font-size: 13px;
  display: inline-block;
  width: auto;
}
.stCommonImgPreviewItem {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 10px;
  word-break: break-all;
}
.stValidationText {
  position: absolute;
  bottom: 0;
  left: 22%;
  padding: 0 10px;
  background: #fff;
  display: block;
  width: 78%;
  font-size: 12px;
}
.stValidationUrl {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 8px;
  background: #fff;
  display: block;
  width: 50%;
  font-size: 12px;
}
.stValidation {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2px 8px;
  background: #fff;
  display: block;
  width: 50%;
  font-size: 12px;
}
.stDragSec {
  width: 240px;
  position: absolute;
  background: rgb(255, 255, 255);
  border-radius: 0.3rem;
  border: 1px solid #e6e6e6;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.stDragLabel {
  width: 260px;
  position: absolute;
  top: 100px;
  right: 250px;
}
.stDragLabel .stFontFields h4 {
  font-size: 13px;
  background: #fff;
  margin-bottom: 2px;
  position: relative;
}
.stDragSec .modal-header {
  /* cursor: move; */
}
.selCus {
  border: 0;
  width: 100%;
  font-size: 14px;
  margin-top: 4px;
}
.stCommonFieldsItem li {
  float: left;
  width: 50%;
  height: 24px;
  margin-bottom: 5px;
}
.stColorItem input {
  width: 100%;
  border: 0;
}
.colorBox {
  width: 24px;
  height: 24px;
  float: left;
}
.stColorItem .colorBox input {
  padding: 0;
}
.stColorItem.stColorItemCus .colorCode {
  float: left;
  width: calc(100% - 24px);
  padding-left: 10px;
}
.stColorItem.stOpacItemCus input {
  text-align: right;
}
.stDragSec .modal-title {
  font-size: 14px;
}
.commonInfoSec {
  position: fixed;
  bottom: 0;
  width: auto;
  right: 285px;
}
.commonInfoSec.colRp {
  width: auto;
  right: 0px;
}
.commonInfoSec.colLp {
  width: calc(100% - 48px);
}
.commonInfoSec.colLpPlus {
  width: calc(100% - 323px);
}
.commonMapInfo {
  padding: 4px;
}
.mapScaleImg {
  width: 115px;
}
.mapLogoImg {
  width: 80px;
  margin: 3px 10px 0;
}
.mapVer {
  margin-top: 5px;
}
.mapBtmList {
  border-radius: 4px;
  overflow: hidden;
}
.mapBtmList li {
  display: inline-block;
  background: #fff;
}
.mapBtmList li a {
  color: #212121;
  font-size: 10px;
  padding: 0 5px;
  position: relative;
}
.mapBtmList li a:after {
  content: "|";
  position: absolute;
  right: -5px;
  top: -1px;
}
.mapBtmList li:last-child a:after {
  content: "";
}
.mapBtmList li:first-child {
  background: rgb(0 0 0 / 0.7);
}
.layerTableSec {
  height: 100%;
}
.layerTableHead {
  background: #f6f6f6;
  border: 1px solid #e6e6e6;
  padding: 5px 10px;
  border-radius: 4px 4px 0 0;
}
.layerTableHead h2 {
  font-size: 12px;
  color: #212121;
  margin-top: 5px;
  margin-bottom: 0;
  font-weight: 600;
}
.layerTableCtrl a,
.layerTableDataCtrl a {
  display: inline-block;
  margin-left: 5px;
}
.tableDataSearch {
  display: inline-block;
  margin: 0px 10px;
  margin-right: 30px;
}
.tableDataSearch .form-control {
  height: 24px !important;
  position: relative;
  top: 1px;
}
.layerTableBody {
  padding: 10px;
  position: relative;
  background: #fff;
}
.modal-table-option .commonInfoSec2,
.modal-table-option .modal-content {
  border: 0 !important;
}
.tabFilterTrigSec {
  z-index: 9;
  position: absolute;
  right: 10px;
  display: block;
}
.tabFilterTrig i {
  position: relative;
  top: 4px;
}
.tabFilterTrig {
  z-index: 9;
  display: block;
  padding: 0 5px;
  height: 32px;
  line-height: 30px;
  background: #e6e6e6;
  text-align: center;
  color: #212121 !important;
}
.tabFilterTrig i {
  position: relative;
  top: 4px;
}
.tabFilter {
  position: absolute;
  display: none;
  width: 220px;
  top: 0px;
  right: 40px;
  z-index: 1000;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.tabFilter .stCommonCheckItem {
  display: block;
}
.tabFilterHead {
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  padding: 10px 10px 0;
  display: none;
}
.tabFilterList li .stCommonCheckItem {
  color: #212121;
}
.tabFilterHead .stCommonCheckItem {
  font-weight: 700;
}
.tabFilterHead a {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
}
.tabFilterList li {
  padding: 0 10px;
}
.tabFilterBody {
  padding: 10px 0 5px;
}
.mapControlSec {
  position: absolute;
  left: -48px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  top: 35%;
  margin-top: -100px;
  /* overflow: hidden; */
  box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
}
.mapControlSplitSec {
  position: absolute;
  right: 15px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  top: 15%;
  margin-top: -100px;
  z-index: 1001;
  box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
}
.mapControlList li {
  position: relative;
  width: 36px;
  height: 36px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #e6e6e6;
}
/* .mapControlList li:last-child {
  border-bottom: 0;
} */
.mapControlList li a {
  display: block;
  height: 100%;
  background: #fff;
  padding-top: 6px;
  color: #212121;
}
.mapControlList li.mapCtrlMore a {
  background: #f9f9f9;
}
.onHoverTrig a.green {
  background-color: #009399;
  color: #fff !important;
  border: 1px solid #009399;
  margin: -1px;
}
.onHoverTrig a.green i {
  color: #fff !important;
}
/* .mapControlList li:first-child a {
  border-radius: 4px 0 0;
} */
/* .mapControlList li:last-child a {
  border-radius: 0 0 0 4px;
} */
.toolSec {
  width: 72px;
  z-index: 999999;
  position: fixed;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  left: 190px;
  top: 360px;
}
.toolSec.allMainTool {
  /* left: 272px; */
}
.toolList li {
  width: 50%;
  float: left;
  margin-bottom: 0;
  position: relative;
}
.toolList li a {
  display: block;
  text-align: center;
  padding: 5px 0;
}
.toolList li a img {
  opacity: 0.5;
}
.toolList li a:hover,
.toolList li a.active {
  /* background-color: #f9f9f9; */
  border-radius: 4px;
  background-color: #e2f3f2;
  border-color: #e2f3f2;
  color: #009399;
}
.toolList li a.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.toolSecHead {
  padding: 5px 0 0 5px;
  border-bottom: 1px solid #e6e6e6;
  /* margin-bottom: 10px; */
}
.toolSecHead h4 {
  float: left;
  width: 50%;
  font-size: 14px;
  margin-bottom: 0;
}
.toolSecHead a {
  float: right;
  display: block;
}
.mapCtrlExpand {
  display: none;
}
/* .stCommonTableView .stCommonCheckItem {
  top: -7px;
  padding-left: 5px;
} */
.queryValid {
  height: 10px;
  width: 100%;
  font-size: 12px;
  margin-top: -5px;
  margin-bottom: 10px;
  color: #ef3502;
}
.toolListCtrl {
  position: absolute;
  top: 0;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  overflow: hidden;
  z-index: 1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* .toolListCtrl > li {
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #e6e6e6;
} */
.toolListCtrl > li {
  width: 60px;
  margin: 0;
  border-bottom: 1px solid #e6e6e6;
}
.toolListCtrl > li:last-child {
  border-bottom: 0;
}
.toolListCtrl > li a {
  text-align: center;
  background: #fff;
  padding: 5px 0;
  color: #212121;
}
.toolListCtrl > li a:hover {
  background: #f3f3f3;
}
.toolList li:nth-child(odd) .toolListCtrl {
  left: -65px;
}
.toolList li:nth-child(even) .toolListCtrl {
  left: auto;
  right: -65px;
}
.stCommonRadio.stCommonRadioBdr {
  border-bottom: 1px solid #e6e6e6;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.leftPanel .colPanelTriLt {
  border-radius: 0 4px 4px;
  width: 41px;
  height: 41px;
  display: inline-block;
  background: #efefef;
  color: #212121 !important;
  text-align: center;
  padding-top: 7px;
  position: absolute;
  right: -41px;
  border: 1px solid #e6e6e6;
  border-radius: 0 4px 4px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-left: 65px !important;
}
.header_mgis {
  background: #ffffff;
  padding: 4px 10px;
  border-radius: 6px 6px 0 0;
  font-weight: 600;
  font-size: 14px;
  color: rgb(10, 10, 10);
  border-bottom: 1px solid #e6e6e6;
}
.containerPopup {
  padding: 15px;
  height: auto;
  max-height: 180px;
  overflow: auto;
  box-sizing: border-box;
}
.leaflet-popup-content-wrapper {
  background: white;
  color: #212121;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
  padding: 0;
  border-radius: 6px;
  width: auto;
}
.leaflet-popup-content-wrapper .leaflet-popup-content {
  margin: 0;
  min-width: 200px;
  max-width: 100%;
  width: 250px !important;
}
.leaflet-top .leaflet-control {
  margin-top: 5px !important;
}
.directionsSec {
  width: 300px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  position: fixed;
  z-index: 2;
  background: #fff;
  border-radius: 4px;
  right: 330px;
  top: 70px;
}
.directionsSecHead {
  padding: 10px 10px 5px;
  border-bottom: 1px solid #e6e6e6;
}
.directionsSecHead h4 {
  float: left;
  width: 50%;
  font-size: 16px;
  margin-bottom: 0;
}
.directionsSecHead a {
  float: right;
  display: block;
  margin-left: 10px;
}
.directionsSecBody {
  padding: 10px 10px 0;
}
.directionsList {
  border-left: 1px dashed #e6e6e6;
  padding-left: 20px;
  padding-right: 30px;
  margin-left: 10px;
  margin-top: 10px;
  position: relative;
}
.directionsList:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  background-color: #fff;
  left: -6px;
  bottom: -2px;
}
.directionsList > li {
  margin-bottom: 15px;
  position: relative;
  top: -5px;
}
.directionsList > li > img {
  position: absolute;
  left: -33px;
}
.dirInputClose {
  display: block;
  width: 18px;
  position: absolute;
  right: 0;
  background: #fff;
}
.dirInput {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #e6e6e6;
}
.directionsSecFt {
  border-top: 1px solid #e6e6e6;
  text-align: right;
  padding: 10px;
}
.directionsSecFt .btn-secondary {
  background-color: #fff;
  border-color: #009399;
  color: #009399;
  font-size: 14px;
}
.dirSwap {
  display: block;
  position: absolute;
  right: 0;
  top: 20px;
}
.colorRampItem {
  border-radius: 4px;
  height: 28px;
}
.colZoom {
  color: #212529;
}
.colZoom span {
  margin-left: 5px;
}
.modal-table-option .layerTableSec {
  padding-top: 0;
  border-radius: 8px 8px 0 0;
}
.modal-table-option .layerTableHead {
  border-radius: 8px 8px 0 0;
}
.modal-table-option .layerTableBody {
  background: #fff;
}
.modal-table-option .dataCount {
  border-radius: 0 0 8px 8px;
  padding: 0 10px;
}
.batchOpDiv .uploadTrig .tabImg {
  display: inline-block;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  text-align: center;
  padding: 18px 0;
  width: 128px;
}
.batchOpDiv .uploadTrig,
.batchOpDiv .uploadTrig:hover {
  width: 130px;
  margin: 0 10px;
}
.batchOpDiv .uploadTrig img {
  width: auto;
  height: 60px;
  border-radius: 0;
  box-shadow: none;
}
.batchOpDiv .uploadTrig span {
  display: block;
  padding: 0 10px;
  line-height: 16px;
  margin-top: 10px;
  color: rgba(33, 33, 33, 0.6);
  font-weight: 500;
}
.mapBtmList li .clearMap {
  background: rgb(0 0 0 / 0.7);
  font-size: 12px;
  color: #fff !important;
  font-weight: 600;
  border-radius: 4px 0 0 4px;
}
.pieLegend {
  width: 40px;
  height: 16px;
  display: block;
  border-radius: 4px;
}
.showLabel {
  position: absolute;
  right: 0;
  top: 8px;
}
.showCountTrig {
  display: inline-block;
  color: #009399 !important;
  text-decoration: underline !important;
  font-weight: 600;
  float: right;
}
.showLabel label {
  margin-left: 20px;
  font-weight: 600;
}
.showLabel label .checkmark {
  top: 1px;
}
.latLongSec .directionsList {
  padding-right: 10px;
}
.createPoly {
  width: 300px;
  position: absolute;
  top: 0;
  left: 75px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  overflow: hidden;
  z-index: 1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.createPoly .directionsList {
  border-left: 0;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-top: 0;
  float: left;
  margin-bottom: 10px;
}
.createPoly .directionsList > li {
  margin-right: 10px;
  margin-bottom: 0;
  width: 44%;
}
.createPolyInput {
  padding: 10px 10px 0;
}
.createPolyAction {
  padding: 10px;
  border-top: 1px solid #e6e6e6;
  text-align: right;
}
.createPolyAction .btn-secondary {
  background-color: #fff;
  border-color: #009399;
  color: #009399;
  font-size: 14px;
  padding: 3px 10px;
  margin-left: 5px;
}
.createPoly .directionsList > li.addInput {
  width: auto;
  position: absolute;
  right: -5px;
  margin-right: 0;
  top: 0;
}
.createPoly .directionsList > li.addInput a {
  color: #212121;
}
.unsavedLayerModal .modal-footer .stCommonCheckItem {
  position: absolute;
  left: 10px;
  font-weight: 600;
}
.table thead th {
  position: sticky;
  top: -1px;
  background-color: #fff;
  z-index: 1;
}
.stCommonTableView {
  max-height: 180px;
  overflow: auto;
}
.ng-select .ng-select-container {
  min-height: auto !important;
}
.analyticDiv .ng-select .ng-select-container {
  border: 1px solid #e6e6e6;
  padding: 0 10px;
  border-radius: 4px;
}
.analyticDiv .form-control.ng-select .ng-select-container {
  border: 0;
  padding: 0;
  border-radius: 0;
}
.ng-select.ng-select-single .ng-select-container {
  height: 20px;
}
.accordion.accDrop > .card,
.accordion.accDrop .bodyList_con {
  overflow: visible;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding: 0 16px !important;
}
.styleTabContentMain.fixStyleCont {
  padding: 10px 10px 0;
  height: auto;
  overflow: visible;
}
.nav-disabled {
  cursor: none;
  opacity: 0.5;
  pointer-events: none;
}
.stDragSec .styleTabContentMain {
  padding: 10px 10px 30px;
  position: relative;
  height: auto;
  overflow: visible;
}
.basemapDesc.basemapDescAddTerrain .basemapList {
  max-height: calc(100vh - 510px);
}
.stDragSec.stDragChartPre {
  left: 60px;
  top: 20px;
  width: 500px;
}
.stDragSec.stDragChart {
  left: 580px;
  top: 20px;
  z-index: 100000;
}
.form-control.ng-select.cusLabel {
  height: auto !important;
}
.form-control.ng-select.cusLabel .ng-select-container {
  height: auto;
}
.rangeEditTrig i {
  font-size: 17px;
  margin-left: 10px;
  vertical-align: middle;
  color: #009398;
}
.opacForAll {
  position: absolute;
  right: 0;
  top: 2px;
  z-index: 2;
}
.opacForAll label {
  display: inline-block;
}
.opacForAll .form-control {
  display: inline-block;
  width: auto;
  margin-left: 10px;
  height: auto !important;
  padding-top: 0;
  padding-bottom: 2px;
}
.ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-value {
  background-color: #f9f9f9 !important;
  border: 1px solid #e6e6e6;
}
.ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-value
  .ng-value-label {
  background-color: #f9f9f9;
  border-radius: 4px;
  color: #212121;
  padding: 2px 5px;
  margin: 0 0.4375em 0.4375em 0;
  border: 1px solid #e6e6e6;
}
/* width */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
*:hover::-webkit-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #eee;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: lightgray;
  border-radius: 4px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: grey;
}
/**********Right Tab Analytics***************/
.accordion .card {
  border: none;
  border-radius: 0px;
}
.accordion .card .card-header {
  border: none;
  padding: 0px;
}
.accordion .card .card-header .card-link.collapsed {
  border-bottom: 1px solid #e6e6e6;
  color: #212121;
  background: #fff;
}
.accordion .card .card-header .card-link .plus {
  height: 1px;
  width: 11px;
  border-radius: 1px;
  background: #fff;
  margin-left: auto;
  margin-right: 15px;
}
.accordion .card .card-header .collapsed.card-link .plus::after {
  content: "";
  margin: -5px auto;
  display: block;
  background: #757575;
  height: 11px;
  width: 1px;
  border-radius: 1px;
  background: #757575;
  margin-left: auto;
}
.accordion .card .card-header .collapsed.card-link .plus {
  background: #757575;
}
.accordion .card .card-header .card-link img {
  margin-right: 10px;
  width: 18px;
}
.accordion .card .card-header .card-link {
  display: flex;
  align-items: center;
  font-size: 12px;
  background: #fff;
  color: #212121;
  padding: 8px 8px;
}
.analyticDiv .accordion .card .card-header .card-link > i {
  position: absolute;
  right: 20px;
  top: 7px;
  left: auto;
}
.accordion .collapse .card-body,
.accordion .collapsing .card-body {
  background: #fff;
  padding: 0 10px;
  max-height: calc(100vh - 380px);
  overflow-y: auto;
}
.childArea {
  border-left: 0;
  padding: 0;
}
.innerTitleBox .plus {
  height: 1px;
  width: 11px;
  border-radius: 1px;
  background: #009399;
  margin-left: auto;
  margin: auto;
  margin-right: 0px;
}
.innerTitleBox {
  display: flex;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  padding: 8px 3px;
}
.innerTitleBox img {
  margin-left: 10px;
  height: 16px;
  margin-top: 2px;
}
.bodyList_con {
  background: #fff;
  height: 0;
  overflow: hidden;
  padding: 10px;
  position: relative;
  transition: 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  display: none;
}
.innerTitleBox .plus::after {
  content: "";
  margin: -5px auto;
  display: block;
  background: #009399;
  height: 11px;
  width: 1px;
  border-radius: 1px;
  background: #757575;
  margin-left: auto;
}
.listAccod.active .plus::after {
  display: none;
}
.listAccod.active .bodyList_con {
  display: block;
  margin-bottom: 10px;
  height: auto;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
.form_list ol {
  padding: 0 0 0 12px;
}
.form_list ol .formContainer {
  padding: 5px 0 5px 0;
  font-size: 12px;
}
.form_list ol .formContainer label {
  color: #757575;
}
.form_list ol.liststylenone {
  list-style: none;
  padding: 0px;
}
.form-control {
  font-size: 12px;
}
select.form-control {
  /* background: url(///assets/img/style/select_bg.png) 96% center no-repeat; */
}
.commonRtPnl .tab-content .tab-pane {
  max-height: calc(100vh - 99px);
  /* overflow: hidden; */
}
.buttonBox .btn-secondary {
  background-color: #fff;
  border-color: #009399;
  color: #009399;
  font-size: 14px;
  padding: 3px 10px;
  line-height: normal;
  height: 30px;
}
.buttonBox .btn-Clear {
  background-color: #fff;
  border-color: transparent;
  color: #ef3502;
  font-size: 14px;
  padding: 3px 0px;
  line-height: normal;
  height: 30px;
}
.buttonBox .btn-Run,
.stDragTable .btn-primary {
  background-color: #009399;
  border: #009399 1px solid;
  color: #fff;
  font-size: 14px;
  padding: 3px 10px;
  line-height: normal;
  height: 30px;
  margin-left: 10px;
}
.unsavedLayerModal .modalTableSec {
  overflow: auto;
  height: 400px;
}
.unsavedLayerModal .modal-footer .stCommonCheckItem.disabled {
  opacity: 0.5;
}
.unsavedLayerModal .alert-success {
  background-color: #d4edda !important;
}
.unsavedLayerModal .alert-danger {
  background-color: #f8d7da !important;
}
.unsavedLayerModal
  .ng-select.ng-select-single
  .ng-select-container
  .ng-arrow-wrapper {
  align-self: auto;
  bottom: 0;
}
.unsavedLayerModal
  .ng-select.ng-select-single
  .ng-select-container
  .ng-clear-wrapper {
  align-self: auto;
  bottom: -3px;
  right: -5px;
}
.unsavedLayerModal .table tbody tr td:last-child {
  position: relative;
  padding-right: 30px;
}
.errTrig {
  right: 6px;
  position: absolute;
  z-index: 1;
  top: 8px;
  color: #ef3502;
}
.errTrig i,
.workInfo i {
  font-size: 17px;
}
.unsavedErr {
  color: #ef3502;
  font-size: 12px;
  padding: 0 15px 5px;
  margin-top: -10px;
}
.workInfo {
  left: 140px;
  position: absolute;
  z-index: 1;
  margin-top: 10px;
  color: inherit;
}
.commonLoader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: rgb(0 0 0 / 0.5);
}
.commonLoader img {
  width: 56px;
  height: 56px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styleTabContentMain.ctContentMain .stCommonFieldsItem li {
  height: auto;
  width: 33%;
}
.styleTabContentMain.ctContentMain .stCommonFields {
  border-top: 0;
  padding-top: 10px;
  margin-top: 0;
}
.styleTabContentMain.ctContentMain .stCommonFields:first-child {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
}
.ctLabel {
  margin-bottom: 5px;
}
.unsavedTxt {
  padding: 10px;
  font-size: 14px;
  font-weight: 400;
  margin-block: 0;
}
.feedbackModal .modal-dialog {
  max-width: 400px;
}
.feedbackPlc {
  padding: 10px;
}
.feedbackPlc p {
  color: #757575;
}
.feedbackPlc .form-control.readOnly:focus {
  color: #495057;
  background-color: #e9ecef;
  border-color: #e6e6e6;
}
.feedbackPlc textarea {
  height: auto !important;
  padding: 10px;
}
.addImg {
  display: inline-block;
  margin-top: 10px;
  color: #212121;
}
.addImg i {
  vertical-align: middle;
  position: relative;
  top: -3px;
  color: #009399;
  margin-right: 5px;
}
.addImg:hover {
  color: #212121;
}
/* .infoTooltipSec {
    width: 270px;
    z-index: 10000;
    position: fixed;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    left: 50%;
} */
.infoTooltipHead {
  padding: 10px 10px 6px;
  border-bottom: 1px solid #e6e6e6;
  max-height: 40px;
}
.infoTooltipHead h2 {
  font-size: 15px;
  font-weight: 600;
  float: left;
  margin-bottom: 0;
}
.infoCtrl {
  float: left;
}
.infoCtrl .infoPage {
  color: #757575;
  margin-left: 48px;
  float: left;
}
.infoCtrl .infoNav {
  /* display: inline-block; */
  height: 21px;
  float: left;
  width: 42px;
  margin-top: -2px;
}
.infoCtrl .infoNav > a {
  float: left;
  color: #212121;
}
.infoCtrl .infoNav > a i {
  font-size: 21px;
}
.infoTooltipHead a {
  float: right;
}
.infoTooltipBody {
  padding: 0 10px 10px;
}
.infoTooltipSec .card,
.infoTooltipSec .card-body {
  padding: 0;
  border: 0;
}
.infoTooltipSec .card-body {
  max-height: 150px;
  overflow: auto;
  white-space: nowrap;
  max-width: 250px;
}
.infoTooltipSec .card-header {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 0;
}
.infoTooltipSec .btn-link {
  font-weight: 600;
  color: #212121;
  padding: 0;
  font-size: 14px;
}
.infoTooltipSec .btn-link:hover,
.infoTooltipSec .btn-link:focus {
  color: #212121;
  text-decoration: none;
}
.infoTooltipSec .btn-link i {
  color: #009399;
  font-size: 21px;
  vertical-align: inherit;
  margin-right: 10px;
  position: relative;
  top: -2px;
}
.infoValueEdit {
  float: right;
  margin-right: 10px;
  font-weight: 400;
}
.infoTooltipList {
  padding-left: 0px;
}
.infoTooltipList li {
  display: block;
  margin-bottom: 2px;
}
.infoTooltipList li .infoKey {
  font-weight: 500;
  margin-right: 20px;
  min-width: 80px;
  display: inline-block;
}
.infoTooltipList li .infoValue {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 160px;
}
.infoTooltipFoot {
  border-top: 1px solid #e6e6e6;
  padding: 10px;
  text-align: right;
}
.infoTooltipFoot .btn-update {
  background-color: #009399;
  color: #fff;
  border-color: #009399;
  font-size: 14px;
  min-width: 70px;
  font-weight: 600;
  padding: 4px 12px;
}
/* priya */
.legend_area {
  padding: 6px;
  display: none;
  background: white;
  width: 100%;
  max-height: 75px;
  overflow: auto;
}
.show_div {
  display: block;
}
/* snehal */
.stDragLabelSec {
  bottom: 5px;
  left: 500px;
}
.stDragLabelSec .stFontFields h4 {
  font-size: 13px;
  background: #fff;
  margin-bottom: 2px;
  position: relative;
}
.stFontFields label {
  margin-bottom: 0;
}
.stFontFields .form-control {
  border: 0;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
.stFontWgt {
  margin: 7px 0 0 20px;
}
.stFontLabel {
  margin: 22px 0 0 35px;
  display: flex;
}
.stFontLabel a {
  font-size: 16px;
  color: #212529;
  margin-right: 5px;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-align: center;
  line-height: 28px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.stFontWgt a {
  font-size: 18px;
  color: #212529;
  margin-right: 5px;
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  line-height: 24px;
  border-radius: 4px;
}
.stFontWgt a:last-child {
  margin-right: 0;
}
.stFontLabel a:last-child {
  margin-right: 0;
}
.stDragLabelSec .modal-footer .stCommonCheckItem {
  position: absolute;
  left: 10px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}
.stFontWgt a.active {
  background: #efefef;
}
.stFontLabel a.active {
  background: #e2f3f2;
}
.stDispSec {
  margin-top: 10px;
}
.stDispList {
  position: relative;
  border: 1px solid #e6e6e6;
  width: 36px;
  height: 36px;
}
.stDispList li {
  width: 10px;
  height: 10px;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  position: absolute;
  background-color: #fff;
}
.stDispList li.active {
  background-color: #212121;
  border-color: #212121;
}
.stDispList li.stDispTp {
  left: -4px;
  top: -4px;
}
.stDispList li.stDispRt {
  right: -4px;
  top: -4px;
}
.stDispList li.stDispBt {
  right: -4px;
  bottom: -4px;
}
.stDispList li.stDispLt {
  left: -4px;
  bottom: -4px;
}
.stDispList li.stDispCt {
  left: 12px;
  top: 12px;
}
.stDispList li a {
  display: block;
}
.st3DTrig {
  position: absolute;
  right: 0;
  top: 3px;
  border-radius: 4px;
  z-index: 1;
}
.st3DTrig.active {
  background: #efefef;
}
.stOffSec {
  margin-top: 6px;
}
.stOffList {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  overflow: hidden;
}
.stOffList li {
  float: left;
  width: 50%;
}
.stOffList li a {
  display: block;
  text-align: center;
}
.stOffList li:last-child {
  border-left: 1px solid #e6e6e6;
}
.stOffList li.active {
  background-color: #efefef;
}
.shRotateSec .form-group {
  margin-bottom: 0;
  position: relative;
}
.stOffRow {
  margin-top: 10px;
}
.stColOff {
  display: none;
}
.shRotateSec .form-group img {
  position: absolute;
  background-color: #fff;
  bottom: 0;
  padding-right: 10px;
}
.shRotateSec.shRotate3d .form-group input {
  padding-left: 34px;
}
.stOffItem {
  width: 16px;
  height: 16px;
  border: 1px solid #212121;
  display: inline-block;
  padding: 2px;
  margin-top: 3px;
  position: relative;
  top: 1px;
}
.stOffItem .stOffInBox {
  width: 10px;
  height: 10px;
  border: 1px solid #212121;
}
.stOffItem.stOffTpBdr {
  border-top-color: #009399;
}
.stOffItem.stOffRtBdr {
  border-right-color: #009399;
}
.stOffItem.stOffBtBdr {
  border-bottom-color: #009399;
}
.stOffItem.stOffLtBdr {
  border-left-color: #009399;
}
.stDragChart .styleTabContentMain,
.stDragChartPre .styleTabContentMain {
  padding: 10px;
}
.stDragChart .btn {
  font-size: 14px;
  min-width: 80px;
  font-weight: 600;
}
.stDragChart .btn-primary {
  background-color: #009399;
  color: #fff;
  border-color: #009399;
}
.stDragChart .btn-secondary {
  background-color: #fff;
  border-color: #009399;
  color: #009399;
}
.stPreCtrl .btn {
  padding: 0;
  width: 24px;
  height: 24px;
  text-align: center;
  background-color: transparent;
  color: #212121;
}
.stPreCtrl .dropdown-menu {
  min-width: 80px;
  padding: 0;
  border-color: #e6e6e6;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
}
.stPreCtrl .dropdown-menu .dropdown-item {
  border-radius: 0;
  font-size: 12px;
  padding: 7px 10px;
}
.stPreCtrl .dropdown-toggle::after {
  display: none;
}
.stDragChartInfo p {
  margin: 10px 0 0 0;
}
.downarrowSize {
  height: 30px;
}
.uparrowSize {
  height: 10px;
}
#accountModal .headerSearch {
  float: none;
  width: calc(100% - 40px);
  margin-right: 0;
  margin: 20px 20px 0;
}
#projectModal .headerSearch {
  float: none;
  width: calc(100% - 40px);
  margin-right: 0;
  margin: 20px 20px 0;
}
.projectList li a:hover {
  background: #efefef;
}
/* .searchStyle {
    font-size: 20px;
    position: absolute;
    top: 25%;
    left: 4%;
    font-weight: 700;
} */
.searchStyle {
  font-size: 20px;
  position: absolute;
  top: 25%;
  left: 4%;
  font-weight: 700;
  display: none;
}
.proSecLogout {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  background: #fff;
  text-align: right;
  border-top: 1px solid #e6e6e6;
  border-radius: 0 0 4px 4px;
}
.mapTabTitle .saveTitleTrig {
  float: left;
  font-size: 13px;
  color: #757575 !important;
  background: #efefef;
  border: 1px solid #e6e6e6;
  padding: 2px 10px;
  border-radius: 30px;
  margin-left: 7px;
}
.mapTabTitle .saveTitleTrig span {
  position: relative;
  top: 2px;
}
.mapTabTitle .saveTitleTrig:hover,
.mapTabTitle .saveTitleTrig.active {
  background-color: #e2f3f2;
  border-color: #e2f3f2;
  color: #009399 !important;
}
.switchProSec img {
  width: 28px;
  padding: 5px;
}
.switchProSec i {
  width: 28px;
  padding: 5px;
}
.switchProSec .switchProText {
  display: none;
  background-color: #fff;
  color: #212121;
  font-size: 12px;
  padding: 2px 10px;
  width: 104px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  float: right;
}
.switchProSec:hover .switchProText {
  display: block;
}
#storageModal .modalTableSec {
  padding: 10px;
}
.dataSouceMain .form-control {
  height: 35px !important;
}
/* .dataSouceMain .ng-select.ng-select-single .ng-select-container {
    height: 20px!important;
} */
.dataSouceMain .dropdown-menu.show {
  padding: 0;
}
.dataSouceMain .dropdown-menu .dropdown-item {
  font-size: 14px;
}
.dataSourceSec {
  padding-top: 20px;
}
.preview {
  padding-top: 20px;
}
.dataSouceMain
  .ng-select.ng-select-single
  .ng-select-container
  .ng-arrow-wrapper {
  bottom: 6px;
}
.dataSouceMain
  .ng-select.ng-select-single
  .ng-select-container
  .ng-clear-wrapper {
  bottom: 3px;
}
.saveTrigNew {
  background-color: #efefef;
  border-radius: 8px;
  padding: 2px 10px 5px;
  margin-left: 10px;
}
.saveTrigNew span {
  font-size: 13px;
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items {
  display: block;
  height: auto;
  box-sizing: border-box;
  max-height: 150px;
  overflow-y: auto;
}
.toolTextSec .stDragSec {
  position: relative;
  box-shadow: none;
}
.toolTextSec .stDragLabelSec {
  bottom: 0;
  left: 0;
}
.toolTextSec .stDragSec .styleTabContentMain {
  padding: 10px;
}
.stDragChart .btn,
.stDragcusLayer .btn,
.stDrag3d .btn,
.stDragSurface .btn,
.stDragLabelSec .btn {
  font-size: 14px;
  min-width: 80px;
  font-weight: 600;
}
.stDragChart .btn-primary,
.stDragcusLayer .btn-primary,
.stDrag3d .btn-primary,
.stDragLabelSec .btn-primary,
.stDragDataset .btn-primary {
  background-color: #009399;
  color: #fff;
  border-color: #009399;
}
.stDragChart .btn-secondary,
.stDragcusLayer .btn-secondary,
.stDrag3d .btn-secondary,
.stDragLabelSec .btn-secondary {
  background-color: #fff;
  border-color: #009399;
  color: #009399;
}
.stDragSec.stDragSurface {
  left: -208px;
  top: 35px;
}
.stDragChart .btn,
.stDragcusLayer .btn,
.stDrag3d .btn,
.stDragSurface .btn {
  font-size: 14px;
  min-width: 80px;
  font-weight: 600;
}
.stDragChart .btn-primary,
.stDragcusLayer .btn-primary,
.stDrag3d .btn-primary,
.stDragSurface .btn-primary {
  background-color: #009399;
  color: #fff;
  border-color: #009399;
}
.stDragChart .btn-secondary,
.stDragcusLayer .btn-secondary,
.stDrag3d .btn-secondary,
.stDragSurface .btn-secondary {
  background-color: #fff;
  border-color: #009399;
  color: #009399;
}
.stDrag3d .styleTabContentMain,
.stDragSurface .styleTabContentMain {
  padding: 10px;
}
/* added by priya */
/* #popuplabel #label_pop {
    border: #dcdcdc 1px solid;
    border-radius: 4px 0px 0px 4px;
    padding: 5px 8px;
}

#popuplabel #btn-submit {
    border: #004572 1px solid;
    border-radius: 0px 4px 4px 0px;
    border-color: #009399 !important;
    color: #fff;
    margin-left: -1px;
}
*/
#popuplabel {
  display: flex;
  padding: 15px;
}
#popuplabel .modal-footer {
  padding: 0;
}
#popuplabel .stFontWgt {
  margin-left: 10px !important;
}
#popuplabel .col-md-4 .stCommonFields {
  border-top: 0;
  position: relative;
  padding-top: 0;
  margin-top: 10px;
}
#popuplabel .col-md-4 .stCommonFields h4 {
  float: left;
  margin: 4px 10px 0 0;
}
#popupdiv {
  display: flex;
  padding: 15px;
}
#popupdiv .modal-footer {
  padding: 0;
}
#popupdiv .stFontWgt {
  margin-left: 10px;
}
#popupdiv .col-md-4 .stCommonFields {
  border-top: 0;
  position: relative;
  padding-top: 0;
  margin-top: 10px;
}
#popupdiv .col-md-4 .stCommonFields h4 {
  float: left;
  margin: 4px 10px 0 0;
}
.mapTitleRt {
  float: right;
  height: 24px;
  margin-top: 2px;
}
.ic_save_group,
.ic_up_down {
  width: 24px;
  height: 24px;
  display: inline-block;
}
.ic_save_group {
  /* background: url(../img/raster_tiles.png)center center no-repeat; */

  /* background: url(../../assets/img/ic_save_group.svg) 0 0 no-repeat; */

  background: url('ic_save_group.fecf8871f9d8d14a55ef.svg') 0 0 no-repeat;
}
.ic_up_down {
  background: url('ic_up_down.3c6528fdb0a924faba0f.svg') 0 0 no-repeat;
}
.ic_edit_n,
.ic_layer_up {
  background-position: 0 0;
}
.ic_change_n,
.ic_layer_down {
  background-position: 0 -24px;
}
.ic_save_n {
  background-position: 0 -48px;
}
.editTitleTrig:hover .ic_edit_n,
.editTitleTrig.active .ic_edit_n,
.layerUpDown:hover .ic_layer_up,
.layerUpDown.active .ic_layer_up {
  background-position: -24px 0;
}
.editTitleTrig:hover .ic_save_n,
.editTitleTrig.active .ic_save_n {
  background-position: -24px -48px;
}
.mapTabTitle .changeTrig:hover .ic_change_n,
.mapTabTitle .changeTrig.show .ic_change_n,
.layerUpDown:hover .ic_layer_down,
.layerUpDown.active .ic_layer_down {
  background-position: -24px -24px;
}
.ng-dropdown-panel .scroll-host {
  max-height: 74px !important;
}
.isopolygonSec {
  padding: 10px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
}
.isopolygonSec .stFreeFields,
.isopolygonSec .stCommonRadio {
  margin-bottom: 10px;
}
.isopolygonSec .stCommonRadio .stCommonRadioItem {
  margin-bottom: 0;
  margin-right: 20px;
}
.isopolygonSec .stFreeFields label,
.isopolygonSec .stCommonRadio h4 {
  font-size: 12px;
  color: #757575;
  font-weight: 400;
  margin-bottom: 5px;
}
.isoColorPick {
  height: 18px;
  margin: 5px 0;
  display: block;
}
.isoCalTrig {
  display: inline-block;
  height: 21px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #757575;
}
.isoCalTrig:hover {
  color: #757575;
}
.isoCalTrig i {
  font-size: 21px;
}
/* Fly Through */
.addViaTrig {
  display: block;
  text-align: right;
  margin-bottom: 15px;
  color: #009398;
  text-decoration: underline;
  font-size: 14px;
}
.fromToSecFt {
  text-align: right;
}
.fromToSecFt .btn {
  font-size: 14px;
  padding: 5px 15px;
}
.fromToSecFt .btn-secondary {
  background-color: #fff;
  border-color: #009399;
  color: #009399;
  margin-right: 10px;
}
.fromToSecFt .btn-primary {
  background-color: #009399;
  border-color: #009399;
  color: #fff;
  font-size: 14px;
  padding: 4px 10px;
}
.rangeLbl {
  position: relative;
  top: -4px;
}
.blueRange {
  width: 90px;
  margin-left: 15px;
  position: relative;
  top: 4px;
}
.rangeVal {
  text-align: right;
  border: 0;
  margin-bottom: 10px;
}
.ovrlyAnyls {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 50%);
  z-index: 1;
  left: 0;
  top: 0;
  display: block;
}
#domeInputs {
  margin-bottom: 10px;
}
.basemapHead {
  position: relative;
}
.basemapHead a {
  position: absolute;
  right: 10px;
  top: 2px;
}
.basemapDescTerrain .basemapList {
  display: none;
}
.basemapDescTerrain.active .basemapList {
  display: block;
}
.basemapDesc .basemapHead a i {
  position: absolute;
  right: 10px;
  background: url('ic_exp_col.f5c37da38d98126b26ae.svg') 0 0 no-repeat;
  width: 24px;
  height: 24px;
}
.basemapDesc.active .basemapHead a i {
  background-position: -24px 0;
}
.labDel {
  width: 24px;
  height: 24px;
  color: rgb(0, 147, 153);
  background: rgb(255, 255, 255);
  border-radius: 4px;
  box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px;
  margin-left: 2px;
  text-align: center;
  display: inline-block;
  /* display: none; */
  /* vertical-align: middle; */
  /* position: absolute; */
}
.labDel > i {
  font-size: 17px;
  margin-top: 4px;
}
.welcomeSec {
  width: 100%;
  height: calc(100vh - 48px);
  overflow-y: auto;
  background-color: #f7f7f7;
}
.welcomeSec .container {
  padding: 0 60px;
}
.welBnrSec {
  padding: 40px 0 60px 0;
}
.welBnrTxt {
  float: left;
  width: 50%;
  margin-top: 130px;
}
.welBnrTxt h1 {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 40px;
}
.welBnrTxt p {
  font-size: 18px;
  padding-right: 110px;
}
.welBnrImg {
  width: 50%;
  float: right;
  margin-right: -100px;
}
.welWidget {
  background: #fff;
  text-align: center;
  min-height: 400px;
  padding: 40px;
  margin-bottom: 40px;
  border-radius: 4px;
  display: block;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px rgb(0 0 0 / 16%);
  transition: all 0.7s ease;
}
.welWidget:hover,
.recItem:hover {
  border-color: #e6e6e6;
  box-shadow: 0 1px 10px rgb(0 0 0 / 16%);
  transition: all 0.7s ease;
  text-decoration: none;
}
.welWidget img {
  margin-bottom: 24px;
}
.welWidget h2 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 30px;
  color: #212121;
}
.welWidget p {
  font-size: 14px;
  color: #757575;
}
.recHead {
  margin-bottom: 40px;
}
.recHead h3 {
  font-size: 22px;
  font-weight: 400;
  float: left;
  width: 50%;
  margin-top: 8px;
  margin-bottom: 0;
}
.recHead .nav {
  float: right;
}
.recHead .nav-pills {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  overflow: hidden;
}
.recHead .nav-pills .nav-link {
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
  line-height: 38px;
  border-radius: 0;
}
.recHead .nav-pills .nav-link.active {
  background-color: #e1f0f1;
}
.recHead .nav-pills .nav-link .ic_grid_list {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  display: inline-block;
  /* background-image: url(../img/welcome/ic_grid_list.svg); */
  background-image: url('ic_grid_list.5c97137bc3fc1d43d48d.svg');
}
.ic_ind_grid {
  background-position: 0 0;
}
.recHead .nav-pills .nav-link.active .ic_ind_grid {
  background-position: -24px 0;
}
.ic_ind_list {
  background-position: -48px 0;
}
.recHead .nav-pills .nav-link.active .ic_ind_list {
  background-position: -72px 0;
}
.recItem {
  background: #fff;
  min-height: 375px;
  padding: 20px;
  margin-bottom: 40px;
  border-radius: 4px;
  display: block;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px rgb(0 0 0 / 16%);
  transition: all 0.7s ease;
}
.recItem h2 {
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  margin-bottom: 20px;
}
.lastModi {
  margin-top: 20px;
  color: #757575;
}
.lastModi h5 {
  font-size: 14px;
  font-weight: 400;
}
.lastModi p {
  font-size: 12px;
}
.recNewWork {
  text-align: center;
  background-color: #e1f0f1;
  border: 1px dashed #009399;
  padding-top: 140px;
}
.recNewWork:hover {
  border-color: #009399;
}
.recNewWork p {
  font-size: 16px;
  color: #009399;
  margin-top: 20px;
}
.listViewTable {
  background-color: #fff;
  padding-bottom: 100px;
  margin-bottom: 40px;
}
.listViewTable .table {
  font-size: 14px;
}
.listViewTable .table th {
  background-color: #efefef;
}
.listViewTable .table th,
.listViewTable .table td {
  padding: 12px 20px;
  vertical-align: middle;
}
.bookmark .table td {
  max-width: 150px;
  word-wrap: break-word;

  padding: 2px 10px;
  vertical-align: middle;
}
.workflowNameSec {
  position: absolute;
  left: 50%;
  margin-left: -120px;
}
.workflowNameSec .dropdown-toggle::after {
  display: none;
}
.workflowNameSec .btn-primary {
  color: #212121;
  background-color: transparent;
  border-color: transparent;
  font-size: 14px;
  font-weight: 500;
  padding-right: 0;
  padding-left: 0;
}
.workflowNameSec .btn-primary:focus,
.workflowNameSec .btn-primary.dropdown-toggle:focus {
  color: #212121;
  background-color: transparent;
  border-color: transparent;
  outline: none;
  box-shadow: none;
}
.workflowNameSec .btn-primary.dropdown-toggle:focus {
  color: #757575;
}
.workflowNameSec .dropdown-toggle-split {
  padding: 0;
  margin-top: 6px;
  color: #757575;
}
.workflowNameSec .dropdown-toggle-split .material-icons {
  font-size: 21px;
}
.workflowNameSec .workFlowInput {
  font-size: 14px;
  font-weight: 500;
  color: #212121;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 5px;
}
.workflowNameSec .dropdown-menu {
  top: 10px !important;
  width: 350px;
  margin-left: -175px;
  border-color: #e6e6e6;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}
.mgisRec li {
  position: relative;
}
.mgisRec li .mgisRecText {
  color: #212121;
  font-size: 13px;
  display: block;
  padding: 5px 10px;
}
.mgisRec li:hover .mgisRecText {
  color: #009399;
  background-color: #e2f3f2;
}
.mgisRec li .mgisRecCan {
  color: #757575;
  position: absolute;
  right: 10px;
  top: 6px;
}
.mgisRec li .mgisRecCan i {
  font-size: 17px;
}
.mgisDropAdd {
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
}
.mgisDropAddTrig {
  display: block;
  color: #009c96 !important;
  font-size: 14px;
  background-color: #def4f2;
  text-align: center;
  border: 1px solid #009c96;
  border-radius: 4px;
  padding: 5px;
}
.mgisDropAddTrig:hover {
  color: #009c96 !important;
}
.mgisDropAddTrig i {
  vertical-align: middle;
  font-size: 21px;
  position: relative;
  top: -1px;
}
.mgisDropSearch {
  padding: 10px;
}
.mgisDropSearch .tableSearch {
  position: relative;
  width: 100%;
  margin-left: 0;
  height: 32px !important;
  top: 0;
}
.headerUl li .mgisHeadAddTrig {
  width: 32px;
  height: 32px;
  color: #009399;
  border: 1px solid #009399;
  position: relative;
  top: 1px;
}
.headerUl li .mgisHeadAddTrig:hover,
.headerUl li .mgisHeadSave:hover {
  border-color: #009399;
  color: #009399;
}
.headerUl li .mgisHeadAddTrig i {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  display: inline-block;
  font-size: 21px;
}
.headerUl li .mgisHeadSave {
  border-radius: 4px;
  border: 1px solid #009399;
  padding: 5px 16px 4px;
  font-size: 14px;
  color: #009399;
  margin-left: 10px;
  height: 32px;
  position: relative;
  top: 1px;
}
.headerUl li .mgisHeadSave i {
  position: relative;
  top: -2px;
}
.ic_exp_col {
  width: 24px;
  height: 24px;
  display: inline-block;
  /* background: url(ic_exp_col.fa72c1e….svg) 0 0 no-repeat; */
  background: url('ic_exp_col.f5c37da38d98126b26ae.svg') 0 0 no-repeat;
}
a.active .ic_exp_col {
  background-position: -24px 0;
}
.layerPar {
  padding: 4px 20px 4px 8px;
  background-color: #f6f6f6;
}
.layerPar .layerUpDownItem {
  float: right;
}
.layerPar .layerUpDownItem .layerUpDown.active {
  color: #109995;
  background: #e2f2f2;
}
.layerPar .layerUpDownItem a {
  display: inline-block;
  height: 32px;
  padding: 4px;
  border-radius: 4px;
}
.layerPol {
  margin-right: 20px;
  float: right;
  opacity: 0.5;
}
.mainNav {
  position: relative;
  height: 100%;
}
.mainNav > li:last-child {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.totalStoTit .totalVal {
  margin-bottom: 10px;
  margin-left: 0;
}
.totalVal {
  font-weight: 700;
  margin-left: 0;
}
.totalVal span {
  font-weight: 400;
}
td label:after {
  display: none;
}
.table .stCommonCheckItem {
  padding-left: 16px;
}
.scroll-host .stCommonCheckItem {
  padding-left: 20px;
}
.table .checkmark,
.scroll-host .checkmark {
  top: -6px;
  height: 14px;
  width: 14px;
}
.scroll-host .checkmark {
  pointer-events: none;
}
.table .stCommonCheckItem .checkmark:after,
.scroll-host .stCommonCheckItem .checkmark:after {
  left: 4px;
  top: 0;
  width: 5px;
  height: 9px;
}
.tableSearch {
  width: 100px;
  height: 22px !important;
  display: inline-block;
  position: absolute;
  top: 3px;
  margin-left: 10px;
}
.scrInTab {
  overflow: auto;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
.scrInTab .table {
  margin-bottom: 0;
}
.tooltip {
  pointer-events: none;
}
.commonActionTitle.active {
  font-weight: 600;
  border-bottom-color: transparent;
}
.commonActionTitle > i {
  position: absolute;
  right: 50px;
  top: 6px;
  cursor: pointer;
}
.accDrop {
  margin-top: -2px;
}
.innerTitleBox .ic_exp_col {
  position: absolute;
  right: 10px;
  top: 7px;
}
.mgisRec {
  max-height: 200px;
  overflow-y: auto;
}
.guideTour {
  padding: 10px 50px;
  position: relative;
}
.guideTourImg {
  padding: 10px;
  border: 1px solid#e6e6e6;
  border-radius: 4px;
  position: relative;
  height: 400px;
}
.guideTourImg .gifZoom {
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  color: #757575;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  padding-top: 6px;
  box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
}
.guideTourImg .gifZoom i {
  font-size: 21px;
}
.guideTourText p {
  font-size: 14px;
  margin-bottom: 0;
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 4px;
  margin-top: 20px;
  display: inline-block;
  padding: 6px 50px;
}
.owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  margin-top: -70px !important;
  width: 100%;
}
.owl-carousel .owl-nav button {
  width: 32px;
  height: 32px;
  border: 1px solid #009399 !important;
  color: #009399 !important;
  background-color: #fff !important;
  border-radius: 50% !important;
  margin: 0 !important;
  vertical-align: middle;
  overflow: hidden;
}
.owl-carousel .owl-nav button:focus,
.owl-theme .owl-dots .owl-dot:focus {
  outline: none;
  box-shadow: none;
}
.owl-carousel .owl-nav button span {
  font-size: 24px;
  position: relative;
  top: -5px;
}
.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  left: -40px;
}
.owl-carousel .owl-nav .owl-next {
  position: absolute;
  right: -40px;
}
.owl-theme .owl-dots .owl-dot span {
  width: 8px !important;
  height: 8px !important;
  margin: 20px 4px 10px !important;
  background: rgb(0 147 153 / 25%) !important;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #009399 !important;
}
.useCaseItem {
  padding: 20px;
  border: 2px solid #e6e6e6;
  border-radius: 4px;
  height: 270px;
}
.useCaseItem .mgisCatImg {
  width: 60px;
  height: 60px;
  background: #e7eef5;
  text-align: center;
  border-radius: 50%;
  padding-top: 16px;
  margin-bottom: 20px;
}
.useCaseItem .mgisCatImg > img {
  width: 24px !important;
  display: inline-block !important;
}
.useCaseItem:hover {
  box-shadow: 0 1px 10px rgb(0 0 0 / 16%);
  transition: all 0.7s ease;
}
.useCaseItem h2 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 20px;
}
.useCaseList {
  list-style: disc;
}
.useCaseList li {
  margin-bottom: 10px;
  margin-left: 20px;
}
.sidePrivacy {
  background-position: 0 -696px;
}
a:hover i.sidePrivacy,
a.active i.sidePrivacy {
  background-position: -24px -696px;
}
.sideGeoAdd {
  background-position: 0 -744px;
}
a:hover i.sideGeoAdd,
a.active i.sideGeoAdd {
  background-position: -24px -744px;
}
.sideRevGeoAdd {
  background-position: 0 -768px;
}
a:hover i.sideRevGeoAdd,
a.active i.sideRevGeoAdd {
  background-position: -24px -768px;
}
.sideBatRout {
  background-position: 0 -792px;
}
a:hover i.sideBatRout,
a.active i.sideBatRout {
  background-position: -24px -792px;
}
.mainNav > li > a:hover {
  text-decoration: none;
}
.mainNav > li:hover > a:hover i.sideTool,
.mainNav > li:hover > a.active i.sideTool {
  background-position: -24px -528px;
}
.mainNav > li:hover > a:hover i.sideVisual,
.mainNav > li:hover > a.active i.sideVisual {
  background-position: -24px -552px;
}
.mainNav > li:hover > a:hover i.sideInform,
.mainNav > li:hover > a.active i.sideInform {
  background-position: -24px -576px;
}
#st-cluster .styleTabContentMain,
#st-gradient .styleTabContentMain,
#st-heat .styleTabContentMain {
  padding: 0 10px;
  height: 470px;
}
#st-basic .styleTabContentMain {
  padding: 0 10px;
  margin-top: 10px;
  height: 300px;
}
#st-raster .styleTabContentMain {
  padding: 0 10px;
  height: 380px;
}
.lay_nm_edit {
  display: inline-block;
  height: 24px;
  position: absolute;
  margin-top: -5px;
  margin-left: 5px;
}
.font_preview {
  overflow-y: auto;
  height: 160px;
}
.stFontPreviewItem {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 2px;
  word-break: break-all;
}
.group p {
  padding: 0 10px;
}
.group p span {
  font-weight: 600;
}
.leaflet-measure-resultpopup .tasks {
  padding-bottom: 10px !important;
}
.leaflet-measure-resultpopup .tasks li,
.leaflet-measure-resultpopup .tasks li:hover {
  color: #009399;
}
/* print styles */
#print-footer {
  font-size: 15px !important;
  text-align: right !important;
  padding-top: 1mm !important;
}
#print-header {
  font-size: 30px !important;
  text-align: left !important;
}
.info-legend {
  padding: 5px;
  width: 150px;
  max-height: 300px;

  background: rgb(255, 255, 255);
  border-radius: 0.3rem;
  border: 1px solid #e6e6e6;
  overflow: hidden;
}
.title-control {
  width: auto;
  padding: 5px;
  word-wrap: break-word;

  background: rgb(255, 255, 255);
  border-radius: 0.3rem;
  border: 1px solid #e6e6e6;
}
.title-control h4 {
  font-size: 15px;
  font-weight: 500;
}
.leaflet-control-browser-print {
  display: none !important;
}
.stReportSec {
  width: 500px;
}
.areaMeasSec {
  width: 100%;
}
.areaMeasHead {
  padding: 10px 10px 6px;
  border-bottom: 1px solid #e6e6e6;
}
.areaMeasHead h2 {
  font-size: 14px;
  font-weight: 600;
  float: left;
  margin-bottom: 0;
}
.areaMeasHead a {
  float: right;
}
.areaMeasBody {
  padding: 10px;
}
.areaMeasItem:first-child {
  border-right: 1px solid #e6e6e6;
  float: left;
  width: 45%;
}
.areaMeasItem:last-child {
  float: left;
  max-width: 52%;
  padding-left: 5px;
}
.areaMeasItem h4 {
  font-size: 12px;
  color: #212121;
  font-weight: 400;
  margin-bottom: 0;
}
.areaMeasItem p {
  font-size: 12px;
  color: #757575;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}
.areaMeasItem h5 {
  font-size: 12px;
  color: #212121;
  font-weight: 600;
  margin-bottom: 0;
}
.areaMeasBtm {
  border-top: 1px solid #e6e6e6;
  padding: 6px 10px;
  text-align: right;
}
.areaMeasBtm a {
  text-decoration: underline !important;
  margin-left: 20px;
  font-size: 12px;
  font-weight: 600;
}
.areaMeasBtm > .pri-trig,
.areaMeasBtm > .pri-trig:hover {
  color: #3c9197 !important;
}
.areaMeasBtm > .del-trig,
.areaMeasBtm > .del-trig:hover {
  color: #ef3502 !important;
}
.bottomInfoListItem .leaflet-control {
  top: 2px;
}
.leaflet-mouse-marker {
  background-color: #fff;
  cursor: crosshair;
}
.marker-snapped span {
  background-color: yellow !important;
  border: 1.5px solid blue !important;
  cursor: crosshair !important;
  width: 0.75rem !important;
  height: 0.75rem !important;
}
/* compare-view modal ui */
.swipeView {
  width: 280px;
  height: 36px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px 0 0 4px;
  position: absolute;
  top: 0;
  right: 36px;
  box-shadow: 0 0 4px rgb(0 0 0 / 10%);
  display: block;
}
.swipeView .mainDiv {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
}
.view {
  width: 100%;
  padding: 4px;
  margin: 2px;
  border: 1px solid #ddd;
  cursor: pointer;
  font-weight: 600;
}
.view:hover {
  color: #009399 !important;
  background-color: #e2f3f2 !important;
  border-color: #009399 !important;
}
.stSplitSec {
  max-width: 100%;
  margin: 0.5px;
}
.gutter {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 5px !important;
}
.gutter.gutter-horizontal {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==");
  cursor: col-resize;
}
#map-left,
#map-right {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#left,
#right,
.gutter {
  height: 100%;
  width: 100%;
}
#left,
#right,
.gutter {
  /* float: left; */
  position: relative;
  overflow: hidden;
}
#splitContainer {
  height: 100%;
  display: flex;
  flex-direction: row;
}
#map-left {
  left: 0;
  top: 0;
}
#map-right {
  right: 0;
  top: 0;
}
.map-logo {
  position: absolute;
  z-index: 1000;
  right: 15px;
  bottom: 20px;
  width: 100px;
}
.splitViewMain {
  position: absolute;
  right: 15px;
  bottom: 10px;
  width: 250px;
  z-index: 1001;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 4px rgb(0 0 0 / 16%);
  transition: all 0.2s ease;
}
.splitViewMain.splitViewHide {
  right: -250px;
  transition: all 0.2s ease;
}
.splitMapControlList {
  position: absolute;
  left: -37px;
  top: 97px;
  background-color: #fff;
  box-shadow: 0 0 4px rgb(0 0 0 / 16%);
  border-radius: 4px 0 0 4px;
}
.splitMapControlList li {
  width: 36px;
  height: 36px;
  border-bottom: 1px solid #efefef;
}
.splitMapControlList li:last-child {
  border-bottom: 0;
}
.splitMapControlList li a {
  display: block;
  color: #757575;
  height: 100%;
  text-align: center;
  padding-top: 6px;
}
.splitMapControlList li a.disabled {
  cursor: not-allowed !important;
  background: #efefef;
}
.splitViewHead {
  padding: 8px 10px;
  border-bottom: 1px solid #efefef;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-height: 40px;
}
.splitViewHead h2 {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 3px;
}
.splitBasemapList li {
  padding: 0 5px;
  width: 50%;
  float: left;
}
.splitBasemapList li a {
  display: block;
  text-align: center;
}
.splitBasemapList li a:hover {
  background-color: #d8ecf5;
  cursor: pointer;
}
.activeBasemap {
  background-color: #e2f3f2;
  cursor: pointer;
}
.activeControl .page-link {
  background-color: #009399;
  border-color: #009399;
}
.splitBasemapList li a img {
  width: 50px;
  margin: 5px 0;
  border-radius: 4px;
}
.splitBasemapList li a p {
  color: #212121;
}
.splitViewHead .page-link {
  border-color: #009399;
  color: #009399;
  line-height: 0.5;
  height: 24px;
}
.splitViewHead .activeControl .page-link {
  color: #fff;
}
#splitLayer {
  width: 230px;
  margin: 0 auto;
}
.splitLayerListItem {
  position: relative;
  padding: 6px 10px;
}
.splitLayerListItem h2 {
  width: 70%;
  font-size: 14px;
  font-weight: 400;
}
.splitLayerListItem a {
  color: #aeaeae;
  height: 36px;
  position: absolute;
  right: 10px;
  top: -4px;
}
.splitLayerListItem a > i {
  font-size: 44px;
}
.splitLayerListItem a.active {
  color: #009399;
}
.fade.in {
  opacity: 1;
}
.splitViewTabs .nav-tabs {
  border-color: #efefef;
}
.splitViewTabs .tab-content {
  padding: 10px;
  height: 250px;
  overflow-y: auto;
}
.splitViewTabs .nav-tabs > li {
  float: left;
  width: 50%;
}
.splitViewTabs .nav-tabs > li a {
  display: block;
  text-align: center;
  color: #757575;
  padding: 10px;
}
.tablecheck {
  width: 0;
}
.tabletitle {
  font-weight: 500;
}
.errorCheck {
  font-weight: 500;
  color: #ed1c24;
}
.splitViewTabs .nav-tabs > li a.active {
  border-bottom: 2px solid #009399;
  color: #212121;
}
/* ... Dots */
.layerDescList li.dropdown .btn {
  padding: 3px;
  background-color: transparent;
  line-height: 0;
  color: #757575;
}
.layerDescList li.dropdown .dropdown-toggle::after {
  display: none;
}
.layerDescList li.dropdown .dropdown-menu {
  position: absolute;
  transform: translate3d(0px, -69px, 0px);
  top: 0px;
  left: 0px;
  will-change: transform;
  min-width: 0px;
  padding: 0px;
}
.sideExpPri {
  background-position: 0 -864px;
}
a:hover i.sideExpPri,
a.active i.sideExpPri {
  background-position: -24px -864px;
}
.previewExpSec {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background: rgb(253, 253, 253);
}
.previewExpItem {
  width: 100%;
  height: 100%;
}
.previewExpClose {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 10px;
  top: 10px;
  background: #009399;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff !important;
  text-align: center;
  padding-top: 3px;
  box-shadow: rgb(0 0 0 / 20%) 0px 0px 6px;
}
.previewExpClose:hover {
  color: #fff;
}
.previewExpClose i {
  font-size: 24px;
}
.previewExpItem {
  width: 100%;
  height: 100%;
}
/* time aware visualization css */
.timeAware {
  background-position: 0 -912px;
}
a:hover i.timeAware {
  background-position: -24px -912px;
}
a.active i.timeAware {
  background-position: -24px -912px;
}
#timeContainer {
  height: 100%;
}
.timeModal {
  width: 400px;
  position: relative;
}
.timeModal .modal-header {
  cursor: move;
}
.timeModal .stCommon h4 {
  font-size: 13px;
  background: #fff;
  margin-bottom: 6px;
  position: relative;
}
.leaflet-bar-timecontrol {
  box-shadow: none !important;
}
.leaflet-bar-timecontrol a {
  display: block !important;
}
.layerExp {
  background-position: 0 -216px;
}
a.active i.layerExp {
  background-position: -24px -216px;
}
.layerSearchFil {
  background-position: 0 -192px;
}
a:hover i.layerSearchFil {
  background-position: -24px -192px;
}
a.active i.layerSearchFil {
  background-position: -24px -192px;
}
.layerDescScrOverflow {
  max-height: calc(100vh - 125px);
  overflow-y: auto;
}
.timeViewMain {
  position: absolute;
  border-radius: 4px;
  left: 50%;
  transform: translate(-50%, -10%);
  bottom: 12px;
  width: auto;
  z-index: 999;
  background: rgba(1, 1, 1, 0.5);
}
.timeViewHead {
  padding: 5px;
  display: flex;
  align-items: center;
}
.timeViewHead a {
  height: 24px;
  color: #fff !important;
}
.title {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0;
  color: #fff;
  height: 24px;
  width: 83px;
}
.layer,
.title {
  margin-right: 5px;
  padding-right: 5px;
  border-right: 1px solid #fff;
}
.dates {
  width: 150px;
  margin-right: 5px;
}
.layer {
  width: 200px;
}
.playerBody {
  border-top: 1px solid #efefef;
  height: 50px;
}
.timeLayer .form-control {
  height: 26px !important;
  border: 1px solid #ddd;
  padding: 0 10px;
  border-radius: 4px;
  line-height: 1.2;
}
.timeLayer .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  line-height: 2.5em;
  min-height: 2.5em;
}
.timeLayer .ng-select.ng-select-single .ng-select-container {
  height: 28px !important;
}
.ng-dropdown-panel.ng-select-top {
  bottom: 28px !important;
}
.timeLayer .ng-dropdown-panel .scroll-host {
  max-height: 175px !important;
}
.timeLegendCtrl,
.timeAwareCtrl {
  position: absolute;
  border: 1px solid #ddd;
  box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
  z-index: 1000;
}
.timeAwareCtrl {
  right: 20px;
  top: 30%;
}
.timeLegendCtrl {
  width: 200px;
  /* max-height: 200px; */
  top: 10px;
  left: 10px;
  /* padding: 5px; */
  /* overflow-y: auto; */
  border: 1px solid #ddd;
  border-radius: 0.3rem;
  background: rgb(255, 255, 255);
  box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
}
.timeLegendCtrl h2 {
  font-size: 14px;
  padding: 5px;
  margin-bottom: 0;
  border-bottom: 1px solid #ddd;
}
.cesium-viewer-timelineContainer {
  bottom: 33px !important;
}
.cesium-viewer-animationContainer {
  bottom: 33px !important;
}
.userIdelModalWindow,
.userIdelModal {
  overflow: auto;
}
.myDatasetHead {
  margin-bottom: 10px;
}
.stDragSec label {
  color: #757575;
}
.stCommonFieldsItem
  .ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-value
  .ng-value-icon {
  color: #757575;
  float: right;
  margin-top: 3px;
}
.ng-arrow {
  color: #757575 !important;
}
.mapControlList li .swipeView {
  width: auto;
  border: 0;
  color: #757575;
  overflow: hidden;
}
.mapControlList li .swipeView .view {
  margin: 0;
  margin-right: -1px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
.mapControlList li .swipeView .view i {
  position: relative;
  top: 2px;
  font-size: 22px;
}
.mapControlList li .swipeView .view:hover {
  border-color: #e6e6e6 !important;
}
.labelh2 {
  font-size: 12px;
  color: #757575;
}
.ms-mark-preview {
  width: 100%;
  height: 100%;
  padding: 0;
  text-align: center;
}
.img-preview-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-value
  .ng-value-icon {
  color: #009399 !important;
}
.legendBoundary .leaflet-popup-content-wrapper {
  /* display: contents; */
  /* box-shadow: none;
  background: transparent; */
}
@media only screen and (max-width: 768px) {
  .header {
    padding: 10px;
  }

  .headerLt .logo {
    font-size: 20px;
  }

  .headerLt .logo img {
    width: 72px;
  }

  .headerRt.proDrop {
    display: block;
  }
  .headerSearch {
    position: fixed;
    width: 100%;
    display: none;
    padding: 6px 10px;
    top: 48px;
    left: 0;
    z-index: -1;
    border-radius: 0;
    border: 0;
    border-top: 1px solid #e6e6e6;
  }

  .headerSearch input {
    height: 44px;
    border: 1px solid #e6e6e6;
  }

  .headerSearch i {
    top: 11px;
  }

  .headerSearchSugg {
    left: 0;
  }

  .workflowNameSec {
    margin-left: -40px;
  }

  .leftPanel {
    left: -190px;
    z-index: 3;
  }

  .leftPanel.colLeftPanelMob {
    left: 0;
  }
  .layerDescItem {
    margin-bottom: 10px;
  }

  .headerLt .logo span {
    font-size: 12px;
    padding-left: 0;
    margin-left: 0;
  }

  .headerUl li {
    margin-left: 5px;
    float: left;
    display: none;
  }

  .headerUl li:last-child {
    display: block;
  }

  .headerUl li.mobHide {
    display: none;
  }

  .headerUl li .projList li {
    display: block;
  }

  .headerUl li.mobRouting {
    display: block;
  }

  .headerUl li a {
    padding: 5px 3px;
  }

  .headerLt .headMenu {
    width: 36px;
    margin-right: 0;
    top: 1px;
    line-height: 20px;
  }

  .headerRt.mobHeaderRt {
    margin-right: 40px;
  }

  .newMapList li {
    width: 47%;
  }

  .commonMidSec {
    padding: 20px 20px 20px 68px;
  }

  .uploadTrig,
  .uploadTrig:hover {
    margin: 0 10px;
  }

  .uploadTrig img {
    width: 72px;
    height: 72px;
  }

  .uploadTrig span {
    margin-top: 10px;
    font-size: 12px;
  }

  .rightPanel {
    width: 250px;
    right: 0;
    z-index: 3;
  }
  .rightPanel.expandPanel {
    right: -250px;
  }

  .colPanelTri > i {
    transform: rotate(180deg);
  }

  .bottomMidSide,
  .bottomRightSide {
    display: none;
  }

  .bottomBarSec {
    background-color: transparent;
    z-index: 0;
    left: 0;
  }

  .bottomBarSec.bottomBarLp,
  .bottomBarSec.bottomBarLp.bottomBarRp {
    width: 100%;
    left: 0;
  }

  .mapLogoImg {
    width: 80px;
    margin: 0;
    position: fixed;
    right: 0;
    bottom: 5px;
  }

  .mapControlSec {
    left: -40px;
  }

  .mapControlList li {
    width: 32px;
    height: 32px;
  }

  .mapControlList li a {
    padding-top: 4px;
  }

  .myDatasetHead .totalVal {
    float: right;
  }

  .myDatasetHead {
    margin-bottom: 0;
    position: relative;
  }

  .myDatasetHeadMob {
    margin-bottom: 28px;
  }

  .myDatasetHeadMob .filSec,
  .myDatasetHeadMob .totalVal {
    position: relative;
    top: 23px;
  }

  .myDatasetHeadMob #refreshDataset {
    position: absolute;
    right: 0px;
    top: -7px;
  }

  .scrInTab {
    max-height: 230px;
  }

  .loginBox {
    height: 36px;
    width: 36px;
    top: 2px;
    font-size: 14px;
    line-height: 38px;
  }

  #projectModal .headerSearch,
  #accountModal .headerSearch {
    display: block;
    position: relative;
    top: 0;
    padding: 0;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    z-index: 1;
  }

  #projectModal .headerSearch input,
  #accountModal .headerSearch input {
    border: 0;
  }

  .mainNav > li .mainNav {
    width: 170px;
  }

  .mainNav > li:last-child,
  .modal-table-option .layerTableCtrl a:first-child,
  .mgisDropAdd {
    display: none;
  }

  .mainNav > li .mainNav > li:last-child {
    display: block;
  }

  .tableDataSearch {
    margin-right: 0;
  }

  .tableSearch {
    width: 63px;
  }

  .cesium-timeline-main {
    margin-left: -41px !important;
  }

  .cesium-viewer-animationContainer {
    margin-left: -40px !important;
  }

  .welcomeSec .container {
    padding: 0 30px;
  }

  .welBnrSec {
    padding: 40px 0;
    position: relative;
  }

  .welBnrTxt {
    width: 100%;
    margin-top: 0;
    position: relative;
    z-index: 1;
  }

  .welBnrTxt h1 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px;
  }

  .welBnrTxt p {
    font-size: 14px;
    padding-right: 20px;
    margin-bottom: 0;
  }

  .welBnrImg {
    width: 100%;
    float: none;
    margin-right: 0;
    position: absolute;
    top: 0;
    opacity: 0.1;
  }

  .welWidget,
  .recItem {
    min-height: 300px;
    padding: 20px;
    margin-bottom: 20px;
  }

  .recNewWork {
    display: none;
  }

  .recHead {
    margin-bottom: 20px;
  }

  .listViewTable {
    overflow-x: auto;
  }

  .basemapList {
    max-height: calc(100vh - 534px) !important;
  }

  .snackbarSec {
    bottom: 10px !important;
  }

  .directionsSec {
    width: 100%;
    border-radius: 0 0 4px 4px;
    right: 0;
    top: 49px;
    padding: 0 10px;
  }
}
.sideBookmark {
  background-position: 0 -936px;
}
a:hover i.sideBookmark,
a.active i.sideBookmark {
  background-position: -24px -936px;
}
.slidecontainer {
  position: absolute;
  bottom: 235px;
  transform: rotate(270deg);
}
.modal-expression .queryContentMain .stCommonFields.pb0 {
  margin-top: 0;
  border-top: 0;
  border-bottom: 1px solid #e6e6e6;
}
.txtAreBor {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
.modal-expression .textArea {
  width: 100% !important;
  height: 50px !important;
  padding: 5px;
  font-size: 13px;
  font-weight: 500;
  border-style: none;
  border-color: Transparent;
  overflow: auto;
}
.chngColorgreen {
  color: green;
}
.chngColorred {
  color: red;
}
.modal-expression .stCommonFields .btn.btn-operator {
  min-width: 30px;
  width: 15%;
  font-size: 10px;
  height: 24px;
  padding: 0;
}
.modal-expression.modal-dialog {
  max-width: 550px;
}
/* Style the buttons that are used to open and close the accordion panel */
.accordion-exp {
  display: flex;
  align-items: center;
  color: #212121 !important;
  background-color: #ffffff;
  font-weight: 500;
  cursor: pointer;
  width: 100%;
  text-align: left;
  margin: 5px 0;
  border: none;
}
.functionDiv {
  overflow: hidden;
  height: 165px;
  padding: 5px;
  border: 1px solid #e6e6e6;
}
.functionSearch {
  width: 100%;
  height: 22px !important;
  display: inline-block;
}
.searchDiv {
  margin-bottom: 5px;
}
.accordion-exp i {
  font-size: 12px;
  margin-right: 10px;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion-exp:active .accordion-exp:hover {
  background-color: #e6e6e6;
}
/* Style the accordion panel. Note: hidden by default */
.panel-btn {
  padding: 0 18px;
  background-color: white;
  display: block;
  overflow: hidden;
}
.ui-widget {
  max-width: 258px !important;
  top: 578px !important;
  max-height: 100px !important;
  overflow-y: auto !important;
  z-index: 99999;
}
.ui-widget.ui-widget-content {
  border-bottom: 1px solid #e6e6e6;
}
.ui-state-active {
  color: #009399 !important;
  border: 1px solid #009399 !important;
}
.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
  font-size: 12px;
  border-bottom: 1px solid #e6e6e6;
}
.commonRtPnl > .tab-content {
  /* overflow-y: auto; */
}
.leaflet-middle {
  width: 100% !important;
  height: 100% !important;
}
.watermarked {
  position: fixed !important;
  overflow: hidden !important;
  height: 100% !important;
  width: 100% !important;
}
.watermarked::before {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0.2;
  transform: scale(2);
  background: url('mappls-mapmyindia.2ec9890829970228d3a0.svg') 0 0 space;
  background-size: 40px auto;
  background-position: center !important;
}
.watermarked-export {
  position: fixed !important;
  overflow: hidden !important;
  height: 100% !important;
  width: 100% !important;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0.2;
  transform: scale(2);
  background: url('mappls-mapmyindia.2ec9890829970228d3a0.svg') 0 0 repeat;
  background-size: 30px auto;
  background-position: center !important;
}
.leaflet-middle {
  width: 100% !important;
  height: 100% !important;
}
.watermarked {
  position: fixed !important;
  overflow: hidden !important;
  height: 100% !important;
  width: 100% !important;
}
.watermarked::before {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0.2;
  transform: scale(2);
  background: url('mappls-mapmyindia.2ec9890829970228d3a0.svg') 0 0 space;
  background-size: 40px auto;
  background-position: center !important;
}
.watermarked-export {
  position: fixed !important;
  overflow: hidden !important;
  height: 100% !important;
  width: 100% !important;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0.2;
  transform: scale(2);
  background: url('mappls-mapmyindia.2ec9890829970228d3a0.svg') 0 0 repeat;
  background-size: 30px auto;
  background-position: center !important;
}
.slideUp {
  bottom: 315px !important;
}
.heightgraph {
  margin-left: 45px !important;
  margin-bottom: 37px !important;
}
.slideUpheightgraph {
  bottom: 372px !important;
}
@media (max-width: 768px) {
  .commonInfoSec {
    bottom: 10px !important;
    right: 10px;
  }
}
.leaflet-overlay-pane svg{
  z-index: 8000 !important;
}