body
{

    font-family: "Roboto", arial, sans-serif;
    font-size: medium;
}

.site
{
    height: 100%;
			min-height:100%;
			height:inherit;
}

.container
{
    min-height: 100%;
		max-width:inherit;
		margin-bottom:64px;
		padding:inherit;

}

.box-footer-container
{
	/*	margin-top:auto;*/
	width:100%;
	position: absolute;
	height: 30px;
	clear: both;
	z-index:11;
}

.box-footer
{
    /*position: fixed;*/
    /*bottom: 0;*/
    width: 100%;
    position: absolute;
/*    margin-top: 30px;*/
}

.form-control
{
    font-size: medium;
}

.form
{
    width: 100%;
}

.btn
{
    font-size: medium;
}

.box-footer > .footer-bottom > .btn-info
{
    position: absolute;
    bottom: 17px;
    z-index: 100;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    /*background: #99cc33;*/
    border-radius: 50%;
    width: 42px;
    height: 42px;
    /*box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);*/
}

.box-footer > .footer-bottom > .btn-info > a {
    display: block;
    width: 38px;
    height: 38px;
    font-size: 25px;
    font-family: "Nunito", arial, sans-serif;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    /*background: #99cc33;*/
    border: 1px solid #fff;
    border-radius: 50%;
    transition: color 0.2s ease, background 0.2s ease;
    text-align: center;
}

.btn-light {
    color: #00515b;
}

.form-control {
    color: #00515b;
}


/* Sidebar stats */
.sidebar {
    position: fixed;
    top: 35px;
    bottom: 0;
    left: 0;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
    height: 100vh;
    width: 250px;
}

.sidebar-no-burger {
    /*top: 0px;*/
}

.sidebar-sticky {
    position: fixed;
    top: 100px;
}

.sidebar .nav-link {
    font-weight: 500;
    color: #333;
}

.sidebar .nav-link .feather {
    margin-right: 4px;
    color: #999;
}

.sidebar .nav-link.active {
    color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
    color: inherit;
}

.sidebar-heading {
    font-size: .75rem;
    text-transform: uppercase;
}

.col-pixel-width-250 {
    flex: 0 0 250px;
}

/* Graphs */

/*
.div-graphs {
    background-color: #F8F8F8;
}
*/

.graph-canvas {
    border-style: outset;
    background-color: white;
    /*border-color: #00515b;*/
    /*border-width: thin;*/
}

.scroll-wrap {
    display: flex;
}

.scroll-box {
    height: 36vh;
    width: 100vw;
    overflow-y: scroll;
    flex: initial;
}

.green-dark {
    background: #00515b;
}

/* Collision entre le .btn-info DeeWee et celui de bootstrap.. */
.btn-info {
    color: #fff;
    background-color: initial;
    border-color: initial;
}


.shopping-header
{
		width:100%;
		height:400px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
}

.row
{
		margin-right:0px;

}


@media screen and (max-width: 360px)
{
	.form-group
	{
			margin:auto;
			max-width:360px;
	}

	.row
	{
			margin:auto;
			max-width:360px;
	}

	.space-64-small
	{
		padding-top:64px;
	}
}


@media screen and (max-width: 600px)
{
	.form-group
	{
			margin:auto;
			max-width:400px;
	}

	.row
	{
			margin:auto;
			max-width:400px;
	}

	.space-64-small
	{
		padding-top:64px;
	}
}
/*
.shopping-header img
{
		background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;

}

*/