body {
    background-image: none !important;
    transition: all 1s;
}

#oDivLogon {
    height: 211px;
    width: 100%;
    position: absolute;
    top: calc(70% - 250px);
    transition: all 1s;
}

#language_selectorregister {
    height: 40px;
    width: 100%;
    position: absolute;
    top: calc(50% + 100px);
    left: calc(20% - 190px);
    z-index: 9999;
    transition: all 1s;
}

#LogonLogo {
    background-image: url('../APP_THEMES/QCells/images/Logo_QCells.png');
    background-position: right;
    background-repeat: no-repeat;
    height: 123px;
    width: 500px;
    background-size: 380px;
    position: absolute;
    left: calc(50% - 300px);
    top: calc(50% - 300px);
    transition: all 1s;
    text-align: right;
   
}

#logoText {
    font-size: 3em;
    font-weight: bold;
    color: #00a6d6;
    transition: all 1s;
    text-align: right;
    margin-top: 120px;
}

.imglang {
    cursor: pointer;
    transition: all 1s;
}


#LogonForm {
    position: absolute;
    left: calc(50% - 190px);
    margin-top: 38px;
    transition: all 1s;
}

.tdLabel {
    width: 170px;
}

.spLabel {
    color: white !important;
}

.logonTextbox {
    width: 215px;
    background-color: white !important;
    border: none !important;
    position: relative;
    top: 4px;
    padding-left: 5px;
    font-weight: bold;
}

.stdInputShort {
    width: 176px;
}

.validation-summary-errors {
    color: #fff;
}

#cookieAlert {
    font-size: 16px;
    position: absolute; 
    left: calc(50% - 170px); 
    text-align: center;
    top: 50px;
    color: red;

}

.cookieDescription {
    font-size: 12px !important;
    text-align: left;
    width: 200px;
    height: 500px;
}

.qpartnerbuttonqcells:hover{
    background-color: #00729f;
    background-image: none;
    border-radius: 3px;
}

.logonLeftContainer {
    float: left;
    background-color: #001c77;
    color: white;
    width: 50%;
    transition: width 1s;
    /*min-width: 500px;*/
    height: 225px;
    transition: all 1s;
}

.logonRightContainer {
    float: left;
    background-color: #00c6c1;
    height: 225px;
    width: 50%;
    transition: all 1s;
}

.fullwithContainer {
    min-height: 225px;
    transition: all 1s;
}

#hiddenForm {
    display: none;
}


.notregisteredlink {
    color: white;
}

#LogonForm {
    margin-top: 0px;
    left: 0px;
    position: relative;
}

#closeButton {
    display: none;
    background-color: #002E50;
    color: white;
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin: 10px;
    font-weight: bold;
    position: absolute;
    right: 70px;
    cursor: pointer;
    transition: all 1s;
}

.toggleButton {
    background-color: #001c77;
    border-radius: 3px;
    width: 115px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 1.3em;
    text-transform: uppercase;
    float: right;
    margin-right: 100px;
    margin-top: 150px;
    transition: all 1s;
}

.logonbuttonqcells {
    background-color: #001c77;
    border-radius: 3px;
    width: 115px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 1.3em;
    text-transform: uppercase;
    transition: all 1s;
}

.qpartnerbuttonqcells {
    background-color: #00c6c1;
    border-radius: 3px;
    width: 115px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 1.3em;
    position: absolute;
    top: 150px;
    transition: all 1s;
}

.validation-summary-errors {
    padding-top: 10px;
}


#language_selector_container {
    width: 100%;
    text-align: center;
    position: absolute;
    top: calc(65% + 100px);
    transition-delay: 2s;
    transition: all 1s;
}

#language_selector_qcells {
}



@media only screen and (max-width: 1000px) {
    #LogonLogo, #logoText {
        zoom: 60%;
        margin-top: -30%;
    }

    .logonLeftContainer, .logonRightContainer {
        width: 100%;
    }

    #hiddenForm table{
        left: 100px;
    }

    .logonbuttonqcells{
        position: absolute;
        left: 0px;
        bottom: -50px;
    }

    .toggleButton{
        float: left;
        margin-left: 100px;
    }
    #oDivLogon{
        top: calc(60% - 300px);
    }

    #language_selector_container {
        top: 750px;
    }
}