.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.arrow-right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.arrow-left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.arrow-up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.arrow-down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.dropdown-black {
    background-color: var(--col-greys-l2)!important;
}



.dropdown-button:hover{
    color:#000!important;
    background-color:var(--col-greys-l1)!important
}


.dropdown-dropdown-hover{
    position:relative;
    display:inline-block;
    cursor:pointer}

.dropdown-dropdown-hover:hover .dropdown-dropdown-content{display:block}







.dropdown-bar-block{
    width:100%;
    min-width:100%;
    padding:4px 6px;
    text-align:center;
    display:block;
    border:none;
    white-space:normal;
    float:none;
    outline:0;
}

.dropdown-bar-item{
    float:left;
    border:none;
    display:block;
    outline:0;
    width:100%;
    display:block;
    border:none;
    white-space:normal;
    float:none;
    outline:0;
    text-align:center
}


.dropdown-dropdown-content{
    display:block;
    position:relative
    min-width:100%;
    cursor:auto;
    color:#000;
    background-color:var(--col-greys-l3);
    display:none;
    position:absolute;
    margin:0;
    padding:0;
    z-index:1
}

.dropdown-button{
    width:100%;
    text-align:center;
    padding:4px 6px;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:normal;
    border:none;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    background-color:inherit;
    text-align:center;
    cursor:pointer;
    white-space:nowrap
}