@font-face {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
    src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
  }

  html {
    height: 100%;
  }

  .logged-out, .logged-out #oa-wrapper-top {
    height: 100%;
  }

  .logged-out #body-content {
    margin: 25px auto;
    padding: 25px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25), 0 -1px 6px rgba(0, 0, 0, 0.22);
    border-radius: 10px;
    border-radius: 15px;
  }

  .web-homescreen #content-block {
    margin-left: 0px;
    margin-right: 0px;
  }

  .logged-out #oa-login-container .panel, .logged-out #oa-login-container .panel-default>.panel-heading {
    background-color: transparent;
    border: 0px;
    box-shadow: unset;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top {
    font-family: Raleway, sans-serif;
    box-sizing: border-box;
    padding: 0px;
    height: 100%;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .required-alert input,
  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .required-alert select {
    border: 1px solid red;
  }

  .required-alert input, .required-alert select, .radio.required-alert {
    border: 1px solid red;
  }

  .required-alert input[type='checkbox'] {
    outline-offset: -2px;
    outline-color: red;
    outline: solid red;
  }

  .required-alert-nav, .required-alert-nav a {
    pointer-events: none;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top #nav-block .nav.nav-stacked {
    border-radius: 0px;
    background: transparent;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top #nav-block {
    width: 100%;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .nav-section-title {
    display: none !important;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top ul.nav.nav-stacked {
    /* margin: 0 auto; */
    /* margin-top: 20px; */
    text-align: center;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top ul.nav.nav-stacked li {
    display: inline-block;
    margin: 5px;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .nav-stacked>li a {
    padding: 15px;
    width: 150px;
    height: 75px;
    font-size: 10px;
    font-weight: 600;
    line-height: 21px;
    text-align: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.22);
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .nav-stacked li a span:before {
    content: "\A";
    white-space: pre;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .nav-stacked li a i {
    font-size: 20px;
  }

  .logged-in .logged-in-status {
    display: none;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .logged-in-status {
    display: block;
    text-align: right;
    padding-top: 20px;
    position: absolute;
    top: 0;
    right: 15px;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top #header-content {
    display: block;
    /* padding-bottom: 15px; */
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top #dir_logo img {
    max-width: 60%;
    margin: 25px auto 20px;
    max-height: 20vh;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top #content-block.col-sm-9 {
    width: 100% !important;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top #content-block {
    margin-left: auto;
    margin-right: auto;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top #body-content {
    /* margin: 0px auto 25px; */
    margin: 20px auto 25px;
    padding: 25px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25), 0 -1px 6px rgba(0, 0, 0, 0.22);
    border-radius: 10px;
    border-radius: 15px;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .panel,
  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .panel-default,
  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .panel-heading {
    box-shadow: none !important;
    border: none !important;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .dataTables_scroll {
    margin-bottom: 15px;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .dt-buttons,
  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .dataTables_filter,
  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .dataTables_info,
  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .dataTables_paginate {
    padding: 10px;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top div#attendees-table_length,
  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .dt-buttons.btn-group,
  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top div#attendees-table_filter,
  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top div#attendees-table_info {
    display: inline-block;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .dt-buttons,
  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .dataTables_filter,
  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .dataTables_info,
  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .dataTables_paginate {
    padding: 10px;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top div#attendees-table_paginate {
    padding: 0px;
    margin-bottom: 10px;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top div#attendees-table_filter,
  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top div#attendees-table_paginate {
    float: right;
    margin-right: 10px;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .DTFC_ScrollWrapper {
    margin-bottom: 10px;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .table-striped>tbody>tr,
  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .table-bordered>thead>tr>th {
    background: #fff;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .form-control {
    border: 1px solid gray;
    border-radius: 4px;
    font-size: 14px;
    font-family: Raleway, sans-serif;
    height: auto;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .form-horizontal .form-group .form-control {
    height: 45px;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .form-control[disabled],
  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .form-control[readonly],
  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top fieldset[disabled] .form-control {
    opacity: 1;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .default-add-attendee {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 15px;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top div.dt-button-collection.dropdown-menu {
    padding: 10px 5px;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .dropdown-menu .active {
    margin: 5px auto;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .next-prev-buttons {
      clear: both;
      text-align: center;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .mx-auto {
    margin: 0 auto;
  }

  #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .fade:not(.show) {
    opacity: unset;
  }

  .web-homescreen .nav-stacked li.textColor, .web-homescreen .textColor > * {
    color: unset !important;
  }

  @media (max-width: 768px) {
    #attendeeWeb:not(.web-homescreen) #oa-wrapper-top #body-content {
      padding: 25px 0px;
    }

    #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .dt-buttons.btn-group {
      display: flex;
      flex-direction: column;
    }

    #attendeeWeb:not(.web-homescreen) #oa-wrapper-top .dt-buttons.btn-group .btn {
      border-radius: 0px;
    }
    
    .default-add-attendee {
      right: 15px;
    }
  }

  /** Reg Forms **/
#registrationForm div[class*="section-title" ] {
  color: var(--theme-text-color);
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
}

#registrationForm div[class*="section-title" ]:after {
  content: "";
  display: block;
  padding-bottom: .25em;
  width: 45%;
  border-bottom: 3px solid;
  border-color: var(--theme-primary-color);
}

#registrationForm div[class*="instructions-image-wrapper" ] {
  padding: 10px;
  margin: .5em 0;
  background: #d3d3d3;
}

#registrationForm div[class*="instructions-image-wrapper" ] > img {
  max-width: 100%;
  height: auto;
}

#registrationForm .col-sm-6.left-col {
  padding: 0 12.5px 0 0;
}

#registrationForm .col-sm-6.right-col {
  padding: 0 0 0 12.5px;
}

#registrationForm .text-large {
  font-size: 1.5em;
}

#registrationForm .tooltip-icon {
  color: #6c757d;
  padding-left: .25rem;
  font-size: 15px;
}

#registrationForm .form-group--link {
  display: flex;
}

#registrationForm .form-group--link.full-width {
  flex-direction: column;
}

#registrationForm .form-group--link > div {
  padding-right: .5rem;
}

#attendeeWeb .tooltip-inner {
  max-width: 500px;
}

#attendeeWeb .tooltip.show,
#attendeeWeb .tooltip.in {
  opacity: 1;
}


  #registrationForm #nav_wrapper {
    padding: 20px 15px;
  }
  
  #registrationForm #nav_wrapper .nav-pills {
    margin-bottom: 0px;
  }
  
  #registrationForm #nav_wrapper .nav-pills>li+li {
    margin: 0px;
  }
  
  #registrationForm #nav_wrapper .nav-pills li {
    text-transform: uppercase;
    display: inline-block;
    float: none;
  }
  
  #registrationForm #nav_wrapper .nav-pills>li.active>a,
  #registrationForm #nav_wrapper .nav-pills>li.active>a:focus,
  #registrationForm #nav_wrapper .nav-pills>li.active>a:hover {
    background-color: transparent;
  }
  
  #registrationForm #nav_wrapper .nav-pills li a:hover,
  #registrationForm #nav_wrapper .nav-pills li a:focus {
    background-color: transparent;
  }
  
  #registrationForm #nav_wrapper ul.nav {
    text-align: center;
    display: flex;
    justify-content: center;
  }

  
  
  @media screen and (min-width : 320px) and (max-width : 768px) {
    #registrationForm #nav_wrapper .tab-content {
      padding: 5px;
    }
    #registrationForm #nav_wrapper ul.nav {
      flex-wrap: wrap;
    }
    #registrationForm #nav_wrapper .nav-pills li {
      width: 25%;
    }
  }
  
  @media screen and (min-width : 320px) and (max-width : 480px) {
    #registrationForm #nav_wrapper .nav-pills li {
      width: 50%;
    }
  }

  .fade:not(.show) {
    opacity: unset !important;
  }

  /* Custom Tabs */

  .tabNav li {
    display: inline-block;
    padding: 3px 8px;
    cursor: pointer;
  }

  .tabContent {
    width: 100%;
    padding: 15px;
  }

  .tabContent .tab {
    display: none;
  }

  .tabContent .tab.active {
    display: block;
    animation: fadeInTab 500ms;
  }

  .tabContent .tab:first-child .go-to-prev {
    display: none;
  }

  @keyframes fadeOutTab {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }

  @keyframes fadeInTab {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  /* Issue with select fields cutting off */
  select.form-control:not([size]):not([multiple]) {
    height: initial;
  }

  .dropdown-item > span {
    color: var(--secondary);
  }