/* centered columns styles src:http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-centered-columns */
.row-centered {
    text-align: center;
}
.col-centered {
    display: inline-block;
    float: none;
    text-align: left;
}

.col-fixed {
    /* custom width */
    width: 320px;
}
.col-min {
    /* custom min width */
    min-width: 320px;
}
.col-max {
    /* custom max width */
    max-width: 320px;
}

/* Starting custom CSS */
body {
    font-family: GothamRounded;
    height: 100%;
}

header {
    text-align: center;
}

h1 {
    text-align: center;
    font-weight: bold;
}

h2 {
    text-align: left;
    padding-bottom: 1.2em;
    padding-top: 0.3em;
}

form + h2 {
    padding-top: 2em;
}

.nav-center {
    display: inline-block;
    text-align: center;
}

.nav-title {
    display: inline-block;
    margin: 10px 0;
    text-align: right;
}

.nav-custom > li.active > a:hover,
.nav-custom > li.active > a:focus {
    color: #fff;
    background-color: #888;
}

.nav-custom > li[role='title'] {
    line-height: 3em;
}

.nav-custom > li.active > a {
    color: #000;
    background-color: #ffd401;
}

.nav-custom > li > a:hover,
.nav-custom > li > a:focus {
    text-decoration: none;
    color: #000;
    background-color: #ffd401;
}

.nav-custom > li > a {
    border-radius: 0px;
    color: #fff;
    background-color: #888;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: 10px;
    margin-right: 10px;
}
.nav-pills > li + li {
    margin-left: 2px;
}

.nav-container {
    width: 90%;
    margin: auto;
}

.center-block {
    align: center;
    text-align: center;
    vertical-align: middle;
}

.header-item div {
    text-align: center;
}

.header-item span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

/* Page title. */
.header {
    height: 70px;
    line-height: 70px;
    margin-top: 20px;
    margin-left: 140px;
}

/* Page subtitle. */
.header div.header-item > h1 > small {
    display: block;
    margin-top: 0;
}

.main_container {
    margin-left: 140px;
}

/* Buttons. */
form div.form-group button[type='submit'][name*='[submit]'],
.btn-primary {
    background-color: #ffd401;
    color: black;
}

.btn-primary:hover {
    background-color: #eec300;
    color: black;
}

.btn-primary:focus {
    background-color: #ffd401;
    color: black;
}

.btn-link {
    color: #888888;
}

/* Panels. */
.panel.panel-simple {
    border: 0;
    text-align: center;
    box-shadow: none;
}

.panel.panel-simple > .panel-heading {
    display: none;
}

.panel.panel-simple > .panel-body {
    border: 0;
}

.fill {
    min-height: 100%;
    height: 100%;
}