/* dialogrrutor */

.env-dialog p.hav-modal-dialog__header__title {
    padding-top: 24px;
    padding-bottom: 0;
    padding-left: 24px;
    border:none;
}

.env-dialog__main .normal-small {
    margin-top: 0;
    margin-bottom: 0;
}

.env-dialog__main .env-border-block-start.hav-bp-infodialog {   
    border-block-start-color: #f05a22;
    border-block-start-style: solid;
    border-block-start-width: 2px;    
    margin-left: 33%;
    margin-right: 33%;
}
/* sök */
.search-tabs {
   margin-bottom: 1em;
}

.hav-search-bathing-places-item--container {
   /* background-color: #e4ecee; */
   background-color: #FFF;
   padding-left: 1rem;
   padding-right: 1rem;    
  padding-bottom: 1rem;    
}

#havAllBathsNearby .hav-search-bathing-places-item--container {
      padding-left: 0;
   padding-right: 0; 
}  
#havAllBathsNearby p.sv-font-ingress {
	display:none;
}

#havBathsNearby {
       max-width: 1010px;
}       

#bathingPlaceSearchResult .sv-search-result {
   background-color: #e9eded;
}

.env-collapse-header {	
  /* background-color: #e4ecee; */
   background-color: #FFF;
  border:none;
}

.env-collapse-header.env-collapse--expanded, .env-collapse-header:hover {
   /* background-color: #e4ecee;   */ 
    background-color: #FFF;
}

.hav-env-collapse-header-name  {
  display:block;
  font-size:1rem;
  font-weight:bold;
}

.hav-env-collapse-header-desc {
  font-size:.85rem;
  color:#232323;
}

a.env-collapse-header:hover, a.env-tabs__link:hover {
  text-decoration:none;	
}

a.env-tabs__link:hover {
  color:#232323;	
}

a.env-tabs__link--active:hover {
  color:#fff;	
}

.hav-search-bathing-places-item {	
  /* background-color: white; */
   background-color: #e4ecee;
  margin-bottom: 1rem;
}

.hav-search-bathing-place-item {	
  /* background-color: white; */
   background-color: #F1F5F6;
  /* padding-bottom: 1rem;*/
}


.env-collapse-header--icons:after, .env-collapse-header--icons:before {
   background-color: #005f88;	 
}


.leaflet-left .leaflet-control {
/*   display: none; */

}

#mapPanel .leaflet-left .leaflet-control {
  display: none; 
}


.sv-search-facet-item {
    display: inline-block;
    margin-right: 1em;
}

.hav-search-bathing-places-item--wrapper {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   column-gap: 1em;
  	row-gap: 1em;
}

#havAllBathsNearby .hav-search-bathing-places-item--wrapper {
   grid-template-columns: 1fr 1fr;
}


@media(max-width: 990px) {
   .hav-search-bathing-places-item--wrapper {
       grid-template-columns: 1fr 1fr;
   }
}
@media(max-width: 670px) {
   .hav-search-bathing-places-item--wrapper {
       grid-template-columns: 1fr;
   }
}

@media(max-width: 670px) {
   #havAllBathsNearby .hav-search-bathing-places-item--wrapper {
       grid-template-columns: 1fr;
   }
}



.bathing-place {
   padding: 1em 1.5em 1.5em 1.5em;
}

.bathing-place-dissuasion {
 	background-color: #FFF2F3 !important;  
}

.bathing-place-temperature-icon {
   vertical-align: middle;
}

.bathing-place-weather-icon {
   height: 45px;
   width: 65px;
}

.bathing-place-dissuasion-wrapper {
	margin-top: 0.5em;
}

.bathing-place-dissuasion-icon {
   height: 15px;
   width: auto;   
   margin-right: 0.25em;
}

.bathing-place-dissuasion-text {
   color: #DB1B30;
}





.text-heading {
   font-weight: bold;
}

/* listor */
.sample-top-item,
.classification-top-item,
.classification-item {
    padding-bottom: 0.25rem;
}


/* Provsvar */
.sample-top-list {
 	list-style: none;
   padding: 0;  
}

ul.sample-top-list li:nth-child(4) {
    display: none;
}

.sample-table {
   width: 100%;
}

.sample-table-heading-item {
   text-align: start;
}

.sample-less:nth-child(1n+7) {
	display: none;
}

.water-image {
	height: 25px;
   width: auto;
   margin-right: 0.25em;
   vertical-align: sub;
}

