/*!
 * Updated TRPageResponsive.css
 * @author DNL Omnimedia
 * @version 1.0
 * Copyright 2016 DNL Omnimedia Inc. License to Use.
 *
 * Rewritten by DNL Omnimedia Inc. for best compatibility with the latest web standards
 * And to allow for easy style inheritance from the global wrapper stylesheet.
 * Compiled with SASS, see source files for modifications.
 */
/**
 * Does a simple conversion of pixels to rem units
 * Round the value to 2 decimal points
 * @param  {[type]} $pixels Font size in the format 11px
 * @return {[type]}         Fonr size in teh format 1.2rem
 */
/**
 * Retrieves the breakpoint form the breakpoints map
 * @param  {string} $name [description]
 * @return {string}       [description]
 */
.trr-table td p, .trr-table th p {
  margin: 0;
}

.trr-table td,
.trr-table th {
  border: 1px solid #ccc;
  padding: 0.3rem;
}

.company-list-team-captain-title {
  display: inline-block;
}

.filter-search-container {
  margin-bottom: 1.19rem;
}

.list-row {
  padding-bottom: 1.19rem;
}

@media ((min-width: 600px)) {
  #mobile_company_list {
    display: none;
  }
}

#non_mobile_company_list {
  display: none;
}
@media ((min-width: 600px)) {
  #non_mobile_company_list {
    display: block;
  }
}

.top_participants_title_container {
  font-weight: bold;
  margin-bottom: 0.59rem;
}

.trr-table {
  border: 1px solid #ccc;
  border-collapse: collapse;
}
#mobile_company_list .trr-table {
  font-size: 0.81rem;
}

.entry-option-info-container,
.tr-status-indicator-container {
  margin: 0 0 1.19rem;
}

.main-content,
#team_page_main_content,
.tr-page-main-content {
  box-sizing: border-box;
}
@media ((min-width: 800px)) {
  .main-content,
  #team_page_main_content,
  .tr-page-main-content {
    order: 2;
    padding-right: 2.38rem;
    width: 73%;
  }
}

.mobile-donate {
  order: 1;
}

.search-content,
form[name=top_teams] {
  width: 100%;
}

#footer-wrapper,
.section-container,
.tr-page-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media ((min-width: 800px)) {
  #footer-wrapper,
  .section-container,
  .tr-page-container {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

#footer-wrapper.clearfix::after,
.tr-page-container.clearfix::after {
  display: none;
}

.header,
.section-sub-header,
.team_page_header,
.tr-page-header {
  order: 1;
  width: 100%;
}
.tr-page-header {
  order: 0;
}

.side-bar {
  display: flex;
  flex-direction: column;
}
@media ((min-width: 800px)) {
  .side-bar {
    order: 3;
    width: 27%;
  }
}

.section-body,
.section-footer {
  width: 100%;
}

/* *********************************************************** */
/* Search Participant or Team Widget                           */
/* *********************************************************** */
.ui-state-default a {
  color: #6f6f6f;
  display: inline-block;
  padding: 0.3rem 0.59rem;
  text-decoration: none;
}
@media ((max-width: 479px)) {
  .ui-state-default a {
    font-size: 0.81rem;
    padding: 0.15rem 0.3rem;
  }
}
.ui-state-default.ui-tabs-selected a {
  color: #333;
  text-decoration: none;
}

input .search-form {
  vertical-align: middle;
}

#search_part_team li {
  background-color: #efefef;
  border: 1px solid #ccc;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: inline-block;
  list-style: none;
  margin: 0 0 0 0.59rem;
  padding: 0;
}
#search_part_team li:nth-child(2) {
  margin-left: 0;
}
#search_part_team li.ui-tabs-selected {
  background-color: #fff;
  border-bottom-color: #fff;
}

#advanced_search_border,
#advanced_team_search_border {
  border-width: 0 !important;
  margin: 0;
}

#findFriendForm,
#teamFindFriendForm {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

#event_search_field,
#first_name_search_field,
#last_name_search_field,
#team_company_search_field,
#team_divison_team_search_field,
#team_event_search_field,
#team_first_name_search_field,
#team_last_name_search_field,
#team_search_field_team,
#team_search_field {
  margin: 0 0 0.59rem;
}

#company_search_field,
#first_name_search_field,
#last_name_search_field,
#team_first_name_search_field,
#team_last_name_search_field,
#team_search_field {
  width: 48%;
}

#event_search_field,
#team_company_search_field,
#team_event_search_field,
#team_search_field_team {
  width: 100%;
}

#event_search_field,
#team_event_search_field {
  margin-top: 0.59rem;
}

.natl-co-search-buttons-container,
.natl-co-search-city-container,
.natl-co-search-name-container,
.natl-co-search-state-container {
  margin-bottom: 0.59rem;
}

