/**

rojo: #fd2e2e
celeste fuerte: #38b1ff
celeste claro: #5ce1e6
amarillo: #181d36

*/


.bs-menu-lv2 {
    
        width: 166px !important;
}
.bs-menu-lv3 {
    
        width: 150px !important;
}

.alert-primary {
    color: #232323;
    background-color: white;
    border-color: white;
}


.bs-nav {
    background: #fd2e2e;
    padding-top: 0;
    padding-bottom: 0;
}



.btn-primary {
    background-color: #38b1ff;
    border: 0.5px solid transparent;
    border-radius: 100px;
    color: #fff;
}
.bs-home-hr {
    background-color: #38b1ff;
    width: 10%;
    height: .4rem;
    margin-bottom: 2rem;
}

.bs-header-topnav {
    background: #38b1ff;
    padding: 0.25rem 0;
    color: #fff;
}
.bs-header-topnav a:hover {
    color: #b3d7ff;
}



.navbar-expand-lg .bs-menu-lv1 + .dropdown-menu {
    margin-top: 1px;
    border-color: #fd2e2e;
}
.bs-menu-lv1 + .dropdown-menu {
    background: #fd2e2e;
    margin: 0;
    padding: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-color: white;
}
.bs-menu-lv1:hover, .show > .bs-menu-lv1:hover {
    background: white;
    color: #232323;
}

.bs-footer {
    background: #38b1ff;
    color: #fff;
    padding-top: 1rem;
}

.bs-menu-lv2:hover {
    background: #fff;
    color: #fd2e2e;
}



@media (min-width: 992px){
.col-lg-3 {
    -ms-flex: 0 0 25%;
    max-width: 50%;
}

}




.navbar-collapse {
    background: #fd2e2e;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    scrollbar-color: white #50B5E4;
    scrollbar-track-color: #50B5E4;
    scrollbar-face-color: white;
    scrollbar-shadow-color: white;
    scrollbar-arrow-color: white;
}


@media screen and (max-width: 992px){
.bs-menu-lv1 + .dropdown-menu {
    background: white;
    margin: 0;
    padding: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-color: white;
}

.bs-menu-lv2 {
    color: #232323;
}


.row{
   
}
}

/*MENU PERSONALIZADA DEL VERSION MOBIL
@media screen and (max-width: 992px){
.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem;
    background: #fd2e2e;
}}
*/


.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    
    padding: .5rem 1rem;
    background: #fd2e2e;
}

[data-bs="search"] .input-group {
    border: 1px white solid;
    background: white;
    border-radius: 50rem;
}

.navbar.bs-nav-center .btn.btn-primary {
    background: #fd2e2e;
    color: white;
}

.bs-menu-lv1, .bs-menu-lv2, .bs-menu-lv3 {
    padding: .5rem .6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: WHITE;
    font-size:20px;
}
.bs-menu-lv3:hover {
    background: #fff;
    color: #fd2e2e;
}

.bs-sticky-header{
      padding-right: 0px;
}

@media screen and (max-width: 992px){
.bs-menu-lv2, .bs-menu-lv3 {
    padding: .5rem .6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    /* FONT-WEIGHT: BOLD; */
}}

.navbar-toggler {
    font-size: 2rem !important;
    color: white;
}
.navbar-toggler:hover {
    
    color: white;
    opacity:.4;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.alert-primary {
    color: #ffffff;
    background-color: #626262;
    border-color: #626262;
}
.navbar {
    background: #D91C29;
    padding-left: 0px;
    padding-right: 0px;
}
.navbar.bs-nav-center .btn.btn-primary {
    background: #D91C29;
}
.navbar-expand-lg .bs-menu-lv1 + .dropdown-menu {
    border-color: #D91C29;
}
.bs-menu-lv1 + .dropdown-menu {
    background: #D91C29;
}
.navbar-collapse {
    background: #D91C29;
}


@media screen and (min-width: 1px) {
    .bs-chat {
    top: 85%;
    position: fixed;
    bottom: 50%;
    right:.1%;
    flex-direction: column;
    z-index: 9000;
}
}

.bs-footer aside {
    background: transparent;
    padding: 0.75rem;
}

.h4, h4 {
    font-size: medium;
}