/*
 * This file is subject to the terms and conditions defined in
 * file 'LICENSE.txt', which is part of this source code package.
 *//* 
    Created on : 17.12.2018, 00:12:56
    Author     : Oliver
*/

.toolbar{
    width:100%;
    background-color:white;
    padding:0.2em 4em 0.2em 2em;
    box-sizing:border-box;
    vertical-align:middle;
}
.toolbar img{
    width:8cm;
    display:inline-block;
}
.toolbar > .tool{
    position:relative;
    display:inline-block;
    float:right;
    vertical-align:top;
    color:#2c6bb0;
    margin-top:1.5em;
    text-decoration:none;
}
.toolbar span{
    color:white;
}
.toolbar div a{
    color:#2c6bb0;
    margin-left:0.5em;
    font-size:1.5em;
    position:relative;
    text-decoration:none;
}
.toolbar span > a{
    font-size:1em;
}
.toolbar a:hover{
    text-decoration:underline;
}
.toolbar form{
    display:inline-block;
    margin-left:2em;
}
.toolbar input{
    width:20em;
    font-size:0.9em;
    background:transparent;
    color:#2c6bb0;
}
.toolbar input:focus{
    background-color:rgba(255,255,255,0.2);
}
.toolbar input::placeholder{
    font-style: italic;
    color:#2c6bb0;
}
.toolbar div[name="user"] > a{
    position:absolute;
    top:-0.33em;
    margin-left:0.1em;
}

@media screen and (max-width:800px), screen and (max-device-width:800px){
    .toolbar{
        position:relative;
    }
    .toolbar img, .toolbar div[name="user"], .toolbar form{
        display:block;
        margin-left:auto;
        margin-right:auto;
        float:none;
    }
    .toolbar div[name="user"], .toolbar input{
        width:100%;
        text-align:center;
    }
    .toolbar input{
        margin-top:1.5em;
    }
}

@media print{
    .toolbar{
        display:none;
    }
}