/* ======================================================
   Telenovella Sarok – Auth Panel
   Végleges Blogger kompatibilis stílus
====================================================== */


/* ===== PANEL ===== */

#ts-auth-wrapper{
    width:100%;
    box-sizing:border-box;
    color:#ffffff;
}

/* ===== NÉZETEK ===== */

#ts-login-view,
#ts-register-view,
#ts-user-view{
    width:100%;
}

/* ===== ELVÁLASZTÓ ===== */

#ts-auth-wrapper hr{
    margin:18px 0;
    border:0;
    border-top:1px solid rgba(255,255,255,.15);
}

/* ===== INPUT FELIRATOK ===== */

.ts-label{
    display:block;
    margin-bottom:6px;

    font-family:"Merriweather", Georgia, serif;
    font-size:14px;
    color:#ffffff;
}

/* ===== INPUTOK ===== */

#ts-auth-wrapper input{

    width:100%;
    box-sizing:border-box;

    margin-bottom:14px;
    padding:10px 12px;

    background:#111111;

    border:1px solid rgba(255,255,255,.25);
    border-radius:6px;

    color:#ffffff;

    font-family:"Merriweather", Georgia, serif;
    font-size:14px;

    transition:border-color .3s;
}

#ts-auth-wrapper input:focus{

    outline:none;
    border-color:#721817;

}

#ts-auth-wrapper input::placeholder{

    color:rgba(255,255,255,.55);

}

/* ===== GOMBOK ===== */

#ts-auth-wrapper button{

    display:block;

    margin:6px auto 0;

    padding:8px 16px;

    background:#721817;
    color:#ffffff;

    border:2px solid #721817;
    border-radius:8px;

    cursor:pointer;

    font-family:Verdana,sans-serif;
    font-size:18px;
    font-weight:bold;

    transition:.3s;

}

#ts-auth-wrapper button:hover{

    background:#ffffff;
    color:#721817;

}

/* ===== ÁTVÁLTÓ SZÖVEG ===== */

.ts-switch{

    margin-top:18px;

    text-align:center;

    color:#ffffff;

    font-family:"Merriweather", Georgia, serif;
    font-size:14px;

    line-height:1.6;

}

.ts-switch a{

    color:#721817;
    text-decoration:none;
    font-weight:bold;

}

.ts-switch a:hover{

    text-decoration:underline;

}

/* ===== BEJELENTKEZETT NÉZET ===== */

#ts-user-view{

    text-align:center;

    font-family:"Merriweather", Georgia, serif;

}

#ts-user-email{

    margin:18px 0 10px;

    word-break:break-word;

    color:#ffffff;

    font-size:14px;

}

#ts-user-role{

    margin-bottom:20px;

    color:#bbbbbb;

    font-size:13px;

}

/* ===== KIJELENTKEZÉS ===== */

#ts-logout-btn{

    margin:10px auto 0;

}

/* ===== KISEBB KÉPERNYŐ ===== */

@media(max-width:480px){

    #ts-auth-wrapper{

        width:100%;

    }

}