@charset "UTF-8";

/* login - style.css */
@import "icofont.css";

/* ========================== login ========================== */

.container-login {width:100%; height:100vh; display: flex; flex-wrap:wrap; justify-content: center; align-items: center; background-size: cover;}
.bg-login {z-index:-1; /*background-image: url(/cm/gres/faux/images/bg_login_zinus.png);*/ background-repeat: no-repeat; background-size:cover; background-color: #ffffff; position: fixed; top:0; left:0; width:100%; height:100%;}

.form-login-wrap {position: relative;  border-radius:12px; overflow:hidden;}
.form-login {padding:67px 56px 65px 56px; width:auto; background:#fff;}
.form-login:before {content:'';}
.form-login-wrap h6 img { max-width: 100%; }

.logo-login {width:280px; height:58px; background-image: url(/cm/gres/faux/images/logo.png); background-repeat: no-repeat; background-size: 280px 58px; margin:auto;}
.title-text {width:363px; height:30px; background-image: url(/cm/gres/faux/images/title.png); background-repeat: no-repeat; margin:auto;}
.btn-round-s { border-radius:50%; width:25px; height:25px; text-align:center; padding:0px !important;}

.login-btn { padding:16px; color:#fff; font-size:1.5rem; font-weight:700;}
/* .sub-btn { padding:4px 8px; color:#fff; font-size:.85rem; font-weight:700;} */


/* text field */
.form-login-wrap .select-style { height: 70px; border:1px solid #E6EDF8; background-color: #E6EDF8; border-radius:5px; color: #AD0036; font-weight: 400;}
.form-login-wrap .select-style:focus { outline:none; }

.form-login-wrap .group { position:relative; width:400px;}
.form-login-wrap .group i { position: absolute; top:26px; left:25px; color: #828da7;}
.form-login-wrap .group input {font-size:1.25rem;padding:19px 15px 19px 62px;display:block;border:1px solid #ddd; border-radius:5px;}
.form-login-wrap .group input:focus { outline:none;}

/* text field - bottom bars */
.form-login-wrap .group .bar { position:relative; display:block; width:auto; }
.form-login-wrap .group .bar:before, .form-login-wrap .group .bar:after 	{content:'';height:2px; width:0;bottom:0; position:absolute;background:#AD0036; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}
.form-login-wrap .group .bar:before {left:0%;}
.form-login-wrap .group .bar:after {right:0%; }

/* text field - active state */
.form-login-wrap .group input:focus ~ .bar:before, .form-login-wrap .group input:focus ~ .bar:after {width:100%;}

/* text field - highlighter */
.form-login-wrap .group .highlight {position:absolute;height:60%; width:100%; top:25%; left:0;pointer-events:none;opacity:0.5;}

/* checkbox */
.form-login-wrap .check-btn {display: flex;align-items: center;}
.form-login-wrap .check-btn input {display: none;}
.form-login-wrap .check-btn label {position: relative;display: block;width: 16px;height: 16px;background: url(/cm/gres/faux/images/checkbox_off.png) no-repeat center;background-size: 16px 16px}
.form-login-wrap .check-btn input:checked + label {background: url(/cm/gres/faux/images/checkbox_on.png);background-size: 16px 16px}