#wrapper {
    background: rgb(105, 102, 170);
    background: linear-gradient(90deg, rgba(105, 102, 170, 1) 0%, rgba(153, 151, 197, 1) 100%);
}

#side-menu {
    background: transparent;
    /*background: linear-gradient(90deg, rgba(105, 102, 170, 1) 0%, rgba(153, 151, 197, 1) 100%);*/
}

#side-menu > li > a {
    color: white;
}

#side-menu > li > a:hover {
    color: black;
    background: rgb(135, 133, 187)
}

#side-menu > li > a:focus {
    color: black;
    background: rgb(135, 133, 187)
}

#side-menu > li > ul > li > a {
    color: white;
    background: #535094FF;
}
.navbar > .navbar-default {
    background: #535094FF;
}

.navbar-collapse.collapse {
    background: #535094FF !important;
}

#side-menu > li > ul > li > a:hover {
    color: black;
    background: rgb(135, 133, 187);
}

.sidebar ul li {
    border-bottom: 0 transparent !important;
}

.navbar-default {
    background: transparent !important;
    border-color: transparent !important;
}

.navbar > .navbar-default{
    margin-top: 5.8rem;
}

.navbar-default > ul > li > a {
    color: white;
}

.navbar-default > ul > li > a:hover {
    color: black;
    background: rgb(135, 133, 187)
}

.sidebar ul li a.active {
    background: rgb(135, 133, 187) !important;
}

.navbar-header {
    width: 25rem;
    display: flex;
    /*justify-content: center;*/
}

.navbar-brand {
    background: white;
    border-radius:14px;
    margin: 4px;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    background: white;
    border-radius:14px;
    margin: 4px;
}

.img_nav {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18rem;
}

.obligatorio::placeholder {
  color: red !important;
  opacity: 1; /* Firefox */
}