﻿/* lifted from forthcoming BS4*/
/* Display */
.d-none {
  display: none;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-block {
  display: block;
}

.d-table {
  display: table;
}

.d-table-cell {
  display: table-cell;
}

.d-table-row {
  display: table-row;
}

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

/* Vertical Alignment */
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

/* Position */
.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

/* Spacing - width & height */
.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

/* Spacing - margins */
.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 14px !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-0, .my-0 {
  margin-top: 0 !important;
}

.mr-0, .mx-0 {
  margin-right: 0 !important;
}

.mb-0, .my-0 {
  margin-bottom: 0 !important;
}

.ml-0, .mx-0 {
  margin-left: 0 !important;
}

.mt-1, .my-1 {
  margin-top: 0.25rem !important;
}

.mr-1, .mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1, .my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1, .mx-1 {
  margin-left: 0.25rem !important;
}

.mt-2, .my-2 {
  margin-top: 0.5rem !important;
}

.mr-2, .mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2, .my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2, .mx-2 {
  margin-left: 0.5rem !important;
}

.mt-3, .my-3 {
  margin-top: 14px !important;
}

.mr-3, .mx-3 {
  margin-right: 14px !important;
}

.mb-3, .my-3 {
  margin-bottom: 14px !important;
}

.ml-3, .mx-3 {
  margin-left: 14px !important;
}

.mt-4, .my-4 {
  margin-top: 1.5rem !important;
}

.mr-4, .mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4, .my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4, .mx-4 {
  margin-left: 1.5rem !important;
}

.mt-5, .my-5 {
  margin-top: 3rem !important;
}

.mr-5, .mx-5 {
  margin-right: 3rem !important;
}

.mb-5, .my-5 {
  margin-bottom: 3rem !important;
}

.ml-5, .mx-5 {
  margin-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto, .my-auto {
  margin-top: auto !important;
}

.mr-auto, .mx-auto {
  margin-right: auto !important;
}

.mb-auto, .my-auto {
  margin-bottom: auto !important;
}

.ml-auto, .mx-auto {
  margin-left: auto !important;
}

/* Spacing - padding */
.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 14px !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-0, .py-0 {
  padding-top: 0 !important;
}

.pr-0, .px-0 {
  padding-right: 0 !important;
}

.pb-0, .py-0 {
  padding-bottom: 0 !important;
}

.pl-0, .px-0 {
  padding-left: 0 !important;
}

.pt-1, .py-1 {
  padding-top: 0.25rem !important;
}

.pr-1, .px-1 {
  padding-right: 0.25rem !important;
}

.pb-1, .py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1, .px-1 {
  padding-left: 0.25rem !important;
}

.pt-2, .py-2 {
  padding-top: 0.5rem !important;
}

.pr-2, .px-2 {
  padding-right: 0.5rem !important;
}

.pb-2, .py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2, .px-2 {
  padding-left: 0.5rem !important;
}

.pt-3, .py-3 {
  padding-top: 14px !important;
}

.pr-3, .px-3 {
  padding-right: 14px !important;
}

.pb-3, .py-3 {
  padding-bottom: 14px !important;
}

.pl-3, .px-3 {
  padding-left: 14px !important;
}

.pt-4, .py-4 {
  padding-top: 1.5rem !important;
}

.pr-4, .px-4 {
  padding-right: 1.5rem !important;
}

.pb-4, .py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4, .px-4 {
  padding-left: 1.5rem !important;
}

.pt-5, .py-5 {
  padding-top: 3rem !important;
}

.pr-5, .px-5 {
  padding-right: 3rem !important;
}

.pb-5, .py-5 {
  padding-bottom: 3rem !important;
}

.pl-5, .px-5 {
  padding-left: 3rem !important;
}

@media (min-width: 1900px) {
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.6666666667%;
  }
  .col-xl-10 {
    width: 83.3333333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.6666666667%;
  }
  .col-xl-7 {
    width: 58.3333333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.6666666667%;
  }
  .col-xl-4 {
    width: 33.3333333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.6666666667%;
  }
  .col-xl-1 {
    width: 8.3333333333%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-pull-11 {
    right: 91.6666666667%;
  }
  .col-xl-pull-10 {
    right: 83.3333333333%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-8 {
    right: 66.6666666667%;
  }
  .col-xl-pull-7 {
    right: 58.3333333333%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-5 {
    right: 41.6666666667%;
  }
  .col-xl-pull-4 {
    right: 33.3333333333%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-2 {
    right: 16.6666666667%;
  }
  .col-xl-pull-1 {
    right: 8.3333333333%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-push-11 {
    left: 91.6666666667%;
  }
  .col-xl-push-10 {
    left: 83.3333333333%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-8 {
    left: 66.6666666667%;
  }
  .col-xl-push-7 {
    left: 58.3333333333%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-5 {
    left: 41.6666666667%;
  }
  .col-xl-push-4 {
    left: 33.3333333333%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-2 {
    left: 16.6666666667%;
  }
  .col-xl-push-1 {
    left: 8.3333333333%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0;
  }
  .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1 {
    float: left;
  }
}
/*** Overrides for making a 5 column display ***/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-5ths {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1600px) {
  .container {
    width: 1550px;
  }
}
/*** End Overrides for making a 5 column display ***/
/*#b7c8d8; */
.preloader {
  background-color: rgb(255, 255, 255);
}

.stats .tab-pane {
  padding-top: 40px;
}

.circles-text span {
  line-height: 1em !important;
  vertical-align: middle;
  display: inline-block;
}

.ul-spacer {
  display: inline-block;
  width: 50px;
}

.lorem::after {
  content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris turpis sem, ullamcorper quis commodo sit amet, sodales eu tellus. Donec eget nulla nisi. Nunc dapibus mi lectus, vel ultrices orci vestibulum vitae. Pellentesque efficitur posuere est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam faucibus arcu augue, vitae elementum urna eleifend dictum. Aenean nec magna sit amet eros dictum egestas. Integer egestas ipsum eu nunc malesuada, in interdum sem sodales. Etiam vulputate sit amet ipsum ut facilisis. Ut pretium posuere erat vitae congue. Pellentesque ornare sollicitudin mauris, quis tristique velit viverra et. Vivamus tincidunt tincidunt sem, sed sodales odio suscipit mollis.";
}

.section-title {
  color: #e7f3ff;
}

body::-webkit-scrollbar {
  width: 0 !important;
}

body {
  overflow: -moz-scrollbars-none !important;
  -ms-overflow-style: none !important;
}

div.layout nav.navbar {
  font-weight: 300;
}
div.layout nav.navbar .navbar-header {
  float: left;
}
div.layout nav.navbar .navbar-header .navbar-brand {
  padding: 0 !important;
}
div.layout nav.navbar .nav.navbar-nav.nav-pills > li > a {
  font-size: 20px;
  text-shadow: none;
  color: #ebebeb;
  padding: 12px 14px;
}
div.layout nav.navbar.navbar-default {
  background: none;
  border: none;
  background-color: #4e5d6c;
  min-height: initial;
}
div.layout nav.navbar.navbar-default.rs-navbar-overrides {
  margin-bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 20;
}
div.layout nav.navbar.navbar-default .navbar-nav > li > a:hover, div.layout nav.navbar.navbar-default .navbar-nav > li > a:focus, div.layout nav.navbar.navbar-default .navbar-nav > .active > a, div.layout nav.navbar.navbar-default .navbar-nav > .active > a:hover, div.layout nav.navbar.navbar-default .navbar-nav > .active > a:focus,
div.layout nav.navbar .nav.navbar-nav > li > a:hover,
div.layout nav.navbar .nav.navbar-nav > .active > a {
  background: none;
  background-color: #485563;
  color: #be4a08;
}
div.layout header section.slideshow {
  background-color: rgb(255, 255, 255);
}
div.layout header section.slideshow .common-container .logo-container {
  position: absolute;
  z-index: 15; /* Matches Carousel indicators*/
  width: 100%;
}
div.layout header section.slideshow .common-container .logo-container img {
  display: block;
  margin: 50px auto 0;
  width: 700px;
}
div.layout header section.slideshow .common-container .button-container {
  position: absolute;
  bottom: 100px;
  z-index: 15; /* Matches Carousel indicators*/
  width: 70%;
  left: 50%;
  margin-left: -35%;
  padding-left: 0;
  text-align: center;
}
div.layout header section.slideshow .carousel-inner .item {
  min-height: 830px !important;
}
div.layout header section.slideshow .carousel-inner .item .carousel-caption {
  width: 60%;
}
div.layout header section.slideshow .carousel-inner .item .carousel-caption .h2.blurb {
  margin: 0 auto;
  text-shadow: 0px 0px 3px rgb(0, 0, 0) !important;
  padding-top: 0;
  color: #ffffff;
  font-size: 1.8em;
}
div.layout header section.slideshow .carousel-inner .item .carousel-caption .h2.blurb p {
  line-height: 1.6em;
}
div.layout section.overview .section-header {
  margin-bottom: 50px !important;
}
div.layout section.overview #overview-tab-1 .c2 .overview-content {
  text-align: left;
}
div.layout section.overview .title {
  color: #e7f3ff;
}
div.layout section.features .container-fluid, div.layout section.features .container {
  position: relative;
}
div.layout section.features .container-fluid .section-header, div.layout section.features .container .section-header {
  margin: 100px 0 50px;
}
div.layout section.features .container-fluid .r1 .c1, div.layout section.features .container .r1 .c1 {
  display: table-cell;
  width: 18%;
}
div.layout section.features .container-fluid .r1 .c1 .features-wrapper, div.layout section.features .container .r1 .c1 .features-wrapper {
  padding: 20px 10px 0;
  min-height: 400px;
  position: relative;
}
@media screen and (max-width: 1280px) {
  div.layout section.features .container-fluid .r1 .c1 .features-wrapper, div.layout section.features .container .r1 .c1 .features-wrapper {
    min-height: 450px;
  }
}
@media screen and (max-width: 1024px) {
  div.layout section.features .container-fluid .r1 .c1 .features-wrapper, div.layout section.features .container .r1 .c1 .features-wrapper {
    min-height: 530px;
  }
}
div.layout section.features .container-fluid .r1 .c1 .features-wrapper .features-icon, div.layout section.features .container .r1 .c1 .features-wrapper .features-icon {
  position: relative;
  top: 0;
  left: 0;
}
div.layout section.features .container-fluid .r1 .c1 .features-wrapper .features-content, div.layout section.features .container .r1 .c1 .features-wrapper .features-content {
  text-align: left;
}
div.layout section.features .container-fluid .r1 .c1 .features-wrapper .features-content .title, div.layout section.features .container .r1 .c1 .features-wrapper .features-content .title {
  text-align: center;
  word-break: break-word;
  overflow-wrap: break-word;
  height: 2em;
  color: #e7f3ff;
}
@media screen and (max-width: 1024px) {
  div.layout section.features .container-fluid .r1 .c1 .features-wrapper .features-content .title, div.layout section.features .container .r1 .c1 .features-wrapper .features-content .title {
    height: 3em;
  }
}
@media screen and (max-width: 1280px) {
  div.layout section.features .container-fluid .r1 .c1 .features-wrapper .features-content .title, div.layout section.features .container .r1 .c1 .features-wrapper .features-content .title {
    font-size: 1.6em;
  }
}
div.layout section.features .container-fluid .r1 .c1 .features-wrapper .more-prompt, div.layout section.features .container .r1 .c1 .features-wrapper .more-prompt {
  position: absolute;
  bottom: 0px;
  text-align: left;
  padding-top: 20px;
  color: #df691a;
  font-size: 1.2em;
}
div.layout section.features .container-fluid .r1 .c1 .features-wrapper .more-prompt:after, div.layout section.features .container .r1 .c1 .features-wrapper .more-prompt:after {
  content: "More...";
}
div.layout section.features .ul-features {
  margin-top: 40px;
}
div.layout section.team .section-header {
  margin-bottom: 40px;
}
div.layout section.team .section-header .section-subtitle::after {
  width: 30%;
}
div.layout section.team .team-contact-info address {
  margin-bottom: 0;
}
div.layout section.team .vcard {
  font-size: 1.1em;
  color: #777;
}
div.layout section.team .team-wrapper {
  margin-top: 0;
}
div.layout section.team .team-wrapper .team-photo {
  display: none;
}
div.layout section.contact {
  background-color: #253646;
}
div.layout section.contact .section-header {
  margin-bottom: 50px;
}
div.layout section.contact .collapse {
  background-color: #253646;
}
div.layout section.contact address.vcard {
  position: absolute;
  margin: 40px auto;
  left: 0;
}

.modal-backdrop.in {
  opacity: 0 !important;
}

.MoreInfoContent {
  text-align: left;
  height: 0 !important;
}
.MoreInfoContent .modal {
  border: 10px solid #949494;
  border-radius: 10px;
  top: 50%;
  left: 50%;
  padding-left: 0 !important;
}
@media screen and (max-width: 1920px) {
  .MoreInfoContent .modal {
    width: 1200px;
    height: 900px;
    margin: -425px 0 0 -590px;
  }
}
@media screen and (max-width: 1280px) {
  .MoreInfoContent .modal {
    width: 1100px;
    height: 800px;
    margin: -400px 0 0 -550px;
  }
}
@media screen and (max-width: 1024px) {
  .MoreInfoContent .modal {
    width: 900px;
    height: 600px;
    margin: -300px 0 0 -440px;
  }
}
.MoreInfoContent .modal .modal-dialog {
  width: 100%;
  overflow: auto;
  position: relative;
}
.MoreInfoContent .modal .modal-dialog .modal-content {
  border-width: 0;
}
.MoreInfoContent .modal .modal-dialog .modal-content .modal-body {
  display: block;
  text-align: center;
  /*display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-flow: row wrap;*/
}
.MoreInfoContent .modal .modal-dialog .modal-content .modal-body .c {
  /*
  flex: 0 1 auto;
  align-self: flex-start;
  */
  text-align: left;
  width: 48%;
  padding: 0 10px;
  display: inline-block;
  vertical-align: top;
}
.MoreInfoContent .modal.MoreInfoPane {
  /*background-color: $moreinfo-bg-overlay;
  overflow: hidden;
  outline: none;*/
}
.MoreInfoContent .modal.MoreInfoPane p {
  text-align: justify;
  font-size: 16px;
  line-height: 1.6em;
}
.MoreInfoContent .modal.MoreInfoPane h3,
.MoreInfoContent .modal.MoreInfoPane h4 {
  color: #e7f3ff;
  line-height: 1.6em;
}
.MoreInfoContent .modal.MoreInfoPane h3 {
  margin: auto;
  font-size: 1.6em;
}
.MoreInfoContent .modal.MoreInfoPane h3::after {
  content: "";
  position: relative;
  left: 0;
  right: 0;
  display: block;
  margin: 15px auto 0;
  width: 20%;
  height: 0;
  background-color: #2b3e50;
}
.MoreInfoContent .modal.MoreInfoPane h4 {
  margin-top: 24px;
  margin-bottom: 0;
}
.MoreInfoContent .modal.MoreInfoPane h4::after {
  content: "";
  position: relative;
  left: 0;
  right: 0;
  display: block;
  margin-top: 2px 0 3px;
  height: 1px;
  background-color: #df691a;
}

/* Other */
.shadow {
  background: inherit;
  text-shadow: 0 1px 1px rgba(211, 84, 0, 0.75);
}

.separator::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  margin: 15px auto 0;
  width: 20%;
  height: 1px;
  background-color: rgb(211, 84, 0);
}

/* 
	Used in Logon.aspx for the new login screen
*/
body#guestMaster {
  background-image: url("/home/images/BackgroundImage.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  overflow-x: hidden;
}
body#guestMaster #divLoginContent .container #divLogin2,
body#guestMaster #divLoginContent .container-fluid #divLogin2 {
  margin-top: 150px;
}
body#guestMaster #divLoginContent .container #divLogin2.repo .login-control-template,
body#guestMaster #divLoginContent .container-fluid #divLogin2.repo .login-control-template {
  /*position: relative;
  margin-left: 0px;
  width: 500px;*/
}
body#guestMaster #divLoginContent .container #divLogin2.repo .form-horizontal .form-group.form-group-sm .form-control,
body#guestMaster #divLoginContent .container-fluid #divLogin2.repo .form-horizontal .form-group.form-group-sm .form-control {
  border-radius: 3px;
  font-size: 15px !important;
  font-weight: normal;
}
body#guestMaster #divLoginContent .container #divLogin2.repo .form-horizontal .form-group.form-group-sm .control-label,
body#guestMaster #divLoginContent .container-fluid #divLogin2.repo .form-horizontal .form-group.form-group-sm .control-label {
  font-size: 15px !important;
}
body#guestMaster #divLoginContent .container #divLogin2.repo .form-horizontal .btn,
body#guestMaster #divLoginContent .container-fluid #divLogin2.repo .form-horizontal .btn {
  border-radius: 3px;
  font-size: 15px !important;
  font-weight: normal;
}
body#guestMaster #divLoginContent .container #divLogin2.repo .forgotten-password,
body#guestMaster #divLoginContent .container #divLogin2.repo .forgotten-username,
body#guestMaster #divLoginContent .container-fluid #divLogin2.repo .forgotten-password,
body#guestMaster #divLoginContent .container-fluid #divLogin2.repo .forgotten-username {
  color: #df691a;
  padding: 0px;
}
body#guestMaster #divLoginContent .container #divLogin2.repo .btn.btn-link,
body#guestMaster #divLoginContent .container-fluid #divLogin2.repo .btn.btn-link {
  background-color: inherit;
  padding-left: 0;
}
body#guestMaster #divLoginContent .container footer,
body#guestMaster #divLoginContent .container-fluid footer {
  position: absolute;
  width: 100%;
  bottom: 0;
}
body#guestMaster #divLoginContent .container footer .copyright,
body#guestMaster #divLoginContent .container-fluid footer .copyright {
  padding: 10px 0 31px;
  color: white;
}
body#guestMaster #divLoginContent .container footer .copyright .resolvestar-logo,
body#guestMaster #divLoginContent .container-fluid footer .copyright .resolvestar-logo {
  width: 135px;
  position: relative;
  top: -7px;
}
