.dropdown,
.dropdown ul,
.dropdown li{
  margin  : 0px;
  padding : 0px;
  font-size:14px;
  line-height:24px;
}
.dropdown{
    /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
}
    .dropdown ul {
        background: var(--menu);
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }

        .dropdown ul ul {
            top: 0;
            left: 100%;
        }

        .dropdown ul .dropdownRightToLeft ul {
            left: auto;
            right: 100%;
        }

    .dropdown li {
        background: var(--menu);
        position: relative;
        display: block;
        list-style-type: none;
    }

    .dropdown > li {
        display: inline-block;
    }

    .dropdown a,
    .dropdown span {
        display: block;
        text-decoration: none;
        white-space: pre;
        padding: 0px 15px 0px 15px;
        color: var(--menutext);
    }

    .dropdown li:hover > a,
    .dropdown li:hover > span,
    .dropdown li.dropdownOpen > a,
    .dropdown li.dropdownOpen > span {
        background: var(--menuhover);
        color: var(--menuhovertext);
    }

    .dropdown li > ul > li > a {
        background: var(--menuhover);
        color: var(--menuhovertext);
    }

    .dropdown li > ul > li:hover > a {
        background: var(--submenuhover);
        color: var(--menutext);
    }

    /* .dropdown li > ul > li {
        background: #BEC5DC;
        color: #3D4A70 !important;
    } */

    .dropdown li:hover > ul {
        display: block;
    }

.dropdownVertical {
    display: inline-block;
}

    .dropdownVertical > li {
        display: block;
    }

    .dropdownVertical ul {
        top: 0;
        left: 100%;
    }

.dropdownJavaScript li:hover > ul {
    display: none;
}

.dropdownJavaScript li.dropdownOpen > ul {
    display: block;
}