﻿
.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;
}

@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;
    }
}

@media screen and (max-width: 600px)
{
    .applicationLogoBig
    {
        display:            none;
    }

    .applicationLogoSmall
    {
        display:            inline-block;
    }
}

