/**
* Polices
*/

@font-face {
	src: url('../fonts/lato/Lato-Regular.ttf');
	font-family: 'Lato Regular';
}

@font-face {
	src: url('../fonts/lato/Lato-Light.ttf');
	font-family: 'Lato Light';
}
@font-face {
	src: url('../fonts/lato/Lato-Bold.ttf');
	font-family: 'Lato Bold';
}

:root {
--yellowybl: #ee9504;
--greenybl: #008c5e;
--redybl: #ec543a;
--time: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99);
--lr : 'Lato Regular';
--ll : 'Lato Light';
--lb : 'Lato Bold';
}

.no-margin{
	margin: 0px;
}
.no-padding{
	padding: 0px;
}
.img-full img{
	width: 100%;
	height: auto;
}
.bordered{
	border: 1px solid #000;
}

/**
* Bg Colors
*/
.bgwhite{
	background-color: #fff;
}

/**
* Header
*/
.header {
	background-color: #ffffff;
	padding: 1rem 0;
	/* border-bottom : 1px solid #eee; */
}
/***
* Main
*/

#inscrits {
	background-color: #fff!important;
}
.main, #dashboard {
	padding-bottom: 3rem;
	background-image: url('../img/bg.svg');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
.desc{
	font-family: var(--lb);
	text-align: center;
	font-size: 14px;
}
.form-box {
	border: 1px solid #eee;
	border-radius: 12px;
	background-color: #ffffff;
}
#forms label {
	font-family: var(--lr);
	text-align: justify;
	font-size: 14px;
}
.input, #forms textarea {
	font-family: var(--ll);
	border-radius: 2px!important;
	outline: 0!important;
	transition: var(--time)!important;
	color: #000;
	box-shadow: none!important;
}
.form-check-input:checked {
    background-color: var(--yellowybl)!important;
    border-color: var(--yellowybl)!important;
}

.input:focus, #forms textarea:focus {
	border-color: var(--greenybl)!important;
}

.warning {
	font-family: var(--ll);
	font-size: 14px;
}

.btn_submit {
	background-color: var(--greenybl)!important;
	font-family: var(--lr)!important;
	transition: var(--time)!important;
	border: 2px solid var(--greenybl)!important;
	color: #fff!important;
}

.btn_submit:hover {
	background-color: transparent!important;
	color: var(--greenybl)!important;
}

.btn_submit + p {
	font-family: var(--ll)!important;
	margin-top: 1rem;
}
.title {
	font-family: var(--lb);
	text-transform: uppercase;
}
#success {
	position: fixed;
    z-index: 999;
    width: 35%;
    margin: 0 auto;
    text-align: center;
    display: none;
    top: 7%;
    left: 50%;
    transform: translateX(-50%);
}

#failed {
	position: fixed;
    z-index: 999;
    width: 35%;
    margin: 0 auto;
    text-align: center;
    display: none;
    top: 7%;
    left: 50%;
    transform: translateX(-50%);
}

.wrap-login {
	background-color: #fff;
	margin: 0 auto;
	width: 80%;
	padding: 15% 2.5rem;
	border: 1px solid #eee;
	border-radius: 12px;
}
/**
* Footer
*/

.footer {
	background-color: var(--greenybl)!important;;
	font-family: var(--lb);
	color: #fff!important;
}