@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

.exclude
{
    background-color: #e02e29a3;
}

.goodScore
{
    background-color: #51e029a3;
}


#top_navbar 
{
	background: #8FD5A6;
}

#gestionnaire_de_badge_title
{
	font-size: 2em;
	color:#FEFEFF;
}

#notification_ok:hover
{
	cursor: pointer;
	color: #FA8072;
}


#notification_ok 
{
	text-decoration: underline; 
	color: #666666;
	transition: all 1s ease-out;
}

#notification_ok :hover,
#notification_ok :focus 
{
	color: #FA8072;
}

.accept_td :hover 
{
	color: #08FF00;
	cursor: pointer;
	font-size: 20px;
}

.refuse_td :hover
{
	color: #E90000;
	cursor: pointer;
	font-size: 20px;
}

.wrapper 
{
    display: flex;
    width: 100%;
    align-items: stretch;
}

body {
    font-family: 'Poppins', sans-serif;
    background: #FEFEFF;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}

.elements_nav_vertical_text, .elements_nav_vertical_text:hover, .elements_nav_vertical_text:focus {
    color: inherit;
    text-decoration: none;
    text-align: left;
    transition: all 0.3s;
}

#sidebar 
{
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    transition: all 0.3s;
    background: #8FD5A6;
    color: #fff;
}

#sidebar .sidebar-header {
    padding: 20px;
    font-size: 20px;
    text-align: center;
    background: #329F5B;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #329F5B;
}


#sidebar ul li .elements_nav_vertical_text {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}
#sidebar ul li .elements_nav_vertical_text:hover {
    color: #329F5B;
    background: #fff;
    cursor: pointer;
}


ul ul .elements_nav_vertical_text {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #8FD5A6;
}

#nouvelles_demandes, #demandes_acceptees, #demandes_refuses
{
    margin-bottom: 6em;
}