.contentHeader
{
    position:               relative;
    font-family:            "Segoe UI",Roboto,Arial;
}

.contentHeaderContentWrapper
{
    height:                 100%;
}

.contentHeaderButtonsBox {
    position: absolute;
    top: 0px;
    right: 100px;
    height: auto;
}

.buttonBox
{
    display:                inline-block;
    border:                 none;
    vertical-align:         middle;
    text-align:             center;
}

.mainCompanyLogo
{
    height:                 100%;
}

.partnerLogo 
{
    height:                 100%;
}

.applicationLogoSmall
{
    display:                none;
}

.notificationHeaderButtonBox, .applicationHeaderButtonsBox
{
    display:                inline-block;
}

#NotificationDisplayModule .counter .bitls-module-label
{
    display:                none;
}

#NotificationDisplayModule .counter .bitls-module-value
{
    position:               absolute;
    top:                    0px;
    margin-top:             5px;
    color:                  white;
    border-radius:          100px;
    width:                  24px !important;
    height:                 24px !important;
    font-size:              14px;
    line-height:            normal;
    background-color:       #FF6347;
}

.statsCounterColorOk
{
    background-color:       #287233;
}

.statsCounterColorWarning
{
    background-color:       #FF6347;
}

.statsCounterWarningBlinking
{
    animation:              blinker 1s linear infinite;
}

#loginHeader 
{
    height:                 100%;
    width:                  75%;
    margin-top:             2%;
}

.loginLogo 
{
    object-fit:             cover;
    height:                 100%;
}

@keyframes blinker 
{
    50% {
        opacity:            0;
    }
}

.statsCounterPositionLeft {
    left:                   3px;
}

.statsCounterPositionRight
{
    right:                  3px;
}

#NotificationDisplayModule .counter .bitls-module-value > div 
{
    margin-top:             2px;
    text-align:             center;
    width:                  24px;
}

#NotificationDisplayModule .bitls-module-field
{
    width:                  auto;
    height:                 auto;
}

#NotificationDisplayModule .bitls-module-field .bitls-module-field-button
{
    margin:                 0px;
}

#NotificationDisplayModule .bitls-modulefield-button
{
    background-color:       transparent;
    border:                 0px;
    height:                 auto;
    padding:                0px;
}

#NotificationDisplayModule
{
    margin-top:             15px;
    padding:                0px;
    background-color:       transparent;
}

#NotificationDisplayContext_Page_MainPage
{
    display:                inline-block;
    background-color:       transparent;
    vertical-align:         middle;
}

#NotificationDisplayModule_NotificationsButton:focus, #NotificationDisplayModule_ToDosButton:focus
{
    border: none;
    box-shadow: none;
}

@media screen and (max-width: 1110px) 
{
    .applicationLogoContainer
    {
        text-align:         left;
    }

    #NotificationDisplayModule
    {
        margin-top:             0px;
    }
}

@media screen and (max-width: 1020px)
{
    .contentHeader
    {
        height:             65px !important;
    }

    .contentHeaderButtonsBox
    {
        right:              105px !important;
    }

    #imageWallpaper 
    {
        position:           relative;
        top:                0;
        left:               0;
        z-index:            0;
    }

    #imageWallpaperImage 
    {
        width:              100vw;
        height:             50vh;
        object-fit:         cover;
        object-position:    top;
    }

}

@media screen and (max-width: 600px)
{
    .applicationLogoBig
    {
        display:            none;
    }

    .applicationLogoSmall
    {
        display:            inline-block;
    }

    #loginHeader img {
        width: 100vw;
    }

    #loginHeader {
        width: 100%;
        margin-top: 10%;
        position: absolute;
        top: 0;
    }
}

.contentHeaderContentWrapper.hasMaintenance {
    padding-top:7vh;
}

.contentHeaderContentWrapper.hasMaintenance .contentHeaderButtonsBox {
    padding-top: calc(10px + 6vh);
}
.contentHeaderContentWrapper.hasMaintenance .userInfoLanguagesWrapper {
    top: 7vh;
}
.contentHeaderContentWrapper.hasMaintenance .containerMainCompanyLogo {
    height: 90px;
    height: -webkit-fill-available;
    top: 7vh;
}
.headerMaintenanceMessage {
    line-height: normal;
    height: 7vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: black;
    background-color: gold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 600;
    overflow: hidden;
    font-size: 18px;
    cursor: pointer;
    z-index: 999;
}

.contentMain,
.contentHeaderContentWrapper,
.contentHeaderButtonsBox,
.userInfoLanguagesWrapper{
    transition: 0.2s ease-in-out;
}