/* 
    Created on : 04.01.2016, 18:36:14
    Author     : Oliver Belakovits
    Company    : linewise GmbH
*/

@import url(https://fonts.googleapis.com/css?family=Tangerine);
@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light);

div.input {
    margin-top: 2em;
}

.login_presenter {
    height: 180px; 
    width: 100%;
    margin:0.2em;

}

.leftBox {
    margin-top:1em;
    border: 1px solid #152545;
}

.loginBox {
    height: 320px; 
    border: 1px solid #152545;
    background: url(/img/login/clock.png) no-repeat;
    background-size: 320px 320px;
    background-position: right;     
}

.localeSwitcher {
    margin-top:1em;
    width: 400px;
    background-color: white;
    border:1px solid #152545;
    padding-top:2em;
    padding-bottom:1em;
    padding-left:1em;
}

.themeBox {
    margin-top:1em;
    background-color: white;
    width: 400px;
    border: 1px solid #152545;
    padding-top:2em;
    padding-left:1em;
    padding-bottom:1em;
}

.themeBoxForPicture {
    margin-top:1em;
    margin-left:420px;
    height:160px;
    width:300px;
    background-color:white;
    border: 1px solid #152545;
}

#loginPicturebox {
    vertical-align: middle;
}

.textAndPictureCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    font-weight:bold;
}

.themeAndLocationBox {
    float:left;
}

p.notice {
    background-color: #152545;
    color:white;
    font-size: 1em;
    width: 100%;
    height:3em;
    line-height:3em;
    z-index:1;
    margin-top:0em;
    padding-left:1em;
}

#informationBox {
    float:right;
    margin-top:15em;    
}

span.information {
    margin-right:1em;
    float:right;
    font-size:0.8em;
    color:white;
    margin-top:0.1em;
    clear:both;
}

p.ShadowsIntoLightHead {
    padding-top:4.4em;
    padding-left:6em;
    font-size:30px;
    line-height: 40px;
}

p.ShadowsIntoLightBody {
    padding-top:0px;
    padding-left:180px;
    font-size:20px;
    line-height: 30px;
}



label {
    margin-left:1em;
}

a {
    text-decoration: none;
    color:darkorange;
}

a:hover {
    color: darkturquoise;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

span.input-group-addon i {
    color: #152545;
    font-size: 17px;
}

@media (max-width: 1259px) {
    .loginBox {        
        background-size: 260px 320px;
    }
}
@media (max-width: 1200px) {
    .loginBox {
        background: none;
    }
}