.container {
  padding: 15px 0;
}
.container-1 {
  margin-top: 15px;
}

.select-box {
  position: relative;
  display: flex;
  max-width: 400px;
  flex-direction: column;
}

.select-box .options-container {
  background: #005e95;
  color: #f5f6fa;
  max-height: 0;
  width: 100%;
  opacity: 0;
  transition: all 0.4s;
  border-radius: 8px;
  overflow: hidden;

  order: 1;
}

.selected {
  background: #005e95;
  border-radius: 8px;
  margin-bottom: 8px;
  color: #f5f6fa;
  position: relative;

  order: 0;
}

.selected::after {
    position: absolute;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    top: 50%;
    right: 25px;
    margin-top: -3px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate( 
45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
}

.select-box .options-container.active {
  max-height: 240px;
  opacity: 1;
  overflow-y: scroll;
  margin-top: 54px;
}

.select-box .options-container.active + .selected::after {
        transform: rotate(-135deg) translateY(-50%);
    margin-top: 3px;
}

.select-box .options-container::-webkit-scrollbar {
  width: 8px;
  background: #005e95;
  border-radius: 0 8px 8px 0;
}

.select-box .options-container::-webkit-scrollbar-thumb {
  background: #6e9fbb;
  border-radius: 0 8px 8px 0;
}

.select-box .option,
.selected {

  cursor: pointer;
}
.selected{
  padding: 12px 24px;
}

.select-box .option:hover {
  background: #1373aa;
}

.select-box label {
  cursor: pointer;
  display: block;
  padding: 12px 24px;
}

.select-box .option .radio {
  display: none;
}

/* Searchbox */

.search-box input {
  width: 100%;
  padding: 12px 16px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  position: absolute;
  border-radius: 8px 8px 0 0;
  z-index: 100;
  border: 8px solid #005e95;

  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
}

.search-box input:focus {
  outline: none;
}

.select-box .options-container.active ~ .search-box input {
  opacity: 1;
  pointer-events: auto;
}




/* NEW DESIGN */

.newdesign-dept {
display: flex;
flex-direction: column;
padding: 0px;
position: static;
left: 0px;
top: 210px;
width: 100%;
max-width: 427px;
/* Inside Auto Layout */

flex: none;
order: 2;
flex-grow: 0;

}

.newdesign .selected {
position: static;
width: 100%;
max-width: 427px;
height: 45px;
left: 0px;
top: 28px;
font-family: 'Open Sans Condensed';
font-weight: bold;

background: #FFFFFF;
/* Gray 85 */

border: 1px solid #D9D9D9;
box-sizing: border-box;
box-shadow: 0px 2px 14px -4px rgba(0, 0, 0, 0.2);
border-radius: 8px;
color: black;
padding-left: 11px;
margin-bottom: 0;
}

.newdesign .selected::after {
display: block;
content: '';
width: 10px;
height: 10px;
margin-top: -3px;
transform: rotate(45deg) translateY(-50%);
transition: all .4s ease-in-out;
transform-origin: 50% 0;
border-bottom: 1px solid black;
border-right: 1px solid black;
position: relative;
left: 99%;
bottom: 50%;
top: unset;
}

.newdesign .select-box .options-container {
  background: #fff;
  color: black;
	width: 100%;
	border-radius: 0px 0px 8px 8px;
box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.25);
}

.newdesign .search-box input {
padding: 12px 16px;
font-size: 16px;
z-index: 100;
transition: all 0.4s;
position: absolute;
width: 88.5%;
height: 39px;
left: 25px;
background: #FFFFFF;
border: 1px solid #D9D9D9;
box-sizing: border-box;
border-radius: 8px;
font-family: 'Open Sans Condensed';
}

.kategoriarlabel {
position: static;
height: 20px;
left: 0px;
top: 0px;
font-family: 'Open Sans Condensed';
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */

/* Inside Auto Layout */
flex: none;
order: 0;
flex-grow: 0;
margin: 8px 0px;
padding: 0 !important;
cursor: default !important;
}

.newdesign .container-1 {
  margin-top: 0;
width: 100%;
}

.newdesign-bg {
display: flex;
flex-direction: row;
padding: 64px;
top: 50px;
background: #F5F5F5;
border-radius: 20px;
margin-top: 20px;
width: 100% !important;
max-width: inherit !important;
margin-bottom: 40px;
box-sizing: border-box;
}

.newdesign .option-1 {
background: #F8F8F8;
flex-direction: row;
align-items: flex-start;
width: 90%;
height: 40px;

box-sizing: border-box;
border-radius: 4px;
margin-left: 25px;
margin-bottom: 5px;
}

.newdesign .select-box .options-container.active ~ .search-box input {
  opacity: 1;
  pointer-events: auto;
margin-top: 4px;
}

.newdesign .option-2 {
background: #F8F8F8;
flex-direction: row;
align-items: flex-start;
width: 90%;
height: 40px;

box-sizing: border-box;
border-radius: 4px;
margin-left: 25px;
margin-bottom: 5px;
}

.newdesign .select-box label {
cursor: pointer;
display: block;
padding-left: 16px;
padding-top: 10px;
font-family: 'Open Sans Condensed';
font-weight: bold;
}

.newdesign .select-box .options-container::-webkit-scrollbar {
  width: 8px;
  background: #DFDFDF;
  border-radius: 8px;
}

.newdesign .select-box .options-container::-webkit-scrollbar-thumb {
  background: #C6C6C6;
  border-radius: 8px;
}

.newdesign .select-box .option:hover {
  background: #005E95;
	transition: all 0.4s;
color: white;
}

.newdesign .select-box {
max-width: 427px;
width: 100%;
}

.newdesign .options-container-1.active ~ .search-box.search-box-1 {
background: #fff;
height: 60px;
border-radius: 8px 8px 0px 0px;
transition: all 0.4s;
box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.25);
padding-top: 12px;
}

.newdesign .options-container-2.active ~ .search-box.search-box-2 {
background: #fff;
height: 60px;
border-radius: 8px 8px 0px 0px;
transition: all 0.4s;
box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.25);
padding-top: 12px;
}

.newdesign .select-box .options-container.active {
margin-top: 0 !important;
padding-top: 0px;
padding-bottom: 5px;
}

.fa-search-newinput {
position: absolute;
padding-top: 22px;
padding-left: 11px;
color: #D9D9D9;
font-size: 16px;
}

.sokjeresultat {
margin-left: 0 !important;
}