/* Style for the new login piece */

        .login-container {
            text-align: center;
            color: #FFFFFF; 
            justify-content: center;
            align-items: center;
        }

        .login-container .welcome {
            font-size: 1.5rem;
            margin-bottom: 10px;
        }

        .login-container .avatar {
            width: 100px;
            height: 100px;
            /*background-color: #FFFFFF;*/
            border-radius: 50%;
            display: inline-block;
            margin-bottom: 10px;
        }

        .login-container .user-info {
            font-size: 1rem;
            margin-bottom: 20px;
        }

        .login-container .buttons {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-bottom: 10px;
        }

        .login-container .button, #user_login  {
            background-color: #0000FE !important;
            border-radius: 5px;
		    font-size: 16px;
		    font-family: \'DM Sans\', Helvetica, Arial, Lucida, sans-serif !important;
            color: #ffffff;
            padding: 5px 5px;
            text-decoration: none;
            border:none;
            transition: all 0.3s ease;
        }
        .login-container .button:hover, #user_login:hover {
        	background-color: #ed8b26 !important;
        }
        #user_login  {
	        font-weight: 600;
    	}
        .login-container a.button {
        	font-size: 14px !important;
        }


/* Flex login form style */

    .login-container-ec {
        padding: 10px;
        color: white;
    }
    
    .login-container-ec a {
        color: white;
    }
    
    /* Full-width input fields */
    .login-container-ec input[type=text],
    input[type=password] {
        width: 100%;
        padding: 12px 20px !important;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc !important;
        box-sizing: border-box;
    }
    
    /* Set a style for all buttons */
    .login-container-ec input[type=submit] {
        background-color: #0000FE;
        color: white;
        padding: 14px 20px;
        margin: 8px 0;
        border: none;
        cursor: pointer;
        width: 100%;
        border-radius: 5px;
    }
    
    .login-container-ec input[type=submit]:hover {
        background-color: #ed8b26 !important;
    }
    
    .login-container-ec label,
    p {
        font-size: .8em;
    }