﻿/*#region From-Sidebar*/
.detailsflag {
    max-height: 20px;
    max-width: 25px;
}

.selected-lang-s {
    background: var(--blue-abgo) !important;
    color: white !important;
}

.flags-cont .selected-lang-s:hover {
    color: white !important;
}

.flags-cont {
    color: #37383F !important;
}

.flags-cont {
    transition: visibility 0s, opacity .2s !important;
}

    .flags-cont.show {
        display: block !important;
        transform: none !important;
        opacity: 1 !important;
    }

    .flags-cont .no-select-lan:hover {
        background: #14151A13 !important;
        color: #37383F !important;
    }

.flag-item {
    display: flex !important;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0 10px;
    padding: 0 10px 0 10px !important;
    cursor: pointer !important;
    font-size: 15px !important;
}

.detailsflagLATAM {
    border-radius: 15px;
    max-height: 26px;
    max-width: 25px;
}
.detailsflagSV {
    max-height: 29px;
    max-width: 29px;
}

.info-select-Lang {
    background-color: var(--color-navbar-abgo);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0 5px;
}

.lan-info-cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.arrowcontainer {
    color: gray;
    font-size: 15px;
}

.d-lang {
    display: none;
}

@media only screen and (max-width:991px) {
    .from-sidebar {
        display: none;
    }
}
/*#endregion*/

/*#region Here-Sidebar*/
.here-sidebar .arrowcontainer {
    color: var(--blue-abgo) !important;
}

.here-sidebar .d-lang {
    display: block;
    color: var(--blue-abgo) !important;
    font-weight: bolder;
}

.here-sidebar .no-select-lan {
    color: var(--blue-abgo) !important;
    font-weight: bolder;
}

.flags-cont .d-lang {
    display: none;
}

.here-sidebar .info-select-Lang {
    background: #DDDDDD;
    padding: 0 0 0 0 !important;
    align-items: center;
}
/*#endregion */