/**************************/
/*** STYLES GENERIQUES ***/
/************************/

input, textarea {
	background-color:#ececec!important;
	border:none!important;  
}

/* Permet de centrer verticalement un contenu*/
.col-middle {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	display:table-cell;
}
.row-middle {
	width: 100%;
	height: 100%;
	display:table;
}

.no-margin {
	padding:0px;
}
.bg-primary {
	background-color:#5a287f!important;
}


/* PAGE LOGIN */


.container-login-form {
	background-color:#fff;
	padding:20px;
	margin:0px auto;
}
.container-login .col-right {
	background-color:#fff;
}

.container-login .form-check-input{
    margin-left:0px!important;
}

.login-logo {
    margin-top:30px;
    margin-bottom:30px;
}

.login-form {
	margin-top:20px;
	color:#525252;
}

.password-forgot {

}

.password-forgot a {
	color:#525252;
	text-decoration:underline;
}

input, .btn {
	border-radius:0!important;
}

.btn-primary {
	background-color:#b7398d;
	border-color:#b7398d;
}

.btn-primary:hover{

    background-color:#d46300;
	border-color:#b7398d;
    cursor:pointer;
}




/******************************/
/*** GESTION DU RESPONSIVE ***/
/****************************/



/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .container-login .col-left {
     background: url(/Content/Images/login-bg.png) no-repeat center fixed;
     -webkit-background-size: cover; /* pour anciens Chrome et Safari */
     background-size: cover; /* version standardisée */
    }
     .container-login .col {
     height:100vh;
    }
     .container-login-form {
    width:450px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
@media (max-width: 991px) {
    .container-login .col-right {
        background: url(/Content/Images/login-bg.png) no-repeat center fixed;
        -webkit-background-size: cover; /* pour anciens Chrome et Safari */
        background-size: cover; /* version standardisée */
        height:100vh;
    }
    .container-login-form {
        width:450px;
    }

}


/* Medium devices (tablets, 768px and up) */
@media (max-width: 767px) {
.container-login-form {
width:100%;
margin-left:15px;
}
}