body {
    padding-top: 54px;
}

.help-block.form-error {
    color: red;
}

@media (min-width: 992px) {
    body {
        padding-top: 56px;
        background: #f1f1f1 url(image/bg.gif);
    }

    #header {
        background: #f1f1f1 url(image/headerbg.png);
    }

    .login {
        border: 1px solid #b51818;
        height: 300px;
        max-height: 300px;
    }

    .login>.login-header {
        background-image: linear-gradient(to bottom, #b51818 0, red 100%);
        color: white;
    }

    #navbarResponsive>ul>li {
        padding-right: 1em !important;
    }

    #navbarResponsive>ul>li>a.nav-link {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
        color: black;
        font-weight: 600;
    }

    #navbarResponsive>ul>li:last-child>a.nav-link {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
        border-right: 0 !important;
    }

    #navbarResponsive>ul>li>a.nav-link:hover, #navbarResponsive>ul>li>a.nav-link.active {
        background: #008fff;
        border-radius: 2rem;
        color: white;
    }

    #right>div>div>ul>li.nav-item:hover, #right>div>div>ul>li.nav-item.active {
        border-bottom: 1px solid #b51819;
        font-weight: 500;
    }

    #right>div {
        border: 1px solid #b51819;
    }

    #myTabContent>div>ul>li {
        list-style: none;
    }

    #modal-alert {
        top: 10rem;
    }

    .user-info>.list-user-info {
        margin-top: 15px;
    }

    .user-info>.list-user-info>li {
        list-style-image: url(image/icons/arrows.png);
        font-size: 18px;
    }

    .user-info>.list-user-info>li:hover, .user-info>.list-user-info>li>a:hover {
        font-weight: 600;
        text-decoration: none;
    }

    #userInfo .btn {
        font-weight: 700;
    }
}

@media (max-width: 992px) {
    body {
        padding-top: 56px;
        background: #f1f1f1 url(image/bg.gif);
    }

    #header {
        background: white;
    }

    .login {
        border: 1px solid #b51818;
    }

    .login>.login-header {
        background-image: linear-gradient(to bottom, #b51818 0, red 100%);
        color: white;
    }

    #navbarResponsive>ul>li>a.nav-link {
        padding-left: 1rem;
        color: black;
    }

    #navbarResponsive>ul>li>a.nav-link:hover {
        background: #008fff;
        padding-left: 1rem;
        color: white;
    }

    #modal-alert {
        top: 10rem;
    }
    
    #left>div {
        margin-bottom: 10px;
    }
}