body {
            font-family: roboto !important;
          }
        
          body,
          .text-gray-500 {
            color: #455661 !important;
          }

          .text-gray-400 {
            color: #7d8990 !important;
            opacity: 0.8;
          }
        
          .text-orange-500,
          .hover\:text-orange-500:hover,
          .button-outline {
            color: #0051ff !important;
          }

          .button-outline {
            border-color: #0051ff !important;
          }


          .bg-orange-500, .button:not(.button-cancel):not(.button-delete):not(.button-outline) {
            background-color: #0051ff !important;
          }

          .text-orange-400, .hover:text-orange-400 {
            color: #4d85ff !important;
            opacity: 0.65;
          }

          #loading {
            background-color: #0051ff !important;
          }
        /** define default image in frontpage */
.frontpage_image {
    background-color: #568fc5;
}

.frontpage_image {
    margin: 0;
    padding: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.frontpage_image div {
    display: block !important;
}

.frontpage_image h2 {
    font-weight: lighter;
}

.frontpage_image img {
    margin-bottom: 20%;
    width: 220px;
    margin-left: auto;
    margin-right: auto;
}

#loginContainer .logo_image {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}