.alga-image {
	height: 25px;
   width: auto; 
   margin-right: 0.25em;
   vertical-align: sub;
}

.water-temperature-image {
	height: 25px;
   width: auto; 
   margin-right: 0.25em;
   vertical-align: sub;
}



/* Badvattenkvalitet */
.classification-top-list {
	list-style: none;
   margin: 0;
	padding: 0;   
}

.classification-list {
    list-style: none;
    margin: 0;
    padding: 0;
}



.classification-stars {
   color: #005f88;
   padding: 0 0.25em;
}


/* Kontaktinformation */
.contact-information-container {
   display: grid;
   grid-template-areas:
      "contact-information-heading-name contact-information-name"
      "contact-information-heading-address contact-information-address"
      "contact-information-heading-visitAddress contact-information-visitAddress"
      "contact-information-heading-website contact-information-website"
      "contact-information-heading-phone contact-information-phone"
      "contact-information-heading-email contact-information-email";
   grid-template-columns: 50% auto;
   row-gap: 0.5em;
   margin: 0.5em 0 2em 0;
}


/* Info och modal */
.information-image {
   width: 100%;
   height: 25px;
}

.image-button {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    line-height: 1em;
    cursor: pointer;
}


.open-information-button {
	float: right;   
	margin-top: -1.5em;
}

.close-modal-button {
    width: 2.5em;
    margin: 0;
    padding: 0;
}


/* Väder */
.weather-forecast-table {
	width: 100%;   
}

.weather-forecast-table-heading-item {
	text-align: start;   
}

td.weather-forecast-table-item {
    vertical-align: middle;
}

.weather-symbol-image {
	height: 25px;
   width: auto;    
}



/* föroreningskalla */
/*
.fororeningskalla-container {
  position: relative;
  text-align: center;
  color: white;
}
*/

.fororeningskalla-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

/*
.tooltip-fororeningskalla {
   background-color: transparent;
   border: none;
   color: white;
   box-shadow: none;
}
*/


/* Avrådan */
.bathing-place-dissuasion-card {
	background-color: #FFF2F3;  
   padding: 1em;
   margin: 2em 0;
}

.bathing-place-dissuasion-card__left-content {
   margin-right: 1em;
}

.bathing-place-dissuasion-card__heading {
	display: block;
   color: #DB1B30;   
   font-weight: bold;
}

.bathing-place-dissuasion-card__text {
   display: block;
   font-weight: bold;
}

.bathing-place-dissuasion-card__dissuasion-image {
   height: 50px;
   width: auto;
}

.bathing-place-dissuasion-card__information-image {
	height: 25px;
   width: auto;  
}

/* Onormal situation */
.bathing-place-abnormalsituation-card {
	background-color: #FFFF99;  
   padding: 1em;
   margin: 2em 0;
}


/* legend */
.symbols-legend, 
.leaflet-control-attribution{
	background-color: white;
   opacity: 0.9;
   padding: 1em;
}

.legend-provtagningsplats-image, 
.legend-fororeningspunkt-image,
.legend-badplatsomrade-image {
	height: 25px;
   width: auto; 
   vertical-align: middle;
}

.symbols-legend img {
    margin-right: 1em;
}


.municipality-link {
   font-size:1.5rem;
}

.find-on-map__link {
   font-family: 'TT Norms Pro Medium',sans-serif;
   font-size:1.25rem;
   line-height:1.5;
}

 a.find-on-map__link[href^="//"]:before, a.find-on-map__link[href^="http://"]:before, a.find-on-map__link[href^="https://"]:before {
    top: 0.25rem;
}

h1.heading {
   margin-bottom: 0;
}

.search-facet-letter {
   font-size: 1.125rem;
    color: #005F88;
    font-family: "TT Norms Pro Bold",sans-serif;
   margin-bottom: 1rem;
}

.search-facet-letter:hover, .search-facet-mun-all:hover {
   text-decoration:underline;
   cursor:pointer;
}   

.search-facet-mun-all{
   color: #005F88;
   font-size: 1.125rem;
}   
   
.search-facet-letter-header {
   font-size: 1.125rem;
   margin-right:1rem;
}

.search-facet-letter-header span, .search-facet-mun-all span {
    white-space: nowrap;
}

#havBathsNearby .search-facet-letter-header {
    padding-bottom: 1rem;
    padding-top: 1rem;
    font-family: "TT Norms Pro Medium",sans-serif;
}   
   
li.env-tabs__item a.hav-bath-search-tabs{   
	font-size: 1.5rem;
    padding: 1rem 3rem;   
}
   
