@font-face {font-family: "Gotham";src: url("/fonts/Gotham-Bold.otf") format("truetype");}
/* Connexion Page */
.form-login {width: 100%;max-width: 550px;padding: 70px;margin: 0 auto;border-radius: 20%;}
.form-login .checkbox {font-weight: 400;}
.form-login .form-control {position: relative;box-sizing: border-box;height: auto;padding: 10px;font-size: 16px;}
.form-login .form-control:focus {z-index: 2;}
.form-login input[type="email"] {font-family: 'Gotham';margin-bottom: -1px;border-radius: 20px;color: #939090;padding-left: 30px;}
.form-login input[type="password"] {font-family: 'Gotham';margin-bottom: 10px;border-radius: 20px;color: #939090;padding-left: 30px;}
.form-login input[type="submit"] {font-family: 'Gotham';font-size: 20px;}

.form-general {background: var(--color-blue-dark);width: 100%;max-width: 550px;padding: 70px;border-radius: 15px;margin: 0 auto;}
.form-general .checkbox {font-weight: 400;}
.form-general .form-control {position: relative;box-sizing: border-box;height: auto;padding: 10px;font-size: 16px;}
.form-general .form-control:focus {z-index: 2;}
.form-general input[type="text"],.form-general input[type="email"],.form-general input[type="password"],.form-general input[type="datetime-local"],.form-general input[type="text"]::placeholder,.form-general input[type="email"]::placeholder,.form-general select::placeholder,.form-general select {background: var(--color-black-light);border-radius: 20px;border: none;color: var(--color-white);}

/* Buttons */
.btn-yellow-login{background: var(--color-yellow);border: none;border-radius: 20px;color: #ffffff;padding:10px 20px;}
.btn-submit {color: var(--color-blue-dark);padding: 5px 15px;background: var(--color-yellow);border: 2px solid var(--color-yellow);border-radius: 20px;font-weight: 500;}
.btn-submit:hover {transition: .2s ease-in-out;background: none;border: 2px solid var(--color-white);color: var(--color-white)}

/* Others */
.text-login-link, .text-login-link:hover{color: var(--color-yellow);text-decoration: none;font-family: 'Gotham';}
.text-login-link{color: var(--color-yellow);text-decoration: none;font-family: 'Gotham';}
.showHiddenPassword-toggle {color: var(--color-yellow) !important;}
.container-custom {margin: 0 auto;color: var(--color-yellow);width: 100%;max-width: 656px;border-radius: 20px;padding: 40px;margin-bottom: 20px;}
.separator {height: 5px;width: 70px;background: var(--color-yellow-dark);margin: 0 auto;}