/* Dropdown */
.gui-dropdown {
    display: inline-block;
    position: relative;
}

/* Dropdown Block */
.gui-dropdown-block {
    display: block;
    width: 100%;
}

/* Dropdown Toggle */
.gui-dropdown-toggle {
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    color: #222222;
    cursor: pointer;
    display: flex;
    text-align: left;
}
.gui-dropdown-toggle strong {
    color: #BBBBBB;
    margin-right: 5px;
}
.gui-dropdown-toggle strong, .gui-dropdown-toggle span, .gui-dropdown-toggle img {
    pointer-events: none;
}
.gui-dropdown-toggle:hover {
    background: #F2F2F2;
}
.gui-dropdown-block .gui-dropdown-toggle {
    display: block;
    width: 100%;
}

/* Dropdown Toggle Arrow */
.gui-dropdown-toggle-arrow:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3e%3c/svg%3e");
    background-position: 0 5px;
    background-repeat: no-repeat;
    background-size: 13px;
    content: " ";
    float: right;
    height: 16px;
    margin-left: 10px;
    width: 16px;
}
.gui-active .gui-dropdown-toggle-arrow:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'/%3e%3c/svg%3e");
    background-position: 0 3px;
}

/* Dropdown Menu */
.gui-dropdown-menu {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    display: none;
    max-height: 150px;
    min-width: 100%;
    overflow-y: auto;
    position: absolute;
    z-index: 999;
}
.gui-dropdown-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.gui-dropdown-menu ul li {
    border-bottom: 1px solid #E5E5E5;
}
.gui-dropdown-menu ul li:last-child {
    border: none;
}
.gui-dropdown-menu ul li a {
    cursor: pointer;
    display: block;
    padding: 5px 10px;
}
.gui-dropdown-menu ul li a:hover {
    background: #E5E5E5;
    text-decoration: none;
}
.gui-dropdown-menu ul li.gui-active a,
.gui-dropdown-menu ul li.gui-active a:hover {
    background: #007BFF;
    color: #FFFFFF;
}
.gui-dropdown.gui-active .gui-dropdown-menu {
    display: block;
}