body {
    margin: 0 auto !important;
    background-color: #f4f4f4;
}

/** Page CSS */
.page {
}

#top-panel a.nav-link:hover {
    color: #fff000;
}

/** Success CSS */
#success .msg {
    border: 1px solid #009500;
    border-radius: 5px;
    background-color: #e9fcf3;
    padding: 3%;
    text-align: center;
    margin-top: 20px;
}

/** Register CSS */
#register .short, #register .not-valid {
    font-weight: bold;
    color: #FF0000;
    font-size: larger;
}

#register .weak {
    font-weight: bold;
    color: orange;
    font-size: larger;
}

#register .good {
    font-weight: bold;
    color: #2D98F3;
    font-size: larger;
}

#register .strong {
    font-weight: bold;
    color: limegreen;
    font-size: larger;
}

#register .hidden, #register .shown {
    font-weight: bold;
    color: black;
    font-size: 1.2em;
    cursor: pointer;
    /*padding-left: 10px;*/
}

#register .hidden {
    color: black;
}

#register .shown {
    color: #008100;
}

/** Login CSS */
#login .input-group-prepend .fa,
#login .input-group-append .fa,
#register .input-group-prepend .fa,
#register .input-group-append .fa {
    text-align: center;
    width: 38px;
    line-height: 38px;
    height: 38px;
    background-color: #e6e6e6;
    border: 1px solid #c8c8c8;
}

#login .input-group-prepend .fa {
    border-radius: 3px 0 0 3px;
}

#login .input-group-append .fa {
    border-radius: 0 3px 3px 0;
}

#login label {
    font-weight: bold;
    color: #003;
}

/* --------------------------------------
    Footer Panel
---------------------------------------*/
footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #ffe0a6;
    border-top: 1px solid #e5e5e5;
    height: 120px;
    line-height: 40px;
    background-color: #333333;
    border-radius: 0 0 5px 5px;
}

/* --------------------------------------------
    Media Responsive: Portrait tablets and up
---------------------------------------------*/
/* XS Extra Small devices (portrait smartphones, 544px and below) */
@media screen and (max-width: 544px) {

}

/* SM Small devices (landscape smartphones, 576px and up) */
@media screen and (min-width: 576px) {

}

/* MD Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {

}

/* LG Large devices (desktops and Laptops, 992px and up) */
@media screen and (min-width: 992px) {

}

/* XL Extra large devices (large desktops and Laptops, 1200px and up) */
@media screen and (min-width: 1200px) {

}