.udv-contactus-searchstaff {
    font-size: larger; 
    margin-bottom: 20px;    
    padding: 10px;
    width: 300px;
    height: 30px;   
}

.udv-contactus-department,
.udv-contactus-subject {
    font-size: larger; 
    margin-bottom: 20px;    
    padding: 10px;
    width: 300px;
    height: 50px;
    appearance: none; /*remove default styling*/
    -webkit-appearance: none;
    -moz-appearance: none;   
    background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB3aWR0aD0iMTciIAogIGhlaWdodD0iMTAiIAogIHZpZXdCb3g9IjAgMCAxNSA4IiAKICBmaWxsPSJub25lIiAKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgPgoKPHBhdGggZD0iTTcuMjExMzUgNy44NzVDNi45MDM4MSA3Ljg3NSA2LjU5NjEyIDcuNzY1MTQgNi4zNjE3NCA3LjU0NTQxTDAuMzUyMTI2IDEuOTIwNDFDLTAuMTE3Mzc1IDEuNDgwOTYgLTAuMTE3Mzc1IDAuNzY5MDQzIDAuMzUyMTI2IDAuMzI5NTlDMC44MjE2MjcgLTAuMTA5ODYzIDEuNTgyMjIgLTAuMTA5ODYzIDIuMDUxNzIgMC4zMjk1OUw3LjIxMTM1IDUuMTYwOTRMMTIuMzcyMSAwLjMzMDQ2OUMxMi44NDE2IC0wLjEwODk4NSAxMy42MDIyIC0wLjEwODk4NSAxNC4wNzE3IDAuMzMwNDY5QzE0LjU0MTIgMC43Njk5MjIgMTQuNTQxMiAxLjQ4MTg0IDE0LjA3MTcgMS45MjEyOUw4LjA2MjA5IDcuNTQ2MjlDNy44MjczNCA3Ljc2NjAyIDcuNTE5MzQgNy44NzUgNy4yMTEzNSA3Ljg3NVoiIGZpbGw9IiMwMDYwQTgiLz4KPC9zdmc+Cg==');
    background-repeat: no-repeat;
    background-position-x: 95%; /* flytta pilen 5% ifrån högra sidan */
    background-position-y: center;
} 

.udv-contactus-app-container {
   font-family: Open Sans;
}

.udv-contactus-list-container {
   display: flex;
	flex-wrap: wrap;
}

.udv-contactus-list-card {
   background-color: #fff;
   flex-basis: calc(33.33333333333% - 5rem);
   margin: 0 1rem 2rem;
   box-shadow: 0px 4px 30px rgb(0 0 0 / 6%);
   border-radius: 0.625em;
   padding: 1.5em;
   word-break: break-word;
}

@media (max-width: 768px) {
   .udv-contactus-list-card {
      flex: 1 1 100%;
   }
}

.udv-contactus-search-container {
   display: flex;
   flex-wrap: wrap;
}

@media (max-width: 768px) {
   .udv-contactus-search-container {
      flex-direction: column;
   }
}

.udv-contactus-search-item {
   flex-basis: calc(33.33333333333% - 3.5rem);
   margin: 0 2rem 2rem 1rem;
   padding: 0.5em;
   border-radius: 0.5em;
   border: 1px solid #7C7C7C;
}

.udv-contactus-contact-img, .udv-contactus-contact-name, 
.udv-contactus-contact-role, .udv-contactus-contact-subjcts, 
.udv-contactus-contact-email, .udv-contactus-contact-phonenumber {
   display: block;
}
.udv-contactus-contact-img {
   border-radius: 50%;
   max-width: 100px;
}
.udv-contactus-contact-name {
   font-size: 1.5em;
   font-weight: 500;
}
.udv-contactus-contact-role {
   font-size: 1.25em;
   font-weight: 500;
}
.udv-contactus-contact-subjects {
   font-size: 1em;
   font-weight: 500;
}
.udv-contactus-contact-email, .udv-contactus-contact-phonenumber {
   font-size: 1.125em;
   font-weight: 500;
}
.udv-contactus-contact-email a, .udv-contactus-contact-phonenumber a {
   color: #0060A8;
   text-decoration: none;
}

.udv-contactus-filter-info {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 0.5rem 1.5rem;
}

.udv-contactus-filter-reset {
   cursor: pointer;
   
}

.udv-contactus-filter-info h2, .udv-contactus-filter-info h4 {
   margin: 0;
}