body{
     background-color: #e4e4e4;
}

html, body{
    height: 100%;
    background: linear-gradient(rgb(39, 31, 31));
 }

 .color{
    margin-left: -10%;
    margin-right: -15px;
     background-color: #C8102E;
 }

.head-title{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 25px;
    display: block;
}

.navsup{
    background-color: #C8102E;
    position:absolute;
    width: 99%;
    height: 5.5%;
    display: block;
    color:white
}
.navsup2{
    background-color: #C8102E;
    position:absolute;
    width: 100%;
    height: 5.2%;
    display: block;
    color:white
}
.color2{
    background-color: #C8102E;
    position:absolute;
    width: 112%;
    height: 5.5%;
    margin-left: -6%;
}

.navigation{
    color: #DDCBA4;
    background: #3F2021;
    height: 100%;
    position: fixed;
    box-shadow: 0px 0px 30px #DDCBA4;
}
.navigation0{
    color: #DDCBA4;
    background: #3F2021;
    height: 100%;
    position: fixed;
    box-shadow: 0px 0px 30px #DDCBA4;
}

.navigation2{
    color: #DDCBA4;
    background: #3F2021;
    height: 80%;
    position: fixed;
    box-shadow: 0px 0px 30px rgb(231, 236, 161);
}


.navigation2 a{
    color: #ddd;
    display: block;
    height: 40px;
    text-decoration: none;
}


.navigation2 a:hover{
    color:rgb(252, 40, 40);
    background-color: rgb(235, 235, 235);
    cursor: pointer;
    font-weight: bold;
    width: 113%;
}

.navigation2 .glyphicon{
    font-size: 20px;
    margin-right: 5%;
    width: 20px;
    height: 20px;
}

.navigation0 a{
    color: #ddd;
    display: block;
    height: 40px;
    text-decoration: none;
}


.navigation0 a:hover{
    color: #3F2021;
    background-color: rgb(235, 235, 235);
    cursor: pointer;
    font-weight: bold;
    width: 113%;
}

.navigation0 .glyphicon{
    font-size: 20px;
    margin-right: 5%;
    width: 20px;
    height: 20px;
}


.navigation a{
    color: #ddd;
    display: block;
    height: 40px;
    text-decoration: none;
}


.navigation a:hover{
    color: #3F2021;
    background-color: rgb(235, 235, 235);
    cursor: pointer;
    font-weight: bold;
    width: 113%;
}

.navigation .glyphicon{
    font-size: 20px;
    margin-right: 5%;
    width: 20px;
    height: 20px;
}

.bi{
    margin-right: 5%; 
    font-size: 20px;
    width: 20px;
    height: 20px;
}

#admin{
    text-decoration: center;
    position: absolute;
    bottom: 22%;
    width: 90%;
    margin-top: 6%;
}

#user_logged{
    text-decoration: center;
    position: absolute;
    bottom: 0px;
    border-top: 2px solid rgb(218, 218, 218);
    width: 85%;
}

#user_logged2{
    text-decoration: center;
    position: absolute;
    border-top: 2px solid rgb(218, 218, 218);
    width: 85%;
    margin-top: 40px;
}