.selector {
    width: 100%;
    z-index: 1000;
}
.selector ul, ol {
    list-style:none;
    margin: 0px !important;
    width: 100% !important;
    z-index: 1000;
}

.select > li {
    float:left;
    margin: 0px !important;
    padding: 0px !important;
}

.select {
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
}
.select li a {
    background-color: #ffffff;
    color:#A4A4A4;
    text-decoration:none;
    display:block !important;
}

.select li a:hover {
    background-color:#434343;
}
.select li {
    width: 100% !important;
    margin: 0px !important;
    position: relative;
}
.select li.principal {
    position: relative;
}
.select li.principal .material-symbols-outlined {
    font-size: 30px;
    position: absolute;
    top: 7px;
    right: 10px;
}
.select li.principal a {
    border: 1px solid #B7B7B7;
    padding:10px 30px 10px 12px;
}
.select li.principal a:hover {
    background-color: #ffffff;
    color:#A4A4A4;
}
.select li.secundario a {
    border-top: none !important;
    padding:10px 12px;
}
.select li.secundario a:hover{
    color: #ffffff;
    background-color: #F8BB08;
}

.select li ul {
    display:none;
    position:absolute;
    width: 90% !important;
    margin: 0px !important;
    padding-left: 0px !important;
}

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

.select li ul li {
    position:relative;
}

.select li ul li ul {
    right:-140px;
    top:0px;
}

@media (max-width:768px) {
    .select li.principal .material-symbols-outlined {
        font-size: 20px;
        right: 5px;
        top: 4px;
    }
    .select li.principal a {
        padding:5px 20px 5px 10px;
        font-size: 0.70em;
        line-height: 1.3em;
    }
}