.secondary-color {
  color: #848484;
}
html {
  position: relative;
  min-height: 100%;
}
.container.body-content {
  padding-bottom: 170px;
  margin-bottom: 100px;
  min-height: 550px;
  /*Nav tabs*/
  /*Table*/
}
.container.body-content li a {
  color: #337ab7;
}
.container.body-content .nav-tabs li.active a {
  border-color: transparent;
  border-bottom-color: blue;
  border-width: 2px;
}
.container.body-content .nav.navbar-nav.navbar-right li {
  background-color: #191919;
  z-index: 99999;
}
.container.body-content .table > thead > tr > th,
.container.body-content .table > tbody > tr > th,
.container.body-content .table > tfoot > tr > th,
.container.body-content .table > thead > tr > td,
.container.body-content .table > tbody > tr > td,
.container.body-content .table > tfoot > tr > td {
  border: none;
}
.container.body-content .table > thead:first-child > tr:first-child > th {
  font-size: 12px;
  text-transform: uppercase;
  background-color: #F2F2F2;
}
.container.body-content tr:nth-child(even) {
  background-color: #F2F2F2;
}
.container.body-content .table > thead > tr > th {
  font-weight: normal;
  font-size: 12px;
  background-color: #F2F2F2;
  border: none;
}
body,
.panel {
  background-color: #F5F5F5;
}
hr {
  border-color: #c7c5c5;
}
.header {
  margin-bottom: 3%;
}
.header .container {
  width: 100%;
  padding: 10px 5px;
}
.header .navbar .container {
  padding: 0;
}
.container-fluid,
.navbar,
footer {
  font-family: Montserrat;
  clear: both;
}
.user-name-container,
.container-fluid {
  height: 65px;
}
@media (min-width: 768px) {
  .user-name-container,
  .container-fluid {
    height: 70px;
  }
}
@media (min-width: 992px) {
  .user-name-container,
  .container-fluid {
    height: 75px;
  }
}
@media (min-width: 1200px) {
  .user-name-container,
  .container-fluid {
    height: 78px;
  }
}
.container-fluid {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/header_background_bar.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
.container-fluid .navbar-header {
  position: relative;
  top: -4px;
  margin: 10px;
}
.container-fluid .navbar-header .navbar-toggle {
  border: 1px solid #fff;
  margin-right: 0;
}
.container-fluid .navbar-header .navbar-toggle .icon-bar {
  background-color: #fff;
}
.container-fluid .navbar-right a:hover,
.container-fluid .navbar-right a:focus {
  background-color: initial;
}
.container-fluid .navbar-brand {
  padding: 0;
}
.container-fluid .navbar-brand .icon-banner {
  max-height: 70px;
}
.container-fluid .navbar-collapse li a:before {
  content: "";
  position: absolute;
  width: 20%;
  height: 1px;
  bottom: 14px;
  left: 40%;
  border-bottom: 1px solid #fff;
  display: none;
}
.container-fluid .navbar-collapse li a.current:before {
  display: initial;
}
.navbar-collapse li a,
.container-fluid a,
.user-name-container,
.user-name-container a {
  color: #fff;
  background-color: initial;
  font-size: 9px;
  text-align: center;
  letter-spacing: 0.2em;
}
.user-name-box {
  white-space: nowrap;
}
.user-name-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: absolute;
  margin: auto;
}
.affix {
  top: 0;
  width: 100%;
  z-index: 9999;
}
.navbar.navbar-inverse {
  background-color: #fff;
  border: none;
}
.navbar.navbar-inverse .container .toolbar {
  height: 60px;
  background-color: #F2F2F2;
  opacity: 0.9;
  margin: 0 -15px;
  padding: 0 14px;
  font-family: Montserrat;
  line-height: 1;
}
@media (max-width: 767px) {
  .navbar.navbar-inverse .container .toolbar {
    height: 35px;
    margin: 15px -15px;
  }
}
.navbar.navbar-inverse .container .toolbar .user-name,
.navbar.navbar-inverse .container .toolbar .btn,
.navbar.navbar-inverse .container .toolbar li a {
  color: #0070D2;
  font-size: 20px;
  display: inline-block;
  padding: 20px;
}
.navbar.navbar-inverse .container .toolbar .user-name {
  color: #323C47;
  font-size: 24px;
}
.navbar.navbar-inverse .container .toolbar .btn {
  padding: 6px 12px;
  margin-top: 10px;
}
.navbar.navbar-inverse .container .toolbar .navbar-right {
  margin-right: 10px;
}
.navbar-brand > .icon-banner {
  position: relative;
  top: -2px;
  display: inline;
}
.icon {
  position: relative;
  top: -10px;
}
.logged-out iframe {
  display: none;
  width: 0;
  height: 0;
}
.page-consent .client-logo {
  float: left;
}
.page-consent .client-logo img {
  width: 80px;
  height: 80px;
}
.page-consent .consent-buttons {
  margin-top: 25px;
}
.page-consent .consent-form .consent-scopecheck {
  display: inline-block;
  margin-right: 5px;
}
.page-consent .consent-form .consent-description {
  margin-left: 25px;
}
.page-consent .consent-form .consent-description label {
  font-weight: normal;
}
.page-consent .consent-form .consent-remember {
  padding-left: 16px;
}
.grants .page-header {
  margin-bottom: 10px;
}
.grants .grant {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid lightgray;
}
.grants .grant img {
  width: 100px;
  height: 100px;
}
.grants .grant .clientname {
  font-size: 140%;
  font-weight: bold;
}
.grants .grant .granttype {
  font-size: 120%;
  font-weight: bold;
}
.grants .grant .created {
  font-size: 120%;
  font-weight: bold;
}
.grants .grant .expires {
  font-size: 120%;
  font-weight: bold;
}
.grants .grant li {
  list-style-type: none;
  display: inline;
}
.grants .grant li:after {
  content: ', ';
}
.grants .grant li:last-child:after {
  content: '';
}
.home-program-header {
  margin: 30px 0;
}
.home-program-header-event {
  padding: 13px 20px;
  max-width: 445px;
}
.home-program-img img {
  height: 260px;
}
.home-program-placez {
  width: 38%;
  background-color: #fff;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
  padding: 65px;
  margin: 46px -40px;
}
.home-program-placez p {
  font-size: 12px;
  color: #666666;
}
.home-program-placez a.btn.btn-primary.btn-large {
  border: 1px solid #262626;
  box-sizing: border-box;
  border-radius: initial;
  background-color: #763886;
  font-size: 11px;
}

