* {margin:0;padding:0;list-style:none;vertical-align:baseline;}
*:focus {outline: none;}
a, img {border:none;outline:none;}

.left{float: left;}
.right{float: right;}
.table{display: table;height: 100%;width: 100%;margin-bottom: 0 !important;}
.cell{display: table-cell;vertical-align: middle;}
.clearfix:before,
.clearfix:after{content:"";display:block;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.relative{position: relative;}


h1,
.h1{font-family: 'Lato-Regular'; font-size: 2rem; color: #232323;}

h2,
.h2{font-family: 'Lato-Regular'; font-size: 1.4rem;color: #000000;}

h3,
.h3{font-family: 'Lato-Regular'; font-size: 1rem; font-weight: 300; color: #000000;}


a{font-family: 'Lato-Regular'; font-size: 1rem;}

body, label, span, p{font-family: 'Lato-Regular'; color: #232323;font-size: 1rem;}


button,.btn{}
button:hover,.btn:hover{}


input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="time"],
input[type="search"],
input[type="submit"],
select,
textarea{font-family: 'Lato-Regular'; font-size: 1rem;color: #232323; border: 1px solid #eee;}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 30px white inset;
}



.container{max-width: 1280px; margin-right: auto; margin-left: auto; padding: 0 15px;}









/* ---------- GEST LOGIN AND GET PASSWORD ---------- */
.bg-authentification{background-position: center; background-repeat: no-repeat; background-size: cover;}
.wrapper-box-authentification{position: relative; height: 100vh;}
.wrapper-box-authentification .header-authentification{position: absolute; top: 35px; left: 15px; right: 15px; z-index: 1;}
.wrapper-box-authentification .footer-authentification{position: absolute; bottom: 35px; left: 15px; right: 15px; z-index: 1;}

.wrapper-box-authentification .header-authentification .logo{display: inline-block;}
.wrapper-box-authentification .header-authentification .logo a{display: block;}
.wrapper-box-authentification .header-authentification .logo a img{display: block; width: 100%; max-width: 200px;}

.wrapper-box-authentification .header-authentification .social-media{text-align: right;}
.wrapper-box-authentification .header-authentification .social-media ul{display: block;}
.wrapper-box-authentification .header-authentification .social-media ul li{display: inline-block;padding-left: 20px; vertical-align: middle;}
.wrapper-box-authentification .header-authentification .social-media ul li a{display: block; width: 100%; color: #23347C;font-size: 20px;}

.wrapper-box-authentification .footer-authentification p{color: #23347C;}
.wrapper-box-authentification .footer-authentification .author{text-align: right;}
.wrapper-box-authentification .footer-authentification .author ul{display: block;}
.wrapper-box-authentification .footer-authentification .author ul li{display: inline-block; vertical-align: middle; padding-left: 5px;}
.wrapper-box-authentification .footer-authentification .author ul li a{display: block;}
.wrapper-box-authentification .footer-authentification .author ul li a img{display: block; width: 100%; max-width: 110px;}

.wrapper-authentification{position: relative; min-height: calc(100vh - 82px); background-repeat: no-repeat; background-position: center; background-size: cover;}
.wrapper-authentification .centerForm{position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

.wrapper-authentification .box .message{display: none; margin-bottom: 15px; border-left: 4px solid; box-shadow: 0 1px 3px rgba(0,0,0,.13);background-color: #fff;}
.wrapper-authentification .box .message.success{border-left-color: #25b357;}
.wrapper-authentification .box .message.warning{border-left-color: #23347C;}
.wrapper-authentification .box .message.error{border-left-color: #dc3232;}
.wrapper-authentification .box .message p{padding: 15px;}


.wrapper-authentification .box{width: 400px; margin: 0 auto;}
.wrapper-authentification .box .box-shadow{box-shadow: 0 1px 3px rgba(0,0,0,.13);}
.wrapper-authentification .box .title{background-color: #23347C;}
.wrapper-authentification .box .title p{color: #fff;font-size: 1.5rem;padding: 15px 30px;}
.wrapper-authentification .box .wrapper-form{background-color: #fff; padding: 30px;}
.wrapper-authentification .box .wrapper-form .wrapper-input{display: block;margin-bottom: 15px;}
.wrapper-authentification .box .wrapper-form .wrapper-input input[type="email"],
.wrapper-authentification .box .wrapper-form .wrapper-input input[type="text"],
.wrapper-authentification .box .wrapper-form .wrapper-input input[type="password"]{display: block; width: 100%; padding: 15px; border: 1px solid #eee; border-top: none; border-left: none; border-right: none;}
.wrapper-authentification .box .wrapper-form .wrapper-input label{cursor: pointer;}
.wrapper-authentification .box .wrapper-form .wrapper-input label > input{margin-right: 5px;}
.wrapper-authentification .box .wrapper-form .wrapper-submit{}
.wrapper-authentification .box .wrapper-form .wrapper-submit input[type="submit"]{padding: 5px 10px; border: 2px solid #23347C; background-color: #23347C; color: #fff;}
.wrapper-authentification .box .wrapper-form .wrapper-submit input[type="submit"].load{background-image: url(../img/load.gif);background-size: 24px; background-color: #fff; background-repeat: no-repeat;background-position: center;color: transparent !important;}
.wrapper-authentification .box .wrapper-form .wrapper-submit input[type="submit"]:hover{background-color: #fff; color: #23347C;}
.wrapper-authentification .box .link{margin-top: 15px; display: inline-block;}


.wrapper-authentification .box.forgetPass{display: none;}
/* ---------- FIM GEST LOGIN AND GET PASSWORD ---------- */

















/* MOBILE */
@media screen and (max-width: 768px){



	/* ---------- GEST LOGIN AND GET PASSWORD ---------- */
	.wrapper-authentification{min-height: calc(100vh - 64px);}
	.wrapper-authentification .centerForm{left: 15px; right: 15px;}
	.wrapper-authentification .box{display: block; width: 100%;}
	.wrapper-authentification .box .title p{padding: 10px 15px;}
	.wrapper-authentification .box .wrapper-form{padding: 15px;}
	.wrapper-authentification .box .wrapper-form .wrapper-input input[type="email"],
	.wrapper-authentification .box .wrapper-form .wrapper-input input[type="password"]{padding: 10px 15px;}
	.wrapper-authentification .box .wrapper-form .wrapper-submit{float: none;}
	.wrapper-authentification .box .wrapper-form .wrapper-submit input[type="submit"]{display: block; width: 100%;}
	.wrapper-authentification .box .link{margin-top: 10px;}
	/* ---------- FIM GEST LOGIN AND GET PASSWORD ---------- */

}