@charset "UTF-8";.auth-page{display:flex;justify-content:center;align-items:center;margin-right:2rem}#image-auth{background-image:url(/assets/plateforme-web-BsMvmins.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;height:100vh;width:100%;margin-right:2rem;text-align:center;position:relative;filter:brightness(.8)}#image-auth p{color:#fff;font-size:2.5rem;font-weight:500;position:absolute;top:40%;left:35%}.container-auth{margin-top:5rem;padding:2rem;border-radius:2px}h1{font-size:1.5rem;margin-bottom:1rem}h2{font-size:1rem;margin-bottom:30px;font-weight:400}.form-group{width:400px;margin-bottom:1.5rem;text-align:left;margin-bottom:20px}.form-group label{display:block;margin-bottom:.5rem;font-weight:700}.form-group input{width:380px;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.form-group .eye-icon{position:absolute;right:10px;top:35px;cursor:pointer}.form-group input:focus{border-color:#56cbb2;outline:none}.btn{background-color:#56cbb2;font-weight:700;color:#fff;padding:.75rem;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;width:100%;margin-top:20px}.error-message{color:red;font-size:.875rem;margin-top:-1rem;margin-bottom:1.5rem;text-align:left;margin-left:.5rem}.error{color:red}.error input{border-color:red}.header-component{display:flex;align-items:center;background-color:#19b1a3;color:#fff;padding:10px 20px}.header-component .title{text-align:center;width:100vw;font-size:1.2rem}.header-component #menu-icon{cursor:pointer}.user-icon-container{position:relative}.user-icon-container #user-icon{cursor:pointer;filter:invert(100%)}.dropdown-menu{display:none;position:absolute;right:0;background-color:#fff;color:#000;box-shadow:0 8px 16px #0003;border-radius:2px;overflow:hidden;z-index:3;width:200px}.dropdown-menu.active{display:flex;flex-direction:column}#dropdownUsername{margin:0;padding:10px 20px;border-bottom:1px solid #ddd;border-left:5px solid #ffc107;font-size:.9rem}#dropdownUtilisateur{font-weight:600;padding:10px}.dropdown-menu button{background:none;color:red;border:none;padding:10px 20px;width:100%;cursor:pointer;text-align:left;display:flex}.dropdown-menu button img{width:15px;margin-top:-1px;margin-right:5px}.side-menu{height:100%;width:0;position:fixed;z-index:2;top:0;left:0;background-color:#fff;overflow-x:hidden;transition:.3s}.side-menu-content{padding:80px 30px}.side-menu a{padding:8px 0;text-decoration:none;font-size:18px;color:#6c6c6c;display:block;transition:.3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-menu a:hover{color:#249b88}.close-btn{position:absolute;top:10px;right:25px;font-weight:400;color:#444343;font-size:30px;cursor:pointer}body{font-family:Arial,sans-serif;margin:0}#cards{display:flex;padding:5rem}#cards .card{margin-right:6rem}#cards .card-content{cursor:pointer;padding:1rem;flex:0 20%;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;width:200px;border:1px solid #dedede}#cards .card-title{margin-top:.5rem;font-weight:400;text-align:center;font-weight:700;font-size:.9rem}#cards .card img{width:150px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1;display:none}.overlay.active{display:block}body{margin:0;font-family:Mulish,Open Sans,Arial,sans-serif}