.hav-bathing-place-filter-container {
   padding:1.25rem 0;
}
   
form#bathSearchForm {
   margin-right:0;
}



.hav-modal-dialog__content p.normal-small {
   margin-bottom:0;
   
}

p.hav-modal-dialog__header__title {
	font-family: "TT Norms Pro Bold",sans-serif;
   font-size: 1rem;
   padding-top: 0.6rem;
}

.hav-modal-dialog__content .env-modal-dialog__header  {
   padding-bottom:0;
}

.hav-search-bathing-places-more {
padding-top:1rem;
}

.hav-search-bathing-places-more a.hav-env-collapse-header-desc {
	text-decoration:underline;
	    color: #005f88;
}

.leaflet-control-attribution a[href^="http://"],
.leaflet-control-attribution a[href^="https://"] {
    margin-left: 0;
}

.leaflet-control-attribution a[href^="http://"]:before,
.leaflet-control-attribution a[href^="https://"]:before {
    background: none;
}


/* ---------------- Mindre sökfält ------------------- */
.hav-searchform--small {
   max-width: 1010px;
   position: relative;;
   
}
.hav-searchform--small input[type="text"] {
   margin: 0;
   border: 1px solid #005F88;
   min-height: 3.125rem;
   width: 100%;
   box-sizing: border-box;
   padding: 0 70px 0 22px;
}
.hav-searchform--small input[type="image"] {
   border: 1px solid #005F88;
   margin: 0;
   background: #005F88;
   min-height: 3.125rem;
   width: 50px;
   position: absolute; 
   z-index: 1;
   top: 0;
   right: 0;
   box-sizing: border-box;
   cursor: pointer;
}

.hav-facetedsearch-empty-button {
   right: 40px;
}


.risks-pollution-list {
	padding-bottom:1.5rem;
}

.risks-pollution-item {
	background-color: #F1F5F6;
    padding: 1rem;
   margin-bottom:1rem;
}

.env-spinner-bounce {
   max-width:940px;
}


   #bathSearchForm .tt-menu {
	min-height: 2rem!important;
	 /* border: 1px solid #005F88; */
    border-bottom: 1px solid #005F88;  
    border-left: 1px solid #005F88;    
    border-right: 1px solid #005F88;      
	 padding:0!important;
}


#bathSearchForm .tt-menu .tt-suggestion {
	padding-left:0.6rem
}

div#provtagningsplats .leaflet-top .leaflet-control {
    display: none;
}

.hav-distance-to-bath {
   overflow-wrap: normal;
   white-space: nowrap;
}



@media(min-width: 1250px) {
   .hav-modal-dialog__dialog {
      width: 693px;
      left: -266px;
      top: 100px;
   }
   .bathing-place-abnormalsituation-card .hav-modal-dialog__dialog {
    top: 0;
	left: 0;
	width: var(--env-modal-medium-width);
}
   
}

@media(max-width: 1249px) and (min-width: 1050px) {
   .hav-modal-dialog__dialog {
      width: 693px;
      left: -166px;
      top: 100px;
   }
   .bathing-place-abnormalsituation-card .hav-modal-dialog__dialog {
    top: 0;
	left: 0;
	width: var(--env-modal-medium-width);
}
}

@media(max-width: 1349px) and (min-width: 990px) {
   .hav-sidepadding {
    	padding: 0 4rem;
}
}

@media(max-width: 590px) {
.leaflet-left {
	bottom: 3rem;   
}
   
.env-table thead>tr.weather-forecast-table-heading-row>th {
    padding: var(--env-spacing-xxx-small);
}

.env-table tbody>tr.weather-forecast-table-row>td {
    padding: var(--env-spacing-xxx-small);	
}	   


 }


/* Info box */

.info-box-flex {
	display:flex;
}

.info-box-flex-img {	
    flex: 20%;
    padding-top: 1em;
}

.info-box-flex-text {
    flex: 80%;
    padding-left: 1em;
}

.info-box-flex-divider {
    border-top-color: #f05a22;
    border-top-style: solid;
    border-top-width: 2px;
    margin-bottom: 1.5em;
    margin-left: 33%;
    margin-right: 33%;
    margin-top: 1.5em;
}


/* Kontaktinformartion */

p.text-heading.contact-information-heading{
        font-size: large;
}

div.contact-information-container {
    display: block;
}

.contact-information-row .contact-information-row-header {
    font-weight: bold;
}