/*
Reach v3.0 Stylesheet
Author: Tyler Jackson @ NewMedio
*/

/* ----------------------------------------------
   HTML ELEMENTS
-----------------------------------------------*/

/* Links */
	a {}
	a:hover {}
	a:focus {color: #11639d;}

/* Text */

	h1 { font-size: 28px; font-size: 2.8rem; margin-bottom: 20px;}
	h2 { font-size: 23px; font-size: 2.3rem; margin-bottom: 15px;}
	h3 { font-size: 20px; font-size: 2.0rem; color: #D31145; border-bottom: solid 1px #efefef; padding-bottom: 4px;}
	h4 { font-size: 18px; font-size: 1.8rem; margin-bottom: 10px;}
	h5 { font-size: 13px; font-size: 1.3rem; font-weight: bold; border-bottom: solid 1px #ddd; padding: 10px 0px; margin-bottom: 10px;}
	h6 { font-size: 13px; font-size: 1.3rem; margin-bottom: 10px; font-weight: bold; background: #efefef; padding: 3px 5px;}
	blockquote {}
	p {}
	input {}
	small {font-size: .9em;}
	
	.has-tip, .has-tip:hover {border: none;}
	
	.clear {clear: both;}
	
	.grey {color: #999;}
	.warn {color: #ff0000;}

/* Miscellaneous */
  .rounded_corners {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
  .fullwidth {width: 100% !important;}
  
  img.icon {position: relative; top: 3px; left: 0px;}
  .delete_link {color: #ff0000; text-decoration: underline;}

  table thead tr th a {color: #000000; display: block;}
  table thead tr th a.current.asc {background: url("/images/bric_core/down_arrow.gif") no-repeat right center;}
  table thead tr th a.current.desc {background: url("/images/bric_core/up_arrow.gif") no-repeat right center;}
  table tbody tr td ul {margin: 0px 0px 0px 12px !important;}
  table tbody tr td ul li {margin-bottom: 0px; font-size: 11px;}
  table tbody tr td p {margin-bottom: 0px !important; font-size: 11px;}

  textarea {height: 150px; width: 325px;}
  
  form.nice input.input-file { display: block; margin: -9px 0px 9px 0px; }
  
  .margin-right {margin-right: 10px;}
  .margin-left {margin-left: 10px;}
  .margin-bottom {margin-bottom: 10px;}
  
  .mceEditor,
  .cke_skin_kama {margin: -9px 0px 9px 0px; display: block;}
  
  .calendar_date_select {width: 225px !important;}
  .calendar_date_select .cds_header {padding: 5px 5px 0px 5px; text-align: center;}
  .calendar_date_select .cds_header select {margin: 0px auto 5px auto;}
  .calendar_date_select .cds_buttons {padding: 5px 10px !important;}
  .calendar_date_select .cds_buttons select {margin: 0px;}
  .calendar_date_select .cds_buttons .at_sign {display: inline-block; margin-right: 20px;}
  .calendar_date_select .cds_buttons .hour {display: inline-block;}
  .calendar_date_select .cds_buttons .minute {display: inline-block;}
  .calendar_date_select .cds_buttons .seperator {display: inline-block; margin: 0px 5px;}
  .calendar_date_select .cds_footer {display: none;}
  .calendar_date_select td, .calendar_date_select th {padding: 3px; text-align: center;}
  .calendar_date_select_popup_icon {float: left;}

/*------------------------------------------
   LAYOUT
-------------------------------------------*/
#header {background: #003745; padding: 12px; color: #ffffff; border-bottom: solid 4px #cccccc;}
#header a {color: #ffffff !important; font-weight: bold;}
#header #header_support {padding-top: 10px; float: right;}
#header #header_support ul {list-style: none; margin: 0px; float: left;}
#header #header_support ul li {margin: 0px 5px; float: left;}
#header #header_support ul li:after {content: "|";}
#header #header_support ul li:last-child:after {content: none;}
#header #header_support ul li a {font-weight: normal; margin-right: 10px;}
#header #header_support ul li a:hover {text-decoration: underline;}
#header form#group_switcher {margin: 0px 10px 0px 0px; float: left;}
#header form#group_switcher select {margin: 0px;}

#bric_nav {background: #eee; padding: 20px 0px;}
#bric_nav .row ul {background: #fff; padding: 10px; border-top: solid 1px #e0e0e0; border-left: solid 1px #e0e0e0; border-right: solid 2px #d0d0d0; border-bottom: solid 2px #d0d0d0; list-style: none; margin: 0px;}
#bric_nav .row ul li {padding: 0px; margin: 0px; float: left;}
#bric_nav .row ul li a {padding: 10px; display: block; color: #003745; font-weight: bold;}
#bric_nav .row ul li a:hover {text-decoration: underline;}

#content_header {padding-top: 30px;}

.sidebar ul.sidebar_controls li a.medium {padding: 9px 0px 11px 0px; width: 100%;}
.sidebar ul.sidebar_controls li a.small {padding: 8px 0px 10px 0px; width: 100%;}
.sidebar ul.sidebar_controls li div.sidebar_widget {padding: 10px; border-top: solid 1px #efefef; border-left: solid 1px #efefef; border-right: solid 2px #e0e0e0; border-bottom: solid 2px #e0e0e0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 25px;}
.sidebar ul.sidebar_controls li div.sidebar_widget form {margin-bottom: 0px;}

#wrap {margin-bottom: 20px; min-height: 500px;}

#footer {font-size: .9em; color: #aaa; margin-bottom: 20px;}
#footer .row {padding: 8px; border-top: solid 1px #efefef; text-align: right;}
#footer a.newmedio_logo {color: #00616F; font-weight: bold;}

/*-------------*/

.view_switch {text-align: right; margin-bottom: 10px;}
.view_switch p {margin: 0px;}
.view_switch a {
  padding: 5px 10px 0px 10px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.view_switch a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}
.view_switch a#list_view {border-right: solid 1px #ccc;}
div.collapsable h3.collapsable_title {
  background: #efefef;
  color: #666;
  border: solid 1px #ddd; 
  cursor: pointer;
  font-size: 16px;
  padding: 5px 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
div.collapsable_interior {padding: 15px;}
div.collapsable_contents ul li {padding: 12px 6px; border-bottom: solid 1px #ddd; margin: 0px;}
div.collapsable_contents select.contact_query_select,
div.collapsable_contents input[type="text"].contact_query_text {display: inline-block; margin: 0px 10px 0px 0px;}
div.collapsable_contents a.contact_query_remove {float: right;}

.bric_attachment .drag_handle:hover {cursor: pointer;}
.bric_attachment .inner {
  float: left;
  border-top: solid 1px #efefef;
  border-left: solid 1px #efefef;
  border-right: solid 2px #e0e0e0;
  border-bottom: solid 2px #e0e0e0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
}
.bric_attachment .inner .preview_area {float: left; margin-right: 20px;}
.bric_attachment .inner .preview_area ul.toolbar {margin-bottom: 10px;}
.bric_attachment .inner .preview_area ul.toolbar li {float: left; margin: 0px 12px 0px 0px;}
.bric_attachment .inner .preview_area ul.toolbar li a {width: 20px; height: 20px; display: block; padding: 3px 3px 6px 6px;}
.bric_attachment .inner .preview_area ul.toolbar li.marked a {
  background: #efefef;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -moz-box-shadow: inset -1px -1px 2px #999;
   -webkit-box-shadow: inset -1px -1px 2px #999;
   box-shadow: inset 0px 2px 3px -1px #555;
}
.bric_attachment .inner .preview_area div.thumb a img {padding: 5px; background: #fff; -moz-box-shadow: 0px 0px 3px #ccc; -webkit-box-shadow: 0px 0px 3px #ccc; box-shadow: 0px 0px 3px #ccc;}
.bric_attachment .inner .form {float: left;}
.bric_attachment textarea.attachment_url {height: 50px; font-size: .9em;}

#attachment_mark_legend {position: relative;}
#attachment_mark_legend ul {margin: 0px;}
#attachment_mark_legend ul li {margin: 0px; float: left; margin-right: 20px;}
#attachment_mark_legend p {font-size: .9em;}
#attachment_mark_legend object.swfupload {position: absolute; top: 10px; right: 20px;}

/*------------------------------------------
   PAGE SPECIFIC
-------------------------------------------*/

/* LOGIN */
#login_wrap {padding-top: 75px; background: url("../images/bmx/reach_login_logo.png") no-repeat center top; margin-top: 10%;}
form.login {
  -moz-box-shadow: 0 0 15px #ccc;
  -webkit-box-shadow: 0 0 1px #ccc;
  box-shadow: 0 0 15px #ccc;
}

/* CONTACTS */
.current_contact_phone, .current_contact_address {margin-bottom: 15px; background: #efefef; padding: 20px;}
.contact_upload_tag_list li.contact_upload_tag {padding: 3px 0px;}
#contact_bmx_tracks { margin-left: 20px; margin-bottom: 0; }
#contact_bmx_tracks li { margin-bottom: 0; }

/* POSTINGS */
table tr.posting td.title {font-size: 1em !important;}
table tr.posting td.title h5 {margin: 0px 0px 3px 0px; border: none; padding: 0px;}
table tr.posting td.title p.grey {margin-bottom: 10px !important;}
table tr.posting.publish td {background: #fcfdcc; font-style: italic;}
table tr.posting.publish td.title h5 {font-weight: normal;}
table tr.posting td {font-size: .9em;}
table tr.posting div.post_icons img {top: 0px; left: 0px; margin-right: 6px;}
table tr.posting td.tools {vertical-align: middle;}

textarea#posting_short_description {width: 560px;}
textarea#posting_vimeo_url {height: 50px; width: 560px;}
textarea#posting_amazon_url {height: 75px; width: 560px;}

/* PRODUCTS */
.product_list_image {float: left; margin: 0px 15px 0px 0px;}
.product_list_image a img {width: 50px; padding: 3px; background: #fff; -moz-box-shadow: 0px 0px 2px #ccc; -webkit-box-shadow: 0px 0px 2px #ccc; box-shadow: 0px 0px 2px #ccc;}
.product_title {width: auto; overflow: hidden;}

.purchase_bundle_products li {background: #efefef; padding: 10px;}
.purchase_bundle_products li h4 {font-size: 1em; margin-bottom: 5px;}

/* ORDERS */
#uneditable_notes {height: 250px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; color: #666677; margin: 0px 0px 15px 0px; padding: 5px 0px; overflow-y: auto;}
#uneditable_notes pre {padding: 10px;}

#order_report_card {border: solid 1px #efefef; -moz-box-shadow: 2px 2px 6px #ccc;
-webkit-box-shadow: 2px 2px 6px #ccc;
box-shadow: 2px 2px 6px #ccc; padding: 15px;}

a.enable-reregister-presign { font-size: 10px; }
a.remove-from-download { color: #e83535; font-size: 11px; }
a.add-to-download { font-size: 11px; }
span.already-reregisterable-msg { font-size: 10px; color: #069b17; }

/* FORMS */
#design-form input[type="text"],
#design-form textarea {width: 100%; border: solid 1px #bbb; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px 0px;}

/* SAVERSTAMP LOCATIONS */
div.saverstamp_location {margin: 0px 30px 30px 0px; float: left;}
div.saverstamp_location ul li {float: left; margin-right: 20px;}

/* BMX TEAM */
form#new_bmx_team_member {margin: 0px;}

/* DAILY MEDIAS */
a.thumbnail {display: block; position: relative;}
a.thumbnail img.play-icon {position: absolute; left: 30%; top: 30%; border: none; opacity: .8;}
a.thumbnail:hover img.play-icon {opacity: 1;}

/* CALLOUT MAP */
.ui-widget-content a {
  color: #2a85e8 !important;
  font-size: 12px;
}

/* MULTIPOINT SCHEDULER */
.calendar_day_inner {
  padding: 30px 8px 25px 8px;
}

#calendar_legend #race_types ul li span {
  padding: 1px 3px;
  display: inline-block;
  font-size: 11px;
}

.calendar_day_content div.scheduled_multipoint_race a {
  padding: 3px;
  border-bottom: solid 1px #efefef;
  display: block;
  font-weight: bold;
}

.calendar_day_content a:hover {
  text-decoration: underline;
}

.calendar_event {
  margin-bottom: 5px;
  border-radius: 3px;
  padding-left: 4px;
  padding-right: 4px;
}

.race_day_tools {
  position: absolute;
  bottom: 2px;
  left: 8px;
  font-size: 11px;
}

.calendar_day_content div.scheduled_multipoint_race.category_national.usa a,
#calendar_legend span#category_national_usa {
  background: #000000;
  color: #fff;
  font-weight: bold;
  margin-bottom: 3px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-bottom: none;
}

.calendar_day_content div.scheduled_multipoint_race.category_national.can a,
#calendar_legend span#category_national_can {
  background: #E91C21;
  color: #fff;
  font-weight: bold;
  margin-bottom: 3px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-bottom: none;
}

.calendar_day_content div.scheduled_multipoint_race.series_gold_cup a,
#calendar_legend span#series_gold_cup {
  background: #00A6FC;
  color: #fff;
  font-weight: bold;
  margin-bottom: 3px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: none;
}

/* Race styles */
#nearby-races {
}

#nearby-races select {
	display: inline;
}

.nearby-races-table {
	width: 100%;
}
.nearby-races-table th {
	padding-left: 5px;
	font-weight: bold;
	border-bottom: 1px solid #aaaaaa;
}
.nearby-races-table td {
	text-align: left;
	padding: 0 5px 0 5px;
}

.nearby-race-conflicts .nearby-races-table td {
	background-color: #ffaaaa;
}

.pdf-options label {
	display: inline-block;
	margin-left: 10px;
}

dl.bolded-terms dt {
	padding-top: 5px;
	font-weight: bold;
}
dl.bolded-terms {
	margin-bottom: 1em;
}


#waivers-loading-div {
  position: fixed;
  margin: 5% auto;
  left: 0;
  right: 0;
  width: 200px;
  padding: 20px;
  text-align: center;
  color: black;
  z-index: 100;
  border: 1px solid rgba(218, 223, 225);
  border-radius: 5px;
  background-color: rgba(218, 223, 225, .7);
  display: none;
}

.numerical-length-label, #bmx_race_custom_question_numerical_length {
  display: none;
}

table#accounting-mapping-table tbody tr th {
	padding: 0px 15px 0px 15px;
}

table#accounting-mapping-table tbody tr td {
	padding: 0px 15px 0px 15px;
}

.presign-code-message {
	color: red !important;
	font-weight: bold;
}

.district-jacket-input {
	width: 180px;
	height: 31px;
	box-sizing: border-box;
	border: 1px solid #bbb;
	border-radius: 2px;
	padding: 4px;
}

.district-jacket-btn {
	padding: 7px 25px;
	background-color: #00a6fc;
	border: 1px solid #0593dc;
	color: white;
	font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

.promo-code-section {
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0px;
}

.promo-label {
	width: 100%;
}

.new-promo-type-btn {
	margin-top: -9px;
    margin-bottom: 9px;
    margin-left: 20px;
}

#export-promo-codes {
	margin-right: 20px;
	background-color: #DEDEDE;
	border-color: #DEDEDE;
	color: black;
}

#export-promo-types {
	background-color: #DEDEDE;
	border-color: #DEDEDE;
	color: black;
}

#promo-code-type-id {
	width: 200px;
	height: 36px;
}

.clear-arn {
  float: right;
  margin-bottom: 10px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.export-hotel-codes {
    margin-right: 20%;
}

.bulk-codes-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}