#bg-main{
    background-color: rgba(186, 186, 186, 0.412);
}
.util-bar .branding-superapp a, a:hover{
    text-decoration: none;
}
.top-bar .navbar-superapp{
    background-color: #c7c7c7;
}
.navbar .nav-link{
    text-transform:capitalize;
    color: #000 !important;
}
.navbar .navbar-nav li:hover{
    text-transform:capitalize;
    color:#000 !important;
    background-color: #e2e2e2;
}
.navbar .nav-link{
    padding: 15px;
}
.dropdown-menu{
    background-color: #e2e2e2;
}
.dropdown-menu .dropdown-item{
    color: #000;
    background-color: #e2e2e2;
}
.dropdown-menu .dropdown-item:hover{
    color: #000;
    background-color: #c9c9c9;
}
.dropdown-menu a {
    font-size: 1.0em;
}
.login-container{
    background-image: linear-gradient(to top right, #0064b1, #0091ff);
    margin-top: 15%;
}
.login-branding{
    margin-top: 40px;
}
.login-form{
    padding: unset;
    margin-top: 20px;
    margin: 20px;
}
.branding-superapp a{
    color: white;
}
.footer{
    background-position-x: 0 !important;
    background-position: top center;
    background-position-x: center;
    background-position-x: center;
    background-image: linear-gradient(to top right, #0064b1, #1e9eff, #0091ff, #005596);    
    /*position: fixed;
    left: 0;
    bottom: 0;*/
    width: 100%;    
    margin-top: 20px;
}
.copy .copyright{
    background-color: unset !important;
    font-size: 1.0em;
    text-transform: none !important;
    color: #fff !important;
    text-align: center !important;    
}
@media (max-width: 767px) {
    /*Align text to center.*/
    .text-xs-center {
      text-align: center;
    } 
}