#header .logo img {
   max-height: 84px;
}

.error-banner {
   background-color: #900;
   color: #fff;
   padding: 20px 10px 20px 10px;
   width: 100%;
}
.error-banner h4 {
   margin: 0;
}

a {
   font-weight: bold;
}
.navbar a, a {
   color: #0a5954;
}
.navbar a:hover, .navbar .active, .navbar li:hover > a, a:hover {
   color: #13a89e;
   text-decoration: underline;
}
.navbar .dropdown ul {
   padding-top: 0px;
}
.navbar .dropdown.last ul {
   left: -80px;
}
.navbar .dropdown.last span {
   padding-left: 16px;
   width: 80px;
}
.navbar .dropdown ul li p {
   margin-bottom: 0px;
   padding: 10px;
}
.navbar .dropdown ul li.name {
   background-color: #0a5954;
   color: #fff;
   font-weight: bold;
   padding: 0px 5px;
}
.navbar .dropdown ul li a {
   color: #000;
}
.navbar .dropdown ul li a:hover {
   color: #0a5954;
}

ul.alert-box {
   max-height: 200px;
   overflow: scroll;
}
li.alert-clear {
   background-color: #eee;
   text-align: center;
}
li.alert-clear a {
   font-style: italic;
   font-weight: normal !important;
}
li.alert-link {
   white-space: nowrap;
}
li.alert-dropdown a {
   display: inline-block;
}
li.alert-link a {
   padding: 5px 5px 0px 5px !important;
   display: inline-block;
}
li.alert-dropdown.unread a {
   color: #00f;
}
li.alert-dropdown.unread a, li.alert-link.unread a {
   font-weight: bold;
}
li.alert-link:before {
   color: #fff;
   content: '\2022';
   display: inline-block;
   margin-left: 5px;
}
li.alert-link.unread:before {
   color: #00f;
}
li.alert-link.alert-clear:before {
   color: #eee;
}

form.hidden-form {
   display: none;
}

#footer {
   background-color: #0a5954;
   position: fixed;
   bottom: 0;
   width: 100%;
}

.top-spacer, .bottom-spacer {
   padding: 50px;
}

.inner-page {
   padding-top: 20px;
}

div.hero, div.banner {
   width: 50%;
   margin-left: auto; margin-right: auto;
   margin-top: 50px; margin-bottom: 20px;
}
div.hero img, div.banner img {
   width: 100%;
}

div.h-list {
   display: inline-block;
}
div.pull-right {
   float: right;
}

.btn-primary {
   background: #13A89E;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
   background: #0A5954;
}

.btn-secondary {
   background: #999;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
   background: #000;
}

.btn-primary, .btn-secondary {
   border-width: 0px;
   border-radius: 50px;
   color: #fff;
   font-family: "Montserrat", sans-serif;
   font-size: 12pt;
   font-weight: 600;
   letter-spacing: 1px;
   margin: 0 0 20px 20px;
   padding: 10px 32px;
   transition: 0.5s;
}

.form {
   margin-left: auto; margin-right: auto;
   margin-bottom: 20px;
   padding: 20px 10px 50px;
   width: 75%;
}
.form button {
   float: right;
}
.form button:disabled {
   background-color: #ccc;
   color: #999;
}
.form-group {
   margin-bottom: 20px;
}
.form-group input[type="text"], .form-group input[type="password"] {
   border: #000 1px solid;
   display: inline-block;
   margin-bottom: 10px;
   width: 30%;
}
.form-group p {
   margin-bottom: 0px;
}
.form-group input[type="text"], .form-group input[type="password"], .form-group select {
   min-width: 300px;
}
.form-group input, .form-group select, .form-group textarea, .form-group ul {
   margin-top: 10px;
}
.form-group textarea, .form-group ul.tag-editor {
   border: #000 1px solid;
}
.form-group textarea {
   width: 100%;
}
.form-group textarea.large {
   min-height: 200px;
}
.form-group-hidden {
   display: none;
}
.form-group p i {
   display: block;
   font-size: 10pt;
   margin-top: 10px;
   min-width: 300px;
   width: 50%;
}
.form-group p.required:after {
   color: #900;
   content: '*';
   margin-left: 5px;
}
.form-subgroup {
   border: #ccc 1px solid;
   margin-bottom: 20px;
   padding: 10px;
}
p.form-question {
   font-weight: bold;
}
p.form-subquestion {
   font-weight: normal;
}
a.edit-form {
   font-size: 14pt;
   margin-left: 20px;
}

.validated-false {
   background-color: #fcc;
}

.box {
   border: #13a89e 3px solid;
   border-radius: 10px;
   color: #13a89e;
   margin-bottom: 20px;
   min-height: 100px;
   padding: 20px;
}
.box-container {
   padding-left: 10px; padding-right: 10px;
}
.dashboard {
   padding-left: 20px; padding-right: 20px;
}
p.greeting {
   font-weight: bold;
}

.search-result {
   border: #000 1px solid;
   cursor: pointer;
   margin-left: 10px;
   margin-bottom: 10px;
   padding: 10px;
   width: 200px;
}
.search-result h3 {
   font-size: 14pt;
   margin-bottom: 10px;
}
.search-result p {
   font-size: 10pt;
   margin-bottom: 10px;
}
.search-result:hover {
   background-color: #b3f6f2;
}

.checklist {
   border: #000 3px solid;
   margin-top: 20px;
   padding: 20px;
}
.checklist p {
   margin-bottom: 10px;
}
.checklist p.checklist-item {
   margin-left: 20px;
}

.video-block {
   width: 50%;
   margin-left: auto; margin-right: auto;
   margin-bottom: 50px;
}
.youtube-wrapper {
   height: 0;
   position: relative;
   margin-bottom: 10px;
   padding-top: 25px;
   padding-bottom: 56.25%; /* 16:9 */
}
.youtube-wrapper iframe {
   position: absolute; top: 0; left: 0;
   width: 100%; height: 100%;
}

.message-area {
   border-top: #0a5954 3px solid;
   border-bottom: #0a5954 3px solid;
   height: 200px;
   margin-bottom: 20px;
   overflow: scroll;
   padding-top: 10px;
}
.message-block {
   border-radius: 10px;
   clear: both;
   margin-bottom: 20px;
   min-width: 40%;
   padding: 10px 20px 10px 20px;
}
.message-sent {
   background-color: #eee;
   float: right;
}
.message-received {
   background-color: #8ff8f4;
   float: left;
}

a.click-reveal, a.click-reveal:hover {
   background-color: #fff;
   border-width: 0px;
   color: #009;
   font-size: 8pt;
   padding: 0;
}

div.testing {
   color: #000;
   font-weight: bold;
   text-align: center;
}
div.testing p a {
   border: transparent 3px solid;
   border-radius: 20px;
   color: #900;
   padding: 10px;
}
div.testing p a:hover {
   background-color: #900;
   border-color: #000;
   color: #fff;
}
div.testing p {
   margin-bottom: 30px;
}
div.testing p:last-child {
   margin-bottom: 0px;
}

@media (max-width: 991px) {
   li span img.avatar {
      width: 32px;
   }
   li a {
      justify-content: initial !important;
   }
   li a.avatar:before {
      content: "My Account";
      padding-right: 10px;
   }
}
@media (max-width: 500px) {
   div.form.connect button.btn {
      border-radius: 5px;
      font-size: 6pt;
      padding: 5px;
   }
}
@media (max-width: 320px) {
   div.form.connect h3 {
      font-size: 12pt;
   }
   #footer {
      font-size: 10pt;
   }
}