/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 06.03.2017, 14:46:57
    Author     : artem.mkrtchyan
*/

#logo { 
    display:block;
    width:100%;
    height:180px;
    background: url(../images/logo_kommunales_kreisjobcenter_landkreis_fulda.png) no-repeat;
    background-position: right;
    margin-right:  2%;
    float:right;
    margin-top: 20px;

} 
#logo span { 
    display: none; 
} 


#dark_matter { 
    margin-top: 20px;
    float:left; 
    text-decoration: none;
} 
#bright_matter { 
    margin-top: 20px;
    padding-left: 0.1%; 
    text-decoration: none;
    float:left;
} 


#obcc_header{
    /*background-image:url(../images/logo_kommunales_kreisjobcenter_landkreis_fulda.png);*/
    background-position: center center;
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-position:top center;
}
body{
    /*background-color: #EDEDED;*/
}
#btn_generate:hover {
    opacity: 1;
    transform: scale(1.01,1.01);
    -webkit-transform:scale(1.01,1.01);
    -moz-transform:scale(1.01,1.01);
    -ms-transform:scale(1.01,1.01);
    -o-transform:scale(1.01,1.01);
    z-index:4;
    padding: 10px;
    background-color:#0073B3;
    border-color:#0073B3;
}

#btn_generate{
    -webkit-transition:all 0.15s ease-in-out;
    -moz-transition:all 0.15s ease-in-out;
    -o-transition:all 0.15s ease-in-out;
    -ms-transition:all 0.15s ease-in-out;
    transition:all 0.15s ease-in-out;
    z-index:4;
    padding: 10px;
    background-color:#0073B3;
    border-color:#0073B3;
}
#user_app_id{
    display:block;
    border-left: 1px solid #ced4da;
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    border-radius:4px 0px 0px 4px;
    display: block;

    float: left;
    width: 37px;
    height: inherit;

    /* Hintergrundbild */
    background-image: url("../images/man-user.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

#myAlert{
    background-color: #F8B810;
}
.custom_button:hover {
    opacity: 1;
    transform: scale(1.01,1.01);
    -webkit-transform:scale(1.01,1.01);
    -moz-transform:scale(1.01,1.01);
    -ms-transform:scale(1.01,1.01);
    -o-transform:scale(1.01,1.01);
    z-index:4;
    padding: 10px;
    background-color:#0073B3;
    border-color:#0073B3;
    color:white!important;
}

.custom_button{
    -webkit-transition:all 0.15s ease-in-out;
    -moz-transition:all 0.15s ease-in-out;
    -o-transition:all 0.15s ease-in-out;
    -ms-transition:all 0.15s ease-in-out;
    transition:all 0.15s ease-in-out;
    z-index:4;
    padding: 10px;
    background-color:#0073B3;
    border-color:#0073B3;
    color:white!important;

}
.vline{

    border:1px solid;
    border-right:    1px solid hsla(200, 10%, 50%,100);
    height:         100vh;
    width:          5px;
}