body
{
	margin:0;
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
}

.unknow-result
{	
	text-align: center;
	font-size: 26px;
	padding-top: 150px;
	padding-bottom: 150px;
}

.background
{
	background-image: url('../images/background.jpg');
}

.help-video 
{
    float: right;
    margin-top: -65px;
    font-size: 25px;
    text-align: center;
}

.littletext 
{
    font-size: 12px;
    font-weight: bold;
}

.help-video-container
{
	float:right;
}

.template-email-item
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.title-template
{
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	width: 250px;
	color: #ffffff;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-weight: bold;
	margin-top: 271px;
}

.btn-position
{
	margin-left: 98px !important;
}

.template-email-selected
{
	border: 3px solid #ffb300;
}

.logo-prod
{
	text-align: center;
	margin-top: -60px;
}

.loginbox
{
	width: 650px;
	height: auto;
	background-color: rgba(255,255,255,0.85);
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 90px;
	border-radius: 10px;
}

.result-google 
{
    padding: 20px;
    box-sizing: border-box;
    border: 1px dashed;
}

.result-google-title 
{
    color: #1a0dab;
    font-size: 18px;
    font-weight: bold;
    font-family: arial,sans-serif;
}

.result-google-url 
{
    color: #006621;
    font-style: normal;
    font-size: 14px;
    font-family: arial,sans-serif;
}

.result-google-description 
{
    color: #545454;
    font-weight: normal;
    font-size: small;
    font-family: arial,sans-serif;
}

.stats-box
{
	float: left;
	width: 15%;
	text-align: center;
	background-color: #ffab00;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 5px;
	margin-right: 1%;
	color: #ffffff;
}

.number-box
{
	font-size: 35px;
}

.stats-englobe
{
	overflow:auto;
}

.msg-error
{
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 10px;
	background-color: #ff0000;
	border-radius: 5px;
	color: #ffffff;
}

.inputbox-connect
{
	width: 100%;
	box-sizing: border-box;
	height: 40px;
	font-size: 18px;
	padding-left: 10px;
	border: 1px solid #aaaaaa;
	margin-bottom: 10px;
}

.btn-connect
{
	border: none;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	background-color: #009dff;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	float: right;
}

.btn-connect:hover
{
	background-color:#0788d8;
}

.user-info
{
	float: right;
	margin-top: 40px;
	margin-right: 20px;
}

.margin-base
{
	padding: 20px;
}

.popmenu
{
	padding-left: 20px;
}

.menu
{
	height: 100vh;
	background-color: #413f3f;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu ul li
{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ffffff;
	padding-left: 10px;
	color: #ffffff;
}

.menu ul li:hover
{
	background-color: #2888bc;
}

.menu ul li a
{
	text-decoration:none;
	color:#ffffff;
}

.container 
{
    float: left;
    margin-left: 20px;
    width: 80%;
    box-sizing: border-box;
}

table
{
    border-collapse: collapse;
    width: 100%;
}

th, td 
{
    text-align: left;
    padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}

th 
{
    background-color: #2888BC;
    color: white;
}

.inputbox
{
	width: 100%;
    height: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    box-sizing: border-box;
    padding-left: 10px;
}

.totalChiffre-user
{
	width: 150px;
	height: 100px;
	padding: 20px;
	box-sizing: border-box;
	background-color: #2888bc;
	margin-bottom: 20px;
	border-radius: 5px;
	text-align: center;
	float: left;
	margin-right: 10px;
}

.totalChiffre-montant-user
{
	font-size: 27px;
	color:#ffffff;
}

.totalChiffre-title-user
{
	font-size:10px;
	color:#ffffff;
}

.totalChiffre
{
	width: 20%;
	height: 100px;
	padding: 20px;
	box-sizing: border-box;
	background-color: #2888bc;
	margin-bottom: 20px;
	border-radius: 5px;
	text-align: center;
}

.totalChiffre-montant
{
	font-size: 33px;
	color: #ffffff;
}

.totalChiffre-title
{
	color:#ffffff;
}

label
{
	font-weight:bold;
}

.btn
{
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #2888bc;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	border-radius: 5px;
	border:none;
}

.btn:hover
{
	background-color:#216f99;
}

.red
{
	background-color:#ff0000;
}

.red:hover
{
	background-color:#c00a0a;
}

header
{
	width: 100%;
	height: 110px;
	background-color: #aacbd5;
}

#menu-mobile-bar
{
	display:none;
	height: 45px;
	background-color: #484848;
	width: 100%;
	padding-top: 5px;
	padding-left: 5px;
}

#menu-mobile
{
	display:none;
	width: 100%;
	background-color: #888;
}

#menu-mobile ul a
{
	color:#ffffff;
}

#menu-mobile ul a li
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom: 1px solid #aaa;
}

#menu-mobile ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Responsive Admin */

@media only screen and (max-width: 960px) 
{
	table
	{
		font-size: 9px;
	}
	
	.btn
	{
		font-size: 0.6rem !important;
	}
	
	.col-sm-9
	{
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	
	#menu-mobile-bar
	{
		display:block;
	}
	
	h2
	{
		font-size: 1.1rem !important;
	}
	
	.loginbox 
	{
		width: 80%;
		box-sizing: border-box;
		font-size: 10px;
	}
	
	.btn-connect 
	{
		font-size:10px;
	}
	
	.inputbox-connect 
	{
		font-size: 12px;
	}
	
	.stats-box 
	{
		width: 32% !important;
		margin-bottom: 10px;
	}
	
	h1
	{
		font-size: 1.5rem !important;
	}
	
	.menu
	{
		display:none;
	}
}

@media only screen and (max-width: 640px) 
{
	table
	{
		font-size: 9px;
	}
	
	.btn
	{
		font-size: 0.6rem !important;
	}
	
	.col-sm-9
	{
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	
	#menu-mobile-bar
	{
		display:block;
	}
	
	h2
	{
		font-size: 1.1rem !important;
	}
	
	.loginbox 
	{
		width: 80%;
		box-sizing: border-box;
		font-size: 10px;
	}
	
	.btn-connect 
	{
		font-size:10px;
	}
	
	.inputbox-connect 
	{
		font-size: 12px;
	}
	
	.stats-box 
	{
		width: 32% !important;
		margin-bottom: 10px;
	}
	
	h1
	{
		font-size: 1.5rem !important;
	}
	
	.menu
	{
		display:none;
	}
}

@media only screen and (max-width: 320px) 
{
	table
	{
		font-size: 9px;
	}
	
	.btn
	{
		font-size: 0.6rem !important;
	}
	
	.col-sm-9
	{
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	
	#menu-mobile-bar
	{
		display:block;
	}
	
	.menu
	{
		display:none;
	}
	
	.loginbox 
	{
		width: 80%;
		box-sizing: border-box;
		font-size: 10px;
	}
	
	.btn-connect 
	{
		font-size:10px;
	}
	
	.inputbox-connect 
	{
		font-size: 12px;
	}
}