*
{
    border-radius:0px !important;
}

html, body
{
    height: 100%;
}

body
{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    /*background-color: #2599dc;*/
    background-color:#63b1be;
    background-image:url('../img/bg_kl.jpg');
    background-attachment: fixed;
    background-position:center top;
}
main
{
    width: 400px;
    background-color: #f3f5f4;
    padding: 20px 30px 10px 30px;
}
a
{
    color:#2568aa;
    text-decoration:underline;
}
a:hover
{
    color:#1c4f83;
    text-decoration:none;
    color:#0c3c59;
}
a.btn
{
    text-decoration:none;
}


.btn-primary
{
    background-color:#135f8e;
    border-color:#135f8e;
    color:#ffffff !important;
}
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus
{
    background-color:#1b4c7b;
    box-shadow:0 0 0 .2rem #1b4c7b;
}
.btn-primary:active
{
    background-color:#184470 !important;
    border-color:#184470 !important;
}

.text-muted
{
    color:#697177 !important;
}


@media (max-height: 700px)
{
    html, body
    {
        height: auto;
        padding:0px;
    }
}