/******************************/ 

/*AZURE LOGIN BUTTON*/ 

/******************************/ 

ul.buttonList li.azure a { 

    background: #0078D4; 

} 

 

ul.buttonList .azure a { 
    width: 400px;
    color: #fff; 
    text-shadow: none; 
    box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 0px, rgba(0, 0, 0, 0.23) 0px 3px 6px; 
    font-size: 20px; 
    border: none; 
    padding-left: 10px; 
} 

ul.buttonList .azure a:after { 
        position: absolute; 
        left: 35px; 
        top: 0; 
        height: 100%; 
        width: 0; 
        content: ""; 
    } 


ul.buttonList .azure a:active { 
        background-position: 0 -100px; 
        border-color: #3d82a0; 
        background-color: #2680a9; 
    } 

     

ul.buttonList .azure a:hover { 
        color: #fff; 
        border-color: #3d82a0; 
        background-position: 0 -50px; 
        background-color: #128FEF; 
        top: 2px; 
        left: 2px; 
        position: relative; 
        box-shadow: none; 
        text-shadow: none; 
    } 

 

ul.buttonList .azure a span { 
        padding: 15px 20px 15px 50px; 
        background: url("images/outlook36px.png") no-repeat 19px 7px; 
        background-size: 36px 36px; 
        background-position: left; 
    } 

.loginContent{ 
    display:grid; 
}