@media screen and (max-width: 540px) {
         .hy-preview-info-container {
                  position:absolute;
                  top:100%;
                  height:50%;
                  left:0;
                  right:0;
                  background:rgb(255, 255, 255);
                  transition: left 0.2s,top 0.2s,right 0.2s,bottom 0.2s;
         }
         
}

@media screen and (min-width: 541px) {
         .hy-preview-info-container {
                  position:absolute;
                  top:0;
                  bottom:0;
                  width:50%;
                  left:-50%;
                  background:rgb(255, 255, 255);
                  transition: left 0.2s,top 0.2s,right 0.2s,bottom 0.2s;
         }
}



@media screen and (max-width: 700px) {
         .hy-custom-combobox-input {
                  width:100%;
         }
         .hy-header-column {
                  width:100%;
         }
         .hy-custom-combobox {
                  width:100%;
         }
         .hy-map-sup-container-header {
                  flex-direction: column;
                  align-items: start !important;
                  height:195px !important;

         }
}
@media screen and (min-width: 701px) {
         .hy-custom-combobox-input {
                  width:85%;
                  /*width:500px;*/
         }
         .hy-header-column {
                  width:300px;
         }
}

.hy-header-button{
         height: 40px;
         background: #003e5e;
         margin-top: 23px;
         color: white;
         display: flex;
         justify-content: center;
         align-items: center;
         padding-left: 6px;
         padding-right: 6px;
         width: 100px;
}

.hy-header-button a{
         width: 100%;
         display: block;
         height: 100%;
         text-align: center;
         display: flex;
         align-items: center;
         justify-content: center;
         color:white !important;
} 

.hy-view-as-list {
         width: 100%;
         height: 100%;
}

.hy-header-button:hover{
         cursor:pointer;
         opacity:0.8;
         transition: opacity 0.2s;
}

.hy-header-button-container {
         display: flex;
         flex-direction: row;
         gap: 4px;
}

.hy-map-sup-container-header {
         height: 100px;
         display: flex;
         background: #73b5e500;
         align-items: center;
         background:#AAE1FA;
         padding-left: 20px;
         padding-right: 20px;
}

.hy-header-column {
         display: flex;
         flex-direction: column;
}

.hy-custom-map-select-text, .hy-custom-map-category-text {
         font-family: 'Arimo',Helvetica,Arial,Lucida,sans-serif !important;  
}

.mapboxgl-ctrl-bottom-left {
         display:none;
}

.ui-autocomplete, .hy-custom-combobox-input { 
         font-family: 'Arimo',Helvetica,Arial,Lucida,sans-serif !important;     
}

.hy-custom-combobox-input {
         height:40px;
         background: white !important;
         border-bottom-left-radius: 0px !important;
         border-top-left-radius: 0px !important
}

.hy-custom-combobox {
         font-family: 'Harabara',Helvetica,Arial,Lucida,sans-serif !important;
         display: flex;
         flex-wrap: nowrap;
}

.hy-custom-combobox-toggle {
         position: absolute;
         top: 0;
         bottom: 0;
         margin-left: -1px;
         padding: 0;
         background: white !important;
         height: 40px;
         border-bottom-right-radius: 0px !important;
         border-top-right-radius: 0px !important;
}

.hy-custom-combobox-input {
         margin: 0;
         padding: 5px 10px;
}

.hy-preview-info-container-header {
         display:flex;
         align-items: center;
         justify-content: right;
         height: 45px;
         background: #73b5e559;;
}

.hy-preview-info-container iframe {
         height:100%;
         width:100%;
}