.participant-find-search-container {
  margin: 1.19rem 0;
  max-width: 25rem;
}

.search-advanced-link {
  margin-bottom: 0.59rem;
}

#searchCompany,
#searchFirstName,
#searchLastName,
#searchTeam,
#teamSearchCaptainFirstName,
#teamSearchCaptainLastName,
#teamSearchCompany {
  box-sizing: border-box;
  width: 100%;
}

.natl-co-search-name-hasbutton,
.natl-co-join-directly-container,
.search-link {
  display: inline-block;
  vertical-align: middle;
}

#findFriendForm .search-button, #teamFindFriendForm .search-button {
  display: inline-flex;
  order: 3;
}

.ui-tabs-hide {
  display: none;
}

#search_part_team .ui-tabs-nav {
  margin: 0;
  padding: 0;
}

.ui-tabs-panel {
  border: 1px solid #ccc;
  margin: -1px 0 0;
  padding: 0.59rem;
}

#team_find_search_results_header_text {
  font-weight: bold;
}

.list-component-paginator {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 1.19rem 0;
  width: 100%;
}
@media ((min-width: 600px)) {
  .list-component-paginator {
    flex-direction: row;
  }
}

.list-component-paginator-records-text {
  margin: 0 0 1.19rem;
}
@media ((min-width: 600px)) {
  .list-component-paginator-records-text {
    margin: 0 1.19rem 0 0;
  }
}

.list-component-body {
  border-top: 1px solid #ccc;
}
#team_find_search_results_container .list-component-body {
  border-top: 0;
}

.list-component-row {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1.19rem;
  padding-top: 1.19rem;
}

.list-component-sort-select-container {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1.19rem;
}

.participant-find-search-results {
  width: 100%;
}

.natl-co-event-list-wrapper {
  margin-top: 1.19rem;
}

.find-participant-badge-container {
  display: inline-block;
}

.list-component-cell-column-participant-name,
.list-component-cell-column-team-search-team-name {
  font-weight: bold;
}

/* *********************************************************** */
/* Status Indicators                                           */
/* *********************************************************** */
.indicator-container {
  border: 1px solid #ccc;
  margin-bottom: 1.19rem;
  padding: 0.59rem;
}
.indicator-container.team-roster-participant-container {
  margin-bottom: 0.3rem;
}

.indicator-title {
  font-weight: bold;
  margin: 0 0 0.3rem;
}

.vscroll-container {
  height: 100px;
}

.company-tally-container,
.indicator-list-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.59rem;
}
.company-tally-container.clearfix::after,
.indicator-list-row.clearfix::after {
  display: none;
}

.team-roster-title-container {
  display: flex;
  justify-content: space-between;
}
.team-roster-title-container.clearfix::after {
  display: none;
}

.team-roster-participant-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.59rem;
}
.team-roster-participant-row.clearfix::after {
  display: none;
}

.team-roster-captain-name {
  font-weight: bold;
}

.team-roster-legend {
  margin-bottom: 1.19rem;
}

.team-roster-star,
.team-roster-icon-description {
  display: inline-block;
  vertical-align: middle;
}

/* *********************************************************** */
/* Team Page                                                   */
/* *********************************************************** */
#html_view_more_button,
#text_view_more_button {
  display: none;
}

.team-image,
#team-image {
  display: block;
  margin: 0;
  padding: 0;
}

.non-mobile-donate-button-container {
  display: none;
}
@media ((min-width: 600px)) {
  .non-mobile-donate-button-container {
    display: block;
    margin-bottom: 1.19rem;
  }
}

/* *********************************************************** */
/* Thermometer                                                 */
/* *********************************************************** */
.amount-percentage-value,
.amount-raised-value {
  display: block;
  font-weight: bold;
}

.amount-raised-info {
  text-align: right;
}

.thermometer-container .text {
  display: flex;
  justify-content: space-between;
}
.thermometer-container .text.clearfix::after {
  display: none;
}

.thermometer-inner {
  background-color: #555;
  border-right: 2px solid #333;
  height: 2.38rem;
  width: 0;
}

.thermometer-outer {
  background-color: #efefef;
  margin-top: 0.59rem;
}

.mobile-hidden {
  display: none;
}
@media ((min-width: 600px)) {
  .mobile-hidden {
    display: block;
  }
}
.mobile-hidden.non-mobile-donate {
  display: block;
}
@media ((min-width: 800px)) {
  .mobile-hidden.non-mobile-donate {
    display: none;
  }
}

@media ((min-width: 800px)) {
  .mobile-donate {
    display: none;
  }
}

#view_less_link {
  display: none;
}

#view_more_link {
  display: none;
}