.dropdown-menu {
    position: absolute;
    z-index: 9999999;
    display: none;
    opacity: 0;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    -webkit-transform: translateY(-20px) scale(0.93);
    transform: translateY(-20px) scale(0.93);
    border-radius: 3px;
}

    .dropdown-menu.dropdown-opened {
        opacity: 1;
        -webkit-transform: none !important;
        transform: none !important;
        transform: translateX(25px) !important;
        -webkit-transform: translateX(25px) !important;
    }

    .dropdown-menu.fixed {
        position: fixed;
    }

    .dropdown-menu.dropdown-anchor-left-top, .dropdown-menu.dropdown-anchor-left-center, .dropdown-menu.dropdown-anchor-left-bottom {
        -webkit-transform: translateX(-20px) scale(0.93);
        transform: translateX(-20px) scale(0.93);
    }

    .dropdown-menu.dropdown-anchor-right-top, .dropdown-menu.dropdown-anchor-right-center, .dropdown-menu.dropdown-anchor-right-bottom {
        -webkit-transform: translateX(20px) scale(0.93);
        transform: translateX(20px) scale(0.93);
    }

    .dropdown-menu .dropdown-anchor {
        border: 7px solid #fff;
    }

        .dropdown-menu .dropdown-anchor, .dropdown-menu .dropdown-anchor::after {
            position: absolute;
            content: '';
            display: inline-block;
        }

            .dropdown-menu .dropdown-anchor::after {
                border: 6px solid #555;
            }

    .dropdown-menu.dark .dropdown-anchor, .dropdown-menu.dark .dropdown-anchor::after {
        border-color: #32363F;
    }

    .dropdown-menu.grey-anchor .dropdown-anchor, .dropdown-menu.grey-anchor .dropdown-anchor::after {
        border-color: #f6f6f6;
    }

    .dropdown-menu.accent-anchor .dropdown-anchor, .dropdown-menu.accent-anchor .dropdown-anchor::after {
        border-color: #C7A82E;
    }

    .dropdown-menu.dropdown-anchor-top-left:not(.dropdown-overlay-trigger), .dropdown-menu.dropdown-anchor-top-center:not(.dropdown-overlay-trigger), .dropdown-menu.dropdown-anchor-top-right:not(.dropdown-overlay-trigger) {
        margin-top: 10px;
    }

    .dropdown-menu.dropdown-anchor-top-left .dropdown-anchor, .dropdown-menu.dropdown-anchor-top-center .dropdown-anchor, .dropdown-menu.dropdown-anchor-top-right .dropdown-anchor {
        border-top-color: transparent;
        border-right-color: transparent;
        border-left-color: transparent;
        top: -14px;
    }

        .dropdown-menu.dropdown-anchor-top-left .dropdown-anchor::after, .dropdown-menu.dropdown-anchor-top-center .dropdown-anchor::after, .dropdown-menu.dropdown-anchor-top-right .dropdown-anchor::after {
            border-top-color: transparent;
            border-right-color: transparent;
            border-left-color: transparent;
            margin-top: -5px;
            margin-left: -6px;
        }

    .dropdown-menu.dropdown-anchor-top-left.dropdown-anchor-top-left .dropdown-anchor, .dropdown-menu.dropdown-anchor-top-center.dropdown-anchor-top-left .dropdown-anchor, .dropdown-menu.dropdown-anchor-top-right.dropdown-anchor-top-left .dropdown-anchor {
        left: 15px;
    }

    .dropdown-menu.dropdown-anchor-top-left.dropdown-anchor-top-center .dropdown-anchor, .dropdown-menu.dropdown-anchor-top-center.dropdown-anchor-top-center .dropdown-anchor, .dropdown-menu.dropdown-anchor-top-right.dropdown-anchor-top-center .dropdown-anchor {
        left: calc(50% - 7px);
    }

    .dropdown-menu.dropdown-anchor-top-left.dropdown-anchor-top-right .dropdown-anchor, .dropdown-menu.dropdown-anchor-top-center.dropdown-anchor-top-right .dropdown-anchor, .dropdown-menu.dropdown-anchor-top-right.dropdown-anchor-top-right .dropdown-anchor {
        left: calc(100% - 28px);
    }

    .dropdown-menu.dropdown-anchor-right-top:not(.dropdown-overlay-trigger), .dropdown-menu.dropdown-anchor-right-center:not(.dropdown-overlay-trigger), .dropdown-menu.dropdown-anchor-right-bottom:not(.dropdown-overlay-trigger) {
        margin-left: -10px;
    }

    .dropdown-menu.dropdown-anchor-right-top .dropdown-anchor, .dropdown-menu.dropdown-anchor-right-center .dropdown-anchor, .dropdown-menu.dropdown-anchor-right-bottom .dropdown-anchor {
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        left: 100%;
    }

        .dropdown-menu.dropdown-anchor-right-top .dropdown-anchor::after, .dropdown-menu.dropdown-anchor-right-center .dropdown-anchor::after, .dropdown-menu.dropdown-anchor-right-bottom .dropdown-anchor::after {
            border-top-color: transparent;
            border-right-color: transparent;
            border-bottom-color: transparent;
            margin-left: -7px;
            margin-top: -6px;
        }

    .dropdown-menu.dropdown-anchor-right-top.dropdown-anchor-right-top .dropdown-anchor, .dropdown-menu.dropdown-anchor-right-center.dropdown-anchor-right-top .dropdown-anchor, .dropdown-menu.dropdown-anchor-right-bottom.dropdown-anchor-right-top .dropdown-anchor {
        top: 11px;
    }

    .dropdown-menu.dropdown-anchor-right-top.dropdown-anchor-right-center .dropdown-anchor, .dropdown-menu.dropdown-anchor-right-center.dropdown-anchor-right-center .dropdown-anchor, .dropdown-menu.dropdown-anchor-right-bottom.dropdown-anchor-right-center .dropdown-anchor {
        top: calc(50% - 7px);
    }

    .dropdown-menu.dropdown-anchor-right-top.dropdown-anchor-right-bottom .dropdown-anchor, .dropdown-menu.dropdown-anchor-right-center.dropdown-anchor-right-bottom .dropdown-anchor, .dropdown-menu.dropdown-anchor-right-bottom.dropdown-anchor-right-bottom .dropdown-anchor {
        top: calc(100% - 26px);
    }

    .dropdown-menu.dropdown-anchor-bottom-left:not(.dropdown-overlay-trigger), .dropdown-menu.dropdown-anchor-bottom-center:not(.dropdown-overlay-trigger), .dropdown-menu.dropdown-anchor-bottom-right:not(.dropdown-overlay-trigger) {
        margin-top: -10px;
    }

    .dropdown-menu.dropdown-anchor-bottom-left .dropdown-anchor, .dropdown-menu.dropdown-anchor-bottom-center .dropdown-anchor, .dropdown-menu.dropdown-anchor-bottom-right .dropdown-anchor {
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        top: 100%;
    }

        .dropdown-menu.dropdown-anchor-bottom-left .dropdown-anchor::after, .dropdown-menu.dropdown-anchor-bottom-center .dropdown-anchor::after, .dropdown-menu.dropdown-anchor-bottom-right .dropdown-anchor::after {
            border-right-color: transparent;
            border-bottom-color: transparent;
            border-left-color: transparent;
            margin-top: -7px;
            margin-left: -6px;
        }

    .dropdown-menu.dropdown-anchor-bottom-left.dropdown-anchor-bottom-left .dropdown-anchor, .dropdown-menu.dropdown-anchor-bottom-center.dropdown-anchor-bottom-left .dropdown-anchor, .dropdown-menu.dropdown-anchor-bottom-right.dropdown-anchor-bottom-left .dropdown-anchor {
        left: 15px;
    }

    .dropdown-menu.dropdown-anchor-bottom-left.dropdown-anchor-bottom-center .dropdown-anchor, .dropdown-menu.dropdown-anchor-bottom-center.dropdown-anchor-bottom-center .dropdown-anchor, .dropdown-menu.dropdown-anchor-bottom-right.dropdown-anchor-bottom-center .dropdown-anchor {
        left: calc(50% - 7px);
    }

    .dropdown-menu.dropdown-anchor-bottom-left.dropdown-anchor-bottom-right .dropdown-anchor, .dropdown-menu.dropdown-anchor-bottom-center.dropdown-anchor-bottom-right .dropdown-anchor, .dropdown-menu.dropdown-anchor-bottom-right.dropdown-anchor-bottom-right .dropdown-anchor {
        left: calc(100% - 28px);
    }

    .dropdown-menu.dropdown-anchor-left-top:not(.dropdown-overlay-trigger), .dropdown-menu.dropdown-anchor-left-center:not(.dropdown-overlay-trigger), .dropdown-menu.dropdown-anchor-left-bottom:not(.dropdown-overlay-trigger) {
        margin-left: 10px;
    }

    .dropdown-menu.dropdown-anchor-left-top .dropdown-anchor, .dropdown-menu.dropdown-anchor-left-center .dropdown-anchor, .dropdown-menu.dropdown-anchor-left-bottom .dropdown-anchor {
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        left: -14px;
    }

        .dropdown-menu.dropdown-anchor-left-top .dropdown-anchor::after, .dropdown-menu.dropdown-anchor-left-center .dropdown-anchor::after, .dropdown-menu.dropdown-anchor-left-bottom .dropdown-anchor::after {
            border-top-color: transparent;
            border-bottom-color: transparent;
            border-left-color: transparent;
            margin-left: -5px;
            margin-top: -6px;
        }

    .dropdown-menu.dropdown-anchor-left-top.dropdown-anchor-left-top .dropdown-anchor, .dropdown-menu.dropdown-anchor-left-center.dropdown-anchor-left-top .dropdown-anchor, .dropdown-menu.dropdown-anchor-left-bottom.dropdown-anchor-left-top .dropdown-anchor {
        top: 11px;
    }

    .dropdown-menu.dropdown-anchor-left-top.dropdown-anchor-left-center .dropdown-anchor, .dropdown-menu.dropdown-anchor-left-center.dropdown-anchor-left-center .dropdown-anchor, .dropdown-menu.dropdown-anchor-left-bottom.dropdown-anchor-left-center .dropdown-anchor {
        top: calc(50% - 7px);
    }

    .dropdown-menu.dropdown-anchor-left-top.dropdown-anchor-left-bottom .dropdown-anchor, .dropdown-menu.dropdown-anchor-left-center.dropdown-anchor-left-bottom .dropdown-anchor, .dropdown-menu.dropdown-anchor-left-bottom.dropdown-anchor-left-bottom .dropdown-anchor {
        top: calc(100% - 26px);
    }

    .dropdown-menu.max-height ul {
        max-height: 184px;
    }

    .dropdown-menu ul {
        min-width: 160px;
        list-style: none;
        background: #F4F4F6;
        box-shadow: 0 3px 5px rgba(0,0,0,0.1);
        overflow: auto;
        padding: 5px 0;
        margin: 0;
    }

        .dropdown-menu ul li {
            list-style: none;
            padding: 0;
            margin: 0;
            line-height: 18px;
        }

            .dropdown-menu ul li > a:after {
                display: none;
            }

            .dropdown-menu ul li > a, .dropdown-menu ul li label {
                color: #000;
                display: block;
                font-size: 14px;
                line-height: 18px;
                padding: 8px 15px;
                white-space: nowrap;
                transition: all 0.1s;
                text-decoration: none;
                margin-left: 0 !important;
            }

                .dropdown-menu ul li > a svg, .dropdown-menu ul li label svg {
                    height: 14px;
                    width: 18px;
                    vertical-align: middle;
                    margin-left: -2px;
                    margin-right: 4px;
                    margin-top: -3px;
                }

                    .dropdown-menu ul li > a svg path, .dropdown-menu ul li > a svg polygon, .dropdown-menu ul li label svg path, .dropdown-menu ul li label svg polygon {
                        transition: fill 0.1s;
                        fill: #0b0b0b;
                    }

                .dropdown-menu ul li > a span.greenSVG svg path, .dropdown-menu ul li > a span.greenSVG svg polygon, .dropdown-menu ul li label span.greenSVG svg path, .dropdown-menu ul li label span.greenSVG svg polygon {
                    fill: #B7D968;
                }

                .dropdown-menu ul li > a .flag, .dropdown-menu ul li label .flag {
                    padding-bottom: 1px;
                }

                .dropdown-menu ul li > a:not(.grey):hover, .dropdown-menu ul li > a:hover, .dropdown-menu ul li label:not(.grey):hover, .dropdown-menu ul li label:hover {
                    background-color: #5FB8DE;
                    color: #FFF;
                    cursor: pointer;
                }

                    .dropdown-menu ul li > a:not(.grey):hover svg path, .dropdown-menu ul li > a:not(.grey):hover svg polygon, .dropdown-menu ul li > a:hover svg path, .dropdown-menu ul li > a:hover svg polygon, .dropdown-menu ul li label:not(.grey):hover svg path, .dropdown-menu ul li label:not(.grey):hover svg polygon, .dropdown-menu ul li label:hover svg path, .dropdown-menu ul li label:hover svg polygon {
                        fill: #fff;
                    }

                .dropdown-menu ul li > a.active, .dropdown-menu ul li label.active {
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    user-select: none;
                    cursor: default;
                    pointer-events: none;
                    color: #999;
                    background: #f6f6f6;
                }

                .dropdown-menu ul li > a.grey:hover, .dropdown-menu ul li label.grey:hover {
                    cursor: default;
                }

                .dropdown-menu ul li > a.disabled, .dropdown-menu ul li > a.disabled:hover, .dropdown-menu ul li > a.disabled:active, .dropdown-menu ul li label.disabled, .dropdown-menu ul li label.disabled:hover, .dropdown-menu ul li label.disabled:active {
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    user-select: none;
                    cursor: default;
                    pointer-events: none;
                    cursor: default;
                    color: #999;
                }

            .dropdown-menu ul li.title {
                padding: 7.5px 15px;
                background: #f6f6f6;
                color: #999;
                font-family: "Roboto","Open Sans",sans-serif;
                font-size: 12px;
                text-transform: uppercase;
                border: 0;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
            }

                .dropdown-menu ul li.title.grey {
                    background: #999;
                    color: #F57C00;
                }

                .dropdown-menu ul li.title.light {
                    background: #f6f6f6;
                    color: #fccfa2;
                }

                .dropdown-menu ul li.title.accent {
                    background: #F57C00;
                    color: #fccfa2;
                }

            .dropdown-menu ul li > a:hover small.grey {
                opacity: 0.75;
                color: #fff;
            }

            .dropdown-menu ul li:first-child.divider {
                display: none;
            }

    .dropdown-menu.right-aligned {
        text-align: right;
    }

        .dropdown-menu.right-aligned ul li a svg {
            margin-right: 0;
            margin-left: 4px;
        }

    .dropdown-menu .divider {
        height: 1px;
        background: #e0e0e0;
        margin: 5px 1px;
        overflow: hidden;
    }

    .dropdown-menu.dark.assign-dropdown ul li a {
        color: #fff;
    }

        .dropdown-menu.dark.assign-dropdown ul li a:hover {
            background: #F57C00;
            color: #fff;
        }

    .dropdown-menu.dark ul {
        background: #32363F;
    }

        .dropdown-menu.dark ul li > a, .dropdown-menu.dark ul li label {
            color: #939aaa;
        }

            .dropdown-menu.dark ul li > a svg path, .dropdown-menu.dark ul li > a svg polygon, .dropdown-menu.dark ul li label svg path, .dropdown-menu.dark ul li label svg polygon {
                fill: #778093;
            }

            .dropdown-menu.dark ul li > a.active, .dropdown-menu.dark ul li label.active {
                color: #7f889a;
                background: #393d48;
            }

                .dropdown-menu.dark ul li > a.active.green, .dropdown-menu.dark ul li label.active.green {
                    background: #B7D968;
                    color: #fff;
                }

                    .dropdown-menu.dark ul li > a.active.green svg path, .dropdown-menu.dark ul li > a.active.green svg polygon, .dropdown-menu.dark ul li label.active.green svg path, .dropdown-menu.dark ul li label.active.green svg polygon {
                        fill: #fff;
                    }

                .dropdown-menu.dark ul li > a.active.accent, .dropdown-menu.dark ul li label.active.accent {
                    background: #F57C00;
                    color: #fff;
                }

                    .dropdown-menu.dark ul li > a.active.accent svg path, .dropdown-menu.dark ul li > a.active.accent svg polygon, .dropdown-menu.dark ul li label.active.accent svg path, .dropdown-menu.dark ul li label.active.accent svg polygon {
                        fill: #fff;
                    }

        .dropdown-menu.dark ul .divider {
            background: rgba(255,255,255,0.08);
        }

@media screen and (max-width: 420px) {
    .dropdown-menu ul li > a {
        line-height: 32px;
        padding-left: 24px;
        padding-right: 24px;
    }
}