html,
body {
    margin: 0;
    height: 100%;
    width: 100%;
}

body {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
}

footer.content{
    margin: 2em auto 2em auto;
}


.navbar-default {
    background-color: #055bb5;
}

.diagram {
    max-width: 720px;
    width: 100%;
}

.navbar-brand {
    max-width: 50%;
}

.logo {
    display: block;
    height: 33px;
    margin-top: 6%;
    margin-bottom: 6%;
    max-width: 100%;
}

nav {
    font-size: 20px;
}

a {
    font-weight: bold;
    text-decoration: none;
    color: #555555;
}

a:hover {
    text-decoration: underline;
}

.nav-item:hover,
.dropdown-item:hover {
    background-color: rgba(0, 0, 0, 0.2);
}


/*TEXT STYLING*/
.content {
    width: 100%;
    box-sizing: border-box;
}

h1, .h1 {
    font-size: 2.5rem;
    margin-top: 1em;
}

h3, .h3 {
    font-size: 1.5rem;
}

/* Rate limit values table style */
table.rl-values {
    text-align: inherit
}
.rl-values td {
    vertical-align: top;
    text-align: left;
    border-bottom: 1px solid #eeeeee;
}
.rl-values th {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.rl-values td:nth-child(3),
.rl-values td:nth-child(4) {
    text-align: right;
}

/* Rate limit example table style */
table.rl-example {
    text-align: inherit
}
.rl-example td, th {
    padding: 4px 12px;
    max-width: 840px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #eeeeee;
}
tr.rl-example-first-row th {
    border-top: 1px solid #eeeeee;
}
th.rl-example-nbb {
    border-bottom: none;
}
.rl-example td {
    vertical-align: top;
}
.rl-example td:nth-child(1),
.rl-example td:nth-child(2),
.rl-example td:nth-child(3),
.rl-example td:nth-child(4),
.rl-example td:nth-child(5) {
    text-align: right;
}

.timeline {
    font-size: 16px;
    margin-bottom: 3em;
}

.timeline .timeline-item {
  display: flex;
  display: -ms-flexbox;
  margin-bottom: 1.5em;
  position: relative;
}

.timeline .timeline-item::before {
  background: #e7e9ed;
  content: "";
  height: 100%;
  left: 11px;
  position: absolute;
  top: 1.5em;
  width: 2px;
}

.timeline .timeline-item .timeline-left {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}

.timeline .timeline-item .timeline-content {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 2px 0 2px 2em;
}

.timeline .timeline-item .timeline-icon {
  border-radius: 50%;
  color: #fff;
  display: block;
  height: 1.5em;
  text-align: center;
  width: 1.5em;
}

.timeline .timeline-item .timeline-icon::before {
  border: .1em solid #055BB5;
  border-radius: 50%;
  content: "";
  display: block;
  height: .5em;
  left: .5em;
  position: absolute;
  top: .5em;
  width: .5em;
}

.timeline .timeline-item .timeline-icon.icon-lg {
  background: #5755d9;
  line-height: 1.5em;
}

.timeline .timeline-item .timeline-icon.icon-lg::before {
  content: none;
}

.changelog-label {
  text-transform: capitalize;
  background: #f0f1f4;
  border-radius: .1em;
  color: #5b657a;
  display: inline-block; 
  line-height: 1.2;
  padding: .1em .5em .1em .5em;
  margin-right: 0.5em;
  max-height: 1.2em;
  border-radius: 7em;
}

.changelog-label.label-primary {
  background: #5755d9;
  color: #fff;
}

.changelog-label.label-secondary {
  background: #f1f1fc;
  color: #5755d9;
}

.changelog-label.label-success {
  background: #32b643;
  color: #fff;
}

.changelog-label.label-warning {
  background: #ffb700;
  color: #fff;
}

.changelog-label.label-error {
  background: #e85600;
  color: #fff;
}

.text-light {
  color: #fff;
}

a.text-light:focus,
a.text-light:hover {
  color: #f2f2f2;
}

a.text-light:visited {
  color: white;
}

.tag-added {
    background: #32b643;
}

.tag-performance {
    background: deeppink;
}

.tag-changed {
    background: #ffb700;
}

.tag-deprecated {
    background: #acb3c2;
}

.tag-removed {
    background: #2176ff;
}

.tag-fixed {
    background: #a1548b;
}

.tag-security {
    background: #e85600;
}

.changes li {
    list-style: none;
    padding-bottom: 0.2em;
}

.changes li .wrapper {
    display: flex;
}

.changes h4 {
    margin-bottom: 0;
    font-size: 1.4em;
    color: inherit;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0;
}

/* Stuff from solam-custom.css */

/* Borders design fix */
.center-box .card-header {
    border: none;
}

.center-box .card-body,
.center-box .card-footer {
    border: 1px solid #d7dbdd;
}

.center-box .card-header+.card-body,
.center-box .card-footer {
    border-top: none;
}

/* Sophos cards */
.card {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.card-header h1 {
    margin-top: 0;
    margin-bottom: 0;
}

.card-header .user-info {
    color: #83888e;
}

.card-footer {
    font-size: 11px;
    color: #83888e;
    min-height: 40px;
}

.card-footer a {
    font-family: "SophosSans-Rg";
    color: inherit;
}

.card-footer ul {
    line-height: 20px;
    margin-bottom: 0;
}

.card-footer .right-footer-link {
    line-height: 20px;
}

#creds{
    word-break: break-all;
}

@media (min-width: 768px) {
    .card-default .card-header {
        height: 100px;
        line-height: 40px;
    }
}

/* Center box layout */
.center-box .panel-primary .card-header {
    height: 80px;
    text-align: center;
}

.center-box .message-panel {
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
}

.message-panel .row {
    display: block;
}

/* Body margins */
@media (min-width: 768px) {
    .center-box {
        margin-left: auto;
        margin-right: auto;
    }

    .center-box {
        width: 340px;
        margin-top: 150px;
        border: none;
    }
}

#solam-logo {
    height: 70px;
}