@media (min-width: 768px) {
  .storymapicon {
       width: 50%;
  }
}

@media (min-width: 992px) {
  .storymapicon {
       width: 50%;
  }
}

.break-text {
  white-space: pre-line !important;
}

.firstColumn{
  border-bottom: 1px solid #dee2e6 !important;
}

.ehkgIcon{
  width: 15px;
  height: 15px;
}

.moreIcon{
  background-image: url('/images/map-services-icon/arrow_down.svg');
  background-position: left 3px;
  background-repeat: no-repeat;
  padding-left: 1.6em;
  background-size: 15px;
}

.lessIcon{
  background-image: url('/images/map-services-icon/arrow_up.svg');
  background-position: left 3px;
  background-repeat: no-repeat;
  padding-left: 1.6em;
  background-size: 15px;
}

.custom-btn {
  max-height:40px;
  cursor: pointer;
  cursor: hand;
}

.tabGroup > li > div{
  background-color: #e0f2f5;
  font-weight: bold;
  color: #828282;
  font-size: 1.4em;
}


.tabGroup > li > .tabBtn{
  background-color: #e0f2f5;
  font-weight: bold;
  color: #828282;
  font-size: 1.4em;
}

.tabGroup > li:nth-child(1){
  width: 49.8%;
}

.tabGroup > li:nth-child(2){
  width: 49.8%;
}

#item-map{
  border: 1px solid #acb7b9;
  /* background-color: #0494AC; */
}

.accordionItem .card-header > div:nth-child(2), .accordionItem .card-body > div:nth-child(2), .accordionItem .card-body > div:nth-child(3){
  text-wrap: balance;
}


@media only screen and (max-width : 576px) {
  .accordionItem{
      min-width: 160%;
  }
}

.ehkgArrow{
  font-size: 0.95em;
}

.tabGroup > li:nth-child(1) > .clicked, .tabGroup > li:nth-child(2) > .clicked{
  background-color: #0494AC !important;
  color: #fff !important;
}

/* .ehkgPrevious */
.ehkgPrevious > .header > div:nth-child(1), .ehkgPrevious .card-header > div:nth-child(1), .ehkgPrevious .card-body > div:nth-child(1){
  width: 35%;
}

.ehkgPrevious > .header > div:nth-child(2), .ehkgPrevious > .header > div:nth-child(3), .ehkgPrevious .card-header > div:nth-child(2), .ehkgPrevious .card-header > div:nth-child(3), .ehkgPrevious .card-body > div:nth-child(2), .ehkgPrevious .card-body > div:nth-child(3){
  width: 20%;
}

.ehkgPrevious > .header > div:nth-child(4), .ehkgPrevious .card-header > div:nth-child(4), .ehkgPrevious .card-body > div:nth-child(4){
  width: 32%;
  text-align: left !important;
}

/* .ehkgPrevious > .header > div:nth-child(5), .ehkgPrevious .card-header > div:nth-child(5), .ehkgPrevious .card-body > div:nth-child(5){
  width: 3%;
} */

.ehkgPrevious .collapse > .card-body{
  border-top: 1px solid #dee2e6;
  text-align: left !important;
}

.ehkgPrevious .collapse > .card-body:nth-child(odd){
  background-color: #f3f9f9 !important;
}

.ehkgPrevious .card{
  border: 0;
  /*border-bottom: 1px solid #dee2e6 !important;*/
}

/* end */

div#AllMap > div{
  position: absolute;
  left: 0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility:hidden;
}
div#AllMap > div.opaque{
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=1);
  position :relative;
  visibility:visible;
}

area{
cursor: pointer;
}

#btn-1 {
border: 1px solid #6c757d !important;
color: #6c757d;
}

#btn-1:hover, #btn-1:focus, .color1{
background-color: #6c757d !important;
color: white !important;
}

#btn-2 {
border: 1px solid #ad49ce !important;
color: #ad49ce;
}

#btn-2:hover, #btn-2:focus, .color2{
background-color: #ad49ce !important;
color: white !important;
}


#btn-3 {
border: 1px solid #0879BF !important;
color: #0879BF;
}

#btn-3:hover, #btn-3:focus, .color3 {
background-color: #0879BF !important;
color: white !important;
}

#btn-4 {
border: 1px solid #8a292b !important;
color: #8a292b;
}

#btn-4:hover, #btn-4:focus, .color4 {
background-color: #8a292b !important;
color: white !important;
}

#btn-5 {
border: 1px solid #C05407 !important;
color: #C05407;
}

#btn-5:hover, #btn-5:focus, .color5 {
background-color: #C05407 !important;
color: white !important;
}

#btn-6 {
border: 1px solid #04861A !important;
color: #04861A;
}

#btn-6:hover, #btn-6:focus, .color6 {
background-color: #04861A !important;
color: white !important;
}