/*----------------
	BASE
----------------*/
body {
	width: 100%;
	background-color: #fafafa;
	font-size: 14px;
	font-family: segoe-ui;
	line-height: 18px;
}

h1, h2, h3, h4, h5 {
	font-family: montserrat-bold;
}

p, td, a {
	line-height: 20px;
	font-size: 16px;
	font-family: segoe-ui;
	color: #707070;
}

p .no-margin {
	margin-bottom: 0;
}

/*----------------
	HEADER
----------------*/
header {
	width: 100%;
	max-width: 90rem;
	margin: auto;
	background-color: #fff;
}

div.header-title {
	margin-top: -115px;
	height: 115px;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	opacity: 0.80;
}

div.header-title h2 {
	display: inline-block;
	line-height: 115px;
	font-style: italic;
	color: #273691;
}

/*----------------
	MAIN
----------------*/
main {
	padding-top: 30px;
	padding-bottom: 60px;
	margin: auto;
	width: 100%;
	max-width: 90rem;
	background-color: #eaecf5;
}

main.white {
	background-color: #fff;
}

main .menu ul {
	margin-left: 0;
	text-align: left;
}

main h1 {
	text-align: center;
	font-size: 30px;
	color: #273691;
}

main.white h3 {
	font-size: 22px;
	color: #273691;
	border-bottom: 2px solid #eaecf5;
}
	
main.white p {
	padding-right: 10%;
}
	
main .left {
	text-align: left;
}
	
main .center {
	text-align: center;
}

main .right {
	text-align: right;
}

main div.bloc {
	padding: 20px;
	border-radius: 30px;
	background-color: #fff;
}

main div.bloc.click {
	cursor: pointer;
}

main div.bloc h2, main div.bloc h3 {
	text-align: center;
	color: #000;
}

main div.bloc h2 {
	margin-top: 8px;
	font-size: 18px;
}
	
main div.bloc h3 {
	font-size: 18px;
}
	
main div.bloc i.svg {
	display: inline-block;
	margin: 0 auto 15px;
	font-size: 75px;
	color: #273691;
}

main div.bloc i.svg.medium {
	font-size: 40px;
}
	
main div.bloc.blue, main div.bloc.blue p {
	color: #fff;
	background-color: #273691;
}

main div.bloc.blue h2, main div.bloc.blue h3 {
	color: #fff;
}
	
main div.bloc.blue i.svg {
	color: #fff;
}

main div.bloc.activity {
	padding: 30px;
	border-radius: 40px;
}

main div.bloc.activity h2 {
	margin-bottom: 25px;
}

main div.bloc.activity h3 {
	text-align: right;
	font-size: 30px;
	vertical-align: middle;
}

main div.bloc.activity p {
	margin-top: 10px;
}

main div.bloc.activity a {
	display: block;
	margin-top: 10px;
	color: #fff;
}

main div.bloc.activity a:hover {
	text-decoration: underline;
}

main div.bloc .header {
	margin-bottom: 20px;
	line-height: 110px;
	border-radius: 20px;
	background-color: #eaecf5;
	text-align: center;
}

main div.bloc .header h2 {
	display: inline-block;
	font-size: 24px;
	line-height: 110px;
	vertical-align: middle;
}

main div.bloc .header h2 i {
	margin: 0 20px 0 0;
	vertical-align: middle;
}

main p.msg-success {
	padding: 10px 20px;
	margin: -20px auto 40px;
	width: fit-content;
	vertical-align: middle;
	border-radius: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 130%;
	color: #fff;
	background-color: #4c8a50;
}

main p.msg-error {
	padding: 10px 20px;
	margin: -20px auto 40px;
	width: fit-content;
	vertical-align: middle;
	border-radius: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 130%;
	color: #fff;
	background-color: #7e1136;
}

.hide {
	display: none;
}

/*----------------
	FORMS
----------------*/

input[type="button"], input[type="submit"] {
	cursor: pointer;
}

/*----------------
	HISTORY
----------------*/
main div.grid-history {
	padding-top: 1rem;
	padding-right: .8rem;
	padding-left: .8rem;
	max-width: 74rem;
	margin-left: auto;
	margin-right: auto;
	border: solid 5px #273691;
	border-radius: 1.5rem;
}

