body{
    background:#d7dddb !important;
}

#notification-container{
    max-width:300px;
 }

.carded-logo{
    height:55px;
}
@media screen and (min-width: 720px ) {
    .carded-logo{
        position: absolute;
    }            
} 
@media screen and (max-width: 720px ) {
    .carded-logo{
        display: block;
        margin: auto;
    }            
}

.loader{ width: 100px; height: 100px; border-radius: 100%; position: relative; margin: 0 auto; }

#loader-4 span{ display: inline-block; width: 20px; height: 20px; border-radius: 100%; background-color: #084029; margin: 35px 5px; opacity: 0; }

#loader-4 span:nth-child(1){ animation: opacitychange 1s ease-in-out infinite; }

#loader-4 span:nth-child(2){ animation: opacitychange 1s ease-in-out 0.33s infinite; }

#loader-4 span:nth-child(3){ animation: opacitychange 1s ease-in-out 0.66s infinite; }

@keyframes opacitychange{
  0%, 100%{
    opacity: 0;
  }
  60%{
    opacity: 1;
  }
}

.icon-logo{
    text-align:center;
}
.icon-logo img{
    width:100%; 
    height: 100%;
}

#open_preferences_center{
    display:none;
}