/*Css del toggle hamburgesa y side bar que enlaza a los demas sitios de la red empretec */

.sidebar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.wrapper {
    display: block;
}

#sidebar {
    min-width: 350px;
    max-width: 350px;
    position: fixed;
    top: 63px;  
    right: -350px;
    /* top layer */
    z-index: 9999;
    opacity:0;
    border-radius: 4px;
    box-shadow: 0px 3px 3px 3px rgb(0 0 0 / 10%) !important;
    background-color: #eeeeeeee;
}
.sidebar a,
#sidebar a{
    color: #04488c;
}
.sidebar p,
#sidebar p{
    margin-bottom: 0.5rem;
}
.sidebar li,
#sidebar li{
    padding-left: 20px;
    transition: all 0.25s;
}
.sidebar p,
#sidebar p{
    color: #262626!important;
    font-size: 16px;
}

#sidebar li:hover{
    background-color: #04488cd6;
}

#sidebar li:hover a h3,#sidebar li:hover a p{
    color: white!important;
}
.sidebar .border-left {
    border-left-width: 6px!important;
}
/* display .overlay when it has the .active class */
.overlay.active {
    display: block;
    opacity: 1;
}

#sidebar.active{
    display: block;
    z-index: 3000;
}
#dismiss {
    width: 20px;
    height: 35px;
    position: absolute;
    top: 2.5px;
    right: 0;
    cursor: pointer;
}

.navbar-toggle {
    border: none;
background: transparent !important;
}
.navbar-toggle:hover {
background: transparent !important;
}
.navbar-toggle .icon-bar {
width: 22px;
transition: all 0.2s;
}
.navbar-toggle .top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
opacity: 0;
}
.navbar-toggle .bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
transform: rotate(0);
}

.navbar-toggle .icon-bar {
background-color: #888;
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

#side-bar-overlay{
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index:1998;
}

.sidebar-header-btn{
    padding: 3px 10px;
    color: #04488c;
    font-size: 14px!important;
    border-color: rgba(0, 0, 0, 0.1);
}