@media screen and (max-width: 1024px)
{
	img {
		width:100%;
	}
}
img#capousse{
	height: 180px;
	float: right;
}

.typeahead { z-index: 1051; }

ul.typeahead.dropdown-menu {
	display:block;
}

.dataTables_processing
{
	background-color: #ddd;
	border-radius: 25px;
}

.red
{
	color:red;
	font-weight: 800;
}

thead {
    vertical-align: middle;
}
thead tr 
{
    background: #e6e9ed;
}

thead tr th {
color: #565656;
text-transform: uppercase;
}



span.gainred
{
    background-color:red;
    color:white;
    text-align:right;
    padding:8px;
    border-radius: 25px;
    font-weight: 700;
    font-size:100%;
}
span.gaingreen
{
    background-color:#90EE90;
    color:white;
    text-align:right;
    padding:8px;
    border-radius: 25px;
    font-weight: 700;
    font-size:100%;
}
span.gaingreener
{
    background-color:#006400;
    color:white;
    text-align:right;
    padding:8px;
    border-radius: 25px;
    font-weight: 700;
    font-size:100%;
}
span.gaingrey
{
    background-color:grey;
    color:white;
    text-align:right;
    padding:8px;
    border-radius: 25px;
    font-weight: 700;
    font-size:100%;
}
td:has(> span.gainred)
{
    background-color:red;
    color:white;
    text-align:right;
}
td:has(> span.gaingreen)
{
    background-color:#90EE90;
    color:white;
    text-align:right;
}
td:has(> span.gaingreener)
{
    background-color:#006400;
    color:white;
    text-align:right;
}



.main-sidebar {
    /*position:fixed !important;*/
}


.form-control {
    width:unset;
    display:inline;
}