@media print,screen and (min-width:40em) {
	main div.grid-history {
		padding-right: 1rem;
		padding-left: 1rem
	}
}

main div.grid-history div.title {
	position: relative;
	display: block;
	margin: 30px auto;
	width: 270px;
	height: 70px;
}

main div.grid-history div.title h1 {
	display: block;
	position: relative;
	padding-top: 0;
	padding-left: 70px;
	margin-bottom: 20px;
	margin-right: 20px;
	font-family: montserrat-bold;
	font-size: 25px;
	font-weight: bold;
	font-style: normal;
	color: #000;
	border-radius: 25px;
	border-color: #eaecf5;
	background-color: #eaecf5 !important;
}

main div.grid-history div.title img {
	position: relative;
	display: block;
	margin-top: -70px;
	margin-left: 15px;
	height: 64px;
}

main div.grid-history h2 {
	font-family: montserrat;
	font-size: 14px;
	font-weight: bold;
	color: #273691;
}

main div.grid-history i.notify::after {
	content: '';
	display: inline-block;
	position: relative;
	top: 2px;
	padding: 0;
	margin-right: 5px;
	width: 16px;
	height: 16px;
	border-radius: 12px;
	background-color: #7e1136 !important;
}

main div.grid-history div.message {
	padding: 20px;
	border-radius: 15px;
	font-weight: bold;
	color: #000;
}

main div.grid-history div.message h3 {
	font-size: 110%;
	font-weight: bold;
	color: #000;
}

main div.grid-history div.message p {
	font-weight: normal;
	color: #000;
}

main div.grid-history div.message p.file {
	padding: 8px;
	border-radius: 8px;
	background-color: #fff;
	color: #000;
}

main div.grid-history div.message p.file span {
	display: inline-block;
	margin-right: 8px;
}

/*----------------
	STATS
----------------*/
	main div.bloc.stats .header {
	padding: 0;
	line-height: 24px;
	margin-bottom: 20px;
	background-color: #273691;
}

main div.bloc.stats .header h2 {
	display: inline-block;
	font-size: 24px;
	line-height: 24px;
	vertical-align: middle;
}

main div.bloc.stats .header i.svg {
	padding-top: 0;
	margin-top: -4px;
}

main div.bloc.stats .cell {
	margin-top: 0;
	margin-bottom: 0;
}

main div.bloc.stats .cell.middle {
	height: 50px;
	line-height: 50px;
}
 
main div.bloc.stats h3 {
	display: inline-block;
	margin-top: 6px;
	margin-left: 70%;
	font-size: 20px;
	text-align: right;
	line-height: 1.2;
	vertical-align: middle;
}

main div.bloc.stats p {
	display: inline-block;
	margin: auto;
	line-height: 1.2;
	vertical-align: middle;
}
	
main div.bloc.stats .progress {
	display: bloc;
	width: 0;
	height: 50px;
	margin-bottom: 0;
	border-left: 4px solid #fff;
	border-radius: 0 25px 25px 0;
}

main div.bloc.stats .progress.w40 {
	width: 40%;
	transition: width 3s;
	transition-timing-function: ease-in-out;
}

main div.bloc.stats .progress.w50 {
	width: 50%;
	transition: width 3s;
	transition-timing-function: ease-in-out;
}

main div.bloc.stats .progress.w60 {
	width: 60%;
	transition: width 3s;
	transition-timing-function: ease-in-out;
}

main div.bloc.stats .progress.w70 {
	width: 70%;
	transition: width 3s;
	transition-timing-function: ease-in-out;
}

main div.bloc.stats .progress.w80 {
	width: 80%;
	transition: width 3s;
	transition-timing-function: ease-in-out;
}

main div.bloc.stats .progress.w90 {
	width: 90%;
	transition-property: width;
	transition-duration: 3s;
	transition-delay: 1s;
	-webkit-transition-duration: 3s;
	-webkit-transition-property: width;
	-webkit-transition-delay: 1s;
}


/*----------------
	List
----------------*/
main table tbody {
	border: none;
}

/*
tbody tr:nth-child {
	background-color: #fff;
}
*/

main td a {
	color: #101010;
}

/*----------------
	Label
----------------*/
label {
	padding-top: 10px;
	font-weight: bold;
}