.branchesContainer {
    position: absolute;
    top: 70px;
    left: 66%;
    z-index: 1000;
    background-color: #FFF;
    width: 20%;
    padding: 1% 1.5% 1% 1.5%;
    border-radius: 10px;
    -webkit-box-shadow: 3px 4px 15px -5px rgba(0, 0, 0, 0.69);
    box-shadow: 3px 4px 15px -5px rgba(0, 0, 0, 0.69);
    max-height: 300px;
    overflow-y: scroll;
    /*text-align: right;*/
}

.branchesContainer::-webkit-scrollbar-track {
    /* border: 1px solid #000; */
    padding: 2px 0;
    background-color: #f0f2f4;
}

.branchesContainer::-webkit-scrollbar {
    width: 5px;
}

.branchesContainer::-webkit-scrollbar-thumb {
    border-radius: var(--borderRadius);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #b6b6b6;
    /* border: 1px solid #051e0b; */
}

#branchSelectionHeader {
    font-weight: bolder;
}

#branchSelectionAddress {
    font-size: .6vw;
}

.branchSelection {
    text-align: left;
    font-size: 1vw;
    padding-bottom: 2%;
    /* border-bottom: .5px solid #d0d0d0; */
}

.branchSelection:hover {
    color: var(--color_company_2);
}

.navigationCentralMessage {
    text-align: left;
    font-weight: bolder;
}

.navigationCentralMessage:nth-child(2) {
    margin-top: 5% !important;
}

.branchSelectedResponsive {
    background-color: var(--color_company_1);
    color: #fff;
    font-weight: bolder;
    text-align: left;
}

.branchSelectedResponsive div {
    color: var(--color_company_5);
    border-radius: 6px;
}

@media screen and (max-width: 768px) {
    .branchSelection {
        font-size: 12pt !important;
    }
}