.home-program-cover {
    width: 38%;
    background-color: #fff;
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
    padding: 65px;
    margin: 46px -40px;
}

    .home-program-cover p {
        font-size: 12px;
        color: #666666;
    }

    .home-program-cover a.btn.btn-primary.btn-large {
        border: 1px solid #262626;
        box-sizing: border-box;
        border-radius: initial;
        background-color: #3c66ff;
        font-size: 11px;
    }

.panel.panel-default {
  border: none;
}
.panel-body {
  padding: 0;
}
.page-header {
  margin: 15px 15px 50px;
  border: none;
  color: #262626;
}
.input-group .input-group-addon,
.contact-content span {
  top: 0;
  background-color: #fff;
  color: #999;
  font-size: 10px;
}
.contact-page {
  width: 70%;
  max-width: 550px;
  margin: 40px auto 60px;
}
.register-page h2,
.contact-page h2,
.register-page label,
.contact-page label {
  color: #000;
  font-weight: bold;
}
.register-page p,
.contact-page p {
  margin: 15px 0;
}
.contact-page {
  max-width: 750px;
}
.contact-page textarea {
  padding-top: 0;
  padding-bottom: 0;
}
.contact-page .contact-send-message {
  margin-bottom: 15px;
}
.contact-map {
  background-image: url("/contactsm.png");
  background-size: 100% auto;
  padding: 5%;
  clear: both;
}
.contact-map .contact-content {
  background-color: #fff;
  max-width: 400px;
  padding: 5%;
}
.contact-map .contact-content .social-media {
  height: 25px;
  margin-top: 25px;
}
.contact-map .contact-content .social-media a {
  color: rgba(0, 0, 0, 0.2);
  font-size: 25px;
  margin: 0 10px;
  vertical-align: middle;
}
.contact-map .contact-content .social-media a:hover {
  text-decoration: none;
}
.contact-map .contact-content .social-media .fa-facebook {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
  width: 25px;
  height: 25px;
  margin-left: 0;
  text-align: right;
  padding-top: 2px;
  padding-right: 2px;
}
/*Subscription*/
.horizon-id {
  color: #848484;
  font-size: 12px;
}
.card-logo .fab {
  font-size: 20px;
  margin-top: 10px;
  margin-right: 5px;
}
.subsription-terms {
  margin-top: 30px;
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
}
.subsription-terms i.glyphicon.glyphicon-info-sign {
  color: #337ab7;
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  font-size: 17px;
}
.add-licenses-info {
  display: table;
  background: #fff;
}
.add-licenses-info .col-md-4 {
  text-align: right;
}
.add-licenses-info .col-md-4,
.add-licenses-info .col-md-8,
.add-licenses-info .col-md-12 {
  margin-bottom: 5px;
}
.licenses-name {
  width: 50%;
}
.licenses-amount {
  width: 25%;
}
.licenses-quantity {
  width: 25%;
  text-align: right;
}
.licenses-quantity .form-control {
  width: auto;
  display: initial;
}
.license-summary {
  text-align: center;
}
.licenses-subbary-button {
  text-align: right;
  padding: 8px;
}
.licenses-subbary-button button {
  min-width: 99px;
}
.subscription-details {
  background-color: #fff;
  border-radius: 5px;
  padding: 25px;
}
.subscription-details label {
  color: #848484;
  font-weight: normal;
}
.validation-summary {
  margin: 10px -22px;
}
.subscription-welcome {
  margin: 5px 0;
}
/*Login*/
.login-page {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 20px;
  background: url("/login.jpg") no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  .login-page {
    flex-flow: row;
  }
}
.login-page .login-page-right {
  padding: 20px;
  margin: 40px;
}
.login-page .login-page-right .login-logo {
  text-align: center;
}
.login-page .login-page-right img {
  max-height: 70px;
}
.login-page .login-page-right,
.login-page .login-page-left {
  width: 100%;
  background: #f5f5f5;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .login-page .login-page-right,
  .login-page .login-page-left {
    width: 100%;
  }
}
.login-page .login-page-left {
  background-color: transparent;
  text-align: center;
}
.login-page .login-page-left img {
  vertical-align: middle;
}
.login-page button {
  padding: 5px 30px;
  margin-top: 10px;
}
/*Register*/
.register-page {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 20px;
  background: url("/login.jpg") no-repeat;
  background-size: cover;
  flex-flow: column;
}
@media (min-width: 768px) {
  .register-page {
    flex-flow: row;
  }
}
.register-page .register-page-right {
  padding: 20px;
  margin: 40px;
}
.register-page .register-page-right .register-page-header {
  text-align: center;
}
.register-page .register-page-right .register-logo {
  text-align: center;
}
.register-page .register-page-right img {
  max-height: 70px;
}
.register-page .register-page-right,
.register-page .register-page-left {
  width: 100%;
  background: #f5f5f5;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .register-page .register-page-right,
  .register-page .register-page-left {
    width: 100%;
  }
  .register-page .register-page-left {
    display: none;
  }
}
.register-page .register-page-left {
  background-color: transparent;
  text-align: center;
}
.register-page .register-page-left img {
  vertical-align: middle;
}
.password-block {
  display: flex;
  justify-content: space-between;
}
.password-block .password-content {
  width: 48%;
}
.password-block .password-content .password-list ul {
  color: #f00;
  margin-left: 15px;
  padding-left: 0;
}
.password-block .password-content .password-list li.valid {
  color: #666;
  list-style: none;
  text-indent: -1em;
}
.password-block .password-content .password-list li.valid:before {
  content: "\e013";
  font-family: 'Glyphicons Halflings';
  padding-right: 5px;
  margin-left: -5px;
}
.input-group-btn .glyphicon {
  top: 0;
}
/*Toggle*/
.toggle.ios,
.toggle-on.ios,
.toggle-off.ios {
  border-radius: 20px;
}
.toggle.ios .toggle-handle {
  border-radius: 20px;
}
.toggle.btn {
  min-width: 30px;
  min-height: 20px;
  margin-bottom: 2px;
}
/*Billing*/
.billing-content {
  background-color: #fff;
  overflow: hidden;
}
.billing-content .billing-section .billing-row-header {
  margin-top: 0;
}
/*Organization*/
.organization-content {
  background-color: #fff;
  padding: 20px;
}
.organization-content a.far,
.organization-content .secondary-column {
  color: #848484;
}
.organization-content .action-column {
  text-align: right;
}
.organization-content .action-column a {
  margin: 0 5px;
}
.organization-content .btn-default {
  width: 110px;
}
.organization-users-table {
  max-height: 400px;
  overflow-y: scroll;
}
.organization-title-hr {
  border: 1px solid #000000;
  margin-top: 0px;
}
.resources-title {
  padding-top: 10px;
  width: 50%;
}
.license-section {
  margin-bottom: 10px;
  width: 100%;
  display: flex;
}
.license-section .license-available {
  background: #e4e4e4;
  padding: 5px;
  margin: 0px 5px;
  flex: 1;
  text-align: center;
}
/*Organization User*/
.organization-user-content .form-control {
  margin-bottom: 10px;
}
.form-row {
  margin-top: 15px;
}
.checkbox-label {
  vertical-align: top;
}
.add-another {
  margin-left: 20px;
}
.organization-locations .checkbox-menu li label {
  display: block;
  padding: 3px 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  margin: 0;
  transition: background-color 0.4s ease;
}
.organization-locations .checkbox-menu li input {
  margin: 0px 5px;
  top: 2px;
  position: relative;
}
.organization-locations .checkbox-menu li.active label {
  background-color: #cbcbff;
  font-weight: bold;
}
.organization-locations .checkbox-menu li label:hover,
.organization-locations .checkbox-menu li label:focus {
  background-color: #f5f5f5;
}
.organization-locations .checkbox-menu li.active label:hover,
.organization-locations .checkbox-menu li.active label:focus {
  background-color: #b8b8ff;
}
/*Footer*/
footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  color: #fff;
  background-color: #333;
  height: 170px;
  padding: 1px 15% 0;
}
footer .footer-header {
  letter-spacing: 0.1em;
  font-size: 20px;
}
footer .footer-menu {
  margin: 0 40px;
}
footer .footer-menu a {
  color: #fff;
  font-size: 9px;
  letter-spacing: 0.1em;
  margin: 0 5px;
}
footer hr {
  border-color: rgba(255, 255, 255, 0.1);
}
footer .footer-top {
  margin-top: 5%;
}
footer .footer-powered {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
}
footer .footer-right {
  float: right;
}
/*Spinner*/
.lds-spinner {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 25% 43%;
}
.lds-spinner div {
  transform-origin: 32px 32px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 5px;
  height: 14px;
  border-radius: 20%;
  background: #fff;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
}
.btn-outline-danger:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle,
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.section-title {
  padding-top: 10px;
}
.section-title-hr {
  border: 1px solid #000000;
  margin-top: 0px;
}

.terms-and-conditions {

}

.terms-and-conditions-content {
    background: white;
    border: gray;
    padding: 15px;
    max-height: 300px;
    overflow-y: scroll;
}