#lockedLoginFormWrapper,
.contentHeader
{
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
}

.contentHeader
{
    height:             20%;
    padding-top:        30px;
}

.contentMain
{
    height:             70%;
    overflow:           auto;
}

#lockedLoginFormWrapper
{
    position:           relative;
    height:             100%; 
    display:            block;
    width:              75%;
}

.bitlsMenuButton
{
    display:                    inline-block;
}

.buttonBox
{
    width:                      auto !important;
}

.buttonBoxText 
{
    font-family:                "Segoe UI",Roboto,Arial;
    font-size:                  13px;
    line-height:                normal;
    padding:                    20.5px 15px;
    color:                      #666;
    cursor:                     pointer;
    border:                     0px;
    margin:                     0px;
}

.bitlsMenuButton:hover .buttonBoxText
{
    background-color:           transparent;
    color:                      #333;
    text-shadow:                0 1px 2px rgba(0,0,0,.2);
}

#loginForm.bitls-module .bitls-module-value .k-textbox
{
    color:                      #5D5B5C;
}

#loginForm.bitls-module .bitls-module-value .k-textbox,
#loginForm.bitls-module .bitls-module-value .k-button.bitls-modulefield-button
{
    margin:                     1px;
    border:                     none;
    border-radius:              4px !important;
    -moz-border-radius:         4px !important;
    -webkit-border-radius:      4px !important;    
}

    #loginForm.bitls-module .bitls-module-value .k-button.bitls-modulefield-button{
        color:white;
    }

    #imageWallpaper {
        position: fixed;
        right: 0;
        top: 0;
    }

    #imageWallpaper img {
        height: 100vh;
        transition: 0.2s ease-in-out 0s;
    }

#loginHeaderActions {
    font-size: 18px;
    position: fixed;
    top: 0;
    left: 10%;
    display: flex;
    transition: top 0.2s ease-in-out 0s;
}

.loginHeaderAction:hover i {
    transform: scale(1.1,1.1);
    transition: transform 0.1s ease-in-out;
}

.loginHeaderAction:hover i {
    transition: transform 0.1s ease-in-out;
}
.loginHeaderAction i {
    transition: transform 0.1s ease-in-out;
}

.loginHeaderAction:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    transition: box-shadow 0.2s ease-in-out;
}

.loginHeaderAction {
    padding: 15px;
    color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 3%;
    position: relative;
    transition: box-shadow 0.2s ease-in-out;    
}

#loginHeaderTranslations {
    cursor: pointer;
    transition: border-radius 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.2s;
    height: 100%;
}


#loginHeaderMaintenance {
    background-color: gold;
    cursor: pointer;
}
#loginHeaderMaintenance:hover{
    transition: none;
}

.loginHeaderMaintenanceMessage {
    line-height: normal;
    height: 7vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    color: black;
    background-color: gold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 600;
    overflow: hidden;
}

.contentHeaderButtonsBoxLanguages {
    display: none;
    position: absolute;
    top: 100%;
    padding: 10px;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    width: fit-content;
    height: fit-content;
}

.contentHeaderButtonsBoxLanguages.menu-open{
    cursor: pointer;
}

#loginHeaderTranslations.menu-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: border-radius 0.3s ease-in-out 0s;
}

#menuButtonListView_languagesMenu {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#menuButtonListView_languagesMenu .buttonBox .bitlsMenuButton .buttonBoxText
{
    color: white;
    font-weight: bold;
}

    #menuButtonListView_languagesMenu .buttonBox .bitlsMenuButton img,
    #menuButtonListView_languagesMenu .buttonBox .bitlsMenuButton .buttonBoxText {
        display: inline-block;
        transition: transform 0.1s ease-in-out;
    }

#menuButtonListView_languagesMenu .buttonBox .bitlsMenuButton{
    display: flex;
}

#menuButtonListView_languagesMenu .buttonBox .bitlsMenuButton img {
    object-fit: contain;
    padding-left: 4px;
}

#menuButtonListView_languagesMenu .buttonBox .bitlsMenuButton .buttonBoxText {
    padding: 10px 0px 10px 15px;
}

    #menuButtonListView_languagesMenu .buttonBox:hover .bitlsMenuButton img,
    #menuButtonListView_languagesMenu .buttonBox:hover .bitlsMenuButton buttonBoxText {
        transform: scale(1.1,1.1);
        transition: transform 0.1s ease-in-out;
    }

.baseContainer.maintenanceMessage {
    height: 93vh;
    padding-top: 7vh;
    transition: 0.2s ease-in-out 0s;
}

.baseContainer {
    transition: 0.2s ease-in-out 0s;
}

#loginHeaderActions.maintenanceMessage {
    top: 7vh;
    transition: 0.2s ease-in-out 0s;
}

#imageWallpaper.maintenanceMessage img {
    height: 93vh;
    margin-top: 7vh;
    transition: 0.2s ease-in-out 0s;
}

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

    .buttonBoxText {
        margin-top: 0px !important;
    }
}