/*
    Created on : 03.04.2016, 12:25:10
    Author     : Robert Scharte <roberts@mein5.de>
*/

.login_box {
    position: relative;
}
.login_box_header{
    width:100%;

    box-sizing: border-box;
    color:#dcdcdc;
    text-align:center;

    height: 208px;
    text-transform: uppercase;

    display: block;
    position: static;
}
/*
.login_box_header span{
    display:inline-block;
    text-align:center;
    font-size:2rem;
    width:100%;
    vertical-align: middle;
}
.login_box_header span:before{
    display:inline-block;
    width:0%;
    height: 162px;
    content: " ";
    vertical-align: middle;
}
*/

.login_box .login_box_header .middler_help    {
    display:inline-block;

    width:0%;
    vertical-align: middle;
    height: 100%;

    content: " ";
}
.login_box .login_box_header .middler    {
    display:inline-block;
    line-height: 1;
    width:100%;
    vertical-align: middle;

    box-sizing: border-box;
}
.login_box .login_box_header .middler p.message{
    font-size: 0.9rem;
}

.login_box .middler span   {
    font-size:1.8rem;
}

.login_box .login_box_button {
    text-align: center        ;
    padding: 6px 0;
    line-height: 1;
    font-size:1.2rem;
    cursor: pointer;
}

.login_box:hover .login_box_button {
    color:#ffffff;
    background-color: #000000;
}
.login_box .login_box_form .gray_bg{
    background-color: rgb(231,231,231);
    width:100%;
    position: relative;
    box-sizing: border-box;
}
.login_box .login_box_form {
    /*    background-color: rgb(231,231,231);*/
    background-color: white;
    position: absolute;
    z-index: 99;
    width: 280px;
    right: 0;
    padding-bottom: 8px;
    margin-top: 2px;
    display: none;
}
.login_box .login_box_form {
    position: static;
    /*display: block;*/
}

/*.page_1 .login_box:hover .login_box_form,*/
.login_box .login_box_form.show,
.login_box:hover .login_box_form{
    display: block;
}

.login_box .login_box_form .entry {
    margin-top: 8px;
}
.login_box .login_box_form .entry.email input
{

    border:0;
    width: 100%;
    box-sizing: border-box;
    padding: 6px 20px;
    min-height: 35px;
    font-size: 1.2rem;
    background-color: rgb(243,243,243);

    line-height: 1;
    border-radius: 28px;
    padding: 0.75rem 1rem;
}
.login_box .login_box_form .entry{
    vertical-align:top;
}
.login_box .login_box_form .entry.passwort input
{

    border:0;
    border-bottom:3px solid rgb(243,243,243);
    width: 90%;
    box-sizing: border-box;
    padding: 6px 20px;
    min-height: 35px;
    font-size: 1.2rem;
    background-color: rgb(243,243,243);

    line-height: 1;
    border-radius: 28px;
    padding: 0.75rem 1rem;
}
.login_box .login_box_form .entry .toggle_btn
{
    display:inline-block;
    border:0;
    width: 10%;
    box-sizing: border-box;
    min-height: 35px;
    margin-top:10px;
    background-color: rgb(243,243,243);
    padding: 7px ;
    text-align:center;

}
.login_box .login_box_form .entry.passwort input::-ms-reveal {
    display: none;
}

 .entry.passwort_vergessen{
    text-align: right;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
}

 .entry.passwort_vergessen a
{
    color:rgb(105,127,172);
    text-decoration: none;
}

.login_box .login_box_form .entry input[type=submit]
{
    border:0;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 20px;
    background-color: black;
    /*margin-top: 5px;*/
    color:white;
    text-align: left;
    font-size: 1.2rem;
    line-height: 1;
    min-height: 35px;
    border-radius: 28px;
    padding: 0.75rem 1rem;
}
.login_box .login_box_form .entry input[type=submit]:hover
{
    cursor:pointer;
}
.login_box .login_box_form .entry.save_login
{
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20px;
    margin-top: 5px;
    text-align: left;
}
.login_box .login_box_form .entry.hinweis
{
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px 10px;
    margin-top: 5px;
    text-align: left;
}
.login_box .login_box_form .entry.save_login input[type=checkbox]
{
    margin-right: 0.5rem;
}

.edit_panel
{
    padding: 10px;
    box-sizing: border-box;
}

.edit_panel .user_data
{
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

.edit_panel .user_role_rights
{
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

.edit_panel .user_role_rights .user_roles .entry,
.edit_panel .user_role_rights .user_rights .entry
{
    padding: 4px 6px;
    border-bottom: 1px solid #236eae;
    background-color: #ffffff;
    color:#2d2d2d;
    transition: background 0.5s, color 0.5s, border 0.5s;
    cursor: pointer;
}

.edit_panel .user_role_rights .user_roles .entry:last-child,
.edit_panel .user_role_rights .user_rights .entry:last-child
{
    border-bottom: 0;
}

.edit_panel .user_role_rights .user_roles .entry.selected,
.edit_panel .user_role_rights .user_roles .entry:hover,
.edit_panel .user_role_rights .user_rights .entry.selected,
.edit_panel .user_role_rights .user_rights .entry:hover
{
    border-bottom-color: #ffffff;
    background-color: #236eae;
    color: #ffffff;
}


.passwort_vergessen_form {
   
    /*margin: 50px 0px;*/
    padding: 20px;

}
.passwort_vergessen_form .entry{
    padding: 5px 0;
}

.passwort_vergessen_form .entry .bezeichner,
.passwort_vergessen_form .entry .value
{
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}

.passwort_vergessen_form .entry .bezeichner {
    width: 40%;
}
.passwort_vergessen_form .entry .value {
    width: 60%;
}

.passwort_vergessen_form .entry .value input {
    border-radius: 28px;
    padding: 0.75rem 1rem;
    width: 100%;
    border: 0;
    background-color: #F5F5F5;
    padding: 0.75rem 1rem;
    border-radius: 50px;
    font-size: 1rem;

}

@media screen and (max-width:1420px){
    .page_1 .login_box .login_box_form,
    .login_box .login_box_form{
        position: absolute;

    }
}