.header {
    background-image: linear-gradient(#5759a9, #2E3094);
}

.header .menuBtn {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    color: #fff;
    background-color: transparent !important;
    border: 0px;
    border-radius: 5px;
}

.header .menuBtn:hover,
.header .menuBtn.open {
    background-color: #94922e !important;
}

.header .menuBtn i {
    padding: 5px 5px !important;
}

.container.content {
    width: 100% !important;
    max-width: 100%;
    padding: 0 !important;
}

.hidden {
    display: none !important;
}

.container#menu {
    max-width: 15% !important;
    width: 15% !important;
    float: left;
    height: 100%;
    background-color: #151515;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
}

.container.content.short {
    max-width: 85% !important;
    width: 85% !important;
    float: left;
}

.bottomPanel {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    color: #fff;
    line-height: 32px;
}

.icon-small {
    width: 32px !important;
}

.bottomPanel .icon-small,
.bottomPanel .username,
.bottomPanel .logout {
    display: inline-block;
    padding: 3px;
}

.bottomPanel .username {
    width: fit-content !important;
}

.navLink {
    width: 100%;
    background-color: #a9a757;
    border: 0;
    color: #fff;
}

.navLink.active,
.navLink:hover {
    background-color: #94922e;
}

.navLinks {
    margin-top: 10px;
}

.contentPanel {
    padding-left: 20px;
    padding-top: 10px;
}

.formHolder {
    display: table;
    width: 100%;
    height: 100%;
}

.loginForm {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.loginForm .form {
    background-color: #151515;
    border-radius: 5px;
    width: fit-content;
    height: fit-content;
    margin: 0 auto;
    color: #fff;
    padding: 50px;
}

.form-input {
    margin: 0 auto;
    width: 200px;
    position: relative;
    height: fit-content;
    line-height: 32px;
    background-color: #f2f2f2;
    border-bottom: 2px solid #a9a757;
    color: #000;
    margin-bottom: 10px
}

.form-input input {
    width: 100%;
    display: inline-block;
    padding-left: 26px;
    background-color: transparent;
    border: 0;
}

.form-input i {
    position: absolute;
    left: 5px;
    top: 10px;
}

.loginBtn {
    background-image: linear-gradient(#5759a9, #2E3094);
    font-size: 16px;
    padding: 4px 10px;
    width: fit-content;
    margin: 0 auto;
    border-radius: 5px;
}

.loginBtn:hover {
    background-image: linear-gradient(#9a9bcb, #5759a9);
}

.loginBtn input {
    color: #fff;
    font-weight: bold;
    border: 0;
    background-color: transparent;
}

#errorBox {
    border: 3px solid #ff0000;
    height: fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 3px;
    margin-bottom: 10px;
}

.loginSuccessBox {
    border: 3px solid #00ff00;
    height: fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 3px;
    margin-bottom: 10px;
}

.error {
    color: #ff0000 !important;
}

#sqlTable {
    width: 100%;
    text-align: center;
}

header {
    background-color: #5759a9;
}

.websiteTitle {
    padding: 20px 0px 10px 20px;
    color: #fff;
    display: inline-block;
}

.page.content {
    width: 80%;
    margin: 0 auto;
    padding: 10px 20px;
    min-height: 50vh;
}

.title {
    text-align: center;
}

footer {
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
}

footer p {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.postsLists {
    margin-top: 10px;
}

.post {
    margin-bottom: 10px;
    border: 1px solid #9a9bcb;
    border-radius: 10px;
}

.post .postTitle {
    text-align: center;
}

.post .postContent {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.post .postFooter {
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
}

.footerPanelLeft,
.footerPanelMiddle,
.footerPanelRight {
    width: 33%;
    display: inline-block;
    text-align: center;
}

.footerPanelLeft,
.footerPanelMiddle {
    padding-right: 0.5%;
}

.footerPanelLeft .sponsor {
    width: auto;
    height: 100px;
}

.footerPanels {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 15px;
}

.logo {
    width: 128px;
    height: auto;
    padding-left: 20px;
    display: inline-block;
}

header {
    position: relative;
    display: table;
    width: 100%;
}

.homeLinkContainer {
    width: fit-content !important;
    display: table-cell;
    vertical-align: middle;
}

@media(max-width:1024px) {
    #footerPanel {
        width: 100%;
    }
    .websiteTitle {
        display: none;
    }
    img {
        max-width: 100% !important;
    }
    #navbar {
        width: 100% !important;
        position: absolute;
        left: 0;
    }
}

.errorNF {
    text-align: center;
}

#body.short {
    width: 90%;
    display: inline-block;
}

#navbar {
    width: 10%;
    display: inline-block !important;
    background-color: #0f0f0f;
    height: 100%;
    float: right;
}

html,
body {
    height: auto;
    background-color: #0f0f0f;
}

#body {
    background-color: #fff;
}

.hidden {
    display: none;
}

#navbar.hidden {
    display: none !important;
}

.navLink div {
    background-color: #a9a757;
    text-align: center;
    color: #fff;
}

.navLink {
    text-decoration: none;
}

.navLink div:hover {
    background-color: #94922e;
}

.postBanner {
    width: 100%;
}

#feedbackFrm {
    width: 50%;
    border-radius: 5px;
    background-color: lavender;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 50px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

#feedbackFrm input[type="email"],
#feedbackFrm input[type="text"],
#feedbackFrm textarea {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 5px;
}

.messageLbl {
    text-align: center;
}

.success {
    color: green;
}

.error {
    color: red;
}

#closeButton {
    color: #fff;
    border: 0px;
    background: transparent;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.navLinks {
    margin-top: 40px !important;
}

#navButton {
    color: #fff;
    border: 0px;
    background: transparent;
    margin-top: 25%;
    margin-right: 10px;
}

.userBox {
    position: fixed;
    margin-top: 200px;
}

#userBoxContent {
    text-align: center;
    display: inline-block;
    background-color: #fff;
    color: #000;
    padding: 10px;
    z-index: 999 !important;
    position: relative;
    border: 2px solid blue;
    min-width: 100px;
    min-height: 50px;
}

.userBox .button {
    padding-left: 29px;
    background-color: blue;
    color: #fff !important;
    height: auto;
    padding-right: 17px;
    padding-bottom: 10px;
    border-radius: 20px;
    margin-left: -25px;
    margin-top: 0px;
    z-index: 900 !important;
    position: absolute;
    padding-top: 10px;
}

.userBox .button i {
    vertical-align: middle;
}

.linkedinBtn img {
    height: 128px;
    width: auto;
}

.certificates .tab {
    background: none;
    border-bottom: 0px !important;
    padding: 5px 10px;
    border: 3px solid #000;
    border-radius: 7px;
    margin-bottom: -6px;
    margin-right: -4px;
}

.certificates .tab:hover,
.certificates .tab.active {
    background-color: #000 !important;
    color: #fff !important;
}