.filterRowRisk{
 display: grid;
 grid-template-columns: auto auto;
 width: 60%;
 margin: 0 auto;

}

.hide-adresse, .hide-departments{
	cursor: pointer;
}

#filterButton{
	background-color: #15d800 !important; 
	border: none !important; 
	margin-left: 5px; 

}
.filterRowDanger{
 margin: 0 auto;
}

.checkBoxAndFilterElement{
display: flex; 
justify-content: center; 
gap:5px;

}

.filterBox{
	display:flex;
	margin-right: 20px !important;
}
.box {
  width: 200px;
  height: 200px;
}
.every-other-row{
  background-color:#F0F1E8;
}
.row-background-white{
  background-color:white;
}
.afdelings-submit-button{
  margin-top: 25px;
  color: black;
}

.shortcode-box{
  border: solid 1px #BED03D;
  border-radius: 15px;
  padding-bottom: 25px;
  background-color: white;
}
.small-form-box{
  width: 90%;
  margin: 0 auto;
  background-color: white;
  padding-top: 25px;

}
.green-button{
	background-color: #BED03D !important;  
	border-color: #BED03D !important;
}

.modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
  z-index: 100;
}
.modal-content {
  position: absolute;
  top: 40%;
  left: 40%;
  background-color: white;
  padding: 1rem 1.5rem;
  width: 24rem;
  border-radius: 0.5rem;
}

.show-all-box{
  border-bottom-left-radius: 15px ;
  border-bottom-right-radius: 15px;
  min-width: 100%;
}


.close-button:hover {
  background-color: darkgray;
}

.show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.dashCircle{
  border-radius: 100%; 
  width: 30px;
  height: 30px;
  background-color: #d6d6d6;
  display: flex; 
  align-items:center; 
  justify-content: center;
  cursor: pointer;
  
}

.usagesTitle{
font-weight: 600;
}

.green-header-bar > span {
  font-size: 18px;
  padding:  25px;
  font-weight: 700;
}

.green-header-bar{
  background-color: #BED03D;
  color: white;
  border-radius: 15px 15px 0px 0px;
  display:flex;
  align-items: center;
}

.editForm{
  display: flex;
  flex-direction: column;
  gap: 10px;
 }

 
 .select2-dropdown{
     margin-top:35px;
 }


 .message_box_usages{
  border-radius: 15px;
	border: 1px solid #BED03D;
  display: flex;
  flex-direction: column;
  padding-bottom: 25px;
	 color: black
  
}

.message_box_usages > span{
  padding-left: 25px;
  color: black;
  font-weight: 500;

}
.dashboard-flex-row{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.removeDashbaordMessageButton{
  cursor:pointer;
}

.d-flex{
  display: flex;
}
.align-center{
  align-items: center;
}
.gap-2{
  gap: 5px;
}
/*   hehrehrhehrhe  */
#mr-top-5{
  margin-top: 50px;
}
.flex-align-center{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}    

.mr-l{
 margin-left :15px;
}


.navIcons{
  display: flex;
  gap: 2px;
  
}

.riskEvaluation{
  width: 30px;
  height: 30px;
  color: white;
  border-radius: 50%;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  justify-self: center;
}

.good-risk{
  background-color: #11a700;
}
.middel-risk{
  background-color: #e6d00f;
}
.bad-risk{
  background-color: #db3c0c;
}


.usagesRow{
  display: grid; 
  font-size: 14px;  
  grid-template-columns: 1fr  1fr 1.2fr 1.2fr 0.6fr 0.6fr 0.8fr;
  text-align: center;
  min-height: 70px;
  align-items: center;
  border-bottom: solid 1px #d6d6d6;
  break-inside: avoid;

}
.usagesRow:last-child {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom: none;
}

.usagesRow >span >p{
  min-height: 100%;
  align-items: center;
}
.usagesRow > a{
  margin: 0 auto;
}
.flex-row{
  display: flex;
  gap: 5px;
}

.anvendelses-labels{
  display: grid;
  grid-template-columns: 1fr  1fr 1.2fr 1.2fr 0.6fr 0.6fr 0.8fr;
  font-size: 14px;
font-weight:bold; 
  color: white;
  text-align: center;
  min-height: 70px;
  align-items: center;
  background-color:#BED03D;
  border-bottom: 1px solid #d6d6d6;
}


.error-usagesRow{
  display: grid; 
  font-size: 14px;  
  grid-template-columns: 1fr  1fr;
  text-align: left;
  min-height: 70px;
  align-items: center;
  border-bottom: solid 1px #d6d6d6;
  break-inside: avoid;

}




.error-product-labels{
  display: grid;
  grid-template-columns: 1.5fr  0.5fr;
  font-size: 14px;
  font-weight:bold; 
  color: white;
  text-align: left;
  min-height: 70px;
  align-items: center;
  background-color:#BED03D;
  border-bottom: 1px solid #d6d6d6;
	margin-left:25px;
}



.dashboard-box{
  border-radius: 25px;
  margin-top: 10px;
}


.dashboard-title{
  text-decoration: underline;
}


.modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.modal-content {
  position: absolute;
  top: 40%;
  left: 40%;
  background-color: white;
  padding: 1rem 1.5rem;
  width: 24rem;
  border-radius: 0.5rem;
}


.close-button:hover {
  background-color: darkgray;
}

.show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1.0);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.pictures-warnings{
  padding-left: 2px;
  padding-right: 2px;
}



	.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  background-color: white;
  color: black;
  font-size: 16px; 	
  text-align: center;
  border-radius: 6px;
  padding: 10px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip-label-box{
    display: flex; 
    align-items: center; 
    gap: 10px;
}
	
	@media only screen and (max-width: 1250px) {
		#filterRow{
			grid-template-columns: 1fr; 
		
		}	
		
		
}


@media only screen and (max-width: 1250px) {
	.filterRowRisk{
		display: flex; 
		width: 95%; 
		flex-wrap: wrap; 
		margin-bottom: 15px; 
	
	}
	
	.filterRowDanger{
		width:95%;
		display: flex;
		margin-bottom: 15px;
		gap: 10px;
	}
	.checkBoxAndFilterElement  {
		gap:5px;
	}
	
}

.hide-on-desktop{
	text-align: start;
	width: 95%;
	margin: 0 auto;
}


@media only screen and (min-width: 1250px){
	.hide-on-desktop{
		display:none; 
		text-align: start;
	}
}




@media only screen and (max-width: 1250px) {
  .hide-on-mobile{
     display: none;
  }
  .anvendelses-labels{
      grid-template-columns: 1fr 1fr 1fr 0.6fr 0.4fr;
  }
  .usagesRow{
      grid-template-columns: 1fr 1fr 1fr 0.6fr 0.4fr;
  }
}
@media only screen and (max-width: 1250px) {
  .hide-on-mobile-mini{
     display: none;
  }
  .anvendelses-labels{
      grid-template-columns: 1fr 1fr 1fr 1fr 0.3fr;
  }
  .usagesRow{
      grid-template-columns: 1fr 1fr 1fr 1fr 0.3fr;
  }
}
@media only screen and (max-width: 900px) {
  .hide-on-mobile-mini-mini{
     display: none;
  }
  .anvendelses-labels{
      grid-template-columns: 1fr 1fr 0.3fr;
  }
  .usagesRow{
      grid-template-columns: 1fr 1fr 0.3fr;
  }
}





/*# sourceMappingURL=main.css.map */