.dropdown-arrow {
   border: solid #333333;
   border-width: 0 3px 3px 0;
   display: inline-block;
   padding: 6px;
   margin-bottom:6px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
}


.dropdown-arrow-large {
   border: solid #333333;
   border-width: 0 4px 4px 0;
   display: inline-block;
   padding: 8px;
   margin-bottom:8px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
}



.right-arrow {
   border: solid #777777;
   border-width: 5px 5px 0 0;
   display: inline-block;
   padding: 10px;
   margin-bottom:4px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
}

.left-arrow {
   border: solid #777777;
   border-width: 0 0 5px 5px;
   display: inline-block;
   padding: 10px;
   margin-bottom:4px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
}



.dropdown-button {
    background-color: #00000000;
    color: #000000;
    width:75px;
    padding: 0px;
    font-size: 48px;
    font-family: Trebuchet MS;
    outline: none;
    border: none;
/*
    cursor: pointer;
*/
}


/*
.dropdown-button:focus  { font-weight: bold; }
.dropdown-button:active  { background: #d0d0d0; font-weight: bold; }
*/

.dropdown-button:active  { background: #d0d0d0; color: #ffffff; }

.dropdown-list {
    display: none;
    position: absolute;
    background-color: #ffffff;
    width: 205px;
    overflow: hidden;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
}

.dropdown-list div {
    height:1px;
    background-color: #cccccc;
}

.dropdown-list a {
    color: black;
    padding: 10px 12px;
    font-size: 35px;
    font-family: Trebuchet MS;
    text-decoration: none;
    text-align: left;
    display: block;
}

.dropdown-list a:hover {background-color: #ddd}
.dropdown-list a:focus {background-color: #ddd}


</style>