@charset "UTF-8";
/* CSS Document */

/*Body Layout*/
html,body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	height: 100%;
	font-family: 'Inter', sans-serif;
	overscroll-behavior: none;
}


/*Global Site Layout*/

a {
	color: #C24700;
}

#wrapper ul,h1,h2,h3,h4 {
	margin-top: 0px;
	margin-bottom: 0px;
}

#wrapperClearMargin {
	clear: both;
}

#wrapperClearMargin.fullscreen {
	margin: 0px;
}

#inner_wrapper {
	overflow: scroll;
	clear: both;
	height: calc(100vh - 10px);
	display: table;
	width: 100%;
}

/*Global Link Styles*/

.timestamp {
	color: #757575;
	text-decoration: none;
	font-size: 11px;
}

.timestamp_bold {
	color: #000000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

.list_detail_ {
	font-size: 11px;
	color: #000000;
	margin: 2px 0px;
}

.profile_evaluation_notes {
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

.edit_row_link,.delete_row_link {
	color: #C24700;
	text-decoration: none;
	/*font-weight: bold;*/
	font-size: 12px;
}

.edit_row_link:hover,.delete_row_link:hover {
	text-decoration: underline;
}

/*Global Control Styles*/
input,textarea {
	border: 1px #999 solid;
}

#main_content .record_detail .activity_button_container {
	float: none;
	margin: 10px auto;
}

.close_button {
	background-color: #FFFFFF;
	border: 1px solid rgb(204, 204, 204);
	color: rgb(204, 204, 204);
	float: right;
	height: 10px;
	width: 10px;
	font-weight: bold;
	line-height: 10px;
	text-align: center;
	vertical-align: middle;
}

.edit_button_container {
	margin-top: 10px;
	float: right;
}

#main_content_body .grid_actions a {
	color: #C24700;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#main_content_body .grid_actions a:hover {
	text-decoration: underline;
}

#main_content_tabset_body {
	background-color: white;
}

/*Site Header*/
#site_header {
	background-color: #01172c;
	height: 50px;
	margin-top: 0px;
	position: fixed;
	width: 97%;
	top: 0px;
	z-index: 1050;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#site_header a {
	color: #FFFFFF;
}

#site_header a:hover {
	text-decoration: none;
	cursor: pointer;
}

#launchbar_content {
	font-size: 12px;
	color: rgb(255, 255, 255);
	text-align: right;
	vertical-align: middle;
	height: 25px;
	/*margin-right: 91px;*/
	margin-top: auto;
	margin-bottom: auto;
	padding-top: 12px;
	padding-right: 10px;
	/*line-height:35px;*/
}

.sport_selector {
	font-size: 12px;
	color: #C24700;
	text-align: right;
	vertical-align: middle;
	height: 35px;
	margin-right: 91px;
	padding-left: 25px;
	font-style: italic;
}

.sport_selector select#currentSportId {
	background-color: white;
	text-shadow: none;
	font-size: 11px;
	padding: 2px;
	margin-left: 17px;
	height: 25px;
	margin-top: 10px;
	margin-bottom: 5px;
	width: 150px;
}

#launchbar_content li {
	display: inline;
	list-style: none;
	margin-left: 5px;
	margin-right: 20px;
	padding-top: 10px;
}

button.launchbar_link {
	display: inline;
	text-decoration: none;
	background: transparent;
	color: white;
	outline: none;
	width: 30px;
	border: none;
	padding: 0px;
	align-content: center;
	margin-top: 0px;
}

.launchbar_link:focus {
	border-color: #fff !important;
	outline: none !important;
	box-shadow: inset 0 0 0 1px #fff,0 0 0 2px #207ab6 !important;
}

/*#site_logo {*/
/*	background-image: url(/arms/s/img/site/ARMS_Flat.png);*/
/*	background-repeat: no-repeat;*/
/*	float: left;*/
/*	width: 119px;*/
/*	height: 40px;*/
/*}*/

/*Notifications*/

.globalNotificationIcon {
	font-size: 14px;
}

/*Flyout*/
#globalNotificationListContainer {
	min-width: 250px;
	max-width: 300px;
	top: 70px;
	position: fixed;
	z-index: 5000;
	right: 0px;
	color: white;
	overflow: scroll;
	max-height: 90%;
}

._elevio_launcher.elevioReset>div>div {
	z-index: 1049 !important;
}

.back_chevron {
	padding-top:3px;
	padding-left: 4px;
}

#site_header ul.dropdown-menu a {
	color: #666666;
}

#site_header ul.dropdown-menu a:hover {
	color: white;
}

.flyoutSectionHeader {
	text-align: left;
	font-size: 13px;
	border-bottom: 1px solid #FFF;
	padding: 5px 5px;
	background-color: #474747;
	opacity: 1;
	font-family: "Inter", Arial, sans-serif;
}

.notificationItemContainer {
	border-bottom: 1px solid #FFF;
	padding: 5px;
	background-color: #474747;
	opacity: 0.9;
	white-space: initial;
	font-family: "Inter", Arial, sans-serif;
}

.notificationItemContainer:hover {
	background-color: #01172c;
	cursor: pointer;
	opacity: 1;
}

#globalNotificationListContainer .user_profile_image {
	height: 20px;
	width: 20px;
	float: left;
}

.notificationItemContainer .activity_item_summary {
	text-align: left;
	margin-left: 25px;
	margin-top: 0px;
	padding: 0px;
}

.notificationItemContainer .activity_item_summary .list_detail {
	font-size: 11px;
	font-weight: 300;
	margin: 0px;
	line-height: 10px;
	color: white;
}

.notificationItemContainer .activity_item_summary .recruit_link {
	font-size: 11px;
	cursor: pointer;
	line-height: 10px;
	font-weight: 500;
}

.notificationItemContainer .activity_item_summary .recruit_link:hover {
	text-decoration: none;
}

.notificationItemContainer .activity_item_summary .timestamp {
	font-size: 11px;
	line-height: 11px;
}

.viewQuestionnaireResponseButton {
	color:#c24700 !important;
	padding:0px;
	border:none;
	background-color:transparent;
}


/*Department Logo*/
.department_logo {
	height: 60px;
	border: 0px;
}

#department_header_content {

	background-image: url(/arms/s/img/site/Logo_NoMargin_180x60.png);
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: top;
	height: 100%;
	padding-right: 10px;
}
/*Department Search*/
#site_header .global_search {
	border-radius: 0px;
	height: 20px;
	margin-bottom: 0px;
	width: 500px;
	float: right;
	background-color: #FFFFFF;
	padding: 5px 0px 5px 20px;
	font-size: 14px;
	color: rgb(153, 153, 153);
	border: 1px solid rgb(153, 153, 153);
	vertical-align: middle;
	text-height: 15px;
}

.global_search_active {
	color: rgb(0, 0, 0) !important;
}

/*Main Content*/
#main_content {
	background-color: rgb(255, 255, 255);
	min-height: 900px;
	overflow:hidden;
	height: 100%;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 18px;
	display: table-cell;
	width: 100%;
	vertical-align: top;
	/*transition: all 0.3s ease-out;*/
}

#wrapper.secondaryNavCollapsed #main_content {
	padding-left: 26px;
}

#wrapper.secondaryNavCollapsed mat-sidenav-content {
	margin-left: 0px;
}

/* overrides the display:none style on the element, which stops the link from displaying when rendered in ZenDesk, to allow rendering in the Elevio drawer  */
a.elevioVideo {
	display: block !important;
}

#main_content.fullscreen {
	padding-left: 0px;
	padding-right: 0px !important;
}

/*Main Content Tabset*/
.main_content_tabs {
	font-size: 14px;
	width: 100%;
	height: 34px;
	background-color: inherit;
	border-bottom: 1px solid rgb(204, 207, 209);
	clear: right;
}


.main_content_tabset, .modal_main_content_tabset {
	padding: 0px;
	list-style: none;
	overflow: hidden;
	margin-left: 0px;
}

.main_content_tabset li, .modal_main_content_tabset li {
	float: left;
	margin: 0px 10px;
	padding: 7px 5px 5px 7px;
}

.main_content_tabset li:first-child, .modal_main_content_tabset li:first-child {
	margin-left: 0px;
}

.main_content_tabset li a, .modal_main_content_tabset li a {
	display: inline;
	height: 20px;
	color: #C24700;
	text-decoration: none;
}

.main_content_tabset li.active, .modal_main_content_tabset li.active {
	border-top: 2px solid #CC4B00;
	border-radius: 0;
	-webkit-border-radius: 0;
	border-bottom: 0;
	box-shadow: 1px -3px 4px -3px rgba(0, 0, 0, 0.08);
	border-left: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
	position: static;
	background: #FFFFFF;
	padding: 5px 4px 9px 6px;
}

/*Main Content Controls*/

.main_content_table {
	background-color: rgb(255, 255, 255);
}

.full_width_table {
	background-color: rgb(255, 255, 255);
	width: 100%;
	font-size: 12px;
	text-align: center;
	clear: right;
}

.full_width_table:after {
	clear: right;
}

.full_width_table .recruit_link {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}

.full_width_table tr {
	border-top-style: solid;
	border-top-width: thin;
	border-top-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #999999;
}

.full_width_table .contact_link,.team_link {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}

.grid_actions {
	text-align: left;
}

.grid_left {
	text-align: left;
}

/*Main Content Header*/
#main_content_header {
	font-size: 12px;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	text-align: left;
}

#main_content_header h1,h2 {
	color: #C24700;
}

#main_content_header h1 {
	font-size: 16px;
	margin-bottom: 10px;
}

#main_content_header h2 {
	font-size: 12px;
}

#main_content_header h3 {
	font-size: 10px;
}

.main_content_header_summary {
	width: 540px;
}


#main_content_header form {
	margin-bottom: 0px;
}


/*Main Content Body*/
#main_content_body_header {
	background-color: rgb(255, 255, 255);
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
}

/*Main Content Body*/
#main_content_body {
	background-color: #FFFFFF;
}

.margin_bottom {
	margin-bottom: 10px;
}

#main_content_body h2 {
	font-size: 12px;
	font-weight: bold;
}

#main_content_body td.record_detail_title {
	font-size: 12px;
	font-weight: bold;
	min-width: 150px;
	max-width: 150px;
	padding-left: 5px;
	vertical-align: top;
}


#main_content_body .record_detail_highlight_container {
	background-color: #FFF;
	border: solid 1px #999;
	margin: 10px 0px;
}

#main_content_body .record_detail_highlight_header {
	background: #666;
}

#main_content_body .record_detail_highlight_body {
	padding: 5px;
}

#main_content_body .record_detail table td .email_input {
	width: 500px;
	display: inline-block;
}

#main_content_body .record_detail td input.full_column_input {
	width: 90%;
}

#main_content_body .record_detail td input.onethird_column_input {
	width: 33%;
}

#main_content_body table.two_col_form td input,#main_content_body table.two_col_form td textarea
	{
	max-width: 400px;
}

#main_content_body table.four_col_form td input {
	max-width: 200px;
}

div.record_detail_title {
	display: inline-block;
	float: left;
	display: inline-block;
	width: 75px;
}

.record_detail_select_title {
	font-size: 12px;
	font-weight: bold;
	margin-right: 5px;
}

#main_content_body .record_detail_section_instructions {
	font-size: 11px;
	font-style: italic;
	color: #FFF;
	display: inline-block;
	margin-left: 10px;
}

#main_content_body .record_detail_section_subheader {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	display: inline-block;
	margin: 5px;
}

#academicRecordsTable .generic_container {
	height: auto;
	margin: 10px 0px;
}

#main_content_body textare {
	font-size: 12px;
	font-weight: normal;
}

#main_content #main_content_body .full_width_table table h2 {
	font-weight: bold;
	background-color: rgb(230, 240, 242);
	color: rgb(0, 0, 0);
	font-size: 10px;
	min-height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

/*Footer*/
#footer {
	clear: both;
	color: #FFFFFF;
	text-align: center;
	/*margin-top: 10px;*/
	font-size: 12px;
	background-color: #01172c;
	height: 50px;
}

/*Footer Navigation*/
#footer_nav {
	color: #ffffff;
	margin-bottom: 5px;
}

#footer_nav li {
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

#footer_nav a {
	font-size: 12;
	text-decoration: none;
	color: rgb(65, 154, 207);
}

/*Footer Legal Information*/
#footer_legal {
	padding-top: 10px;
	color: rgb(153, 153, 153);
}

/*Recruit Profile Header*/

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

.recruit_button_container .btn-small {
	height:inherit;
	line-height:inherit;
}

.recruit_general_image {
	width: 110px;
	float: left;
}

#rstarRatingStar {
	display: inline;
	float: right;
}

.activity_item_container .user_profile_image {
	height: 60px;
	width: 50px;
	float: left;
}

.activity_item_container li {
	display: inline;
	list-style: none;
	margin-right: 5px;
}

.comment_item_container li {
	display: inline;
	list-style: none;
}

.comment_item_container ul {
	text-align: left;
}

.comment_item_container .user_profile_image {
	height: 30px;
	width: 30px;
	float: left;
}

.add_comment_form {
	border: 1px solid rgb(153, 153, 153);
	font-size: 11px;
	text-decoration: none;
	margin: 5px auto;
	margin-left: 5px;
	color: #B0B0B0;
}

.add_comment_form_active {
	color: rgb(0, 0, 0);
}

.activity_item_container ul {
	margin-left: -40px;
}

.eval_positions {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	float: right;
}

.relationship_info_card {
	border: 1px solid rgb(153, 153, 153);
	margin-top: 10px;
	padding: 10px;
}

.relationship_info_card .user_profile_image {
	float: left;
	border: medium solid rgb(153, 153, 153);
}

.relationship_info_card .contact_link {
	font-size: 16px;
	color: #002548
}

.relationship_info_card .list_detail {
	font-size: 11px;
	margin: 5px 0px;
}

#wrapper .relationship_info_card li {
	display: inline;
	list-style: none;
}

#wrapper .relationship_info_card ul {
	margin-left: -40px;
	font-size: 10px;
	font-weight: normal;
}

.relationship_item_summary table {
	font-size: 11px;
	margin: 10px 0px;
}

.relationship_info_card h2 {
	color: #666666;
	font-size: 14px;
	font-weight: none;
}

.relationship_info_header {
	margin-left: 50px;
	font-size: 11px;
}

/* Relationship Modals - Changing checkbox to star */
.star_checkbox {
	color: #F5AA06;
}

input.star_checkbox {
	display:none;
}

input.star_checkbox + label:before {
	font-family: FontAwesome;
	display: inline-block;
}

input.star_checkbox + label:before {
	content: "\f006";
	color: #F5AA06;
}

.goldStar {
	color: #F5AA06;
}

input.star_checkbox:checked + label:before {
	content: "\f005";
	color: #F5AA06;
}

#addRelationshipModal td, #addNewRelationshipModal td{
	padding-left: 5px;
}

#addRelationshipModal .keyContactToolTip, #addNewRelationshipModal .keyContactToolTip{
	display: inline-block;
}

/* Recruiting Relationship Modals */
.recruitingEmailModalSubContainer {
	margin-top: 10px;
}

.recruitingEmailModalSubContainer div {
	margin-top: 6px;
}

.editEmailRecipientsModalMainContainer {
	border: 1px solid #dddddd;
	border-radius: 4px;
	margin-top: 16px;
}

.relationshipTypeContainer .has-switch span.switch-primary, .relationshipTypeContainer .has-switch span.switch-left{
	background-color: #333333;
	background-image: none;
}

.relatedContactsContainer .switch{
	min-width: 200px;
}

.editEmailRecipientsModalSubContainer {
	padding: 10px;
}

#editEmailRecipientsModal .main-text  {
	font-weight: normal;
	font-size: 14px;
	color: #333333;
}

#editEmailRecipientsModal .secondary-text {
	font-weight: 300;
	font-size: 12px;
	color: #666666;
}

.recruit_info_card_editcontainer {
	float: right;
}

#facet_search_container {
	width: 200px;
	margin-right: -150px;
	background-color: white;
	float: left;
	border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-left-color: rgb(204, 207, 209);
	min-height: 100%;
	border-right: 1px solid #dadada;
	padding-top: 10px;
}

/* MJS leaving for now */
#facet_search_container select {
	width: 100%;
}

#facet_search_container #resultcount {
	font-size: 28px;
	color: rgb(0, 0, 0);
	text-align: left;
	font-weight: 300;
}

.management_view_page_subheader {
	margin: 0px 0px 5px 0px;
	padding: 10px;
	border-bottom: 1px solid #eeeeee;
}

.management_view_page_subtitle {
	font-size: 20px;
	text-align: left;
	font-weight: 200;
	line-height: 24px;
	color: #757575;
	text-transform: uppercase;
	margin-top:10px;
}

.management_view_page_subtitle a{
	text-decoration:underline;
}


/* ADDED THE BELOW CLASS TO THE GENERAL HEADER STYLING
.management_view_page_subheader>.management_view_page_subtitle {
	font-weight:300;
	color: #666666;
	text-transform: none;
	font-size: 24px;
}*/

.management_view_page_subheader>.management_view_page_subtitle small {
	color: #C24700;
	margin-left: 5px;
}

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

#facet_total_resultcount_container {
	font-size: 12px;
	font-weight: 200;
	color: #000000;
	text-align: left;
	border-bottom: 1px solid #E9E9E9;
	margin-bottom: 5px;
	height: inherit;
}

#facet_search_container.initialPageLoad {
	padding-top: 0px;
	border-right: 1px solid white;
}

#facet_search_container.initialPageLoad #facet_total_resultcount_container {
	/*min-height: 46px;*/
	border-bottom: none;
	margin-bottom: 0px;
}

#facet_search_container.initialPageLoad #facet_total_resultcount_container div {
	display: none;
}

#facet_search_container .smartGroupButtonContainer {
	text-align:center;
	width:100%;
}

#facet_search_container.initialPageLoad .smartGroupButtonContainer button {
	display: none !important;
}

#facet_search_container.initialPageLoad .facet_category_item.dummyContainer, #facet_search_container.initialPageLoad .facet_category_item  {
	display: none;
}

#facet_search_container:not(.solr) .facet_category_item ul {
	margin-left: 10px;
}

.facet_category_header {
	margin-bottom: 5px;
	color: #C24700;
	font-weight: 200;
	font-size: 14px;
}

.facet_category_item {
	/* negate the downsides of using this class on fieldsets */
	margin-inline-start: unset;
	margin-inline-end: unset;
	padding-block-start: unset;
	padding-inline-start: unset;
	padding-inline-end: unset;
	padding-block-end: unset;
	min-inline-size: auto;

	padding: 10px 10px 10px 0px;
	font-size: 12px;
	display: block;
}

.facet_category_item  .facet_category_header label {
	font-size: 14px;
}

.facet_category_value{
	line-height: 20px;
	vertical-align: middle;
	font-weight: 200;
	font-size: 12px;
	margin-left:10px;
}

.wildcardSearchButton {
	float: right;
	padding: 4px;
	font-size: 12px;
}

.facet_category_item input[type=text].facetWildcard {
	width: 128px;
}

/*
 * This is broken and doesn't take effect
 *
#wrapper .facet_category_item ul {
	margin-left: -40;
}
 */

.facet_category_item li {
	font-size: 12px;
	list-style: none;
	display: block;
	line-height: 20px;
	vertical-align: middle;
	font-weight: 200;
	margin-bottom: 10px;
}

.facet_category_item label {
	font-size: 12px;
	font-weight: 200;
	display: inline-block;
	margin: 0px 0px 0px 4px;
}

.facet_category_item .facet_category_header {
	font-size: 14px;
}

.facet_category_item input[type=radio] {
	margin: 0px;
}

.facet_category_item input[type=text]{
	width:90%;

}

div.facet_detail_container .facet_category_item li {
	margin-left: 0px;
}


div.facet_detail_container div.combobox-container input.edit {
	max-width: 140px;
}

.facet_category_item li.facet_multiselect_list {
	font-size: 10px;
}

.facet_category_item li.facet_multiselect_list li {
	margin-left: 0px;
}

#main_content_narrowpanel #main_content_header {
	background-color: #FFFFFF;
	font-size: 12px;
}

.facet_detail_container {

}

#main_content_narrowpanel>#main_content_body {
	clear: right;
	text-align: center;
	padding: 0px;
}

#main_content_narrowpanel>#main_content_body div.record_detail {
	text-align: left;
}

#main_content_narrowpanel h1 {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0px;
}

#main_content_body .alphabetical_search_filter_bar {
	width: 100%;
	margin-bottom: 10px;
	clear: right;
}

#main_content_body .alphabetical_search_filter_bar a {
	padding: 0px 8px;
	font-size: 12px;
}

#main_content_narrowpanel .alphabetical_search_filter_bar a {
	padding: 0px 8px;
	font-size: 12px;
	color: #C24700;
}

.full_text_search_container {
	font-size: 12px;
	color: rgb(153, 153, 153);
	float: right;
}

#main_content_body li a:hover {
	text-decoration: underline;
}

#main_content_body .alphabetical_search_filter_bar li {
	margin: 0px;
	display: inline-block;
}

#main_content_body .alphabetical_search_filter_bar ul {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#main_content_body .alphabetical_search_filter_bar li a:hover {
	text-decoration: underline;
	background-color: #c4c4c4;
	cursor: pointer;
}

#main_content #main_content_narrowpanel .full_width_table table h2 {
	font-weight: bold;
	background-color: rgb(230, 240, 242);
	color: rgb(0, 0, 0);
	font-size: 10px;
}

#main_content_body .edit_row_link {
	color: #C24700;
}

#main_content_body .sendemail_link {
	color: #C24700;
}

#main_content_body .delete_row_link {
	color: #C24700;
}

.search_results_actions #list_actions,#records_per_page {
	font-size: 12px;
	color: #666666;
	background-color: rgb(241, 241, 241);
}

.search_results_actions {
	margin-top: 10px;
	text-align: left;
	font-size: 11px;
}

#main_content_narrowpanel {
	margin-left: 210px;
	min-height: 100%;
	position: relative;
	padding-right: 10px;
	padding-top: 10px;
	z-index:1;
}

/*Pop-up Recruit Summary*/
#popup_recruitsummary_wrapper {
	width: 350px;
	background-color: rgb(255, 255, 255);
	font-size: 11px;
	padding: 5px;
	border: thin solid rgb(0, 0, 0);
}

#popup_recruitsummary_wrapper .popup_header {
	margin-left: 50px;
	height: inherit;
}

#popup_recruitsummary_wrapper h1 {
	font-size: 16px;
	color: #4A6880;
}

#popup_recruitsummary_wrapper h2 {
	font-size: 12px;
	color: #969DB0;
}

#popup_recruitsummary_wrapper .recruit_general_image {
	height: 40px;
	width: 40px;
}

.popup_body {
	clear: left;
}

.popup_body .status_summary {
	width: 100%;
	padding: 5px 0px;
}

.popup_body .link_container {
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: rgb(153, 153, 153);
	padding: 5px 0px;
}

.popup_body ul {
	margin-left: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.popup_body li {
	display: inline;
	list-style: none;
	margin-right: 3px;
	padding: 1px;
}

.management_view_pagetitle,.record_detail .record_detail_pagetitle {
	font-size: 34px;
	color: #666666;
	font-weight: 200;
	vertical-align: middle;
	background: white;
	padding-top: 10px;
	border-bottom: 1px solid #dadada;
	height: 75px;
}

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

.full_width_table .tournament_link {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}

.full_width_table .group_link {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}

.search_results_actions {
	margin-top: 10px;
}

.search_results_navigation {
	float: right;
}

#current_page {
	width: 25px;
	font-size: 11px;
	text-align: center;
}

.pagination_link {
	color: #C24700;
	margin: 0px 3px;
}

#records_per_page {
	text-align: center;
}

.total_pages {
	margin: 0px 3px;
}

.record_detail td input[type=radio] {
	width: auto;
}

.record_detail .record_detail_leftcol {
	float: left;
	width: 50%;
}

.record_detail .record_detail_rightcol {
	width: 50%;
	margin-left: 50%;
}

.table_detail_entered {
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}


.record_detail_display,.email_theme_detail_display {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	width: 150px;
	margin-right: 20px;
}

.record_detail_value,.email_theme_detail_value {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

.record_detail input {
	font-size: 12px;
}

.record_detail_item {
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 5px;
}

.btn:hover {
	font-weight: bold;
	/*text-decoration:underline;*/
}

.record_detail_divider {
	background-color: rgb(204, 204, 204);
	font-size: 14px;
	font-weight: bold;
}

.record_detail select {
	font-size: 12px;
	color: #666666;
	background-color: rgb(241, 241, 241);
}

.email_message_body {
	width: 100%;
	height: 100px;
	border: thin solid rgb(0, 0, 0);
	margin: 10px 0px;
}

#main_content .edit_button_container a {
	font-size: 12px;
}

/* Autocomplete */
.ui-menu-item a {
	font-size: 1.0em;
}

.ui-menu .ui-menu-item span.result_type {
	color: #948B6E;
	margin: 0px 5px;
}

.bulk_operations {
	float: right;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
}

#main_content .bulk_operations a {
	color: #C24700;
	text-decoration: underline;
	font-size: 12px;
}

#main_content .bulk_operations a:hover {

}

.down_button {
	background: url(/arms/s/img/button/popup_input_seemore.png) no-repeat;
	min-width: 25px;
	height: 25px;
	border: none;
	padding-left: 0px;
	margin-left: 0px;
}

input.down_button {
	display: inline-block;
}

.smart_group_viewing_alert {
	font-size: 12px;
	color: #757575;
	margin: 5px 0px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	padding: 10px 0px;
	text-align: left;
}

.smart_group_highlight {
	color: #000;
	font-weight: bold;
}

.smart_group_viewing_alert .result_count_alert {
	font-weight: bold;
	font-size: 14px;
}

.cancel_link {
	color: #C24700;
}

.cancel_link:hover {
	text-decoration: underline;
}

/*
Popup Warning
*/
.popup_warning_left_container {
	float: left;
	width: 90px;
	background-image: url(/arms/s/img/status/warning_symbol.jpeg) no-repeat;
	background-position: center;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.popup_warning_left_container img {
	display: inline-block;
}

.popup_warning_right_container {
	margin-left: 100px;
	padding: 5px;
}

.popup_warning_right_container li {
	list-style: square;
}
/*
Form Builder
*/
#workflowForm table a {
	font-size: 12px;
}

#workflowForm table ul li a {
	color: black;
}

.formbuilder_selection_properties {
	float: right;
	width: 450px;
	max-width: 450px;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #999;
	margin-top: 30px;
}

#formbuilder_type_toolbox .formbuilder_type_toolbox_body .formbuilder_question_type_container
	{
	height: 18px;
	min-width: 150px;
	max-width: 150px;
	border: 1px solid #000;
	margin: 0px 5px;
	font-size: 12px;
	text-align: left;
	line-height: 16px;
	vertical-align: middle;
	background-color: #FFF;
	display: inline-block;
	padding: 2px;
	cursor: pointer;
}

#formbuilder_type_toolbox .formbuilder_type_toolbox_body .formbuilder_question_type_container:hover
	{
	background: #FFC;
}

#formbuilder_type_toolbox .formbuilder_type_toolbox_row {
	width: 100%;
	min-height: 25px;
	padding: 2px 0px;
}

#formbuilder_type_toolbox .formbuilder_question_type_container .formbuilder_question_type_icon
	{
	float: left;
	width: 16px;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	margin: 2px 0px;
}

.formbuilder_type_toolbox_details {
	margin: 2px 0px 2px 21px;
}

#formbuilder_layout_container {
	padding: 10px;
	min-height: 100px;
	/*width: 500px;*/
	margin-right: 0px;
	padding: 10px;
}

#formbuilder_type_toolbox {
	background-color: #CCC;
	margin-bottom: 10px;
	border: solid #666 1px;
}

#formbuilder_type_toolbox .formbuilder_type_toolbox_header {
	background-color: #333;
	padding: 5px;
}

#formbuilder_type_toolbox .formbuilder_type_toolbox_header h1 {
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	display: inline;
}

#formbuilder_type_toolbox .formbuilder_type_toolbox_header h2 {
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	display: inline;
}

#formbuilder_type_toolbox .formbuilder_type_toolbox_body {
	padding: 5px;
}

#formbuilder_type_toolbox h1 {
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	font-size: 14px;
	color: #999;
}

#formbuilder_type_toolbox .formbuilder_type_toolbox_leftcol {
	float: left;
	width: 33%;
}

#formbuilder_type_toolbox .formbuilder_type_toolbox_rightcol {
	float: right;
	width: 33%;
}

#formbuilder_type_toolbox .formbuilder_type_toolbox_centercol {
	margin-left: auto;
	width: 33%;
	margin-right: auto;
}

#formbuilder_type_toolbox .formbuilder_selection_properties_details {
	margin-top: 10px;
}

.formbuilder_component_image {
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.formbuilder_selection_properties_header {
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #707070;
	padding: 5px;
}

.formbuilder_selection_properties form {
	margin: 0px;
}

.formbuilder_selection_properties .formbuilder_selection_properties_details
	{
	padding: 5px;
	background-color: #ECECEC;
}

.formbuilder_selection_properties .property_title {
	max-width:60px;
	font-size: 12px;
	text-align: left;
	font-weight: bold;

}

.formbuilder_selection_properties .property_value {
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	padding-left: 10px 2px 0px 2px;
	margin: 5px 0px;
}

.formbuilder_selection_properties input,.formbuilder_selection_properties select,.formbuilder_selection_properties textarea
	{
	font-size: 11px;
	color: #000;
	text-align: left;
	font-weight: normal;
	display: inline;
}

.formbuilder_selection_properties input[type="checkbox"] {
	width: inherit;
}

.formbuilder_selection_properties h1 {
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	text-align: left;
}

#formbuilder_layout_container .formbuilder_layout_container_header {
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	text-align: left;
}

#formbuilder_layout_container .formbuilder_layout_container_target {
	padding-bottom: 300px;
	padding-left: 10px;
	padding-right: 10px;
	overflow-y: scroll;
	max-height: 5000px;
}

#formbuilder_layout_container .formbuilder_layout_container_target h2 {
	color: #707070;
	font-style: italic;
	font-size: 12px;
	text-align: left;
	margin-bottom: 5px;
}

.formbuilder_fullwidth_column {
	width: 100%;
	/*font-weight: bold;*/
	font-size: 14px;
	text-align: center;
	/*color: #00274A;*/
	/*padding: 0px 5px;*/
	min-height: 200px;
	/*padding: 5px;*/
}

.formbuilder_halfwidth_column {
	width: 245px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	color: #00274A;
	padding: 0px 5px;
	border-left: ridge 1px #000;
}

#formbuilder_right_column {
	margin-left: 260px;
}

#formbuilder_left_column {
	float: left;
}

.formbuilder_fullwidth_column h1,.formbuilder_halfwidth_column h1 {
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	font-size: 14px;
	color: #999;
	text-align: center;
}

.formbuilder_fullwidth_column_hover {
	background: #F0E7D9;
}

.formbuilder_question_summary_container {
	padding: 0px;
	border: 1px solid #CCC;
	/*margin: 5px 0px;*/
	text-align: left;
	min-height: 30px;
	/*width: 300px;
	max-width: 300px;*/
	background: #FFF;
	border-radius: 4px;
}

.formbuilder_question_summary_information {
	padding: 3px;
}

.formbuilder_question_summary_container .formbuilder_question_summary_delete
	{
	float: right;
	width: 45px;
	height: 26px;
	font-size: 12px;
	color: #000;
	text-align: center;
}

.formbuilder_question_summary_container .formbuilder_question_summary_delete:hover
	{
	color: #F00;
}

/*.formbuilder_question_summary_container:hover {*/
/*	background: #FFC;*/
/*}*/

.formbuilder_question_summary_container_selected {
	background: #FFC;
}

.formbuilder_question_summary_container_dragging {
	background: #FFC;
}

.formbuilder_question_summary_details {
	margin-left: 40px;
}

.formbuilder_question_summary_typeicon {
	float: left;
	width: 16px;
	height: 16px;
}

.formbuilder_question_summary_title {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

.formbuilder_question_summary_value {
	font-size: 11px;
	font-weight: normal;
	max-height:150px;
	overflow:scroll;
}

.formFieldEditContainer .fieldEditOnly {
	display: none;
}

.formFieldEditContainer.editing .fieldEditOnly {
	display: block;
}

.formFieldEditContainer .fieldViewOnly {
	display: block;
}

.formFieldEditContainer.editing .fieldViewOnly {
	display: none;
}

.swimlane_fields_container .addField {
	height: 20px;
}

.swimlane_fields_container .addField:first-child {
	height: 30px;
}

.swimlane_fields_container .addField:hover {
	height: 20px;
}

.swimlane_fields_container .addField.lastFieldInTheList {
	height: 30px;
}

.swimlane_fields_container .addField.lastFieldInTheList:hover {
	height: 40px;
}

.swimlane_fields_container .addField:first-child:hover {
	height: 30px;
}

.swimlane_fields_container .addField .addFieldToolbar {
	display: none;
}

.swimlane_fields_container .addField:hover .addFieldToolbar {
	display: block;
}

.notoolbar .swimlane_fields_container .addField:hover .addFieldToolbar {
	display: none;
}

.swimlane_fields_container .addField:first-child:hover .addFieldToolbar {
	padding-top: 10px;
}

.swimlane_fields_container .addField:hover .addFieldToolbar i.addFieldAfter {
	display: block;
	margin-top: -10px;
}

.swimlane_fields_container .addField .addFieldToolbar i.addFieldAfter:hover, .formbuilder_field_container .addField .addFieldToolbar i.addFieldBefore:hover {
	cursor: pointer;
}

formFieldEditContainer .armsFormEditButtonContainer {
	display: none;
}

#process_categories {
	font-size: 11px;
}

.process_category_header {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0px;
	text-transform: uppercase;
}

#main_content_body #process_categories div div a.process_link {
	font-size: 12px;
	color: rgb(77, 154, 174);
}

.process_category_item {
	padding: 0px 0px 10px 0px;
}

#main_content_body .process_category_item a.process_link {
	font-size: 12px;
	color: rgb(77, 154, 174);
}
/*
Approvals
*/
.approval_step_container {
	clear: right;
	font-size: 12px;
	padding: 5px;
}

.approval_step_header {
	background-color: #ddd;
	font-size: 12px;
	padding: 10px;
	cursor: pointer;
}

.approval_step_header .delete_link {
	float: right;
	color: rgb(0, 161, 206);
	font-weight: bold;
}

.approval_step_header .delete_link:hover {
	text-decoration: underline;
	cursor: pointer;
}

.approval_step_rules_container {
	margin: 0px 10px;
}

.approval_step_rules_subheader {
	background-color: #CCC;
	margin: 5px 0px;
	font-weight: bold;
	padding: 2px;
}

.add_rule_link,.add_approver_link {
	color: rgb(0, 161, 206);
	text-decoration: underline;
	margin-top: 5px;
	cursor: pointer;
	padding-left: 30px;
	font-weight: bold;
}

.approval_step_rule_detail,.approval_step_approver_detail {
	line-height: 15px;
	/* [disabled]background-repeat:no-repeat; */
	padding-left: 15px;
}
/*
 * Style overrides to make Cluetip work with recruit search popup
 */
.cluetip {
	border: none;
}

.cluetip-inner {
	border: none;
	padding: 0px;
}

/*Detail Grid*/
.arms_detail_grid table {
	border-spacing: 0px;
}

.arms_detail_grid .filter_link {

}

.arms_detail_grid .arms_list_celldetail {
	min-height: 45px;
	margin-top: 0px;
	padding: 5px;
}

.arms_detail_grid .arms_list_celldetail p {
	margin: 0px;
}

.arms_detail_grid .arms_list_cellactions {
	max-height: 30px;
	padding: 5px;
	font-size: 10px;
	font-weight: none;
}

.arms_list_cellactions a {
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
	color: #F00;
	cursor: pointer;
	margin-right: 5px;
}

.arms_list_cellactions a:hover {
	font-weight: bold;
}

.arms_list_cellactions img {
	margin-right: 2px;
}

.arms_detail_grid td.right_col {
	border-right: none;
}

.arms_detail_row {
	text-align: left;
	margin-top: 5px;
	vertical-align: top;
}

.arms_detail_row:hover {
	background-color: #FFC;
}

.arms_list_date {
	width: 125px;
	font-size: 12px;
	overflow: hidden;
}

.arms_list_numeric {
	width: 80px;
	overflow: hidden;
}

.arms_list_numeric .arms_list_celldetail {
	font-size: 16px;
	font-weight: bold;
	color: #4A4A4A;
	vertical-align: top;
}

.arms_list_profiles {
	width: 80px;
	text-align: center;
	overflow: hidden;
}

.arms_list_image {
	font-size: 12px;
	font-weight: bold;
	color: #4A4A4A;
	vertical-align: top;
	text-align: center;
	min-width: 100px;
}

.arms_list_description .title_text {
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
}

.arms_list_description .subtitle_text {
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
}

.arms_list_description {
	width: 250px;
	overflow: hidden;
}

.col_practice_date {
	width: 150px;
	overflow: hidden;
}

.col_practice_description {
	width: 250px;
	overflow: hidden;
}

.col_practice_coach {
	width: 80px;
	overflow: hidden;
}

.col_practice_invitees .col_practice_participants .col_practice_status {
	width: 150px;
	overflow: hidden;
}

/*NEW HEADER DESIGN*/
#main_content_header .header_content_pagetitle {
	font-size: 24px;
	font-weight: bold;
	border-bottom: solid 1px;
	padding-bottom: 2px;
}

#main_content_header .header_content_pagetitle table {
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
}

#main_content_header .header_content_pagetitle h2 {
	font-size: 16px;
}

#main_content_header .profile_widget a.btn {
	font-size: 10px;
	padding: 0px 5px;
	margin-left: 5px;
	color: white;
}

.summary_stats table {
	text-align: center;
	border-spacing: 2px;
	margin-bottom: 15px;
}

.summary_stats td {
	font-size: 24px;
	min-height: 30px;
	line-height: 30px;
	vertical-align: middle;
	background-color: #999;
	color: #FFF;
}

.summary_stats th {
	background-color: #00274A;
	color: #FFF;
	min-height: 15px;
	line-height: 15px;
	font-size: 10px;
	min-width: 75px;
}

.summary_stats_image {
	margin-right: 5px;
}

.recruit_stats_right .detail_stats {
	width: 240px;
}

.detail_stats .detail_stats_title {
	background-color: #00274A;
	color: #FFF;
	min-height: 15px;
	line-height: 15px;
	font-size: 10px;
	font-weight: bold;
}

.detail_stats table td,.detail_stats table th {
	border-bottom: 0.1em dashed #CDCDCD;
}

.detail_stats table td.center_col {
	border-right: 0.1em solid #CDCDCD;
}

/*VALIDATION*/
.input_validation_instruction {
	color: #4A4A4A;
	font-weight: normal;
	font-size: 11px;
	margin-top: 5px;
}

.input_validation_warning {
	color: #D72919;
	font-weight: 200;
	font-size: 11px;
	text-transform:uppercase;
}

.input_validation_warning img {
	margin-right: 5px;
}

.input_validation_pagewarning {
	background-attachment: scroll;
	background-clip: border-box;
 	background-color: #C24700;
    border: medium none #C24700;
    color: #FFFFFF;
   	background-image: none;
	background-origin: padding-box;
	display: block;
	font-size: 14px;
	font-weight: 200;
	min-height: 16px;
	line-height: 16px;
	margin-top: 5px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	text-align: left;
	vertical-align: middle;
}

#main_content_body .input_validation_pagewarning p {
	margin: 0px;
}

.questionnaire_body_details .input_validation_pagewarning p {
	margin-bottom: 5px;
}

/*FORM REVIEW LAYOUT*/
#main_content_header .secondary_form_summary {
	float: right;
	border: solid black 1px;
	max-width: 300px;
}

#main_content_header .secondary_form_summary table {
	font-size: 10px;
}

#main_content_header .secondary_form_summary table tr {
	margin-bottom: 2px;
}

#main_content_header .profile_widget table td.title {
	font-weight: bold;
}

#main_content_header .primary_form_summary {
	text-transform: uppercase;
	max-width: 400px;
}

#main_content_header .primary_form_summary h1 {
	font-size: 24px;
	font-weight: bold;
	border-bottom: solid 1px;
	margin-bottom: 2px;
	color: black;
}

#main_content_header .primary_form_summary h2 {
	color: #000;
	margin: 0px;
	font-weight: none;
	font-size: 16px;
	line-height: 18px;
}

#approval_history_container {

}

/*LOGIN PAGE*/
.remember_me_group {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: none;
	background-origin: padding-box;
	border: none;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	margin: 0 auto;
	min-width: 0px;
	outline: #575757 none 0px;
	padding: 0px;
	vertical-align: baseline;
	white-space: nowrap;
	max-width: 400px;
	display: grid;
	grid-template-areas: "remember-me forgot-pw";
	grid-template-rows: 21px;
	grid-template-columns: auto;
}

#resetContainer {
	grid-area: forgot-pw;
	justify-self: end;
}

#remember-me {
	grid-area: remember-me;
	font-weight: 300;
}

/* Team Event Calendar */

/* green */
.calendar_team_in_term {
	background-color: #93D6B0;
}

/* red */
.calendar_team_exam {
	background-color: #F3A59E;
}

/* yellow */
.calendar_team_vacation {
	background-color: #FAFF9E;
}

.calendar_container {
	border: 1px solid #dadada;
	padding: 5px;
}

.calendar_container .header {
	text-transform: uppercase;
	color: #757575;
	height: 20px;
}

.calendar_container div {
	height: 20px;
	margin-bottom: 10px;
}

.calendar_container .event_type {
	line-height: 19px;
	padding-left: 6px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.calendar_container .colorBox {
	float: left;
	width: 20px;
	clear: left;
	border: 1px solid #ddd;
}

.calendar_container .colorDescription {
	float: left;
	color: #757575;
	padding-left: 10px;
	line-height: 30px;
}

span[data-tm-type=StudentAthlete] {
	color: blue;
}

span[data-tm-type=ArmsUser] {
	color: red;
}

span[data-tm-type=ContactGroup] {

}

/* FullCalendar customizations */
#calendar_header .m-btn {
	margin-top: 0px;
}

div.fc-content {
	clear: none; /* need to override clear, since left nav floats */
}

.fc-popover {
	width: 200px;
}

.fc-popover .popover-title .text {
	line-height: 26px;
	display: inline-block;
	max-width: 170px;
}

.fc-popover .closeContainer {
	margin-left: 5px;
	position: absolute;
	top: 5px;
	right: 8px;
}

.fc-popover .actions {
	margin-left: 5px;
	position: absolute;
	bottom: 8px;
	right: 8px;
}

.fc-popover .btn {
	font-size: 11px;
	padding: 2px;
}

.fc-popover .popover-title {
	overflow: hidden;
}

.fc-popover .popover-title:after {
	clear: both;
}

.fc-popover .popover-content {
	font-size: 0.9em;
}

.fc-popover .popover-content table td.header {
	color: #757575;
	padding-right: 5px;
}

.fc-popover .event_actions {
	font-size: 0.8em;
	border-top: 1px solid #909090;
}

.fc-popover .event_actions td {
	padding-top: 5px;
}

.fc-popover .event_actions button {
	padding: 2px 6px;
	font-size: 11px;
}

.fc-popover .popover-content {
	padding: 6px 6px;
}

#main_content_body .fc-header h2,.fc-header-title h2 {
	color: inherit;
	font-family: inherit;
	font-weight: 300;
	line-height: 20px;
	margin: 10px 0;
	text-rendering: optimizelegibility;
	font-size: 18px;
}

/*Popup - Add*/
.lessArrowUp {
	background: url(/arms/s/img/button/grey_arrow_up.gif) no-repeat right;
	padding-right: 12px;
}

.lnkcolor {
	color: #009ACB;
}

.arms_input {
	border-style: solid;
	border-width: thin;
	border-color: #CCC;
	margin: 0px;
}

#group_select {
	margin: 0px;
}

input.phrase_input {
	width: 275px;
}

/* EVENT FILTER BAR */
.event_date_filter_bar {
	height: 25px;
	clear: right;
	border-bottom: 1px #CCCCCC solid;
	border-top: 1px #CCCCCC solid;
	position: relative;
	margin: 5px 0px;
	padding: 5px 0px;
}

.event_date_filter_bar * {
	position: absolute;
}

.event_date_filter_bar .button {
	font-weight: bold;
	color: rgb(0, 0, 0);
	text-decoration: none;
	background-color: rgb(248, 249, 249);
	border: 1px solid rgb(153, 153, 153);
	font-size: 13px;
	padding: 2px 0px;
	cursor: pointer;
	text-align: center;
}

.event_date_filter_bar .button.selected {
	background-color: rgb(153, 153, 153);
}

.event_date_filter_bar .day_button {
	right: 100px;
	width: 50px;
}

.event_date_filter_bar .week_button {
	right: 50px;
	width: 50px;
}

.event_date_filter_bar .month_button {
	right: 0px;
	width: 50px;
}

.event_date_filter_bar .time_period_button.selected {
	right: 50px;
	width: 50px;
	background-color: rgb(153, 153, 153);
}

.event_date_filter_bar .today {
	left: 0px;
	width: 60px;
	color: #999999;
}

.event_date_filter_bar .prev_period {
	left: 80px;
	width: 20px;
}

.event_date_filter_bar .next_period {
	left: 100px;
	width: 20px;
}

#main_content_body .event_date_filter_bar a.current_date_range {
	left: 140px;
	text-decoration: none;
	font-size: 13px;
	color: rgb(0, 0, 0);
	margin: auto 0px;
}

/* ADMIN MODULE */
#main_content_body .page_instructions {
	font-size: 14px;
	font-style: italic;
	color: rgb(51, 51, 51);
	margin-bottom: 5px;
	text-align: left;
}

/* COMPLIMENTARY TICKETS ADMIN MODULE */
.tabContainer .tab-subheader {
	color: #207ab6;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	padding-bottom: 4px;
}
.tabContainer {
	margin-top: 30px;
}
.tabContainer .tabSubcontainer {
	margin-left: 10px;
}


/* NO DATA - PAGE MESSAGE */
.full_page_message_container {
	padding: 20px 20px 20px 5px;
	text-align: center;
}

.full_page_message_container h2{
	font-weight:bold;
	margin-bottom:10px;
	color:#C24700;
}
.full_page_message_container p {
	font-size: 16px;
}

#main_content a.huge_button {
	color: white !important;
	text-shadow: none;
	background: none repeat scroll 0 0 #C24700;
    border-color: #C1392D;
    color: #FFFFFF;
    text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: auto !important;
	height: auto !important;
	padding: 15px 30px !important;
	line-height: 18px;
	font-weight: 400;
	text-transform: capitalize;
	margin: 5px 0 5px 0;
	display: inline-block;
	font-size: 18px;
	cursor: pointer;
}

#main_content_body .right_panel {
	width:330px;
	max-width:330px;
	height:100%;
	max-height:100%;
	margin-bottom:50px;
}

#main_content_body .right_panel.movable {
	position: absolute;
	right:0px;
	top:0px;
}

#main_content_body .right_panel.fixed {
	position: fixed;
	right:41px;
	top:71px;
	bottom: 50px;
}

#main_content_body.fullscreen .right_panel.fixed {
	top:1px;
	bottom: 1px;
}

/*.profile_header_main_bottom.fixed, .detail_header_main_bottom.fixed, #mini_header.fixed {*/
/*	height: 50px;*/
/*	position: fixed;*/
/*	right:0px;*/
/*	top:8px;*/
/*	padding-right: 10px;*/
/*	background-color: white;*/
/*	left: 303px;*/
/*	margin-left: 0px;*/
/*	padding-bottom: 10px;*/
/*	border-bottom: 1px solid #dadada;*/
/*	z-index: 999;*/
/*}*/

.profile_mini_header_left {
	display: none;
}

/*.profile_header_main_bottom.fixed .profile_mini_header_left, .detail_header_main_bottom.fixed .profile_mini_header_left {*/
/*	display: block;*/
/*	float: left;*/
/*	line-height: normal;*/
/*	margin-top: 3px;*/
/*	margin-right: 60px;*/
/*	margin: 3px 60px 0px 10px;*/
/*}*/

.profile_mini_header_left_name {
	font-size: 26px;
}

/*.detail_header_main_bottom.fixed .detail_header_main_bottom_right {*/
/*	line-height: 50px;*/
/*}*/

/*
#profile_quick_link_dropdown {
	display: none;
}

.profile_header_main_bottom.fixed #profile_quick_link_dropdown {
	display: inline-block;
}
*/


/* WORKFLOW FORM */


.modal-body .right_panel{
	background-color:#8b8b8b;
}

.modal-body .swimlane_content{
	background-color:#FFFFFF;
	margin:10px 10px 20px 10px;
	border: solid #c4c4c4 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:25px;
}

/*.swimlane_content table{*/
	/*border:0px;	*/
/*}*/

.workflow_form_detail_row * .bootstrap-select {
	width: auto !important;
	min-width: 400px;
}

.workflow_form_detail_row * input[type='radio'] {
	margin-right:8px;
	margin-bottom: 5px;
}

.workflow_form_detail_row * label {
	font-weight: 200;
}

.workflow_form_detail_row div span.btn {
	margin-bottom:11px
}

.workflow_form_detail_row div select {
	width: 200px;
}

.workflow_form_paragraph {
	padding-bottom:10px;
	margin-top: 0px;
	font-weight: 200
}

.workflow_form_paragraph table td {
	border: 1px solid #dddddd;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(221, 221, 221);
	padding: 8px;
}

.workflow_form_detail_row div.workflow_form_heading {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 2px;
	padding: 10px 0px;
	font-weight: bold;
	text-transform:uppercase;

}
.workflow_form_detail_row div.workflow_form_heading2 {
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 2px;
	padding: 10px 0px;
	font-weight: bold;
	text-transform:none;
}
.workflow_form_detail_row div.workflow_form_heading3 {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 2px;
	padding: 10px 0px;
	font-weight: bold;
	text-transform:uppercase;
}

.workflow_form_paragraph {
	font-size: 13px;
}
.workflow_form_detail_row {
	font-size:14px;
}

.modal .workflow_form_question, div.workflow_form_question
	{
	font-weight: 200;
	font-size: 13px;
	/*width:40%;	*/
	/*max-width: 40%;*/
	text-align: left;
	color:#707070;
}

.workflow_form_question.bold, div.workflow_form_question.bold
	{
	font-weight: bold;
}

div.workflow_form_checkbox {
	align: left;
}

/*div input.workflow_form_text_input {*/
	/*width: 100%;*/
/*}*/

.td input.workflow_form_date_input {
	/*width: 150px;*/
	text-align: left;
}

/*div input.workflow_form_currency_input {*/
	/*width: 150px;*/
/*}*/

.form_status_highlight {
	background-color: lightBlue;
	color: white;
}

div.workflow_form_detail_row {
	text-align: left;
	border-bottom: 1px solid #dadada;
	padding-top: 10px;
	padding-bottom: 10px;
}

.swimlane-instructions span{
	font-weight: 200;
	font-size:12px;
	white-space:pre-wrap;
}

/*DASHBOARD COMPONENTS*/
#dashboard_container table.callout_table,#main_content_header table.callout_table
	{
	border-spacing: 0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 1px #fff;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	width: 100%;
	border-bottom: 1px solid gainsboro;
	border-top: 1px solid #CACACA;
	margin-top: 1px;
}

#dashboard_container td {
	text-align: center;
	background-color: white;
	padding: 10px;
	border-right: 1px solid gainsboro;
	height: 35px;
}

#main_content_header table.callout_table td {
	text-align: center;
	background-color: white;
	padding: 10px;
	border-right: 1px solid gainsboro;
}

#dashboard_container td {
	min-width: 135px;
}

#dashboard_container div.callout_title,#main_content_header table.callout_table div.callout_title
	{
	font-size: 11px;
	font-weight: bold;
	color: #666;
	min-height: 30px;
	text-align: top;
	line-height: 12px;
}

#dashboard_container div.callout_value {
	font-size: 45px;
	font-weight: bold;
	color: #666;
	margin-top: 10px;
	margin-bottom: 5px;
}

#main_content_header table.callout_table div.callout_value {
	font-size: 25px;
	font-weight: bold;
	color: #666;
	min-height: 30px;
	vertical-align: middle;
	line-height: 30px;
}

#main_content_header table.callout_table div.callout_value img {
	display: inline-block;
	margin: auto;
}

#main_content_header .dashboard_two_col,#main_content_header .dashboard_one_col
	{
	margin: 10px 0px;
	/* [disabled]overflow: auto; */
	width: 100%;
}

#main_content_header .widget_column_member {
	margin: 0px 0px 10px 10px;
	width: 344px;
	padding: 5px;
	float: left;
	display: inline-block;
}

.muted {
	background-color: #F0F0F0;
}

#main_content_body .full_width_callout.muted,#main_content_header .full_width_callout.muted
	{
	background-color: #F0F0F0;
}

#main_content_body .full_width_callout.highlight,#main_content_header .full_width_callout.highlight
	{
	background-color: lightBlue;
}

.profile_widget {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background: white;
	padding: 5px;
	width: 290px;
	margin-right: 15px;
	display: inline-block;
}

.profile_widget.muted {
	color: darkGrey;
}

table td.last_cell {
	border-right: none;
}

.dashboard_widget_table {
	width: 100%;
	text-align: left;
}

/*CLEARFIX*/
.cf:before,.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	zoom: 1;
}

/*DASHBOARD TABLES*/

.spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -50px; /* half width of the spinner gif */
	margin-top: -50px; /* half height of the spinner gif */
	text-align: center;
	z-index: 1234;
	overflow: auto;
	width: 100px; /* width of the spinner gif */
	height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}

/*APPLICATION NOTIFICATIONS*/
.full_page_notification {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -100px; /* half width of the spinner gif */
	margin-top: -100px; /* half height of the spinner gif */
	text-align: center;
	z-index: 1234;
	overflow: auto;
	width: 200px; /* width of the spinner gif */
	height: 202px; /*hight of the spinner gif +2px to fix IE8 issue */
}

/* PENDING EMAILS */
#emailPreview {
	margin-top: 20px;
	padding: 5px;
	border: 1px solid #a0a0a0;
}

#emailPreview .subject {
	font-size: 1.3em;
	font-weight: bold;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #a0a0a0;
	margin-bottom: 10px;
}

#emailPreview .from {
	font-weight: bold;
}

#emailPreview .to,.cc,.bcc {
	color: #757575;
}

#emailPreview .message {
	padding: 5px;
}

#pendingRecords_grid tr {
	cursor: pointer;
}

#pendingRecords .contactMenu {
	width: 100px !important;
	font-size: 10px;
}

#mergeContactsForm .contact-container {
	padding: 5px;
	margin: 5px;
	border: 1px solid #a0a0a0;
	clear: both;
	overflow: auto;
}

#mergeContactsForm div.select,div.demographics {
	float: left
}

#mergeContactsForm div.select {
	margin-right: 10px;
}

#mergeContactsForm div.academics {
	font-size: 0.9em;
	color: #757575;
}

#mergeContactsForm span.type {
	font-size: 0.9em;
	color: #009ACB;
}

#mergeContactsForm div.name {
	font-weight: bold;
}

#mergeContactsForm div.email {
	color: #757575;
	font-size: 0.8em;
}

#mergeContactsForm .buttons {
	float: clear;
}

#email_preview_container {
	font-size: 12px !important;
	border-top: 2px solid #a0a0a0;
	padding: 20px;
}

/*SECTION HEADERS*/
#main_content_body .section_header {
	background-color: #333;
	padding: 5px;
	margin: 10px 0px 10px 0px;
	clear: right;
	color: white;
	font-size: 12px;
}

#main_content_body .section_header h1 {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	display: inline;
}

#main_content_body .section_header h2 {
	color: #FFF;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	display: inline;
}

.ui-autocomplete {
	z-index: 2000;
	position: fixed !important;
}

tr.grid_row_even {
	background: #F5F5F5;
}

tr.grid_row_odd {
	background: white;
}

/*PROFILE DESIGNER*/
.profile_ratings_container {
	min-height: 280px;
}

input.designer_template_name {
	font-size: 24px;
	min-width: 400px;
	color: #999;
	line-height: 26px;
	padding: 5px;
	min-height: 30px;
}

.designer_field_option {
	font-size: 11px;
	padding: 2px;
	margin-bottom: 4px;
	background-color: #E6DFDA;
	color: black;
}

.designer_field_option:hover {
	background-color: #FFC;
	cursor: pointer;
}

a.left {
	margin-left: 0px;
}

a.right {
	margin-right: 0px;
}

.designer_container .m-btn-strip .m-btn {
	margin-left: 5px;
}

/* CARA MANAGEMENT */
#cara_tab_container .cara-tab {
	color: #999;
	cursor: pointer;
	height: 90px;
}

#cara_tab_container .cara-tab-selected,#cara_tab_container .cara-tab:hover
	{
	color: #000000;
}

#cara_tab_container .cara-tab-selected .badge,#cara_tab_container .cara-tab:hover .badge
	{
	background-color: #b94a48;
}
.cara_vacation{
	background-color: #FAFF9E !important;
}
.cara_finals{
	background-color: #F3A59E !important;
}
.cara_term{
	background-color: #93D6B0;
}
.cara_C{
	background-color: #ffffff;
}
.cara_N{
	background-color: #ffffff;
}
.cara_gap{
	background-color: #f5f5f5;
}
.cara_competition:after{

}
/*RECRUIT PROFILE*/
.row-fluid #main_content_body {
	padding: 0px;
}

#main_content_header .page-header h1 {
	font-size: 33px;
	color: #333333;
	margin-bottom: 0px;
}

#main_content_header .page-header h3 {
	color: rgb(153, 153, 153);
	display: block;
	font-size: 21px;
	font-weight: normal;
	height: 36px;
	line-height: 36px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	text-align: left;
	text-rendering: optimizelegibility;
	text-transform: uppercase;
	width: 580px;
}

#engagement_bar {
	height: inherit;
}

#engagement_bar .tooltip-inner {
	max-width: 600px
}

#engagement_bar .row-fluid {
	overflow: visible !important;
	/*max-height:50px;*/
	height: 50px !important;
}

#engagement_bar .dropdown-menu {
	z-index: 9999 !important;
}

table td.left {
	max-width: 50%;
}

.page-header {
	font-size: 30px;
	color: #666666;
	font-weight: 200;
	line-height: 24px;
	vertical-align: middle;
	background: white;
	padding: 10px;
}


.profile_header #rrecruit.starRatingStar {
	max-width: 120px;
	display: inline-block;
}

.tag-textarea, .tag-text {
	white-space: pre-wrap;
	word-break: break-word;
}

/*BOOTSTRAP-TAG OVERRIDES*/
.tm-tag {
	font-family: "Inter", Arial, sans-serif;
	vertical-align: top;
	font-weight: 200;
}
/*BOOTSTRAP-DATATABLES GRID OVERRIDES*/
.table th {
	font-weight: 400;
}

.table .contact_link {
	font-size: 12px;
}

.grid_container {
	overflow: auto;
}

#main_content table.dataTable {
	overflow-x: scroll;
	z-index: 0;
	min-width: 100%;
}

.grid_container #list_actions {
	z-index: 9999;
}

.grid_actions_container {
	display: inline-block;
	text-align: right;
	position: relative;
	z-index: 1000;
}

.gac_alpha {
	top: 56px;
}

.gac_no_alpha {
	top: 25px;
}

div.dataTables_info,dataTables_length,div.dataTables_paginate,div.row-fluid label
	{
	font-size: 12px;
}

#main_content div.row-fluid label select {
	width: auto;
}

div.dataTables_paginate {
	min-width: 375px;
}

table thead tr {
	font-size: 12px;
}

.grid_container table td a:hover{
	color:#C24700;
}

.grid_container table{
	font-weight:400;
}

.detailContentContainer .grid_container table td {
	color:#333333;
}

.detailContentContainer .instructions{
	color:#8b8b8b;
}

#main_content_body table.dataTable td{
	font-size: 12px;
	padding: 8px;
}

#main_content table.dataTable thead th {
	border-bottom: #dddddd !important;
	padding-right: 5px;
	font-weight: 400;
	font-size: 13px;
}

#main_content .dataTables_wrapper,#main_content table {
	clear: none;
}

#main_content .dataTables_wrapper .row-fluid {
	height: 0px;
}

#list_actions {
	float: left;
}

.nav-header {
	border-top: 1px solid #dadada;
	width: 90%;
	margin-right: 10px;
	padding-left: 5px;
}

#list_actions li.nav-header:first-child {
	border-top: none !important;
}

table.dataTable tr.disabled {
	text-decoration: line-through !important;
}

.table-striped tbody tr.active:nth-child(odd) td,.table-striped tbody tr.active:nth-child(odd) td:hover, .table-striped tbody tr.active:nth-child(odd) th{
	background-color:rgb(246, 246, 246);
}

/*BOOTSTRAP CONTROL OVERRIDES*/
h1,h2,h3,h4,h5 {
	font-family: "Inter", Arial, sans-serif;
}

form {
	margin: 0px;
}

.modal {
	z-index: 1060;
	width: 800px; /*Default is 560px*/
	margin-left: -400px; /*default is -280px*/
	font-family: "Inter", Arial, sans-serif;
}

a:hover {
	color:inherit;
	text-decoration:underline;
}

input[type=checkbox],input[type=radio] {
	border: 0px none;
}

body.modal-open {
	overflow: hidden;
}

.modal form {
	margin: 0px;
}

.modal-body table {
	width: 100%;
	font-size: 14px;
}

.modal-body table th {
	font-weight: 400;
	padding-left: 8px;
	text-align: left;
}

.modal-body table td {
	font-weight: 300;
	color: #f17827;
}

.modal-body table tr.odd {
	background-color: #ebebeb;
}

.modal-body table tr th {
	text-align: left;
}

.modal-body table tr {
	line-height: 26px;
}

.modal-body table td.left {
	width: 40%;
	max-width: 40%;
	color: #707070;
}

.modal-subheader {
	color: #207AB6;
	margin: 20px 0px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 1px solid #eee;
	padding-bottom: 4px;
}

.modal #relationshipSearchForm select {

}

.row-fluid input,.row-fluid select {
	max-width: 90%;
}

#main_content .recruit_profile_header select {
	width: 220px;
}

select {
	width: auto;
	font-weight: 200;
	color: #333;
	background: #fff;
	border-color: #ccc;
	text-shadow: none;
	background-image: none;
}

select,#main_content select {
	font-size: 12px;
	height: inherit;
}

h2 {
	line-height: inherit;
}

.dropdown-menu.no-collapse {
	background-color: #ffffff;
	border-color: rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	margin: 0;
	padding: 4px 0;
	position: absolute;
	top: 100%;
}

.modal .modal-body table tr td input:not([type='radio']):not([type='checkbox']),.modal .modal-body table tr td select
{
	width: 200px;
}

.modal .modal-body table tr td .bootstrap-select {
	width: auto !important;
	min-width: 400px;
}

.modal .modal-body table tr td input[type='radio'] { width: 25px; }

.modal .modal-body textarea {
	width: 98%;
}

typeahead.dropdown-menu {
	z-index: 200000;
}

.right_panel .dropdown-menu {
	position:inherit;
	float:none;
}

ul.typeahead li {
	font-size: 12px;
}

.modal .modal-body {
	overflow-y: visible;
}

.modal-body h4 {
	margin-bottom: 10px;
    color: #707070;
    font-weight: 200;
    font-size: 14px;
    text-transform: uppercase;
}

#facet_search_container .bootstrap-select,.facet_multiselect {
	max-width: 100%;
}

#facet_search_container .dropdown-toggle {
	font-size: 11px;
}

a.btn{
	text-decoration:none !important;
}

.btn {
	font-weight: 200;
	color: #333;
	background: #fff;
	border-color: #ccc;
	text-shadow: none;
}

.btn:hover {
	font-weight: 200;
}

.btn-default {

}

a.btn-primary,button.btn-primary,span.btn-primary{
	background: #C24700;
	color: white;
	text-shadow: none;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-group.open .btn-primary.dropdown-toggle,.grid_container table td a.btn-primary:hover{
	color: white;
	background-color: #c1392d;
}

.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #c4c4c4;
}

.btn-danger {
	background-color: #b94a48;
	color: #FFFFFF;
}
.btn-inverse{
	color:#474747;
}
.btn-inverse:active, .btn-inverse.active{
	background-color:#474747;
}

.btn-info, button.btn-info {
	background-color: #207AB6;
	color: #FFFFFF;
}

.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]
	{
	color: #ffffff;
	background-color: #207AB6;
}

.btn-success,.alert-success {
	background-color: #008a00;
	color: #FFFFFF;
}

.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]
	{
	color: #ffffff;
	background-color: #27ae61;
}

select.btn{
	text-align:left;
	padding:5px;
}

/*ALERT OVERRIDES*/
.alert {
	text-shadow: none;
	border-radius:none;
}

.alert h1,.alert h2,.alert h3,.alert h4{
	margin-bottom:5px;
	font-weight: 200;
}

.alert-info {
	background-color: #F5F5F5;
    border: 1px solid #C4C4C4;
    color: #474747;
}

.alert-info-rightpanel{
	background-color: #207AB6;
    color: #FFFFFF;
 	border: 1px solid #C4C4C4;
}

.alert-interesting {
	background-color: #207AB6;
    color: white;
 	border: 1px solid #C4C4C4;
}

.alert-info-rightpanel h1,.alert-info-rightpanel h2,.alert-info-rightpanel h3,.alert-info-rightpanel h4{
	color:#FFFFFF;
}

.alert-info h1,.alert-info h2,.alert-info h3,.alert-info h4{
	color:#474747;
	margin-bottom:5px;
}

.alert-success h1,.alert-success h2,.alert-success h3,.alert-success h4{
	color:#FFFFFF;
}

.alert-warning  {
 	color: #FFFFFF;
 	background-color:#C24700;
}
.alert-warning  a{
	color:#FFFFFF;
	text-decoration:underline;
}

.alert-warning h1,.alert-warning h2,.alert-warning h3,.alert-warning h4{
	color:#FFFFFF;
	margin-bottom:5px;
}

.alert-warning  .btn-primary{
	color:#FFFFFF;
	background-color:#C24700;
	border:#FFFFFF 1px solid;

}

.alert-warning  .btn-primary:hover{
	color: white;
	background-color: #c1392d;
}

.alert-warning .input_validation_warning{
	color:#FFFFFF;
	text-transform:uppercase;
}

.label-important,.badge-important,.alert-danger,.alert-error {
	background-color: #b94a48;
	color: white;
}

.alert-danger h1,.alert-danger h2,.alert-danger h3,.alert-danger h4{
	color:#FFFFFF;
}

.alert-error h1,.alert-error h2,.alert-error h3,.alert-error h4{
	color:#FFFFFF;
}

.label-error,.badge-error {
	background-color: #b94a48;
}

.label-warning,.badge-warning {
	background-color: #fbae39;
	color: #474747
}

.label-success,.badge-success {
	background-color: #008a00;
}

.label-dark,.badge-dark {
	background-color: #474747;
}

.label-light,.badge-light {
	background-color: #757575;
}

.label-interesting,.badge-interesting {
	background-color: #207AB6;
}

.label {
	font-weight: 400;
}

.has-switch span.switch-primary, .has-switch span.switch-left{
	background-color: #207AB6;
	background-image: none;
}

.has-switch span {
	background-color: #FFFFFF;
	background-image:none;
	color:#474747;
}

.has-switch span.switch-right {
	text-shadow: none;
	background-image: none;
	background-color: #f5f5f5;
}

/* Mail editor styles */
#editor {
	min-height: 400px;
	background-color: white;
	border-collapse: separate;
	padding: 4px;
	outline: none;
}

div[data-role="editor-toolbar"] {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.dropdown-menu a {
	cursor: pointer;
	text-decoration:none;
}

.collapse .in {
	overflow: visible; /* this one doesn't. Add it! */
}

/* Fix to support resizable modals */
.ui-resizable-s {
	bottom: 0;
}

.ui-resizable-e {
	right: 0;
}

.tooltip {
	z-index: 2000 !important;
}

.tooltip-inner {
	max-width: 500px !important;
}

.icon-question-sign:hover {
	cursor: pointer;
}

.modal input[type="radio"] {
	border-width: 0px;
}

.modal .modal-body {
	margin-top: 5px;
}

.modal.max_height_modal {
	overflow-y: auto !important;
	max-height:90%;
}

.modal.actual_max_height_modal {
	display: flex;
	overflow: hidden !important;
	max-height: 90%;
	flex-direction: column;

	.modal-body {
		overflow-y: auto !important;
		max-height: unset;
	}
}

.max_width_modal {
	width: 90% !important;
	margin-left: -45% !important;
}

@media ( max-width : 480px) {
	.max_width_modal #evalVideoPlayerContainer,.max_width_modal #videoPlayerContainer
		{
		width: 230px;
		height: 140px;
	}
	.max_width_modal #evalVideoPlayer,.max_width_modal #videoPlayer,.max_width_modal #videoPlayerHtml5 {
		width: 230px;
		height: 140px;
	}
}

@media ( max-width : 979px) {
	.max_width_modal #evalVideoPlayerContainer,.max_width_modal #videoPlayerContainer
		{
		width: 390px;
		height: 230px;
	}
	.max_width_modal #evalVideoPlayer,.max_width_modal #videoPlayer,.max_width_modal #videoPlayerHtml5 {
		width: 390px;
		height: 230px;
	}
}

@media ( min-width :980px) and (max-width: 1199px) {
	.max_width_modal #evalVideoPlayerContainer,.max_width_modal #videoPlayerContainer
		{
		width: 475px;
		height: 285px;
	}
	.max_width_modal #evalVideoPlayer,.max_width_modal #videoPlayer,.max_width_modal #videoPlayerHtml5 {
		width: 475px;
		height: 285px;
	}
}

@media ( min-width :1200px) and (max-width: 1399px) {
	.max_width_modal #evalVideoPlayerContainer,.max_width_modal #videoPlayerContainer
		{
		width: 580px;
		height: 350px;
	}
	.max_width_modal #evalVideoPlayer,.max_width_modal #videoPlayer,.max_width_modal #videoPlayerHtml5 {
		width: 580px;
		height: 350px;
	}
}

@media ( min-width :1400px) and (max-width: 1599px) {
	.max_width_modal #evalVideoPlayerContainer,.max_width_modal #videoPlayerContainer
		{
		width: 650px;
		height: 390px;
	}
	.max_width_modal #evalVideoPlayer,.max_width_modal #videoPlayer,.max_width_modal #videoPlayerHtml5 {
		width: 650px;
		height: 390px;
	}
}

@media ( min-width :1600px) and (max-width: 1900px) {
	.max_width_modal #evalVideoPlayerContainer,.max_width_modal #videoPlayerContainer
		{
		width: 775px;
		height: 470px;
	}
	.max_width_modal #evalVideoPlayer,.max_width_modal #videoPlayer,.max_width_modal #videoPlayerHtml5 {
		width: 775px;
		height: 470px;
	}
}

@media ( min-width : 1900px) {
	.max_width_modal #evalVideoPlayerContainer,.max_width_modal #videoPlayerContainer
		{
		width: 920px;
		height: 555px;
	}
	.max_width_modal #evalVideoPlayer,.max_width_modal #videoPlayer,.max_width_modal #videoPlayerHtml5 {
		width: 920px;
		height: 555px;
	}
}

.max_height_modal .modal-body.with-tall-header .modalBodyScrollContainer {
	overflow: scroll;
}

@media ( min-height : 900px) {

	.max_height_modal .modal-body {
		height:750px;
		max-height:750px;
		overflow-y: auto;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.max_height_modal .modal-body.with-tall-header {
		height: 605px;
	}

	.modal .modal-body,#videoEvalSpan {
		max-height: 700px;
	}

	#sent-email-modal-body.modal-body {
		height:unset !important;
	}

	#sent-email-modal-body iframe {
		height: 372px;
		width: 100%;
	}

	.max_height_modal .modal-body.with-tall-header .modalBodyScrollContainer {
		max-height: 585px;
	}

}
@media ( min-height : 650px) and (max-height : 899px) {
	.max_height_modal .modal-body {
		height: 500px;
		max-height:500px;
		overflow-y: auto;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.max_height_modal .modal-body.with-tall-header {
		height: 400px;
	}

	.modal .modal-body,#videoEvalSpan {
		max-height: 470px;
	}

	.marketing_max_height_modal .modal-body{
		max-height:1000px;
	}
	#sent-email-modal-body.modal-body {
		height:unset !important;
	}

	#sent-email-modal-body iframe {
		height: 293px;
		width: 100%;
	}

	.max_height_modal .modal-body.with-tall-header .modalBodyScrollContainer {
		max-height: 380px;
	}
}

@media ( max-height : 649px) {
	.max_height_modal .modal-body {
		max-height: 375px;
		height: 375px;
		overflow-y: auto;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.max_height_modal .modal-body.with-tall-header {
		height: 325px;
	}

	.modal .modal-body,#videoEvalSpan {
		max-height: 305px; /* MJS was 375, changed to 305 */
	}

	.max_height_modal .modal-body.with-tall-header .modalBodyScrollContainer {
		max-height: 120px;
	}

}

/* selectpicker */
.selectpicker_small {
	width: 100px !important;
}

/* load mask */
#arms_mask_container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#arms_mask_container .pad {
	position: relative;
}

#arms_mask_container .mask {
	position: relative;
	box-shadow: none;
	margin: auto;
	width: 200px;
	top: 50%;
	background: transparent;
	content: 'Loading'
}

#arms_mask_container .msg {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#departmentForms .well input,#pendingTasks .well input {
	max-width: 100px;
}

#departmentForms .well,#pendingTasks .well {
	font-size: 11px;
	padding: 2px;
}

.modal-body .tab-content {
	min-height: 400px;
}

#add_event_modal table.table .event_start input,#add_event_modal table.table .event_end input, #event_window_container input, #event_window_container input
{
	max-width: 100px;
}

#add_event_modal div.gac_no_alpha {
    top: 0px;
}

.warning-text {
	color: red;
}

/* BOOTSTRAP-MODAL OVERRIDES */
.modal .loading-mask,.modal-backdrop,.modal-backdrop.fade.in {
	background: #000000 !important;
}

.modal .modal-body .dropdown-menu,.modal .modal-body .bootstrap-select.btn-group .div-contain {
	overflow-y: visible !important;
}

.modal .subheading_blue {
	color: #207AB6;
	margin: 5px 0px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
}

.modal-header{
	padding-top:15px;
	padding-bottom:15px;
}

.modal-header h2 {
	font-weight: 200;
	font-family: "Inter", Arial, sans-serif;
	line-height:32px;
}

/*COMMUNICATION SCREEN*/
#main_content_body table.dataTable td.sentEmailReplyDetails, #main_content_body table.dataTable td.gridSubRow {
	padding: 10px 40px;
	background: #FFF !important;
}

#main_content_header #helpRecruitingDropboxContentLaunch {
	padding-top: 10px;
}

/* Recruiting Dropbox */
.top-choice {
	color: #333333;
}

.top-choice:hover {
	color: #333333;
}

.top-choice.inactive {
	color: #757575;
}

.top-choice.inactive:hover {
	color: #333333;
}

.top-choice.inactive:hover .badge {
	background-color: #333333;
}

/*HIGH SCHOOL*/
#addClubTeamForm {
	margin-bottom: 0px;
}

.high_school_header textarea {
	width: 90%;
}

.high_school_header .contact_link {
	font-size: 12px;
}

.high_school_header .section_heading {
	margin-bottom: 5px;
	border-bottom: 1px solid #dddddd;
	color: #00A1CE;
	text-transform: uppercase;
	font-size: 14px;
	padding: 2px;
}
.staff_row{
	display: table;
	width: 100%
}
.contact_card {
	border: 1px solid #dadada;
	padding: 2px;
	margin-bottom: 10px;
}
.contact_card:hover .remove_button_container{
	display: block;
}
.contact_card .remove_button_container a:hover {
	text-decoration: none;
}
.remove_button_container {
	display:none;
	margin-top: -3px;
	margin-right: 2px;
}

/* CUSTOM VIEW DESIGNER */
.palette_category_header {
	margin: 0px 0px 5px 0px;
	font-size: 13px;
}

#accessTags {
	min-width: 300px;
	min-height: 32px;
}

.target {
	background-color: #FFC;
}

.page-header h1 span,.header_content_pagetitle span {
	margin-right: 5px;
}

/*VIDEO EVALUATIONS*/
#videoActivityStream .activity_item_container {
	width: 90%;
}

.modal .modal-body #videoEvalInfo table tr td input,.modal .modal-body #videoEvalInfo table tr td select,.modal .modal-body #videoEvalInfo table tr td .bootstrap-select
	{
	width: 250px;
}

/*VIEW QUESTIONNAIRE MODAL*/
.questionnaire_question_container th {
	width: 200px;
}

/* MY DASHBOARD */
.my_callout {
	align: center;
	display: inline-block;
	height: 118px;
	width: 118px;
	margin: 0px 0px !important;
	background-repeat: no-repeat;
	background-position: center;
}

.my_task_callout {
	width: 132px !important;
	background-image: url(/arms/s/img/no_data/nodata_my_dashboard.png);
	background-position: 0 -168px;
}

.my_form_callout {
	background-image: url(/arms/s/img/no_data/nodata_my_dashboard.png);
	background-position: 0 -336px;
}

.my_workflow_callout {
	background-image: url(/arms/s/img/no_data/nodata_my_dashboard.png);
	background-position: 0 0;
}

/*VIDEO DETAIL*/
#videoEvalSpan th {
	font-weight: normal;
	color: #999999;
}

#videoEvalSpan table {
	margin-bottom: 0px;
}

#inline_profile {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: thin #EEEEEE solid;
}

#inline_profile .headshot {
	margin: auto;
	height: 75px;
	width: 75px;
}

#inline_profile .title {
	margin-bottom: 0px;
}

#inline_profile .sub_title {
	color: #999999;
}

#video_info h3#videoTitle {
	line-height: 30px;
	margin-bottom: 2px;
}

#video_info #video_recorded_date {
	margin-left: 5px;
}

#video_info #external_link,#video_info #videoDescription {
	color: #999999;
}

#videoEvalInfo table {
	font-size: 12px;
}

#videoEvalInfo table th {
	width: 20%;
}

#videoEvalInfo table td {
	width: 30%;
}

#videoEvalInfo table td input[type="text"],#videoEvalInfo table td .btn-group
	{
	max-width: 150px;
}

#videoEvalSpan .eval_section {
	font-size: 12px;
}

#videoEvalSpan .eval_section table tr th {
	width: 150px;
}

#videoEvalSpan .eval_section table tr td input[type="text"] {
	width: 90%;
}

#videoEvalSpan .eval_section table tr td select {
	width: 100px;
}

#videoEvalSpan .section_header {
	font-size: 16px;
	color: #00A1CE;
	text-transform: uppercase;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 5px;
	margin-top: 15px;
}

/* Video Styles */

.videoSearchRecruitContainer {
	height: 180px;
	margin-bottom: 20px;
}

.videoSearchVideosScroller {
	width: calc(100vw - 642px);
}

#videoView .videoSearchVideosScroller {
	width: unset;
	overflow: auto;
}

.boardvideos .videoSearchVideosScroller {
	width: calc(100vw - 445px);
}

.videoSearchVideosContainer {
	height: 190px;
	overflow-x: auto;
	text-align: left;
	white-space: nowrap;
	overflow-x: scroll;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.videoSearchVideosContainer::-webkit-scrollbar { /* Chrome */
	display: none;
}

.addVideoContainer {
	height: 180px;
	width: 240px;
	display: inline-block;
	vertical-align: top;
}

.addVideoContainer button {
	height: 100%;
	width: 100%;
}

.videoSearchRecruitContainer .recruit {
	width: 169px;
	margin: auto 0;
	text-align: center;
}

.videoSearchRecruitContainer .recruit h5 {
	margin: 0px;
}

.boardvideos .videoSearchRecruitContainer .recruit h5 a {
	color: white;
}

.videoSearchVideosContainer .video_thumb .video_title {
	vertical-align: middle;
	font-size: 11px;
	line-height: 14px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	min-height: 14px;
	padding: 2px;
	text-align:left;
	white-space: normal;
}

.video_search_sort_container {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	position: absolute;
	background-color: white;
	margin-top: -57px;
}

.old-grids .video_search_sort_container {
	margin-top:-50px;
}


.video_search_results_container {
	padding-top: 20px;
	/*margin-top: 60px;*/
}

#videoView .videoThumbContainer .videoThumbnail {
	height: 180px;
	width: 240px;
}

#videoView.hidden, #recruitGridView.hidden, .video_search_sort_container.hidden, .video_search_results_container.hidden {
	display: none;
}

#videoView .video_thumb .video_actions {
	background: #dadada;
	top: 0px;
	bottom: 0px;
	padding-top: 10px;
	padding-bottom: 35px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	gap: 12px;
}

.video_thumb {
	background-color: #f6f6f6;
}

.video_thumb .evaluationCount {
	padding: 5px 5px;
}

#videoView .video_thumb .video_actions button.btn {
	width: 100px;
	height: 40px;
}

#videoView .video_thumb .video_actions a.btn {
	width: 74px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#videoView .videoThumbContainer {
	width: 240px;
	padding: 0px;
	border: 0;
	margin-right: 10px;
	display: inline-block;
}

.videoThumbContainer {
	word-wrap: break-word;
	overflow: hidden;
	position: relative;
}

.video_thumb .video_actions {
	position: absolute;
	top: 4px;
	left: 10%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.video_thumb .search_video_actions {
	left: 0%;
}

.video_thumb .video_actions .btn {
	min-width: 20%;
}

.video_thumb .image_container {
	position: relative;
	width: 100%;
}

.video_thumb .video_title {
	vertical-align: middle;
	min-height: 20px;
	font-size: 11px;
	line-height: 14px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0);
	color: white;
}

.video_thumb .video_title div {
	padding-left: 2px;
	padding-right: 2px;
	max-height: 55px;
	overflow: hidden;
}

.video_thumb .callout_container {
	min-height: 16px;
}

.video_thumb .callout_container .view_count,.video_thumb .callout_container .eval_count
	{
	text-align: center;
	min-height: 16px;
}

.video_thumb .summary_info {
	margin-top: 5px;
	font-size: 13px;
	margin-bottom: 0px;
}

.video_thumb .summary_info th {
	color: #707070;
	font-weight: normal;
}

.video_thumb .externalLinkContainer {
	width: 100%;
}

.video_thumb .externalLink {
	vertical-align: middle;
}

#videoView .video_thumb .summary_info th, #videoView .video_thumb .summary_info td {
	border-top: none;
}

#videoView .video_thumb .summary_info th {
	width: 70px;
}

#searchForm.videoList #videoView {
	height: calc(100vh - 220px);
	overflow-x: hidden;
	overflow-y: auto;
}

.video_thumb .summary_info td div {
	height: 20px;
	max-height: 20px;
	overflow: hidden;
}

.video_thumb input.video_link {
	margin-left: 5px;
	font-size: 11px;
	width: 80%;
	padding: 0px 3px;
	border-radius: 3px;
}

.videoThumbHeadshot {
	margin-right: 5px;
}

/*Pending Questionnaires*/
.qfilter {
	max-width: 500px;
}

/*Sections*/
/* ARMS version of bootstrap 3 panel.
   Note that the header and body do not NEED to be nested within the .panel, and can be used standalone.
   TODO: change board.jsp and its included jsps to change .category, etc to .panel */
.panel {
	margin-bottom: 10px;
}

.panel_header {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background: #00A1CE;
	color: white;
	padding: 5px 13px 7px 13px;
	font-size: 14px;
	font-weight: 500;
}

.panel_body {
	border: 1px solid whiteSmoke;
	padding: 2px;
	background: #FCFCFC;
	margin: 0px;
}

/* dashboard */
.landingButtonLinkOuterContainer {
	display: inline-table;
	width: 100px; /* width of parent */
	height: 75px; /* height of parent */
	overflow: hidden;
	min-height: 50px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background: #FCFCFC;
}

.landingButtonLinkOuterContainer .landingButtonLinkInnerContainer {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color: #626262;
}

.landingButtonIcon {
	font-size: x-large;
}

#landingCalendar #events_calendar .fc-button, #contactProfile #events_calendar .fc-button {
	padding: 0 6px;
	font-size: 10.5px;
}

.fc-state-default {
	background-color: #FFFFFF;
	font-weight: 200;
	background-image: none;
	text-shadow: none;
}

.fc-state-active {
	background-color: #474747 !important;
	color: #FFFFFF;
}

.fc-event {
	border:0px;
	background-color: #207AB6;
	color: #ffffff;
	font-size: .85em;
	cursor: pointer;
}

#rotateNotables {
	height: 254px;
	overflow: hidden;
}

.rotatedContent {
	opacity: 0;
	color: #626262;
	max-height: 257px;
}

.rotatedContentTitle {
	display: none;
}

.metrics .metricLabel {
	text-transform: uppercase;
	font-size: 10.5px;
}

#rotateControls a {
	text-decoration: none;
	cursor: pointer;
}

.rotatedContent h3 {
	line-height: 35px;
}

.rotatedContent .narrowChart {
	margin-right: 0px;
	height: 90%;
	max-width: 400px;
	max-height: 237px;
}

.rotatedContent .wideChart {
	margin-right: 0px;
	height: 90%;
	max-width: 800px;
}

/* new activity stream */
.dashboard_activity_stream_container {
	background-color: white;
	max-height: 800px;
	padding: 2px;
}

.dashboard_activity_stream_container #historyContainer {

	overflow: scroll;
	max-height: 1300px;
	width: 100%;
}

.profile_activity_stream_container {
	background-color: white;
	max-height: 800px;
	padding: 2px;
}

.profile_activity_stream_container #historyContainer {
	overflow-x: hidden;
	overflow-y: scroll;
	max-height: 720px;
	width:100%;

}

.activity_date_container {
	color: #474747;
	margin-top: 10px;
	padding: 2px 2px 2px 5px;
	font-size: 16px;
}

.activity_container {
	margin: 5px 2px 0px 2px;
	background-color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.activity_detail_container {
	color: #626262;
	padding: 20px 20px 10px 20px;
	font-size: 12px;
	border-bottom: 1px solid #e2e2e2;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
	margin-top: 10px;
}

.activity_detail_container>.header {
	width: 100%;
}

.activity_detail_container>.header .headshot_container {
	float: left;
	width: 40px;
}

.activity_detail_container>.header .activity_type_icon_container {
	float: right;
	width: 40px;
	text-align: right;

}

.activity_type_icon_container .text-info {
	color:#297fb8;
}

.callout-value .text-info {
	color: #474747
}

.activity_detail_container>.header .description {
	display: table;
	height: 40px;
}

.activity_detail_container>.header .description .description_height_holder {
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

.activity_detail_container>.header .description .description_text {
	margin: 0px 5px;
	vertical-align: middle;
	display: table-cell;
	padding-left: 10px;
}

.activity_detail_container>.header .description .description_text .timestamp {
	font-size: 11px;
}

.activity_detail_container .videoPlayer .evalVideoPlayerContainer {
	overflow: hidden;
	position: relative;
}

.activity_detail_container .videoPlayer .evalVideoPlayerContainer .evalVideoPlayer {
	margin: 0 auto;
}

.activity_detail_container .videoPlayer .videoTitle {
	text-align: center;
	margin: 5px;
}

.activity_detail_container .contact_link {
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
}

.activity_detail_container a i {
	text-decoration: none;
	font-size: 24px !important;
}

.activity_detail_container .eval_positions {
	font-size: 18px;
	margin-left: 6px;
}

.activity_comment_container {
	padding: 5px 0px 0px 0px;
	background-color: #F5F5F5;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.activity_comment:hover .comment_edit_button_container{
	display: block;
}
.comment_edit_button_container{
	display: none;
}
.hide .comment_edit_button_container{
	display: none;
}

.activity_container .activity_comment_container .activity_comment:first-child
	{
	padding: 0px 20px 5px 20px;
}

.activity_comment {
	padding: 5px 20px;
	font-size: 12px;
}

.activity_comment_inner {
	width: 100%;
}

.activity_comment img {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
}

.activity_comment_text {
	display: block;
	margin-left: 35px;
}

.activity_comment_text .actor {
	font-weight: bold;
	margin-bottom: 1px;
	line-height: 15px;
}

.activity_comment_text .text {
	line-height: 16px;
}

.activity_comment_headshot {
	float: left;
	width: 30px;
}

.activity_comment_date {
	color: #707070;
	float: right;
	line-height: 15px;
	font-size: 11px;
}

.activity_comment_add {
	padding:0px;
	margin-top:20px;
}

.activity_comment_container .activity_comment_add {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	color: #707070;
	padding: 10px 20px 0px 20px;
	margin-top:0px;
}

.activity_comment_add input {
	max-width: 100%;
	margin-left: 0px;
}

img.activity_target_headshot {
	width: 40px;
	height: 40px;
}

.activity_detail_container hr {
	margin: 5px 0px;
}

.activity_detail_notes {
	margin:15px 0px;
	background-color:#FFFFFF;
	color:#474747;
	font-weight:300;
	padding:5px;
	font-size:14px;
}

.activity_more_info {
	font-size: 14px;
}

.activity_more_info a:first-child {
	margin-left: 0px;
}

.activity_more_info a {
	margin-left: 5px;
}

.activity_actor {
	font-size: 13px;
}

.activity_actor .headshot_container {
	float: right;
	margin-left: 5px;
	line-height: 30px;
}

.activity_actor .text_container {
	float: right;
}

.activity_actor .text_container .timestamp {
	font-size: 11px;
	clear: right;
	line-height: 10px;
}

.activity_actor img {
	width: 15px;
	height: 15px;
}

.callout-header {
	text-transform: uppercase;
	font-size: 11px;
	text-align: center;
	line-height: 10px;
}

.callout-value {
	font-size: 14px;
	text-align: center;
}
.activity_detail_violations{
	background-color:#b94a48;
	color:#FFFFFF;
	padding:5px;
}

/*DETAIL CONTAINER*/
.detail_container {
	background-color: rgb(246, 246, 246);
	padding: 20px;
}

.detail_container_no_pad {
	background-color: rgb(246, 246, 246);
}

.detailContentContainer {
	/*margin-bottom: 40px;*/
	padding: 15px;
	background: #FFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border-top: 1px solid #efefef;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #e2e2e2;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
}

.detailContentContainer td input,.detailContentContainer td select,.detailContentContainer td textarea{
	width:90%;
	max-width:90%;
}

.detailContentContainer textarea,.detailContentContainer .bootstrap-select  {
	width:90%;
	max-width:90%;
}

.detailContentContainer>.header,.detailContentContainer td.header,.header_naked, .callout_container .container_header,.detailContentContainer>.detailContentHeightContainer>.header,.management_view_page_subheader>.management_view_page_subtitle {
	margin-top: 3px;
	font-weight: 200;
	font-size: 20px;
	border-bottom: 1px solid #dadada;
	padding: 10px 0px 5px 0px;
	color:#707070;
	height:23px;
	line-height:23px;
	text-transform:uppercase;
	vertical-align:middle;
}

.detailContentContainer > .header > label {
	font-size: inherit;
	font-weight: inherit;
}


.detailContentContainer>.detailContentHeightContainer>.header {
	padding: 0px 0px 5px 0px;
}

.management_view_page_subheader>.management_view_page_subtitle {
	/* no bottom border since there's one on the subheader */
	border-bottom: none;
}

.detailContentContainer>.header:first-child {
	padding: 3px 0px 5px 0px;
}

/* ADDED THE BELOW CLASS TO THE GENRAL SCENARIO
.detailContentContainer>.detailContentHeightContainer>.header
{
	margin-top: 3px;
	font-weight: 200;
	font-size: 24px;
	border-bottom: 1px solid #dadada;
	padding: 3px 0px 5px 0px;
	color: #8b8b8b;
}*/


.detailContentContainer .content {
	padding: 15px 3px 0 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	font-size: 13px;
	font-weight: 200;
	line-height: 21px;
}

.detailContentContainer>.content .content_header {
	font-size: 16px;
    margin: 15px 0px 5px 0px;
    color: #C24700;
    text-transform: uppercase;
}

.list_callout_container {
	background-color: rgb(246, 246, 246);
}

/* Form Center */

.modal .no_scroll{
	overflow-y:hidden;
}

.modal .right_panel,.modal .left_panel{
	overflow-y:auto;
	position:relative;
	height:100%
}

.modal .swimlane_content,.modal table td{
	color:#666666;
}

.subtitle{
	font-size: 24px;
	color: rgb(102, 102, 102);
	font-weight: 200;
	line-height: 30px;
	vertical-align: middle;
	background: none repeat scroll 0% 0% white;
	border-bottom: 1px solid rgb(218, 218, 218);
	text-align:left;
	margin-bottom:10px;
	padding:5px;
}

.right_panel {
	font-size:11px;
	padding:5px;
	border-left:1px solid #E9E9E9;
	background-color:#474747;

}

.right_panel .callout_container{
	overflow-x: hidden;
	overflow-y:scroll;
	max-height:90%;
}


.right_panel .detail_container,.right_panel .detail_container .detailContentContainer,.modal-body .left_panel .detail_container,.modal-body .left_panel .detail_container .detailContentContainer{
	padding:5px;
}

.right_panel .detailContentContainer .header,.modal-body .left_panel .detailContentContainer .header{
	font-size:18px;
	text-align:left;
	color:#666666;
}
.right_panel .detailContentContainer .header h5,.modal-body .left_panel .detailContentContainer .header h5{
	font-weight:300;
}
.right_panel .activity_detail_container,.modal-body .left_panel .activity_detail_container{
	padding:2px 5px;
}
.right_panel .activity_container,.modal-body .left_panel .activity_container{
	border-radius:0px;
	margin-bottom:15px;
 	border-bottom: 1px solid #E2E2E2;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
}
.right_panel .activity_container hr,.modal-body .left_panel .activity_container hr{
	margin:2px 0px;
}
.right_panel .activity_container .badge,.modal-body .left_panel .activity_container .badge{
	font-weight: 200;
	font-size:10px;
	word-wrap:break-word;
}
.right_panel .text_container,.modal-body .left_panel .text_container {
	text-align:right;
}
.right_panel .activity_detail_container > .header .description,.modal-body .left_panel .activity_detail_container > .header .description{
	height:inherit;
}

.right_panel .activity_detail_container h5,.modal-body .left_panel .activity_detail_container h5{
	margin:0px;
}

#main_content_body .table tbody tr.active,#main_content_body .table tbody tr.active td, #main_content_body .table tbody tr.active th{
	background-color:#474747 !important;
	color:#FFFFFF !important;
}
#main_content_body .grid_container .table tbody tr.active:hover,#main_content_body .grid_container .table tbody tr.active td:hover, #main_content_body .grid_container .table tbody tr.active th:hover{
	background-color:#474747 !important;
	color:#FFFFFF !important;
}
#main_content_body .table tbody tr.active td a{
	color:#FFFFFF;
}


/* easy chart */
.chart_percentage {
	text-align: center;
	margin-bottom: 0.3em;
	line-height: 65px;
}

.chart_label {
	text-align: center;
}

.easyPieChart {
	position: relative;
	text-align: center;
	width: 65px;
	height: 65px;
	margin: 0px 10px;
}

.largeChart {
	padding-top: 30px;
}

.largeChart>.chart_percentage {
	text-align: center;
	margin-bottom: 0.3em;
	line-height: 120px;
}

.largeChart>.easyPieChart {
	position: relative;
	text-align: center;
	width: 120px;
	height: 120px;
	margin: 0px 10px;
}

.mediumChart {
	padding-top: 20px;
}

.mediumChart>.chart_percentage {
	text-align: center;
	margin-bottom: 0.3em;
	line-height: 80px;
}

.mediumChart>.easyPieChart {
	position: relative;
	text-align: center;
	width: 80px;
	height: 80px;
	margin: 0px 10px;
}

.easyPieChart canvas {
	position: absolute;
	top: 0;
	left: 0;
}

.chart {
	float: left;
	margin-bottom: 10px;
	text-align: center;
	padding-left: 10px;
}

.callout_header {
	color: #fbae39;
	font-weight: bold;
	font-size: 14px;
}

.callout_text {
	color: #fbae39;
	font-weight: bold;
	font-size: 13px;
}

#emailMetricsPeriod {
	max-width: 100%;
}

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

.bigCallout {
	height: 300px;
	width: 100%;
	background-color: #207AB6;
	margin-right: 20px;
	color: white;
	padding: 10px;
}

.vertical {
	height: 100px;
	margin-right: 0px;
	margin-bottom: 20px;
}

.badCallout {
	background-color: #C24700;
}

.neutralCallout {
	background-color: #757575;
}

.calloutTitle {
	font-size: 18px;
	padding: 10px;
}

.calloutValueContainer {
	text-align: center;
	vertical-align: middle;
}

.calloutValue {
	font-size: 36px;
	line-height: 36px;
	padding-top: 30px;
}

.vertical .calloutValueContainer {
	line-height: 100px;
	margin-left: 0px;
}

.vertical .calloutValue {
	line-height: inherit !important;
	padding-top: 0px;
}

.vertical .chart.mediumChart {
	padding-top: 10px;
}

.calloutValueLabel {
	font-size: 18px;
	line-height: 18px;
}

.calloutAdditional {
	padding-top: 30px;
}

.landingButtonContainer {
	text-align: center;
}

.min_grid_actions {
	width: 50px !important;
}

.narrow_grid_actions {
	width: 60px !important;
}

.mid_narrow_grid_actions {
	width: 70px !important;
}

.mid_grid_actions {
	width: 80px !important;
}

.mid_wide_grid_actions {
	width: 125px !important;
}

.wide_grid_actions {
	width: 165px !important;
	min-width: 165px !important;
}

.wider_grid_actions {
	width: 175px !important;
	min-width: 175px !important;
}

.extra_wide_grid_actions {
	width: 250px !important;
	min-width: 250px !important;
}

.very_narrow_grid_actions {
	width: 15px !important;
}

.narrow_grid_eligibility {
	width: 86px !important;
}

.narrow_grid_grad_year {
	width: 75px !important;
}

.narrow_grid_state {
	width: 50px !important;
}

.narrow_grid_add {
	width: 40px !important;
}

.grid_actions input {
	margin: -4px 0px 0px 0px;
}

input.action_checkbox {
	margin: -4px 0px 0px 0px;
}

input.facetCheckbox {
	margin: -4px 0px 0px 0px;
}

.facet_category_item input.facetCheckbox, input.facetCheckbox {
	width: 24px !important;
	height: 24px !important;
}

.new_badge_container {
	height: 50px;
}

.new_badge {
	height: 40px;
	width: 40px;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	margin: 10px 15px 0px 0px;
	background-color: #ebebeb;
}

.profile_header_section {
	padding: 10px 10px 0px 0px;
}

.profile_header_main {
	height: 140px;
	padding-bottom: 10px;
}

.profile_header_main .profile_icon_container {
	min-width:120px;
	min-height:120px;
	background-color:#c4c4c4;
	line-height:140px;
	vertical-align:middle;
	text-align:center;
	font-size:100px;
}

.profile_snapshot .add-on{
		height:20px !important;
}

.profile_snapshot textarea {
	max-height:60px;
	font-size:11px;
}

.profile_snapshot div.filter-option,#main_content_header div.filter-option {
	height:24px;
	line-height:24px;
}

.management_view_page_subtitle .dropdown-menu li a{
	text-decoration:none;
}

/* Roster Management modal header: keep the sport list on one line so multi-sport athletes
   (track & field rosters with 5-8 sports) don't overflow into the floated SECTION dropdown.
   Scoped to .profile_snapshot.management_view_page_subtitle so other pages that use the
   same class combo are unaffected. */
.profile_snapshot.management_view_page_subtitle .profile-sport-list {
	display: inline-block;
	max-width: calc(100% - 400px);
	min-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}

.profile_snapshot.management_view_page_subtitle .profile-sport-count {
	font-size: 14px;
	color: #999;
	margin-left: 6px;
	text-transform: none;
	font-weight: normal;
	vertical-align: bottom;
}

/* SA profile main page header (three_column_header_profile_student_athlete_render.jsp).
   Two truncation targets here:
   - .profile-sport-list (inside the roster-status div): the "; "-separated sport+status list
     for multi-sport athletes. Overrides the modal's max-width tuning since the header has no
     adjacent floated dropdown — only the trailing "+N more sports" badge needs reserved room.
   - .profile-snapshot-fields: the user-configurable Snapshot Info row. Full text set via JS. */
.profile_header_main_top .profile_snapshot.management_view_page_subtitle .profile-sport-list {
	max-width: calc(100% - 160px);
	min-width: 0;
}

.profile_header_main_top .profile_snapshot.management_view_page_subtitle .profile-snapshot-fields {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.profile_header_main .btn {
	height: 30px;
	line-height: 36px;
}

.profile_header_main .btn.autocompleteTooltip {
	line-height: 20px !important;
}

.profile_header_main .btn-small {
	height:inherit;
	line-height:inherit;
}

.detailContentContainer table {
	width: 100%;
	font-size: 12px;
}

.detailContentContainer table th {
	font-weight: 400;
	padding-left: 8px;
	max-width:33%;
	width:33%;
}

.detailContentContainer table thead th{
	width:inherit;
}

.detailContentContainer .autocompleteTooltip {
	margin-top: 5px !important;
}

#events_calendar {
	margin-top: 10px;
}

#events_calendar table th {
	font-weight: inherit;
	padding-left: inherit;
}

#events_calendar table tr {
	line-height: 20px;
	font-weight: normal;
}

#participants_grid tr.row-added td {
    color: green;
}

table.table-participants tr td input[type=checkbox] {
    width: 50px;
}

#participants_grid tbody input.action_checkbox {
    width: 50px;
}

#participants_grid th.grid_actions {
    width: 50px;
}

.detailContentContainer table td {
	font-weight: 300;
	color: #4D4D4D;
}

.detail_container .detailContentContainer table td input,.detail_container .detailContentContainer table td select,.detail_container .detailContentContainer table td textarea,.detail_container .detailContentContainer table td  .input-append,.detail_container .detailContentContainer table td button.dropdown-toggle {
	width:90%;
	max-width:90%;
	margin: 5px 0px;
}

.full_width_table table td input,.full_width_table table td select,.full_width_table table td textarea,.full_width_table table td .input-append,.full_width_table table td button.dropdown-toggle {
	width:inherit !important;
	max-width:inherit !important;
}

th.grid_actions input.gridSelectAll[type="checkbox"] {
	width: 24px !important;
	height: 24px !important;
}

.full_width_table table td input[type="checkbox"], input.action_checkbox[type="checkbox"] {
	width: 24px !important;
	height: 24px !important;
}


.detailContentContainer table tr.odd {
	background-color: #f5f5f5;
}

.detailContentContainer table tr th {
	text-align: left;
}

.detailContentContainer table tr {
	line-height: 26px;
}

.profile_large_badge_container {
	width: 100%;
	margin-bottom: 0px;
}

.profile_large_badge {
	height: 65px;
	width: 100%;
	background-color: #757575;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 200;
	color: white;
	position: relative;
}

.profile_large_badge_contents {
	height: 50px;
	width: 100%;
	padding: 10px 10px 5px 10px;
}

.profile_large_badge div.pull-right {
	margin-right: 20px;
}

.profile_large_badge i {
	font-size: 26px;
	margin-right: 5px;
}

.profile_large_badge small {
	display: block;
	font-size: 60%;
	margin-top: 5px;
}

.profile_large_badge .badge {
	background-color: #135171;
}

.profile_large_badge p {
	font-size: 10px;
}

.profile_large_badge.with_content {
	background-color: #207AB6;
}

.profile_large_badge.with_content div.badge {
	background-color: #0d5071;
}

.profile_large_badge .profile_large_badge_overlay  {
	display: none;
	background-color: #297fb8;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.profile_large_badge_overlay>div {
	position: relative;
	margin: 5px;
	height: 55px;
}

.profile_large_badge_overlay>div>div.row-fluid {
	height: 55px;
}

.profile_large_badge:hover .profile_large_badge_overlay {
	display: block;
	opacity:0.9;
	background-color: #777777;
}

.profile_large_badge:hover .profile_large_badge_overlay.with_content{
	background-color: #297fb8;
}

.profile_large_badge_overlay a {
	height: 100%;
	width: 100%;
	color: white;
	text-decoration: none;
	cursor: pointer;
	font-weight: 400;
}

div.overlay_link_box {
	border: 1px solid white;
	height: 55px;
	text-align: center;
	padding: 14px 5px 5px 5px;
}

#profile_headshot {
	height: 140px;
	width: 140px;
	float: left;
}

.profile_header_main_top {
	height: 90px;
	line-height: 34px;
	margin-left: 160px;
	margin-right:220px;
}

.profile_header_main_bottom {
	height: 50px;
	margin-left: 160px;
}

.profile_header_main_bottom_left {
	height: 50px;
	float: left;
}

#process_role_header_main_bottom .profile_header_main_bottom_left {
	line-height: 66px;
	margin-left: -160px;
}

#process_role_header_main_bottom .profile_header_main_bottom_left .btn {
	line-height: 20px;
}

#usersContainer .grid_actions_container {
	z-index: 998;
}

.profile_header_main_bottom_right {
	line-height: 66px;
	height: 50px;
	float: right;
}

.profile_header_main_bottom_right .btn {
	line-height: 20px;
}

.detail_container_row_fluid_with_form {
	overflow-x: hidden;
	overflow-y: scroll;
}

.profile_content {
	margin-bottom: 0px;
	max-height: 290px;
}

.detail_header_main {
	height: 100px;
	padding: 10px 10px 5px 10px;
}

.detail_header_main_left {
	float: left;
	height: 100px;
	width:0px;
}

.detail_header_main_top {
	height: 70px;
	line-height: 34px;
}

.detail_header_main_bottom {
	height: 30px;
}

.detail_header_main_bottom_left {
	float: left;
	height: 30px;
}

.detail_header_main_bottom_right {
	float: right;
	line-height: 22px;
	height: 30px;
}

.small_header_main {
	height: 40px;
	padding: 10px;
}

.small_header_main_top {
	height: 40px;
	line-height: 34px;
}

.summary_header_main {
	height: 70px;
	padding: 10px;
}

.summary_header_main_left {
	float: left;
	height: 70px;
	width:0px;

}

.summary_header_main_top {
	height: 50px;
	line-height: 34px;
}

.delete_board_category {
	text-decoration: none;
	cursor: pointer;
	color: #a3a3a3;
	margin-top: -16px;
}

.delete_board_category:hover {
	text-decoration: none;
	color: #8b8b8b;
}

/* needs verification from David */
div.alert-danger a {
	color: #005580;
}

/*VERTICAL FORM LAYOUT*/
.modal .vertical_form .name{
	margin-bottom: 5px;
	color:#a3a3a3;
	margin-left:20px;
	font-weight: 200;
	margin-top:10px;
}
.modal .vertical_form .value{
	margin-left: 20px;
}

.modal .vertical_form .value input,.modal .vertical_form .value select{
	margin-bottom:0px;
}

.quick_links_separator {
	color: #FFFFFF;
	margin: 10px 5px 10px 10px;
}


/* DASHBOARD CARDS */

.dashboard_large_badge_container {
	width: 100%;
	margin-bottom: 30px;
}

.dashboard_large_badge {
	height: 65px;
	width: 100%;
	background-color: #757575;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 200;
	color: white;
	position: relative;
}

.dashboard_large_badge_contents {
	height: 50px;
	width: 100%;
	padding: 10px 10px 5px 10px;
}

.dashboard_large_badge div.pull-right {
	margin-right: 20px;
}

.dashboard_large_badge i {
	font-size: 26px;
	margin-right: 5px;
}

.dashboard_large_badge small {
	display: block;
	font-size: 60%;
	margin-top: 5px;
}

.dashboard_large_badge .badge {
	background-color: #555;
}

.dashboard_large_badge p {
	font-size: 12px;
	margin-top: 5px;
}

.dashboard_large_badge.with_content {
	background-color: #207AB6;
}

.dashboard_large_badge.with_content div.badge {
	background-color: #0d5071;
}

.dashboard_large_badge .dashboard_large_badge_overlay  {
	display: none;
	background-color: #297fb8;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.dashboard_large_badge_overlay>div {
	position: relative;
	margin: 5px;
	height: 55px;
}

.dashboard_large_badge_overlay>div>div.row-fluid {
	height: 55px;
}

.dashboard_large_badge:hover .dashboard_large_badge_overlay {
	display: block;
	opacity:0.9;
	background-color: #a3a3a3;
}

.dashboard_large_badge:hover .dashboard_large_badge_overlay.with_content{
	background-color: #297fb8;
}

.dashboard_large_badge_overlay a {
	height: 100%;
	width: 100%;
	color: white;
	text-decoration: none;
	cursor: pointer;
	font-weight: 400;
}

.dashboard_large_badge.needs_attention {
	background-color: #C24700;
}

.dashboard_large_badge.needs_attention div.badge {
	background-color: #a93e00;
}

.dashboard_large_badge:hover .dashboard_large_badge_overlay.needs_attention{
	background-color: #C24700;
}

.dashboard_large_badge.with_content.green {
	background-color: #008a00;
}

.dashboard_large_badge.with_content.red {
	background-color: #c1392d;
}

.dashboard_large_badge.with_content.yellow {
	background-color: #fbae39;
	color:#474747;
}

.dashboard_large_badge.with_content.blue {
	background-color: #207AB6;
}

.dashboard_large_badge.with_content.dark {
	background-color: #757575;
}

/* dashboard cards end */

#activityStreamHistorySortDrop span.caret {
	line-height: 36px;
}

.pad_top {
	padding-top:10px;
}

.pad_right {
	padding-right:10px;
}

.fc-event-title {
	font-weight: 200;
	margin-left: 5px;
}

.cal_event_sport {
	line-height: 16px;
	color: #474747;
	font-weight: 300;
	float: right;
	background-color: white;
	padding-left: 2px;
	padding-right: 2px;
}

.cal_event_team_noncountable {
	color:#707070;
	background-color: white;
	border: 1px #f5f5f5 solid;
}

.cal_event_team_noncountable .cal_event_sport {
	border-left: 1px solid #f5f5f5;
}

.cal_event_team_countable_incomplete {
	color:#FFFFFF;
	background-color:#C24700;
}

.cal_event_team_countable_incomplete .fc-event-title {
	color: #fff;
}

.cal_event_team_countable_incomplete .cal_event_sport {
	border: 1px solid #CC4B00;
}

.cal_event_recruiting {
	color:#FFFFFF;
	background-color: #207AB6;
}

.cal_event_recruiting .cal_event_sport {
	border: 1px solid #3598dc;
}

.fc-event i.icon {
	display: none;
}

.cal_event_team_countable_complete {
	color:#707070;
	background-color:#f5f5f5;
}

.cal_event_team_countable_complete .cal_event_sport {
	border: 1px solid #f5f5f5;
}

.fc-event.cal_event_team_countable_complete i.icon.icon-ok {
	float: right;
	color: #27ae61;
	margin-top: 4px;
	margin-right: 5px;
	display: inline;
}

/* Recruiting Board */

.board_profile {
	margin: 0px auto 10px auto;
	padding: 2px;
	border: thin #EEEEEE solid;
	width: 172px;
	background-color: white;
	cursor: pointer;
	text-align: left;
	min-height: 35px;
}

.singleCategory .board_profile {
	width: inherit;
}

.board_profile .headshot {
	margin: auto;
	height: 35px;
	width: 35px;
}

.board_profile .title {
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: bold;
}

.board_profile .profile_icon_container {
	width: 15px;
}

.isotope,.isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition
	{
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

.board_filter {
	border: 1px #ccc solid;
	/*
	max-height: 40px;
	height: 20px;
	*/
	word-wrap: break-word;
	padding: 5px;
	margin: 5px 10px 5px 0px;
	color: #8b8b8b;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

.board_filter.shown {
	background-color: #F6F6F6;
}

.board_filter i {
	color: #c4c4c4;
	float: right;
	margin-top: 3px;
	font-size: 14px;
}

.board_filter.shown i {
	color: #3598dc;
}

.board_filter:hover {
	cursor: pointer;
}

#board_filter_container {
	width: 150px;
	margin-right: -150px;
	background-color: white;
	float: left;
	border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-left-color: rgb(204, 207, 209);
	min-height: 100%;
	border-right: 1px solid #E9E9E9;
	padding-top: 10px;
}

.board_filter_item {
	padding: 0px 0px 10px 0px;
	font-size: 12px;
}

.board_filter_header {
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #666666;
}

#boardActivityStreamContainer {
	text-align: left;
	background-color: rgb(246, 246, 246);
	padding: 5px;
}

#profile_summary {
	text-align: left;
}

#profile_summary .management_view_pagetitle {
	font-size: 18px;
	color: #666666;
	font-weight: 200;
	vertical-align: middle;
	background: white;
	padding-top: 5px;
	border-bottom: 1px solid #dadada;
	height: 75px;
}

#profile_summary .profile_header_main {
	height: 100px;
	padding-bottom: 0px;
}

#profile_summary #profile_headshot {
	height: 40px;
	width: 40px;
	float: left;
}

#profile_summary .profile_header_main_top {
	height: 60px;
	line-height: 18px;
	margin-left: 50px;
	margin-right: 0px;
}

#profile_summary .profile_header_main_bottom {
	height: 40px;
	margin-left: 0px;
}

#profile_summary .profile_header_main_bottom_left {
	height: 40px;
	float: left;
}

#profile_summary .profile_header_main_bottom_right {
	line-height: 12px;
	height: 40px;
	float: right;
}

#profile_summary .new_badge_container {
	height: 30px;
	padding-left: 3px;
}

#profile_summary .new_badge {
	height: 30px;
	width: 30px;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	margin: 5px 5px 5px 0px;
	background-color: #ebebeb;
}

#profile_summary .new_badge:last-child {
	margin: 5px 0px 5px 0px;
}

#profile_summary .management_view_page_subtitle {
	font-size: 14px;
	text-align: left;
	font-weight: 200;
	line-height: 20px;
	color: #f17827;
	text-transform: uppercase;
	margin-top:0px;
}

#profile_summary .detailContentContainer {
	margin-top: 5px;
}

#profile_summary #profile_engagement {
	margin-top: 10px;
}

#profile_summary .overlay_link_box.wordy {
	font-size: 16px;
}

#boardRecruitProfileContainer #profile_alerts #boardCategories {
	display: none;
}

#profile_summary #profile_summary_main_content_body button {
	display: none;
}

#profile_summary .profile_header_main_top {
	overflow: hidden;
}

.board_drop_zone .detailContentContainer>.header {
	height: inherit;
	word-wrap: break-word;
}

.sortableRecruit {
	list-style-type: none; margin: 0; padding: 0;
}

.sortableCategory {
	list-style-type: none; margin: 0; padding: 0;
}

.color_choice_container {
	width: 185px;
	margin: 5px auto 0 auto;
}

.color_choice {
	height: 12px;
	width: 12px;
	border: 1px solid #474747;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	margin: 0px 0px 0px 5px;
}

.light-blue {
	background-color: #3598dc;
}

.purple {
	background-color: #6f5499;
}

.white {
	background-color: white;
}

.green {
	background-color: #27ae61;
}

.yellow {
	background-color: #fbae39;
	color: #474747;
}

.orange {
	background-color: #f17827;
}

.red {
	background-color: #c1392d;
}

.black {
	background-color: #000000;
}

.colored-bg {
	color: white;
}

.board_profile i {
	color: #00A1CE;
}

.board_profile i.colored-bg {
	color: white;
}

.inline-profile p[class="sub_title colored-font colored-bg"] {
	color: white;
}

.board_profile .sub_title {
	font-size: 10px;
	margin-bottom: 0px;
	color: #999999;
	line-height:12px;
	vertical-align:middle;
}

.board_profile .sub_title .viewFieldHeader {
	font-size: 8px;
	line-height:14px;
	text-transform:uppercase;
	color:rgb(51, 51, 51);
	font-weight:400;
}

.board_profile .sub_title.colored-bg .viewFieldHeader {
	color: white	;
	font-style:italic;
}

.board_profile .sub_title .viewFieldValue {
	font-size: 9px;
	line-height:14px;
}

.board_profile div.sub_title>span {
	word-wrap: break-word;
}

.board_profile .sub_title.colored-bg {
	color: white;
}

#boardActivityStreamContainer {
	min-height: 500px;
}

/*PROFILE PRINT VIEW*/
.detailContentContainer .subSectionHeader{
	font-weight: 300;
	color: #666666;
	text-transform: none;
	font-size: 18px;
	margin-bottom:5px;
}

.season_specific_field_label {
	background-color: #207AB6;
	margin-left: 5px;
	font-size: 10px;
}

/*Segment*/
.segment_details .header{
	font-size:12px;
	text-transform:uppercase;
	font-weight:400;
}

/*WIDGET*/
.countHeader {
	margin: 0px auto;
	display: table;
	border-bottom: none !important;
}
.big-badge {
	font-size: 42px;
	line-height: 42px;
	margin: 0px auto;
	display: table;
}
.med-badge {
	font-size: 28px;
	line-height: 28px;
	margin: 0px auto;
	display: table;
	padding:5px
}

/*PLAYING SEASON*/
.cara-day-cell .badge{
	font-size:10px !important;
}

/*SUBGRID*/

.subgrid_title{
	color: #C24700;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 200;
	font-size: 20px;

}

/*RECRUIT VIOLATION MODAL*/
.recruit_compliance_status_container{
	background-color: rgb(246, 246, 246);
}
.recruit_compliance_status_category_title{
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #C24700;
}
.recruit_compliance_status_image{
	display:table-cell;
	width:40px;
}
.recruit_compliance_status_item_summary{
	display:table-cell;
	padding-left:10px;
}
.recruit_compliance_status_explanation{
	text-transform: uppercase;
	font-size: 14px;
}
.recruit_compliance_status_item{
	margin-top:3px;
}
.recruit_compliance_status_item .title{
	width: 125px;
	display: table-cell;
	text-transform: uppercase;
}
.recruit_compliance_status_item .value{
	display: table-cell;
}

/* Support - Email Themes */

#email_theme_container #theme_type_row label {
    display: inline;
    margin-right: 10px;
}

#email_theme_container #theme_type_row input {
    width: auto;
    max-width: initial;
    margin-top: 0px;
    margin-right: 5px;
}

#email_theme_container #custom_type_row div {
    float: left;
}

#email_theme_container #custom_type_row div.value {
    width: 40%;
}

#email_theme_container #custom_type_row div.title {
    width: 10%;
}

#email_theme_container #custom_type_row select {
    width: auto;
}

/* DE Rule Builder */

.de-rulebuilder-section .item {
	color: black;
}

.de-rulebuilder-section .item.disabled {
	color: #707070;
}

.de-rulebuilder-section .item.disabled.rule-selection {
	color: #D72919;
}

.triggerTile {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: rgb(246, 246, 246);
}

.triggerTile.disabled {
	background-color: white;
	border: 1px solid #ccc;
}

.triggerTile h4 {
	color: #207AB6;
}

.triggerTile.disabled h4 {
	color: #ccc;
}

.triggerTile.disabled.rule-selection h4 {
	color: #D72919;
}

.trigger_container:hover span{
	display:inline;
}

a.de-btn-back {
  	text-align: center;
  	padding: 5px 20px;
  	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: 1px #ebebeb solid;
	display: block;
	clear: both;
	float: right;
	outline: none;
	position: relative;
	top: -22px;
	right: 0px;
	z-index: 50;
	font-size: 14px;
	color: #207AB6;
	background-color: white;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

a.de-btn-back:hover {
	text-decoration: none;
	cursor: pointer;
}

/* SA Profile financial aid widget */

.aid_scroller {
	overflow: auto;
}

.aid_scroller .scroll_container {
	height: 282px;
	max-height: 282px;
	width: 1210px;
	position: relative;
}

.aid_scroller .detailContentContainer {
	margin-right: 10px;
	width: 200px;
	height: 290px;
}

.aid_scroller.roster_status_scroller .detailContentContainer {
	height: unset;
	flex-shrink: 0;
}

.aid_scroller.roster_status_scroller {
	max-height: 650px;
	overflow-y: scroll;
}

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

.aid_scroller .section .header {
	font-weight: 600;
}

.with_separator {
	border-bottom: 1px solid #efefef;
}

/* END SA Profile financial aid widget */

/* Aid Event Details Modal */

#aid_event_details_modal .header_section {
	text-transform: uppercase;
	min-height: 0px;
	border: 1px solid #c4c4c4;
	line-height: 16px;
	color: #8b8b8b;
	margin-top: 4px;
	-webkit-border-radius: 3px;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
}

#aid_event_details_modal .header_value_row {
	color: #8b8b8b;
}


#aid_event_details_modal .historyContainer {
	overflow: auto;
	font-size: 12px;
	font-weight: normal;
	/* width is set via javascript */
}

#aid_event_details_modal .historyContainer .scroll_container {
	height: 282px;
	max-height: 282px;
	width: 1210px;
}

#aid_event_details_modal .historyContainer .detailContentContainer {
	margin-right: 10px;
	width: 200px;
	height: 290px;
}

.arms-rich-modal .modal-body .detailContentHeightContainer {
	min-height: 200px;
}

.arms-rich-modal .modal-body .detailContentContainer .contents {
	margin-top: 10px;
}

.arms-rich-modal .modal-body,#new_highSchool_evaluation_modal .modal-body,#edit_highSchool_evaluation_modal .modal-body,#new_visit_details_modal .modal-body{
	background-color: #757575;
	margin-top: 0px;
}

.arms-rich-modal .modal-header {
	padding: 9px 15px;
	max-height: 145px;
}

#aid_event_details_modal input, #aid_event_details_modal textarea {
	border: 1px #c4c4c4 solid;
}

.arms-rich-modal #profile_headshot {
	height: 75px;
	width: 75px;
}

/* END Aid Event Details Modal */

/* FA Workbook Sheet */

#workbook_sheet_form .aid_event_value {
	width: 65px;
	text-align: right !important;
}

#workbook_sheet_form .aid_event_value.label {
	width: auto;
	text-align: center !important;
}

#workbook_sheet_form table tr, #workbook_sheet_form table td {
	height: 30px;
	max-height: 30px;
}

#workbook_sheet_form table td {
	padding: 2px;
}

#workbook_sheet_form table td.dollars.bordered_right {
	padding-right: 4px;
}

#workbook_sheet_form table td.dollars.bordered_right.history_cell {
	padding-right: 2px;
}

#workbook_sheet_form table td input {
	margin-bottom: 0px;
	padding: 2px 2px;
}

#workbook_sheet_form .bordered_cell {
	border-left: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
}

#workbook_sheet_form .bordered_right {
	border-right: 1px solid #c4c4c4;
}

#workbook_sheet_form table td.center, #workbook_sheet_form table th.center {
	text-align: center !important;
}

#workbook_sheet_form table td.right, #workbook_sheet_form table th.right {
	text-align: right !important;
}

#workbook_sheet_form table td.no_top, #workbook_sheet_form table th.no_top {
	border-top: none !important;
}

#workbook_sheet_form .currency_sign {
	margin-top: 3px;
	margin-right: 3px;
}

#workbook_sheet_form .history_cell {
	width: 50px;
}

#workbook_sheet_table tfoot span.total {
	float: right;
	text-align: right !important;
}

#workbook_sheet_table tfoot td.equivalency span.total {
	float: none;
	text-align: center;
}

#workbook_sheet_table tfoot span.total.equivalency {
	float: none;
	margin-right: 0px;
}

#workbook_sheet_table tfoot span.total.no_margin {
	margin-right: 0px;
}

#workbook_sheet_table tfoot {
	border-top: double #c4c4c4 !important;
}

#workbook_sheet_table .history_cell.dollars {
	min-width: 60px;
}

#workbook_sheet_table tfoot .dollars {
	min-width: 90px;
}

#workbook_sheet_table tfoot .dollars.basisYear {
	min-width: 0px;
}

#workbook_sheet_table tbody {
	color: #8b8b8b;
	font-weight: 300;
}

#workbook_sheet_table .name_cell {
	max-width: 150px !important;
}

a.descriptionLink {
	color: #c4c4c4;
}

a.descriptionLink.withContent {
	color: #3598dc;
}

#workbook_sheet_table i.icon-bullseye {
	margin-left: 5px;
}


/* END FA Workbook Sheet */

/* PTD Overview table */



a.noteLink {
	color: #c4c4c4;
}

a.noteLink.withContent {
	color: #3598dc;
}

a.awardsLink {
	color: #c4c4c4;
}

a.awardsLink.withContent {
	color: #3598dc;
}

#ptdDirtyButtonContainer {
	display: none;
	float: right;
	width: 220px;
	text-align: center;
	padding-top: 10px;
	font-size: 12px;
}

#recalculatePtd {
	margin-top: 10px;
}

#ptd_form table td.center, #ptd_form table th.center, .roster_member_ptd_table td.center, .roster_member_ptd_table th.center, #roster_member_roster_status_table td.center, #roster_member_roster_status_table th.center {
	text-align: center !important;
}

#ptd_form table td.right, #ptd_form table th.right {
	text-align: right !important;
}

#ptd_form table td.no_top, #ptd_form table th.no_top, .roster_member_ptd_table td.no_top, .roster_member_ptd_table th.no_top {
	border-top: none !important;
}

#ptd_form table tr.atRisk td.atRisk {
	background-color: #c1392d;
	color: white;
}

#ptd_form table tr.atRisk td.atRisk {
	background-color: #c1392d;
	color: white;
}

#ptd_form table tr.atRisk td.atRisk {
	background-color: #c1392d;
	color: white;
}

#ptd_form table tr.atRisk td span.label-light {
	background-color: #474747;
}

#ptd_form table tr.atRisk td span.label-warning {
	background-color: #f7931e;
}

.progress {
	background-image: none;
}

.progress .bar {
	font-size: 11px;
	text-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	transition: width 1.0s ease;
	-webkit-transition: width 1.0s ease;
	-moz-transition: width 1.0s ease;
	-o-transition: width 1.0s ease;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.progress .bar + .bar {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.progress .bar-success {
	background-color: #1E854B;
	background-image: none;
}

.progress .bar-neutral {
	background-color: #a3a3a3;
	background-image: none;
}

.progress .bar-light {
	background-color: #ccc;
	background-image: none;
	color: #000;
}

.progress .bar-danger {
	background-color: #c24700;
	background-image: none;
}

.progress .bar-error {
	background-color: #b94a48;
	background-image: none;
}

#academicWidgetPtdTable {
	table-layout: fixed;
	width: 100%;
}

#academicWidgetPtdTable th, #academicWidgetPtdTable td {
	max-width: 50%;
	width: 50%;
}

#academicWidgetPtdTable .year {
	max-width: 70px !important;
	width: 70px !important;
}

#academicWidgetPtdTable .gateRequirement .badge {
	margin-right: 4px;
}

#degree_percentage_table {
	table-layout: fixed;
	width: 100%;
}

#degree_percentage_table td {
	max-width: unset !important;
	width: unset !important;
}

#degree_percentage_table th {
	max-width: 170px !important;
	width: 170px !important;
}

/* PTD Detail Modal */

#ptd_detail_modal_hours .section .header {
	font-weight: 600;
}

.roster_member_ptd_table {
	margin-bottom: 0px !important;
	font-size: 12px !important;
	font-weight: 300;
	background: #fff;
}

.roster_member_ptd_table .gateRequirement .badge {
	margin-right: 4px;
}

.roster_member_ptd_table .termSummaryReadOnly, .roster_member_ptd_table span.termSummaryInput, .roster_member_ptd_table span.recordInput, .roster_member_ptd_table span.gpaSummaryInput {
	font-size: 14px;
}

.roster_member_ptd_table .courseValueLocked {
	border-color: #207ab6;
}

.roster_member_ptd_table .academicTermSummaryRow:not(.withRecords) .termSummaryReadOnly {
	display: none;
}

.roster_member_ptd_table .academicTermRow, .roster_member_ptd_table .noContent {
	background-color: #f2f2f2;
}

.roster_member_ptd_table .recordRow {
	background-color: white;
}

.roster_member_ptd_table .newRecord {
	background-color: white;
	display: none;
}

.roster_member_ptd_table .newRecord.hidden {
	display: none;
}

.roster_member_ptd_table .academicTermSummaryRow:not(.withRecords) .termSummaryReadOnly {
	display: none !important;
}

.roster_member_ptd_table .academicTermSummaryRow.withRecords .termSummaryInput {
	display: none !important;
}

.roster_member_ptd_table .termRecordsBody, .roster_member_ptd_table .termNewRecordsBody {
	display: none;
}

.roster_member_ptd_table .termNewRecordsBody .newRecord.hidden {
	display: none;
}

.roster_member_ptd_table .courseSectionSelectContainer {
	display: none;
}

.roster_member_ptd_table .courseSectionSelect {
	display: inline;
	width: 80%;
	height: 22px;
	padding: 0px 6px;
	float: right;
	margin: 0px 4px;
}

.roster_member_ptd_table td {
	padding: 6px 4px 4px 6px;
	color: #707070;
}

.roster_member_ptd_table .removeAcademicRecord, .roster_member_ptd_table .removeAcademicRecord:hover {
	float: right;
	text-decoration: none;
	color: #c4c4c4;
	font-size: 10px;
	line-height: 10px;
}

.roster_member_ptd_table .removeAcademicRecord:hover {
	color: #707070;
}

.roster_member_ptd_table input[type='text'] {
	width: 36px !important;
	height: 12px !important;
	text-align: right;
	margin: 0px;
}

.roster_member_ptd_table input[type='text'].grade {
	text-align: center;
}

.roster_member_ptd_table .termName {
	text-transform: uppercase;
	font-weight: 600;
	min-width: 69px;
	width: 69px;
	float: left;
}

.roster_member_ptd_table .expandRow, .roster_member_ptd_table .collapseRow {
	text-decoration: none;
	font-size: 16px;
}

.roster_member_ptd_table .collapseRow {
	display: none;
}

.roster_member_ptd_table th.courseName, .roster_member_ptd_table td.courseName {
	width: 275px;
}

.roster_member_ptd_table td.courseName {
	line-height: 12px;
}

#degreeCompletionTable th {
	width: 130px;
}

#progressContainer .progressDescription {
	font-size: 12px;
	font-weight: 600;
	float: left;
}

#progressContainer .progressCredits {
	font-size: 10px;
	font-weight: 200;
	float: right;
}

#progressContainer .progress {
	clear: both;
}

/*
 * hide all badges and their gate values by default
 */
.academicTermRow .gateRequirement .gateMet,
.academicTermRow .gateRequirement .gateMissed,
.academicTermRow .gateRequirement .gateNoData,
.academicTermRow .gateRequirement .gateValue,
.academicTermRow .gateRequirement.firstTermEnrolled,
.academicTermRow .gateRequirement.firstTermHere {
	display: none;
}

/* gate 6 rules */

.academicTermRow.divisionTwo.quarterSchool.gate6Met .gateRequirement.six .gateMet,
.academicTermRow.divisionTwo.quarterSchool.gate6Met .gateRequirement.six .gateMet .divisionTwo .gateValue.quarterSchool,
.academicTermRow.divisionTwo.quarterSchool.gate6Missed .gateRequirement.six .gateMissed,
.academicTermRow.divisionTwo.quarterSchool.gate6Missed .gateRequirement.six .gateMissed .divisionTwo .gateValue.quarterSchool,
.academicTermRow.divisionTwo.quarterSchool.gate6NoData .gateRequirement.six .gateNoData,
.academicTermRow.divisionTwo.quarterSchool.gate6NoData .gateRequirement.six .gateNoData .divisionTwo .gateValue.quarterSchool,

.academicTermRow.divisionTwo.nonQuarterSchool.gate6Met .gateRequirement.six .gateMet,
.academicTermRow.divisionTwo.nonQuarterSchool.gate6Met .gateRequirement.six .gateMet .divisionTwo .gateValue.nonQuarterSchool,
.academicTermRow.divisionTwo.nonQuarterSchool.gate6Missed .gateRequirement.six .gateMissed,
.academicTermRow.divisionTwo.nonQuarterSchool.gate6Missed .gateRequirement.six .gateMissed .divisionTwo .gateValue.nonQuarterSchool,
.academicTermRow.divisionTwo.nonQuarterSchool.gate6NoData .gateRequirement.six .gateNoData,
.academicTermRow.divisionTwo.nonQuarterSchool.gate6NoData .gateRequirement.six .gateNoData .divisionTwo .gateValue.nonQuarterSchool,

.academicTermRow.nonDivisionTwo.footballSecondTerm.gate6Met .gateRequirement.six .gateMet,
.academicTermRow.nonDivisionTwo.footballSecondTerm.gate6Met .gateRequirement.six .gateMet .nonDivisionTwo .gateValue.footballSecondTerm,
.academicTermRow.nonDivisionTwo.footballSecondTerm.gate6Missed .gateRequirement.six .gateMissed,
.academicTermRow.nonDivisionTwo.footballSecondTerm.gate6Missed .gateRequirement.six .gateMissed .nonDivisionTwo .gateValue.footballSecondTerm,
.academicTermRow.nonDivisionTwo.footballSecondTerm.gate6NoData .gateRequirement.six .gateNoData,
.academicTermRow.nonDivisionTwo.footballSecondTerm.gate6NoData .gateRequirement.six .gateNoData .nonDivisionTwo .gateValue.footballSecondTerm,

.academicTermRow.nonDivisionTwo.notFootballSecondTerm.gate6Met .gateRequirement.six .gateMet,
.academicTermRow.nonDivisionTwo.notFootballSecondTerm.gate6Met .gateRequirement.six .gateMet .nonDivisionTwo .gateValue.notFootballSecondTerm,
.academicTermRow.nonDivisionTwo.notFootballSecondTerm.gate6Missed .gateRequirement.six .gateMissed,
.academicTermRow.nonDivisionTwo.notFootballSecondTerm.gate6Missed .gateRequirement.six .gateMissed .nonDivisionTwo .gateValue.notFootballSecondTerm,
.academicTermRow.nonDivisionTwo.notFootballSecondTerm.gate6NoData .gateRequirement.six .gateNoData,
.academicTermRow.nonDivisionTwo.notFootballSecondTerm.gate6NoData .gateRequirement.six .gateNoData .nonDivisionTwo .gateValue.notFootballSecondTerm {
	display: inline;
}

/* gate 18 rules */

.academicTermRow.quarterSchool.gate18Met .gateRequirement.eighteen .gateMet,
.academicTermRow.quarterSchool.gate18Met .gateRequirement.eighteen .gateMet .gateValue.quarterSchool,
.academicTermRow.quarterSchool.gate18Missed .gateRequirement.eighteen .gateMissed,
.academicTermRow.quarterSchool.gate18Missed .gateRequirement.eighteen .gateMissed .gateValue.quarterSchool,
.academicTermRow.quarterSchool.gate18NoData .gateRequirement.eighteen .gateNoData,
.academicTermRow.quarterSchool.gate18NoData .gateRequirement.eighteen .gateNoData .gateValue.quarterSchool,

.academicTermRow.nonQuarterSchool.gate18Met .gateRequirement.eighteen .gateMet,
.academicTermRow.nonQuarterSchool.gate18Met .gateRequirement.eighteen .gateMet .gateValue.nonQuarterSchool,
.academicTermRow.nonQuarterSchool.gate18Missed .gateRequirement.eighteen .gateMissed,
.academicTermRow.nonQuarterSchool.gate18Missed .gateRequirement.eighteen .gateMissed .gateValue.nonQuarterSchool,
.academicTermRow.nonQuarterSchool.gate18NoData .gateRequirement.eighteen .gateNoData,
.academicTermRow.nonQuarterSchool.gate18NoData .gateRequirement.eighteen .gateNoData .gateValue.nonQuarterSchool {
	display: inline;
}

/* gate 24 rules */

.academicTermRow.quarterSchool.gate24Met .gateRequirement.twentyFour .gateMet,
.academicTermRow.quarterSchool.gate24Met .gateRequirement.twentyFour .gateMet .gateValue.quarterSchool,
.academicTermRow.quarterSchool.gate24Missed .gateRequirement.twentyFour .gateMissed,
.academicTermRow.quarterSchool.gate24Missed .gateRequirement.twentyFour .gateMissed .gateValue.quarterSchool,
.academicTermRow.quarterSchool.gate24NoData .gateRequirement.twentyFour .gateNoData,
.academicTermRow.quarterSchool.gate24NoData .gateRequirement.twentyFour .gateNoData .gateValue.quarterSchool,

.academicTermRow.nonQuarterSchool.gate24Met .gateRequirement.twentyFour .gateMet,
.academicTermRow.nonQuarterSchool.gate24Met .gateRequirement.twentyFour .gateMet .gateValue.nonQuarterSchool,
.academicTermRow.nonQuarterSchool.gate24Missed .gateRequirement.twentyFour .gateMissed,
.academicTermRow.nonQuarterSchool.gate24Missed .gateRequirement.twentyFour .gateMissed .gateValue.nonQuarterSchool,
.academicTermRow.nonQuarterSchool.gate24NoData .gateRequirement.twentyFour .gateNoData,
.academicTermRow.nonQuarterSchool.gate24NoData .gateRequirement.twentyFour .gateNoData .gateValue.nonQuarterSchool {
	display: inline;
}

/* gate 48 rules */

.academicTermRow.quarterSchool.gate48Met .gateRequirement.fortyEight .gateMet,
.academicTermRow.quarterSchool.gate48Met .gateRequirement.fortyEight .gateMet .gateValue.quarterSchool,
.academicTermRow.quarterSchool.gate48Missed .gateRequirement.fortyEight .gateMissed,
.academicTermRow.quarterSchool.gate48Missed .gateRequirement.fortyEight .gateMissed .gateValue.quarterSchool,
.academicTermRow.quarterSchool.gate48NoData .gateRequirement.fortyEight .gateNoData,
.academicTermRow.quarterSchool.gate48NoData .gateRequirement.fortyEight .gateNoData .gateValue.quarterSchool,

.academicTermRow.nonQuarterSchool.gate48Met .gateRequirement.fortyEight .gateMet,
.academicTermRow.nonQuarterSchool.gate48Met .gateRequirement.fortyEight .gateMet .gateValue.nonQuarterSchool,
.academicTermRow.nonQuarterSchool.gate48Missed .gateRequirement.fortyEight .gateMissed,
.academicTermRow.nonQuarterSchool.gate48Missed .gateRequirement.fortyEight .gateMissed .gateValue.nonQuarterSchool,
.academicTermRow.nonQuarterSchool.gate48NoData .gateRequirement.fortyEight .gateNoData,
.academicTermRow.nonQuarterSchool.gate48NoData .gateRequirement.fortyEight .gateNoData .gateValue.nonQuarterSchool {
	display: inline;
}


/* major declared rules */

.academicTermRow.majorDeclared .gateRequirement.major .gateMet,
.academicTermRow.majorNotDeclared .gateRequirement.major .gateMissed {
	display: inline;
}

/* first term enrolled / here rules */

.academicTermRow.firstTermEnrolled .gateRequirement.firstTermEnrolled,
.academicTermRow.firstTermHere .gateRequirement.firstTermHere {
	display: inline;
}

.academicTermSummaryRow .autoCalculationIcon {
	float: right;
	margin-left: 5px;
	margin-right: 5px;
}

.academicTermSummaryRow .autoCalculationIcon img {
	height: 14px;
}

/* Roster Status Widget */

.rosterStatusWidgetYearContainer .section.termSection {
	margin-right: 5px;
	padding: 5px;
	float: left;
	height: 110px;
	max-height: 110px;
	border: 1px solid #efefef;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
}

#roster_member_roster_status_table td, #roster_member_roster_status_table th {
	font-size: 12px;
}

/* Squad List */

#squad_list_container .countHeader {
	font-weight: 200;
	font-size: 16px;
	color: #8b8b8b;
	height: 18px;
	line-height: 24px;
	width: 100%;
}

#squad_list_container .countHeader.approved {
	color: #27ae61;
}

#squad_list_container .countHeader.notApproved {
	color: #3598dc;
}

#sport_squad_list_table td.center, #sport_squad_list_table th.center {
	text-align: center !important;
}

#sport_squad_list_table td, #sport_squad_list_table th {
	vertical-align: top;
}

#sport_squad_list_table td.no_top, #sport_squad_list_table th.no_top {
	border-top: none !important;
}

#squad_list_container div.approval .icon-check {
	color: #27ae61;
	margin-left: 5px;
}

#squad_list_container div.approval .icon-check-empty {
	color: #c1392d;
	margin-left: 5px;
	margin-right: 2px;
}

#squad_list_container div.approval .icon-check-empty.skipped {
	color: #27ae61;
}

#squad_list_container .approval .role {
	text-align: left;
}

#sport_squad_list_table tfoot {
	border-top: double #c4c4c4 !important;
	font-weight: 400;
	font-size: 12px;
}

#sport_squad_list_table thead th, #sport_squad_list_table tbody td {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#sport_squad_list_table {
	border-top: 1px solid #ddd;
}

#sport_squad_list_table .bordered_right {
	border-right: 1px solid #ddd;
}

.param-label{
	color: #8b8b8b;
	font-size: 18px;
	font-weight: 200;
}
.param-value{
	color: #8b8b8b;
	font-size: 18px;
	font-weight: 200;
	margin-top: 10px;
}
.background-white{
	background-color: white;
}
.subContainer{
	padding: 10px 30px;
  	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: 1px #ebebeb solid;
}
.tokenEnabled{
	background-color: #DCEDFF !important;
}
/* PROSPECT EVALUATION VIDEO TASK MODAL */

ul.video_list {
	list-style: none;
	margin-left: 0px;
}

.video_list_item {
	padding: 10px;
	min-height: 90px;
	clear: left;
}

.video_list_item span {
	overflow: hidden;
}

.video_list_item .left {
	float: left;
	margin-right: 8px;
}

.video_list_item .title {
	color: #666666;
	font-size: 13px;
	font-weight: bold;
	display: block;
	font-size: 1.0833em;
	line-height: 1.2;
	max-height: 2.4em;
	margin-bottom: 2px;
	overflow: hidden;
}

.video_list_item .attribution {
	overflow: hidden;
	color: #333;
}

.video_list_item .description {
	overflow: hidden;
	font-style: italic;
	color: #333;
}

.video_list_item a {
	text-decoration: none;
}

.video_list_item:not(.active):hover {
	background-color: #c4c4c4;
}

/*MODAL LAYOUT*/

.modal-body .detailContentContainer .header {
	margin-bottom:5px;
}

/* WORKFLOW EXPLORER */

.wf-stats-container .wf-stats-callout {
    font-weight: bold;
    font-size: 20px;
}

.wf-stats-container .wf-stats-desc {
    font-weight: normal;
    font-size: 14px;
    margin-right: 10px;
}

.task-summary {
    height: 100px;
	width: 150px;
	float: left;
	padding-right: 8px;
	padding-left: 8px;
	margin-right: 15px;
}

.task-summary-hl {
    background-color: #207AB6;
    color: white;
}

.task-summary-norm {
    background-color: white;
    color: black;
}

.task-summary-name {
    font-size: 16px;
	height: 65px;
}

.task-summary-count {
    font-size: 26px;
}

.scroller.explorer {
	overflow: auto;
}
.scroller.explorer .scroll_container {
	min-width: 2600px;
	width: auto;
	height: 120px;
	max-height: 120px;
	min-height: 120px;
}

span.combobox-sublabel {
	float: right;
	color: #A0A0B1;
	font-size: 11px;
	margin-left: 15px;
}

/* END WORKFLOW EXPLORER */

.video_list_item.active {
	background-color: #f5f5f5;
}

.video_list_item.active a {
	cursor: default;
}

.video_list_item.active a img {
	border: 2px solid #f17827;
}

.video_list_item.active a .title {
	color: #f17827;
}


/* Eval pipeline widget */

.evalPipelineWidget .evalPipelineStep .header{
	height:80px;
	max-height:80px;
	overflow:hidden;
	word-wrap:break-word;
	max-width:100%;
}

.evalPipelineWidget .evalPipelineStep .header,.evalPipelineWidget .evalPipelineStep .body{
	padding:5px;
}

.evalPipelineWidget .evalPipelineStep .header .headshot_container{
	float:left;
	vertical-align:top;
	position:relative;
}

.evalPipelineWidget .evalPipelineStep .header .step_info{
	margin-left: 65px;
}

.evalPipelineWidget .evalPipelineStep .header .assignee{
	text-transform: uppercase;
	overflow:hidden;
	font-size: 13px;
	font-weight: 200;
	text-overflow:ellipsis;
	max-height:20px;
}

.evalPipelineWidget .evalPipelineStep .header .step_name{
	color: #C24700;
	font-weight: 200;
	overflow: hidden;
	text-overflow:ellipsis;
	max-height:40px;
}

.evalPipelineWidget .evalPipelineStep .body .form_question .question{
	text-transform: uppercase;
	font-size: 10px;
	font-weight:bold;
}

.evalPipelineWidget .evalPipelineStep .body .form_question .answer{
	font-weight: 200;
}

.evalPipelineWidget .evalPipelineStep .text_container .last_update_user{
	float: right;
	clear: right;
	margin-top:5px;
	font-size:13px;
}

.evalPipelineWidget .evalPipelineStep .text_container .completed_date{
	float: right;
	clear: right;
	margin-top:5px;
	font-size:10px;
	line-height: 10px;
	color: #999999;
}

.evalPipelineWidget .evalPipelineStep .complete {
	border-top:10px #2dcc70 solid;
}

.evalPipelineWidget .evalPipelineStep .assigned {
	border-top:10px #3598dc solid;
}

.evalPipelineWidget .evalPipelineStep .pending {
	border-top:10px #999999 solid;
}

.evalPipelineWidget .evalPipelineStep .duplicate {
	border-top:10px #e84c3d solid;
}

.evalPipelineWidget .evalPipelineStep .skipped {
	border-top:10px #e84c3d solid;
}
.evalButtonContainer, .hsEventButtonContainer{
	margin-top:10px;
	text-align:center;
}

.evalPipelineWidget header {
	text-align: justify;
	height: 40px;

}

.evalPipelineWidget header:after{
	content: '';
	display: inline-block;
	width: 100%;
	height: 0;
	font-size:0;
	line-height:0;
}

.evalPipelineWidget header section {
	display: inline-block;
}

.evalPipelineWidget header section.actions {
}

/* END Eval pipeline widget */
/* EVAL TASK MODAL */
.pipelineEvalCardContainer {
	padding: 5px;
}

.pipelineEvalCardDetails {
	background-color: #FFFFFF;
	border: solid #c4c4c4 2px;
	padding: 10px;
	margin-top: 20px;
}

/* DE Rule Builder */

.deleteRule{
	display:none;
}

.armsRed {
	color: #D72919;
}

#activeSubCategoryTokens {
	border: 1px solid #dadada;
    padding: 5px 10px;
    height: 150px;
    max-height: 150px;
    overflow: scroll;
}

.actionToken {
	border: 1px solid white;
	padding-left: 3px;
}

.actionToken.active {
	border: 1px solid #dadada;
	color: #C24700;
}

.button-select-token {
	width: 95%;
}

select.tokenSelect {
	margin-bottom: 0px;
	width: 100%;
	max-width: 100%;
}

/* DE Rule Builder token palette */

.personList {
	width: 99%;
	padding: 2px 4px 0px 4px;
	min-height: 24px;
}

.personList:hover {
	cursor: pointer;
}

.button-token {
	border: 1px solid #dadada;
	float: left;
	margin-right: 10px;
	padding: 5px;
	margin-bottom: 5px;
}

.button-token:hover {
	cursor: pointer;
}

.button-token.active {
	border: 1px solid #C24700;
	background-color: white;
}

/* style to match recipient-container */
.button-token .tm-tag {
	float: left;
    border: 1px solid #dadada;
    padding: 0px 4px;
    font-size: 12px;
    height: 22px;
    line-height: 24px;
    margin-right: 4px;
    background-color: white;
    box-shadow: none;
    margin-bottom: 4px;
}

.palette {
	border: 1px solid #dadada;
	padding: 10px;
}

.paletteTitle {
	border-bottom: 1px solid #dadada;
	font-size: 16px;
    font-weight: 300;
    color: #C24700;
    margin-bottom: 5px;
}

.paletteContents .paletteSection {
    clear: left;
}

.paletteContents .paletteSection .header {
	font-weight: 400;
	margin-bottom: 5px;
	padding-top: 5px;
}

.hasPalette {
	border: 1px solid #dadada;
}

.hasPalette.active {
	border: 1px solid #C24700;
}

textarea.hasPalette.active:focus, input[type="text"].hasPalette.active:focus {
	border-color: #C24700;

}

.palette .instructions {
	padding-top: 10px;
    padding-bottom: 20px;
}

.tri-left {
	float: left;
	position: relative;
	margin-left: 1px;
}

.tri-left:before, .tri-left:after {
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-left: 0;
}

.tri-left:before {
	left: -16px;
    top: 0px;
    border-right-color: #dadada;
    border-width: 16px;
}

.tri-left:after {
	left: -15px;
    top: 1px;
    border-right-color: white;
    border-width: 15px;
}

.added-token {
	border: none;
	padding: 0px 4px;
    font-size: 12px;
	height: 22px;
    line-height: 24px;
    margin-right: 4px;
    border-radius: 3px;
    margin-bottom: 2px;
    float: left;
    background: #ebebeb none;
}

.html-token {
	border: none;
	padding: 0px 4px;
    font-size: 12px;
	height: 22px;
    line-height: 24px;
    margin-right: 4px;
    border-radius: 3px;
    margin-bottom: 2px;
	float: none;
	background: #ebebeb none;
}

.remove-token {
	margin-left: 3px;
	color: #dadada;
}

.remove-token:hover {
	text-decoration: none;
}

#actionForm #editor {
	max-height: 250px;
	height: 250px;
	background-color: white;
	border-collapse: separate;
	/* border: 1px solid rgb(204, 204, 204); */
	padding: 4px;
	box-sizing: content-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	overflow: scroll;
	outline: none;
}

#actionForm #subjectEditor {
	max-height: 24px;
	height: 24px;
	background-color: white;
	border-collapse: separate;
	/* border: 1px solid rgb(204, 204, 204); */
	padding: 2px;
	box-sizing: content-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	overflow: scroll;
	outline: none;
}

/* Support - Solr */
#solr_query_container .doc-detail * {
    color: black;
}

#solr_query_container #results_table tbody tr {
    cursor: pointer;
}

#solr_query_container .table-solr-doc td:first-child {
    font-weight: bold !important;
}

/* recruit profile eval contact scroller */

.scroller.profile.contactsEvals {
	overflow: auto;
}

.scroller.profile.contactsEvals .scroll_container {
	width: auto;
	height: 120px;
	max-height: 120px;
	position: relative;
}

.evalYearCard {
	border: 1px solid #DADADA;
	width: 220px;
	max-width: 220px;
	padding: 0px;
	margin: 5px;
	height: 115px;
	float: left;
}

.evalYearCard .indicator {
	height: 20px;
    /* color: white; */
    padding-left: 5px;
    font-size: 12px;
    /* background-color: #c4c4c4; */
}

.evalYearCard .good {
	background-color: #27ae61;
}

.evalYearCard .bad {
	color: #D72919;
}

.evalYearCard .body {
	width: 100%;
	padding-top: 5px;
}

.evalYearCard .body.football {
	padding-top: 10px;
}

.evalYearCard .year {
	width: 100%;
	display: none;
}

.evalYearCard > .body > .count {
	float: left;
	width: 60px;
	text-align: center;
	margin-top: 15px;
}

.evalYearCard .body .count .number {
	font-size: 36px;
	line-height: 30px;
	font-weight: 400;
}

.evalYearCard .body .count .used {
	text-transform:uppercase;
	font-size: 12px;
}

.evalYearCard > .body > .details {
	float: left;
	margin-top: 15px;
	padding-left: 5px;
}

.evalYearCard > .body > .details.mfb {
	margin-top: 0px;
	padding-left: 30px;
	margin-top: -9px;
}

.evalYearCard .details .section .count {
	font-size: 16px;
	font-weight: 500;
}

.evalYearCard .details.mfb .section .count {
	float: left;
	margin-right: 6px;
	width: 16px;
}

.evalYearCard .details .section .title {
	padding-left: 2px;
}

.evalYearCard .details.mfb .section .title {
	float: left;
}

.evalYearCard .details.mfb .section {
	clear: left;
	height: 30px;
}

.evalYearCard .details.mfb .section .title span {
	float: left;
	line-height: 16px;
}

.evalYearCard .details.mfb .section .title span.subtitle {
	clear: left;
	font-size: 10px;
    color: #f17827;
    font-weight: 200;
    line-height: 10px;
    vertical-align: middle;
    background: none repeat scroll 0% 0% white;
    border-bottom: none;
    text-align: left;
    margin-bottom: 0px;
    padding: 0px;
}

.evalYearCard .recruiting-ops-grid {
	display: grid;
	grid-template-columns: 50% 50%;
	width: 100%;
	grid-template-areas: "ro-title ro-title" "fall-jr fall-sr" "winter-jr winter-sr" "spring-jr spring-sr";
}

.evalYearCard .warning-icon {
	color: #f17827;
	margin-left: 5px;
	margin-top: 10px;
}

.ro-title {
	grid-area: ro-title;
	font-size: 16px;
	font-weight: 500;
}

.fall-jr {
	grid-area: fall-jr;
}

.fall-sr {
	grid-area: fall-sr;
}

.winter-jr {
	grid-area: winter-jr;
}

.winter-sr {
	grid-area: winter-sr;
}

.spring-jr {
	grid-area: spring-jr;
}

.spring-sr {
	grid-area: spring-sr;
}

.ro-total {
	place-self: center;
	font-weight: 500;
	font-size: 16px;
}

.ro-detail-grid {
	display: grid;
	grid-template-columns: 20% 80%;
	grid-template-areas: "ro-count ro-season" "ro-count ro-detail";
	width: 100%;
}

.ro-count {
	grid-area: ro-count;
	place-self: center;
	font-weight: 500;
	font-size: 16px;
}

.ro-season {
	grid-area: ro-season;
}

/* replicates sub title */
.ro-detail {
	grid-area: ro-detail;
	font-size: 10px;
	color: #f17827;
	font-weight: 200;
	line-height: 10px;
}

/* high school events scroller - recruit profile and high school detail pages */

.scroller.highSchoolEvents {
	overflow: auto;
}

.scroller.highSchoolEvents .scroll_container {
	width: auto;
	height: 255px;
	position: relative;
	overflow: auto;
	float: left;
}

.highSchoolEventCard {
	border: 1px solid #DADADA;
	width: 300px;
	max-width: 300px;
	padding: 0px;
	margin: 5px;
	height: 240px;
	float: left;
	color: #333333;
}

.highSchoolEventCard .body .span4 .value {
	font-size: 16px;
}

.highSchoolEventCard .body .value {
	font-size: 14px;
	line-height: 20px;
	font-weight: 200;
}

.highSchoolEventCard .body .header {
	padding: 3px 0px 0px 0px !important;
	line-height: 20px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	height: inherit;
}

.highSchoolEventCard .header {
	padding: 5px !important;
	height: 40px;
	max-height: 40px;
	text-transform: none;
	overflow: scroll;
}

.highSchoolEventCard .header .subheader {
	color: #C24700;
	height: 14px;
	max-height: 14px;
	line-height: 14px;
	font-size: 14px;
	font-weight: 400;
}

.highSchoolEventCard .body {
	clear: both;
	overflow: scroll;
	height: 180px;
	max-height: 180px;
}

.highSchoolEventCard .body.withFooter {
	height: 168px;
	max-height: 168px;
	border-bottom: 1px solid #dadada;
}

.highSchoolEventCard .body .bodyPad {
	padding: 5px;
}

.highSchoolEventCard .header .date {
	float: left;
	text-align: center;
	color: #333333;
	width: 36px;
	border-right: 1px solid #dadada;
	margin-right: 6px;
	margin-left: -5px;
}

.highSchoolEventCard .header .date .dateDay {
	font-size: 24px;
	font-weight: 400;
	line-height: 22px;
}

.highSchoolEventCard .header .date .dateMonth {
	font-size: 12px;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 12px;
	margin-top: 4px;
}

.highSchoolEventCard .footer {
	padding: 3px;
}

.highSchoolEventCard .footer button.btn-delete-event {
	font-size: 10px;
	padding: 0px 3px;
	line-height: 12px;
	margin-top: -9px;
	margin-left: 3px;
}

/* High School Visit counts */

.scroller.profile.visitCounts {
	overflow: auto;
}

.scroller.profile.visitCounts .scroll_container {
	width: auto;
	height: 120px;
	max-height: 120px;
	position: relative;
}

.visitYearCard {
	border: 1px solid #DADADA;
	width: 220px;
	max-width: 220px;
	padding: 0px;
	margin: 5px;
	height: 110px;
	float: left;
}

.visitYearCard .indicator {
	height: 20px;
	/* color: white; */
	padding-left: 5px;
	font-size: 12px;
	/* background-color: #c4c4c4; */
}

.visitYearCard .good {
	background-color: #27ae61;
}

.visitYearCard .bad {
	color: #D72919;
}

.visitYearCard .body {
	width: 100%;
	padding-top: 5px;
}

.visitYearCard .body.football {
	padding-top: 10px;
}

.visitYearCard .year {
	width: 100%;
	display: none;
}

.visitYearCard > .body > .count {
	float: left;
	width: 60px;
	text-align: center;
	margin-top: 15px;
}

.visitYearCard .body .count .number {
	font-size: 36px;
	line-height: 30px;
	font-weight: 400;
}

.visitYearCard .body .count .used {
	text-transform:uppercase;
	font-size: 12px;
}

.visitYearCard > .body > .details {
	float: left;
	margin-top: 15px;
	padding-left: 5px;
}

.visitYearCard > .body > .details.mfb {
	margin-top: 0px;
	padding-left: 30px;
	margin-top: -9px;
}

.visitYearCard .details .section .count {
	font-size: 16px;
	font-weight: 500;
}

.visitYearCard .details.mfb .section .count {
	float: left;
	margin-right: 6px;
	width: 16px;
}

.visitYearCard .details .section .title {
	padding-left: 2px;
}

.visitYearCard .details.mfb .section .title {
	float: left;
}

.visitYearCard .details.mfb .section {
	clear: left;
	height: 30px;
}

.visitYearCard .details.mfb .section .title span {
	float: left;
	line-height: 16px;
}

.visitYearCard .details.mfb .section .title span.subtitle {
	clear: left;
	font-size: 10px;
	color: #f17827;
	font-weight: 200;
	line-height: 10px;
	vertical-align: middle;
	background: none repeat scroll 0% 0% white;
	border-bottom: none;
	text-align: left;
	margin-bottom: 0px;
	padding: 0px;
}


/* recruit profile academic eval scroller */

.scroller.profile.academicEvals {
	overflow: auto;
}

.scroller.profile.academicEvals .scroll_container {
	width: auto;
	height: 250px;
	max-height: 200px;
	position: relative;
}

.academicEvalCard {
	border: 1px solid #DADADA;
	width: 355px;
	max-width: 355px;
	padding: 0px;
	margin: 5px;
	height: 240px;
	float: left;
	color: #333333;
}

.academicEvalCard .indicator {
	float: right;
}

.academicEvalCard .small-headshot {
	margin-right: 5px;
}

.academicEvalCard .actualOrProjected {
	text-transform: none;
	color: #C24700;
	font-weight: 200;
	font-size: 14px;
	line-height: 20px;
}

.academicEvalCard .evaluator {
	text-transform: uppercase;
	overflow: hidden;
	font-size: 13px;
	font-weight: 200;
	text-overflow: ellipsis;
	max-height: 20px;
	color: #333333;
}

.academicEvalCard .body .span4 .value {
	font-size: 16px;
}

.academicEvalCard .body .value {
	font-size: 14px;
	line-height: 20px;
	font-weight: 200;
}

.academicEvalCard .body .header {
	padding: 3px 0px 0px 0px !important;
	line-height: 20px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	height: inherit;
}

.academicEvalCard .header {
	padding: 5px !important;
	height: 40px;
	max-height: 40px;
}

.academicEvalCard .body .span4 div {
	text-align: center;
}

.academicEvalCard .body {
	clear: both;
	border-bottom: 1px solid #dadada;
	height: 168px;
	max-height: 168px;
	overflow: scroll;
}

.academicEvalCard .body .bodyPad {
	padding: 5px;
}

.academicEvalCard .footer {
	padding: 3px;
}

.academicEvalCard .footer .date {
	float: right;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 12px;
}

.academicEvalCard .header button.btn-delete-eval {
	color: #D72919;
}

#academicEvaluationModal #academicEvaluationForm  .right_panel_box>.detailContentContainer>.header {
	text-transform: none;
	font-weight: 400;
	margin-bottom: 16px;
}

#academicEvaluationModal .course, #academicEvaluationModal .course .body, #academicEvaluationModal .course .courseResult {
	clear: left;
}

#academicEvaluationModal .course>.header, #academicEvaluationModal .test>.header, #academicEvaluationModal .subheader {
	font-weight: 200;
	margin-bottom: 8px;
	margin-top: 12px;
	font-size: 18px;
	text-align: left;
	color: #666666;
}

#academicEvaluationModal .course .contents .column, #academicEvaluationModal .test .contents .column {
	float: left;
	min-height: 12px;
	font-size: 12px;
	/*line-height: 12px;*/
	text-transform: none;
	color: black;
}

#academicEvaluationModal .course .contents .header, #academicEvaluationModal .test .contents .header {
	line-height: 12px;
	height: 12px;
	margin-top: 0px;
}

#academicEvaluationModal .calculationEquals {
	float: left;
	vertical-align: middle;
	text-align: center;
	padding: 30px 20px 0px 20px;
	font-size: 20px;
}

#academicEvaluationModal .calculatedEligibilityValue, #confirmAcademicEvaluationSaveModal .calculatedEligibilityValue {
	color: #C24700;
	font-size: 26px;
	font-weight: 600;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
}

#academicEvaluationModal .calculatedEligibilityValue.eligibilityStatusCalculations, #confirmAcademicEvaluationSaveModal .calculatedEligibilityValue.eligibilityStatusCalculations {
	font-size: 18px;
}

#academicEvaluationModal .calculatedEligibilityLabel {
	text-align: center;
	padding: 3px 0px 0px 0px !important;
	line-height: 20px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	height: inherit;
}

#academicEvaluationForm div.alertbox.input_validation_pagewarning {
	margin-bottom: 10px !important;
}

#academicEvaluationModal .scaleTitle {
	font-size: 14px;
	font-weight: 200;
	border-bottom: 1px solid #666666;
	margin-bottom: 5px;
}

#academicEvaluationModal .scaleHeader {
	font-size: 12px;
	font-weight: 600;
	text-align: center;
}

#academicEvaluationModal .scaleEntry {
	text-align: center;
	font-size: 12px;
	font-weight: 200;
	min-height: 20px;
}

#academicEvaluationModal .scaleEntryRow.full.selected {
	background-color: #27ae61;
	border: 1px solid black;
}

#academicEvaluationModal .scaleEntryRow.selected .scaleEntry {
	font-weight: 600 !important;
}

#academicEvaluationModal .scaleEntryRow.partial.selected {
	background-color: #fbae39;
	color: #474747;
	border: 1px solid black;
}

#academicEvaluationModal .scaleEntry.selected {
	background-color: #e84c3d;
	font-weight: 600 !important;
	border: 1px solid black;
}

#academicEvaluationModal .resultLocker {
	cursor: pointer;
}

#academicEvaluationModal .courseResult .column.locker {
	padding-top: 8px;
	text-align: center;
}

#academicEvaluationModal .testResultValue.max {
	border-color: #3598dc;
}

#academicEvaluationModal .right_panel{
	height:initial;
}

#academicEvaluationModal .section_header {
	margin-top: 3px;
	margin-bottom: 5px;
	font-weight: 200;
	font-size: 18px;
	border-bottom: 1px solid #dadada;
	padding: 10px 0px 5px 0px;
	color: #8b8b8b;
	height: 23px;
	line-height: 23px;
	text-transform: uppercase;
	vertical-align: middle;
}

#academicEvaluationModal .modal_main_content_tabset li.section_header a {
	color: #8b8b8b;
}

#academicEvaluationModal .modal_main_content_tabset li.section_header.active a {
	color: #f17827;
}

#academicEvaluationModal .modal_main_content_tabset li {
	border-top: 2px solid white;
}

#academicEvaluationModal .modal_main_content_tabset li,.modal_main_content_tabset li.active {
	padding: 2px !important;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}

#academicEvaluationModal #summary_panel .profile_header_main {
	height: 50px;
}

#academicEvaluationModal #summary_panel .profile_header_main #profile_headshot, #academicEvaluationModal #summary_panel .profile_header_main .profile_header_main_top {
	display: none;
}

#academicEvaluationModal .courseResult input {
	margin-top: 5px;
	margin-bottom: 5px;
}

#academicEvaluationModal .courseResult.locked {
	background-color: #008a00;
	opacity: 0.5;
	border: 0px;
}

#academicEvaluationModal .courseResult {
	padding-left: 5px;
	min-height: 22px;
	line-height: 22px;
}

#academicEvaluationModal .modal-body {
    overflow-y: hidden !important;
}

#academicEvaluationModal .dropdown-menu {
    position: absolute;
}

.table-no-border,
.table-no-border th,
.table-no-border td {
  border: none;
}
/*PRINTABLE REPORTS*/

div.printable .detailContentContainer>.header{
	font-size:18px;
	line-height:18px;
}
div.printable table td{
	font-size:9px !important;
	padding-top:2px !important;
	padding-bottom:2px !important;
}

div.printable table th{
	font-size:10px !important;
	text-transform:uppercase !important;
}


div.printable table.summary td{
	font-size:12px;
}

/* Admin Security Add New User modals */
#addNewUserModalStepOne .input_validation_instruction, #addNewUserModalStepTwo .input_validation_instruction, #addNewUserModalStepThree .input_validation_instruction {
	margin-top: -12px !important;
}

#baseUserNotificationTable {
	line-height: 26px;
}

.appendedSectionContent {
	clear: left;
}

.step3AppendedContainer .appendedSectionHeader {
	font-weight: 600;
}

.step3AppendedContainer .appendedSectionHeader div, .appendedStaffRole div, .appendedAccessRole div, .appendedProcessRole div, .appendedNotificationSetting div {
	float: left;
	width: 200px;
}

.appendedStaffRole div.sportName, .appendedAccessRole div.sportName, .appendedProcessRole div.sportName {
	width: 400px;
}

.appendedStaffRole, .appendedAccessRole, .appendedProcessRole, .appendedNotificationSetting {
	clear: left;
}

div.notificationPrefName {
	width: 300px !important;
}

.step3AppendedContainer .noneChosen {
	display: none;
}

.step3AppendedContainerTitle {
	clear: left;
	margin-top: 40px !important;
}

#addNewUserModalStepOne table th, #addNewUserModalStepTwo table th, #addNewUserModalStepThree table th {
	padding-left: inherit !important;
	font-size: 14px;
}

#notificationPreferencesContainer td {
	font-size: 13px;
}

div.notificationPrefName, div.notificationCatName {
	padding-right: 5px;
}

/* academic evaluations */

#confirmAcademicEvaluationSaveModal .confirmSaveText {
	margin-bottom: 10px;
}

#confirmAcademicEvaluationSaveModal .left_column .calculatedEligibilityValue {
	color: #C24700;
	font-size: 16px !important;
	font-weight: 600;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase !important;
}

#confirmAcademicEvaluationSaveModal .left_column .calculatedEligibilityLabel {
	text-align: center;
	padding: 3px 0px 0px 0px !important;
	line-height: 12px;
	text-transform: uppercase !important;
	font-size: 10px;
	font-weight: bold;
	height: inherit;
}

#confirmAcademicEvaluationSaveModal .right_column .calculatedEligibilityValue {
	font-size: 12px;
	font-weight: 600;
}

#confirmAcademicEvaluationSaveModal .right_column .calculatedEligibilityLabel {
	text-transform: none;
	font-size: 10px;
	line-height: 10px;
}

#confirmAcademicEvaluationSaveModal .calculationPlus {
	line-height: 20px;
	width: 12px;
	float: left;
	text-align: center;
}

.showAcademicEvaluationHelpModalButton {
	cursor: pointer;
	border: none;
	text-decoration: none;
}

.showAcademicEvaluationHelpModalButton:hover {
	text-decoration: none;
}

#concordanceTable td {
	text-align: center;
}

#concordanceTable td.dark {
	background-color: #f9f9f9;
}

#concordanceTable td.header {
	line-height: 16px;
	font-weight: 400;
}

#budgetGrid_grid .dollarSign {
	margin-right: 5px;
}

/* SA STATUS MODAL */

.athlete_status_modal table th {
	font-weight: 500;
	font-size: 14px;
	padding-left: 0px;
}

.athlete_status_modal table tr th, .athlete_status_modal table tr td{
	padding: 3px 4px;
}

.athlete_status_modal table tr td{
	padding: 1px 4px;
}

.athlete_status_modal_step_one #stepOneBackButton {
	display: none;
}

.athlete_status_modal_step_one.showStepZero #stepOneBackButton {
	display: inline-block;
}

.athlete_status_modal_step_two table {
	font-size: 12px;
}

.athlete_status_modal_step_two table .newSeason, .athlete_status_modal_step_two table .newSport {
	display: none;
}

.athlete_status_modal_step_two table td.first {
	border-top: 1px solid #dadada;
}

.athlete_status_modal_step_two .rosterMemberRow.selectedRosterMember span.automatic {
	display: none;
}

.athlete_status_modal_step_two .rosterMemberRow .automatic {
	display: none;
}

.athlete_status_modal_step_two .rosterMemberRow.unselectedRosterMember {
	display: none;
}

.athlete_status_modal_step_two table.DEPARTMENT .rosterMemberRow.unselectedRosterMember {
	display: table-row;
}

.athlete_status_modal_step_two table.DEPARTMENT .rosterMemberRow.unselectedRosterMember .status, .athlete_status_modal_step_two table.DEPARTMENT .rosterMemberRow.unselectedRosterMember .automatic {
	display: inline-block;
	color: #C24700;
}

.athlete_status_modal_step_two .rosterMemberRow .cannotUpdate {
	color: #C24700;
}

.athlete_status_modal_step_two table.DEPARTMENT .rosterMemberRow .cannotUpdate {
	display: none;
}

.athlete_status_modal_step_two table.SPORT .rosterMemberRow.unselectedRosterMember.representedOutsideOfContext .cannotUpdate {
	display: inline-block;
}


.athlete_status_modal_step_two table .alumniStatusColumn, .athlete_status_modal_step_two table .accountStatusColumn, .athlete_status_modal_step_two table .removeFromEventsColumn {
	display: none;
}

.athlete_status_modal_step_two table.DEACTIVATE.ALUMNI .alumniStatusColumn {
	display: table-cell;
}

.athlete_status_modal_step_two table.DEPARTMENT .accountStatusColumn, .athlete_status_modal_step_two table.DEPARTMENT .removeFromEventsColumn {
	display: table-cell;
}

.athlete_status_modal_step_two table.DEPARTMENT .alumniStatusColumn, .athlete_status_modal_step_two table.DEPARTMENT .removeFromEventsColumn {
	display: none;
}

.athlete_status_modal_step_two table.DEPARTMENT.DEACTIVATE .alumniStatusColumn {
	display: table-cell;
}

.athlete_status_modal_step_two table.SPORT .accountStatusColumn, .athlete_status_modal_step_two table.SPORT .removeFromEventsColumn {
	display: none;
}

.athlete_status_modal_step_two table.SPORT.DEACTIVATE .accountStatusColumn, .athlete_status_modal_step_two table.SPORT.DEACTIVATE .removeFromEventsColumn {
	display: table-cell;
}

.athlete_status_modal_step_two table.SPORT.DEACTIVATE .alumniStatusColumn {
	display: table-cell;
}

.athlete_status_modal_step_two table.SPORT.DEACTIVATE .rosterMemberRow.selectedRosterMember .accountStatusColumn .cannotUpdate, .athlete_status_modal_step_two table.SPORT.DEACTIVATE .rosterMemberRow.selectedRosterMember .removeFromEventsColumn .cannotUpdate {
	display: none;
}

.athlete_status_modal_step_two table.SPORT.DEACTIVATE.ALUMNI .rosterMemberRow.selectedRosterMember .alumniStatusColumn .cannotUpdate {
	display: none;
}

.athlete_status_modal_step_two table.SPORT .rosterMemberRow.selectedRosterMember.representedOutsideOfContext .accountStatusColumn .cannotUpdate, .athlete_status_modal_step_two table.SPORT .rosterMemberRow.selectedRosterMember.representedOutsideOfContext .removeFromEventsColumn .cannotUpdate {
	display: none;
}

.athlete_status_modal_step_two table.SPORT .rosterMemberRow.selectedRosterMember.representedOutsideOfContext .alumniStatusColumn .cannotUpdate {
	display: inline-block;
}

.athlete_status_modal_step_two table.SPORT.DEACTIVATE .rosterMemberRow.selectedRosterMember .accountStatusColumn .status, .athlete_status_modal_step_two table.SPORT.DEACTIVATE .rosterMemberRow.selectedRosterMember .removeFromEventsColumn .status {
	display: inline-block;
}

.athlete_status_modal_step_two table.SPORT.DEACTIVATE .rosterMemberRow.selectedRosterMember .alumniStatusColumn .status {
	display: inline-block;
}

.athlete_status_modal_step_two table.SPORT.DEACTIVATE .rosterMemberRow.selectedRosterMember .accountStatusColumn .cannotUpdate, .athlete_status_modal_step_two table.SPORT.DEACTIVATE .rosterMemberRow.selectedRosterMember .removeFromEventsColumn .cannotUpdate {
	display: none;
}

.athlete_status_modal_step_two table.SPORT.DEACTIVATE .rosterMemberRow.selectedRosterMember .alumniStatusColumn .cannotUpdate {
	display: none;
}

.athlete_status_modal_step_two table.SPORT.DEACTIVATE .rosterMemberRow.selectedRosterMember.representedOutsideOfContext .accountStatusColumn .cannotUpdate, .athlete_status_modal_step_two table.SPORT.DEACTIVATE .rosterMemberRow.selectedRosterMember.representedOutsideOfContext .removeFromEventsColumn .cannotUpdate {
	display: inline-block;
}

.athlete_status_modal_step_two table.SPORT.DEACTIVATE .rosterMemberRow.selectedRosterMember.representedOutsideOfContext .alumniStatusColumn .cannotUpdate {
	display: inline-block;
}

.athlete_status_modal_step_two table.SPORT.DEACTIVATE .rosterMemberRow.selectedRosterMember.representedOutsideOfContext .accountStatusColumn .status, .athlete_status_modal_step_two table.SPORT.DEACTIVATE .rosterMemberRow.selectedRosterMember.representedOutsideOfContext .removeFromEventsColumn .status {
	display: none;
}

.athlete_status_modal_step_two table.SPORT.DEACTIVATE .rosterMemberRow.selectedRosterMember.representedOutsideOfContext .alumniStatusColumn .status {
	display: none;
}

.athlete_status_modal_step_two table.SPORT.DEACTIVATE.ALUMNI .rosterMemberRow.selectedRosterMember.representedOutsideOfContext .alumniStatusColumn .cannotUpdate {
	display: inline-block;
}

.athlete_status_modal_step_two table.SPORT .rosterMemberRow.selectedRosterMember.representedOutsideOfContext .accountStatusColumn .automatic, .athlete_status_modal_step_two table.SPORT .rosterMemberRow.selectedRosterMember.representedOutsideOfContext .removeFromEventsColumn .automatic {
	display: none;
}

.athlete_status_modal_step_two table.SPORT .rosterMemberRow.selectedRosterMember.representedOutsideOfContext .accountStatusColumn .status, .athlete_status_modal_step_two table.SPORT .rosterMemberRow.selectedRosterMember.representedOutsideOfContext .removeFromEventsColumn .status {
	display: inline-block;
}

.athlete_status_modal_step_two table.SPORT .rosterMemberRow.selectedRosterMember.representedOutsideOfContext .alumniStatusColumn .status {
	display: none;
}

.athlete_status_modal_step_two table.SPORT .rosterMemberRow.selectedRosterMember.representedOutsideOfContext .alumniStatusColumn .automatic {
	display: none;
}

.athlete_status_modal_step_two .rosterMemberRow .alumniStatusColumn {
	display: none;
}

.athlete_status_modal_step_two .unselectedRosterMember span.automatic {
	display: inline-block;
}

.athlete_status_modal_step_two table.DEPARTMENT .rosterMemberRow.selectedRosterMember {
	display: none;
}

.athlete_status_modal_step_two table.DEPARTMENT .rosterMemberRow.unselectedRosterMember {
	display: none;
}

.athlete_status_modal_step_two table.DEPARTMENT .rosterMemberRow.selectedRosterMember.first {
	display: table-row;
}

.athlete_status_modal_step_two table.DEPARTMENT .seasonColumn {
	display: none;
}

.athlete_status_modal_step_two table.DEPARTMENT .sportColumn .rosterMemberSport, .athlete_status_modal_step_two table.DEPARTMENT .sportColumn .newSport {
	display: none;
}

.athlete_status_modal_step_two table .sportColumn .combinedSports {
	display: none;
}

.athlete_status_modal_step_two table.DEPARTMENT .sportColumn .combinedSports {
	display: inline-block;
}

.athlete_status_modal_step_two table.SPORT .accountStatusColumn, .athlete_status_modal_step_two table.DEPARTMENT .accountStatusColumn {
	display: table-cell;
}

.athlete_status_modal_step_two table.SPORT .accountStatusColumn .cannotUpdate, .athlete_status_modal_step_two table.DEPARTMENT .accountStatusColumn .cannotUpdate {
	display: none;
}

.athlete_status_modal_step_two table.SPORT .removeFromEventsColumn .cannotUpdate, .athlete_status_modal_step_two table.DEPARTMENT .removeFromEventsColumn .cannotUpdate {
	display: none;
}

.athlete_status_modal_step_two table.SPORT.DEACTIVATE .alumniStatusColumn, .athlete_status_modal_step_two table.DEPARTMENT.DEACTIVATE .alumniStatusColumn {
	display: table-cell;
}

.athlete_status_modal_step_two table.SPORT.DEACTIVATE .removeFromEventsColumn, .athlete_status_modal_step_two table.DEPARTMENT.DEACTIVATE .removeFromEventsColumn {
	display: table-cell;
}

.athlete_status_modal_step_two table .nameColumn .contactName {
	display: none;
}

.athlete_status_modal_step_two table .nameColumn.first .contactName {
	display: block;
}

.athlete_status_modal_step_two.showStepZero table .nameColumn .contactName {
	display: block;
}

/* BULK SA STATUS MODAL - rollover */

.athlete_status_modal_step_two table.ROLLOVER .newSeason {
	display: inline-block;
}

.athlete_status_modal_step_two table.ROLLOVER .rosterMemberSeason {
	display: none;
}

/* BULK SA STATUS MODAL - add to new sport */

.athlete_status_modal_step_two table.NEWSPORT .newSport, .athlete_status_modal_step_two table.NEWSPORT .newSeason {
	display: inline-block;
}

.athlete_status_modal_step_two table.NEWSPORT .rosterMemberSport, .athlete_status_modal_step_two table.NEWSPORT .rosterMemberSeason {
	display: none;
}

/* team calendar views - checkpoints, segments, etc */

.checkpoint .metric {
	font-weight: 600;
	font-size: 14px;
    float: right;
}

.checkpoint_container div.submitButton {
	padding-top:5px;
}

.checkpoint_container button {
	background-color: transparent;
	color: #333333;
	border-color: #333333;
	width: 100%;
	line-height: 16px;
	font-size: 12px;
}

#nextSubmissionDate .header {
	color: #FFFFFF;
	background-color: #008a00;
}

.checkpoint_container {
	border: 1px solid #dadada;
}

#checkpoints {
	color: #333333;
}

.checkpoint_container .header {
	color: white;
	padding: 5px;
	text-transform: uppercase;
	color: #474747;
	background-color: #fbae39;
}

#checkpoints .header.underReview {
	display: none;
}

#checkpoints.underReview .header.underReview {
	display: block;
	background-color: #207AB6;
}

#checkpoints .header.notReviewed {
	background-color: #207AB6;
	color: white;
	font-size: 11px;
}

#checkpoints.underReview .header.notReviewed {
	display: none;
}

.checkpoint_container .content {
	padding: 5px;
	background-color: #f5f5f5;
}

#calendarKey {
	display: none;
}

.event_checkpoint_status_not_submitted {
	color:#FFFFFF;
	background-color:#207AB6;
}

.event_checkpoint_status_not_submitted .fc-event-title, .event_checkpoint_status_not_submitted .fc-event {
	color: #fff;
}

.event_checkpoint_status_fully_approved {
	color: #FFFFFF;
	background-color: #008a00;
}

.event_checkpoint_status_fully_approved .fc-event-title, .event_checkpoint_status_fully_approved .fc-event {
	color: #FFF;
}


.event_checkpoint_status_rejected {
	color:#FFFFFF;
	background-color:#C24700;
}

.event_checkpoint_status_rejected .fc-event-title, .event_checkpoint_status_rejected .fc-event {
	color: #FFF;
}

.event_checkpoint_status_not_reviewed {
	color: #474747;
	background-color: #fbae39;
}

.event_checkpoint_status_not_reviewed .fc-event-title, .event_checkpoint_status_not_reviewed .fc-event {
	color: #474747;
}

.event_checkpoint_status_future, .event_checkpoint_status_archived {
	color: #474747;
	background-color: #f5f5f5;
}

.event_checkpoint_status_future .fc-event-title, .event_checkpoint_status_archived .fc-event-title, .event_checkpoint_status_future .fc-event, .event_checkpoint_status_archived .fc-event {
	color: #474747;
}

.cara-day-cell.notUnderReview {
	position: relative;
}

.cara-day-cell.notUnderReview::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
}

.cara-day-cell.underReview {
	opacity: 1;
}

table.caraCalendarTable {
	margin-top: 10px;
	font-size:10px;
	line-height:16px;
	color:#474747;
}

table.caraCalendarTable td.cara-summary-column  {
	width: 75px;
	/* This needs to match caraCalendarTable exactly since calculations are done on that element */
	min-width: 75px;
	max-width: 75px;
	vertical-align: middle !important;
}

table.caraCalendarTable td.otherMonth {
	background-color: #fbfbfb;
}

table.caraCalendarTable td.cara-week-start-column {
	width: 75px;
	/* The remaining column widths are calculated from this one, so we need to it have a fixed width */
	min-width: 75px;
	max-width: 75px;
	font-size: 12px;
	text-align: center !important;
	border-right-style: double;
	border-right-width: medium;
	border-right-color: #dadada;
}

table.caraCalendarTable td.cara-total-column {
	border-bottom: 1px solid #dadada;
}

table.caraCalendarTable tr.segmentHeader {
	background-color:#f5f5f5;
	font-size:14px;
	color:#474747;
	font-weight:400;
}

table.caraCalendarTable td.cara-total-column {
	border-bottom: 1px solid #dadada;
}

#segmentView div.segment {
	padding-top: 16px;
}

table.caraCalendarTable tr.segmentSubHeader td {
	font-size:12px;
	font-weight:400;
	line-height: 12px;
	vertical-align: middle !important;
	text-align: center !important;
	border-bottom-style: double;
	border-bottom-width: medium;
	border-bottom-color: #dadada;
}

table.caraCalendarTable td {
	min-height: 50px;
	height: 50px;
}

table.caraCalendarTable tr.cara-total-row td, table.caraCalendarTable tr.segmentSubHeader td {
	min-height: 16px !important;
	height: 16px !important;
}

table.caraCalendarTable td.cara-summary-column.first {
	border-left-style: double;
	border-left-width: thick;
}

#segmentYearTitle {
	padding-top: 40px;
}

#mini_header.fixed #segmentYearTitle {
	padding-top: 0px;
}

#mini_header.fixed .pull-right {
	padding-top: 16px;
}

#segmentCountContainer {
	display: flex;
	flex-direction: row;
}

#segmentCountContainer div {
	margin-right: 20px;
}

#mini_header.fixed #segmentCountContainer {
	padding-left: 18px;
	padding-top: 10px;
    padding-right: 41px;
}

#mini_header.fixed #segmentNavigationContainer {
    padding-left: 219px;
    padding-top: 16px;
}

#segmentNavigationContainer {
    text-align: left;
}

#segmentYearTitle {
    display: none;
}

#mini_header.fixed #segmentYearTitle {
	padding-top: 10px;
    display: block;
}

.cara-day-cell {
	padding: 2px !important;
}

.cara-day-cell .day-number {
	float: right;
	padding: 0px;
	font-size: 12px;
	line-height: 14px;
}

table.caraCalendarTable .fc-event {
	clear: right;
	border-radius: 3px;
	font-size: 12px;
	line-height: 14px;
	padding: 2px;
}

/* end team calendar views */

.sendEmailReminderLink {
	font-size: 9px;
}

#configure_segments_modal label.error {
	line-height: 12px;
}

#configure_segments_modal .ncaaRequirementContainer {
	text-align: right;
}

#configure_segments_modal .ncaaRequirementHeader {
	font-weight: 500;
	font-size: 10px;
}

.grid_middle {
	text-align: center !important;
}

.double-border-left {
	border-left-style: double !important;
	border-left-width: medium !important;
	border-left-color: #dadada !important;
}

.double-border-bottom {
	border-bottom-style: double !important;
	border-bottom-width: medium !important;
	border-bottom-color: #dadada !important;
}

#impactedCaraWeek tr th.bordered, #impactedCaraWeek tr td.bordered, #caraTimeline tr th, #caraTimeline tr td {
	border: 1px solid #dadada;
}

#impactedCaraWeek tr.double-border-bottom th {
	border-bottom-style: double;
	border-bottom-width: medium;
	border-bottom-color: #dadada;
}

#impactedCaraWeek tr th.double-border-right, #impactedCaraWeek tr td.double-border-right {
	border-right-style: double;
	border-right-width: medium;
	border-right-color: #dadada;
}

#impactedCaraWeek tr td, #caraTimeline tr td {
	padding-left: 8px;
	font-size: 12px;
}

#caraTimeline tr.pending td {
	background-color: #e84c3d;
	color: white;
}

#caraTimeline tr.pending td a {
	color: white !important;
	text-decoration: underline;
}

#impactedCaraWeek .countColumn {
	text-align: center;
}

.accordionTable tr th, .accordionTable tr td {
	border: 1px solid #dadada;
	padding-left: 8px;
	font-size: 12px;
}

.accordionTable tr.indented td {
	background-color: #efefef;
	font-size: 10px;
}

.accordionTable tr.indented td input {
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #efefef;
	height: 14px;
	font-size: 10px;
}

.accordionTable tr.indented td span.title {
	padding-right: 6px;
	padding-left: 14px;
	font-weight: 400;
}

.accordionTable tr.indented td.first {
	border-left: none;
	width: 20px;
	background-color: white;
}

.accordionTable tr.indented:last-child td.first {
	border-bottom: none;
}

div.finalApproval.switch.has-switch {
	width: 240px;
	margin-top: 6px;
}

#caraApprovalModalStepTwo .has-switch span.switch-right {
	background-color: #e84c3d;
	color: white;
	font-weight: 500;
}

.caraReviewDateColumn {
	width: 70px;
}

#caraApprovalModal .modal-body, #caraReviewSubmittalModal .modal-body {
	overflow-y: scroll !important;
}

.caraCalendarWeek.doesNotContainEvents {
	display: none;
	background-color: #f5f5f5;
}

#configure_segments_modal .removeSegment {
	font-size: 12px;
}

.offDayEvent, .cal_event_team_countable_offday {
	background-color: #707070;
	color: #ffffff;
}

.fc-event-inner span.badge {
	padding: 0px 6px !important;
	margin-left: 4px;
	color: #777;
	background-color: white;
}

.btn-error {
    border-color: #e84c3d;
}

#segmentViewCaraIssueContainer {
	margin-right: 10px;
	float: right;
}

#segmentViewCaraIssueContainer span {
	margin-right: 10px;
	padding: 5px 8px;
	line-height: 16px;
}

#mini_header.fixed #segmentViewCaraIssueContainer {
	padding-top: 16px;
}

#rulesTable > tbody > tr.caraRuleRow > td:hover {
	cursor: pointer;
}

.caraRuleDetailRow > td {
	padding: 10px 40px 10px 72px;
	background: #FFF;
}

/* team > playing season overlay */

.playingSeason .calendarOverlay {
	float: left;
	padding: 0px;
	font-size: 12px;
	line-height: 14px;
}

.playingSeason .calendarOverlay i.icon-plus-sign {
	color: #C24700;
}

.playingSeason td.cara_term:not(.cara_vacation):not(.cara_finals) .offDayTypeToggle {
	display: none;
}

.playingSeason .calendarOverlay {
	display: none;
}

.playingSeason .cara-day-cell.thisMonth:hover .calendarOverlay {
	display: block;
}

/* team event modal styling */

#team_event_modal label.error {
	line-height: 12px;
}

#team_event_modal .table td {
	border-top: none !important;
}

#team_event_modal .detailContentContainer {
	margin-bottom: 20px !important;
}

#team_event_modal .remove_attachment:hover {
	cursor: pointer;
	text-decoration: none;
}

#team_event_modal .eventDateField, #team_event_modal .eventTimeField {
	width: 94px !important;
	text-align: right;
	margin-bottom: 5px !important;
}

#team_event_modal .eventTimeField::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	text-align: right;
}

#team_event_modal .eventTimeField::-moz-placeholder { /* Firefox 19+ */
	text-align: right;
}

#team_event_modal .eventTimeField:-ms-input-placeholder { /* IE 10+ */
	text-align: right;
}

#team_event_modal .eventTimeField:-moz-placeholder { /* Firefox 18- */
	text-align: right;
}

#team_event_modal #teamEventDetailContents.leftPanelWritable i.icon-calendar {
	position: absolute;
	margin-top: 8px;
	margin-left: 7px;
}

#team_event_modal #teamEventDetailContents.leftPanelWritable i.icon-time {
	position: absolute;
	margin-top: 8px;
	margin-left: 7px;
}

#team_event_modal .leftPanelWritable .tag-textarea {
	border: 1px solid #ccc;
}


#team_event_modal .header_naked {
	padding-top: 0px;
}

#team_event_modal .header .btn {
	text-transform: none;
}

#team_event_modal .activity_date_container {
	font-weight: 300;
}

#team_event_modal #teamEventModalLeftPanel .bootstrap-select {
	width: 228px !important;
	min-width: 228px !important;
}

#team_event_modal .remove_attachment {
	margin-left: 5px;
}

#team_event_modal #participantsPanel {
	padding-top: 10px;
}

#team_event_modal #participantsPanel #participants_grid_container {
	top: -10px !important;
}

#team_event_modal #attachmentContainer {
	font-size: 14px;
	font-weight: 300;
}

#team_event_modal #rnote {
	font-size: 16px;
	line-height: 14px;
}

#team_event_modal .leftPanelWritable .detailHeaderColumn {
	padding-top: 8px;
}

/* team event modal styling end */

/* check-in mgmt start */

#siftButtons, #siftButtons .siftButtonset {
	float: right;
}

.siftButtonset {
	padding-left: 20px;
}

.siftButtonset .header {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 200;
	color: #dadada;
}

.siftButtonset .buttons {
	padding-top: 3px;
}

.siftButtonset .buttons div {
	margin-left: 2px;
	float: right;
	padding: 2px 14px;
	font-size: 16px;
}

.checkinManagementBody .open.active, #checkinManagementHeader .open.active {
	background-color: #207AB6;
	color: white;
}

.checkinManagementBody .good.active, #checkinManagementHeader .good.active {
	background-color: #008a00;
	color: white;
}

.checkinManagementBody .bad.active, #checkinManagementHeader .bad.active {
	background-color: #e84c3d;
	color: white;
}

.checkinManagementBody .future.active, #checkinManagementHeader .future.active {
	background-color: white;
	color: #8b8b8b !important;
	background-color: #0d5071;
	color: white !important;
}

#checkinManagementHeader .detail_header_main_bottom_right .btn-inverse:focus:not(.active) {
	background-color: inherit;
	color: inherit;
}

.checkinCurrentViewDate {
	margin-left: 280px;
	margin-top: -52px;
	font-size: 18px;
	position: absolute;
	font-weight: 200;
	color: #666;
}

.checkinCurrentViewDate.daily {
	margin-top: -72px;
}

.checkinCurrentViewCount.weekly, .checkinCurrentViewCount.daily {
	margin-top: -10px;
	padding-left: 8px;
	font-size: 14px;
	position: absolute;
	font-weight: 200;
	color: #666;
}

.checkinCurrentViewCount.daily {
	margin-top: -30px;
}

.checkinCurrentViewDate .periodScroller {
	color: #8b8b8b;
	font-size: 21px;
	margin-left: 10px;
}

.checkinCurrentViewDate .periodScroller .scrollChoice {
	margin-right: 5px;
}

.checkinCurrentViewDate .periodScroller .previousPeriod:hover, .checkinCurrentViewDate .periodScroller .nextPeriod:hover {
	cursor: pointer;
}

#checkinsContainer {
	clear: both;
}

.checkinEvent .eventTime {
	font-weight: 200;
	font-size: 12px;
	line-height: 16px;
	padding: 8px;
}

.checkinEvent .eventName {
	font-weight: 300;
	font-size: 22px;
	line-height: 21px;
	text-transform: uppercase;
	padding-left: 8px;
	padding-right: 8px;
	height: 43px;
	overflow: hidden;
}

#checkinContactColumn {
	width: 242px;
	float: left;
	min-height: 100%;
	background-color: white;
}

#checkinContactColumn .checkinContact {
	width: 226px;
	padding: 8px;
	height: 59px;
	border-top: 1px solid #dadada;
}

#checkinContactColumn .checkinContact:hover {
	cursor: pointer;
}

#checkinContactColumn .checkinContact.openLarge {
	height: 416px;
}

#checkinContactColumn .checkinContact.openSmall {
	height: 139px;
}

.checkinContact .firstName {
	font-size: 18px;
	font-weight: 200;
	height: 25px;
	overflow: hidden;
}

.checkinContact .lastName {
	font-size: 20px;
	font-weight: 500;
	height: 25px;
	overflow: hidden;
}

.checkinContact .headshotContainer {
	width: 52px;
	font-size: 11px;
	float: left;
	margin-right: 3px;
}

.checkinContact .nameContainer {
	width: 167px;
	max-width: 167px;
	overflow: hidden;
	line-height: 25px;
}

.checkinContact .sportContainer {
	line-height: 9px;
	height: 9px;
	width: 90px;
	margin-right: 3px;
	float: right;
	font-size: 9px;
	text-align: right;
	padding-top: 3px;
	color: #707070;
}

#checkinEventsColumn {
	margin-left: 243px;
	min-height: 100%;
	position: relative;
	z-index: 1;
}

#checkinEventsColumn .contactEventRow {
	height: 75px;
	border-top: 1px solid #dadada;
}

#checkinEventsColumn .contactEventRow.daily:hover {
	cursor: pointer;
}

#checkinEventsColumn .contactEventRow.daily.openLarge {
	height: 432px !important;
}

#checkinEventsColumn .contactEventRow.daily.openSmall {
	height: 155px !important;
}

#checkinEventsColumn .contactEventRow .column {
	border-right: 1px solid #dadada;
}

.contactEventRow.daily .checkinEvent {
	float: left;
	width: 242px;
	padding: 0;
	height: 75px;
	text-align: left;
	margin-right: 2px;
}

.contactEventRow.daily .checkinEventDetails {
	display: none;
	padding: 0;
	width: 242px;
	background-color: white;
	margin-top: 3px;
}

.checkinEventDetails .detailContainer {
	padding: 8px;
	width: 226px;
	height: 96px;
	background-color: white;
}

.checkinEventDetails .map {
	width: 242px;
	height: 242px;
	padding: 0;
	background-color: white;
}

.checkinEventDetails .map img {
	width: 242px;
	height: 242px;
}

.checkinEventDetails .detail {
	font-size: 11px;
	padding-bottom: 4px;
	color: #8b8b8b;
	line-height: 12px;
}

.checkinEventDetails .detail .note {
	font-size: 10px;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.checkinEventDetails .detail.good .time {
	color: #2dcc70;
}

.checkinEventDetails .detail.open {
	color: #3598dc;
}

.checkinEventDetails .detail.bad {
	color: #D72919;
}

.checkinEventDetails a.btn {
	margin-top: 10px;
	color: #8b8b8b;
	border: 1px solid #8b8b8b;
	background-color: white;
	border-radius: 2px;
}

.checkinEvent:hover, .checkinEventDetails a.btn:hover {
	cursor: pointer;
}

#checkinContactColumn .progressContainer {
	display: none;
}

.event_scroller.daily .scroll_container {
	/* this min-width accounts for a max of 16 events */
	min-width: 4000px;
	width: auto;
}

.event_scroller.weekly .scroll_container {
	/* this min-width accounts for a max of 56 (7 * 8) events */
	min-width: 14000px;
	width: auto;
}

.event_scroller {
	overflow: auto;
}

.contactEventRow .noMatchingEvents {
	font-size: 15px;
	line-height: 15px;
	font-weight: 200;
	color: #707070;
	height: 15px;
	background-color: white;
	float: left;
	padding: 30px 0px 30px 8px;
	text-align: left;
}

#filterSummaryContainer {
	width: 230px;
	max-width: 230px;
	padding: 0;
	background-color: #f5f5f5;
}

#filterSummary {
	font-size: 12px;
	font-weight: 200;
}

#filterIndicator {
	float: right;
	text-align: right;
}

#filterOverlay {
	display: none;
	background-color: white;
	border: 1px solid #dadada;
	position: absolute;
	z-index: 1000;
	margin-top: -8px;
	padding: 20px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

#filterOverlay .span3 {
	min-height: 24px !important;
}

#filterOverlay #filters {
	padding-bottom: 10px;
}

#filterOverlay #filters .header {
	font-size: 24px;
	color: #666666;
	font-weight: 200;
}

#filterOverlay #filters .subheader {
	color: #207AB6;
	margin: 20px 0px 10px 0px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 1px solid #eee;
	padding-bottom: 4px;
}

#filterOverlay #filterButtons {
	height: 26px;
}

#checkinEventsColumn .weekDay {
	width: 124px;
	float: left;
	padding: 0;
	height: 75px;
	text-align: left;
	border-right: 1px solid #dadada;
	padding-left: 5px;
}

#checkinEventsColumn .weekDay.plusOne {
	/* add 31px for every additional column */
	width: 155px;
}

#checkinEventsColumn .weekDay.plusTwo {
	width: 186px;
}

#checkinEventsColumn .weekDay.plusThree {
	width: 217px;
}

#checkinEventsColumn .weekDay.plusFour {
	width: 248px;
}

#checkinEventsColumn .weekDay.plusFive {
	width: 279px;
}

#checkinEventsColumn .weekDay:hover {
	cursor: pointer;
	color: #C24700 !important;
}

.checkinEvent .courseTeamIcon {
	float: right;
	border: 1px solid white;
	line-height: 12px;
	padding: 2px;
	font-weight: 200;
	font-size: 12px;
	margin: 7px;
	height: 12px;
	width: 12px;
	text-align: center;
}

#checkinEventsColumn .weekDay .weeklyCheckinEvent {
	height: 24px;
	width: 24px;
	line-height: 22px;
	font-size: 16px;
	font-weight: 200;
	float: left;
	text-transform: uppercase;
	text-align: center;
	margin-right: 5px;
	margin-top: 8px;
}

.weeklyCheckinEvent {
	border: 1px solid #dadada;
}

#checkinEventsColumn .weekDay .weeklyCheckinEvent .weeklyCheckinEventDetail {
	display: none;
	position: absolute;
	background: white;
	border: 1px solid #dadada;
	margin-top: 5px;
}

#checkinEventsColumn .weekDay .weeklyCheckinEvent .weeklyCheckinEventDetail.rightSide {
	margin-left: -219px;
}

#checkinEventsColumn .weekDay .weeklyCheckinEvent .weeklyCheckinEventDetail.bottom {
	margin-top: -182px;
}

#checkinEventsColumn .weekDay .weeklyCheckinEvent .weeklyCheckinEventDetail.bottom.mappable {
	margin-top: -424px;
}

#checkinEventsColumn .weekDay .weeklyCheckinEvent .weeklyCheckinEventDetail .checkinEvent {
	text-align: left;
	width: 242px;
	padding: 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

#checkinEventsColumn .weekDay .weeklyCheckinEvent .weeklyCheckinEventDetail .checkinEvent .checkinEventDetails {
	border-top: 1px solid #dadada;
}

#checkinEventsColumn .contactEventRow.weekly.header, #checkinEventsColumn .contactEventRow.weekly.header .weekDay {
	height: 20px;
	border: none;
	color: #C24700;
	font-weight: 200;
	text-align: center;
}

#checkinContactColumn .checkinContact.weekly.header {
	height: 30px;
	padding: 0;
	background-color: #f5f5f5;
	border-top: none;
}

#noMatchingRecords {
	display: none;
	padding: 40px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 200;
}

.checkinCurrentViewDate .todayButtonContainer {
	margin-left: 18px;
}

.courseTeamIcon {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.allNone {
	color: #000;
	text-transform: lowercase;
    font-size: 12px;
    margin-bottom: 6px;
}

#checkinFilterContainer .input_validation_pagewarning {
	display: none;
}

.closeCheckinEvents {
	font-size: 16px;
	line-height: 16px;
}

/* check-in mgmt end */

.tokenTitle {
	font-weight: 600;
}

.expandCollapse {
    overflow-y: hidden;
}

.expandCollapse.expanded {
    overflow-y: visible;
    height: unset !important;
    display: inline !important;
}

.expandCollapse .expand {
    float: right;
}

#sentEmailsList div.gac_no_alpha {
    top: -10px;
}

/* Recruiting > Eval Pipeline start */

.staff_container {
	margin: 10px 10px 0px 10px;
}

.staff_container .headshot_container {
	margin-right: 5px;
}

.filterStaff:hover {
	text-decoration: none;
	cursor: pointer;
}

.filterStaff img.headshot {
	border: 2px solid white;
}

.filterStaff.active img.headshot {
	border: 2px solid #f17827;
}

#staffAssignments .staff_container span.label {
	position: absolute;
	top: -1px;
	left: -10px;
	font-size: 10px;
	line-height: 11px;
	padding-right: 5px;
	padding-left: 5px;
}

#staffAssignments .staff_container .nameAndTitle {
	display:inline-block;
	max-width:100px;
	width:100px;
}

#staffAssignments .staff_container .nameAndTitle .name {
	color:#C24700;
	font-weight: 200;
	overflow:hidden;
}

#staffAssignments .staff_container .nameAndTitle .title {
	text-transform:uppercase;
	overflow:hidden;
	font-size:11px;
	font-weight:200;
	line-height:14px;
}

#staffAssignments .staff_container .headshot_container {
	display:inline-block;
	vertical-align:top;
	position:relative;
}

#staffAssignments {
	border-top: 1px solid #E9E9E9;
}

#facet_search_container.recruitingEvalPipeline {
	padding-top: 5px;
	min-height: 600px;
}

.recruitingEvalPipeline #clearFiltersContainer {
	height: 18px;
}

.recruitingEvalPipeline #clearFilters {
	float: right;
	font-size: 9px;
	line-height: 16px;
	margin-right: 10px;
}

#facet_search_container.recruitingEvalPipeline div.combobox-container.input-append input[type=text] {
	width: 140px !important;
	font-size: 12px !important;
	padding-top: 0px;
	padding-bottom: 0px;
}

#facet_search_container.recruitingEvalPipeline .facet_category_item li {
	margin-left: 0px !important;
}

#facet_search_container.recruitingEvalPipeline .bootstrap-select > .btn, #facet_search_container.recruitingEvalPipeline select {
	width: 180px !important;
	padding: 0px;
	font-size: 12px;
}

#facet_search_container.recruitingEvalPipeline .bootstrap-select.btn-group .btn .caret {
	right: 6px !important;
}

#facet_search_container.recruitingEvalPipeline .bootstrap-select.btn-group .btn .filter-option {
	right: 20px !important;
}

#facet_search_container.recruitingEvalPipeline .input-append .add-on {
	padding-top: 0px;
	padding-bottom: 0px;
}

.grid_important {
	border-top: 2px solid #3598dc !important;
}

.gridCard {
	font-size: 10px;
	line-height: 12px;
}

.gridCard .title {
	font-weight: 400;
}

.gridCard .subtext {
	color: #999;
}

/* Recruiting > Eval Pipeline end */

div.securityHiddenUI {
	border: 1px solid #008a00;
	min-height: 8px;
}

div.securityHiddenUI span.securedUiPermissions {
	font-size: 10px;
	line-height: 8px;
	font-weight: 600;
	color: #008a00;
	text-align: left;
}

div.featureLockedUI {
	border: 1px solid #fdb81e;
	min-height: 8px;
}

div.featureLockedUI span.featureKey {
	font-size: 10px;
	line-height: 8px;
	font-weight: 600;
	color: #ca9318;
}

/* UI/UX UTILITY CLASSES */

/* finalizing styles */
/* front end finalizing style variables */
/* SIZES */
/* COLORS */
/* FONT WEIGHTS */
/* BUTTONS */
/* ICONS */
/* Margin */
.ix-m-xs {
	margin: 1px; }

.ix-m-sm {
	margin: 3px; }

.ix-m-md {
	margin: 5px; }

.ix-m-lg {
	margin: 10px; }

.ix-m-xl {
	margin: 18px; }

.ix-m-xxl {
	margin: 30px; }

.ix-m-xxxl {
	margin: 50px; }

/* Margin X-Axis */
.ix-mx-xs {
	margin-left: 1px;
	margin-right: 1px; }

.ix-mx-sm {
	margin-left: 3px;
	margin-right: 3px; }

.ix-mx-md {
	margin-left: 5px;
	margin-right: 5px; }

.ix-mx-lg {
	margin-left: 10px;
	margin-right: 10px; }

.ix-mx-xl {
	margin-left: 18px;
	margin-right: 18px; }

.ix-mx-xxl {
	margin-left: 30px;
	margin-right: 30px; }

.ix-mx-xxxl {
	margin-left: 50px;
	margin-right: 50px; }

/* Margin Y-Axis */
.ix-my-xs {
	margin-top: 1px;
	margin-bottom: 1px; }

.ix-my-sm {
	margin-top: 3px;
	margin-bottom: 3px; }

.ix-my-md {
	margin-top: 5px;
	margin-bottom: 5px; }

.ix-my-lg {
	margin-top: 10px;
	margin-bottom: 10px; }

.ix-my-xl {
	margin-top: 18px;
	margin-bottom: 18px; }

.ix-my-xxl {
	margin-top: 30px;
	margin-bottom: 30px; }

.ix-my-xxxl {
	margin-top: 50px;
	margin-bottom: 50px; }

/* Margin Right */
.ix-mr-xs {
	margin-right: 1px; }

.ix-mr-sm {
	margin-right: 3px; }

.ix-mr-md {
	margin-right: 5px; }

.ix-mr-lg {
	margin-right: 10px; }

.ix-mr-xl {
	margin-right: 18px; }

.ix-mr-xxl {
	margin-right: 30px; }

.ix-mr-xxxl {
	margin-right: 50px; }

/* Margin Left */
.ix-ml-xs {
	margin-left: 1px; }

.ix-ml-sm {
	margin-left: 3px; }

.ix-ml-md {
	margin-left: 5px; }

.ix-ml-lg {
	margin-left: 10px; }

.ix-ml-xl {
	margin-left: 18px; }

.ix-ml-xxl {
	margin-left: 30px; }

.ix-ml-xxxl {
	margin-left: 50px; }

/* Margin Top */
.ix-mt-xs {
	margin-top: 1px; }

.ix-mt-sm {
	margin-top: 3px; }

.ix-mt-md {
	margin-top: 5px; }

.ix-mt-lg {
	margin-top: 10px; }

.ix-mt-xl {
	margin-top: 18px; }

.ix-mt-xxl {
	margin-top: 30px; }

.ix-mt-xxxl {
	margin-top: 50px; }

/* Margin Bottom */
.ix-mb-xs {
	margin-bottom: 1px; }

.ix-mb-sm {
	margin-bottom: 3px; }

.ix-mb-md {
	margin-bottom: 5px; }

.ix-mb-lg {
	margin-bottom: 10px; }

.ix-mb-xl {
	margin-bottom: 18px; }

.ix-mb-xxl {
	margin-bottom: 30px; }

.ix-mb-xxxl {
	margin-bottom: 50px; }

/* Padding */
.ix-p-xs {
	padding: 1px; }

.ix-p-sm {
	padding: 3px; }

.ix-p-md {
	padding: 5px; }

.ix-p-lg {
	padding: 10px; }

.ix-p-xl {
	padding: 18px; }

.ix-p-xxl {
	padding: 30px; }

.ix-p-xxxl {
	padding: 50px; }

/* Padding X-Axis */
.ix-px-xs {
	padding-left: 1px;
	padding-right: 1px; }

.ix-px-sm {
	padding-left: 3px;
	padding-right: 3px; }

.ix-px-md {
	padding-left: 5px;
	padding-right: 5px; }

.ix-px-lg {
	padding-left: 10px;
	padding-right: 10px; }

.ix-px-xl {
	padding-left: 18px;
	padding-right: 18px; }

.ix-px-xxl {
	padding-left: 30px;
	padding-right: 30px; }

.ix-px-xxxl {
	padding-left: 50px;
	padding-right: 50px; }

/* Padding Y-Axis */
.ix-py-xs {
	padding-top: 1px;
	padding-bottom: 1px; }

.ix-py-sm {
	padding-top: 3px;
	padding-bottom: 3px; }

.ix-py-md {
	padding-top: 5px;
	padding-bottom: 5px; }

.ix-py-lg {
	padding-top: 10px;
	padding-bottom: 10px; }

.ix-py-xl {
	padding-top: 18px;
	padding-bottom: 18px; }

.ix-py-xxl {
	padding-top: 30px;
	padding-bottom: 30px; }

.ix-py-xxl {
	padding-top: 50px;
	padding-bottom: 50px; }

/* Padding Right */
.ix-pr-xs {
	padding-right: 1px; }

.ix-pr-sm {
	padding-right: 3px; }

.ix-pr-md {
	padding-right: 5px; }

.ix-pr-lg {
	padding-right: 10px; }

.ix-pr-xl {
	padding-right: 18px; }

.ix-pr-xxl {
	padding-right: 30px; }

.ix-pr-xxxl {
	padding-right: 50px; }

/* Padding Left */
.ix-pl-xs {
	padding-left: 1px; }

.ix-pl-sm {
	padding-left: 3px; }

.ix-pl-md {
	padding-left: 5px; }

.ix-pl-lg {
	padding-left: 10px; }

.ix-pl-xl {
	padding-left: 18px; }

.ix-pl-xxl {
	padding-left: 30px; }

.ix-pl-xxxl {
	padding-left: 50px; }

/* Padding Top */
.ix-pt-xs {
	padding-top: 1px; }

.ix-pt-sm {
	padding-top: 3px; }

.ix-pt-md {
	padding-top: 5px; }

.ix-pt-lg {
	padding-top: 10px; }

.ix-pt-xl {
	padding-top: 18px; }

.ix-pt-xxl {
	padding-top: 30px; }

.ix-pt-xxxl {
	padding-top: 50px; }

/* Padding Bottom */
.ix-pb-xs {
	padding-bottom: 1px; }

.ix-pb-sm {
	padding-bottom: 3px; }

.ix-pb-md {
	padding-bottom: 5px; }

.ix-pb-lg {
	padding-bottom: 10px; }

.ix-pb-xl {
	padding-bottom: 18px; }

.ix-pb-xxl {
	padding-bottom: 30px; }

.ix-pb-xxxl {
	padding-bottom: 50px; }

.ix-p-0 {
	padding:0px;
}

.ix-px-0 {
	padding-left:0px;
	padding-right:0px;
}

.ix-py-0 {
	padding-top:0px;
	padding-bottom:0px;
}

.ix-pt-0 {
	padding-top:0px;
}

.ix-pr-0 {
	padding-right:0px;
}

.ix-pb-0 {
	padding-bottom:0px;
}

.ix-pl-0 {
	padding-left:0px;
}

.ix-m-0 {
	margin:0px;
}

.ix-mx-0 {
	margin-left:0px;
	margin-right:0px;
}

.ix-my-0 {
	margin-top:0px;
	margin-bottom:0px;
}

.ix-mt-0 {
	margin-top:0px;
}

.ix-mr-0 {
	margin-right:0px;
}

.ix-mb-0 {
	margin-bottom:0px;
}

.ix-ml-0 {
	margin-left:0px;
}


/* COLORS */
.ix-white {
	background-color: #ffffff !important; }

.ix-black {
	background-color: #1c1c1c !important; }

.ix-midnight-light {
	background-color: #415874;
	color: #ffffff !important;
	font-weight: 300; }

.ix-midnight {
	background-color: #112e51;
	color: #ffffff !important;
	font-weight: 300; }

.ix-midnight-dark {
	background-color: #0e2541;
	color: #ffffff !important;
	font-weight: 300; }

/* royal */
.ix-royal-light {
	background-color: #007db8;
	color: #ffffff !important;
	font-weight: 300; }

.ix-royal {
	background-color: #006db8;
	color: #ffffff !important;
	font-weight: 300; }

.ix-royal-dark {
	background-color: #005db8;
	color: #ffffff !important;
	font-weight: 300; }

/* kelley */
.ix-kelly-light {
	background-color: #008a00;
	color: #ffffff !important;
	font-weight: 300; }

.ix-kelly {
	background-color: #007a00;
	color: #ffffff !important;
	font-weight: 300; }

.ix-kelly-dark {
	background-color: #006a00;
	color: #ffffff !important;
	font-weight: 300; }

/* golden */
.ix-golden-light {
	background-color: #fdc64b;
	color: #1c1c1c;
	font-weight: 300; }

.ix-golden {
	background-color: #fdb81e;
	color: #1c1c1c;
	font-weight: 300; }

.ix-golden-dark {
	background-color: #ea9411;
	color: #323a45;
	font-weight: 300; }

/* flame */
.ix-flame-light {
	background-color: #dc7133;
	color: #1c1c1c;
	font-weight: 300; }

.ix-flame {
	background-color: #C24700;
	color: #ffffff !important;
	font-weight: 300; }

.ix-flame-dark {
	background-color: #a93e00;
	color: #ffffff !important;
	font-weight: 300; }

/* wolfpack */
.ix-wolfpack-light {
	background-color: #d63333;
	color: #ffffff !important;
	font-weight: 300; }

.ix-wolfpack {
	background-color: #cc0000;
	color: #ffffff !important;
	font-weight: 300; }

.ix-wolfpack-dark {
	background-color: #a30000;
	color: #ffffff !important;
	font-weight: 300; }

/* licorice */
.ix-licorice-light {
	background-color: #5b616a;
	color: #ffffff !important;
	font-weight: 300; }

.ix-licorice {
	background-color: #323a45;
	color: #ffffff !important;
	font-weight: 300; }

.ix-licorice-dark {
	background-color: #282e37;
	color: #ffffff !important;
	font-weight: 300; }

/* steel */
.ix-steel-light {
	background-color: #f1f1f1;
	color: #323a45;
	font-weight: 300; }

.ix-steel {
	background-color: #d6d7d9;
	color: #323a45;
	font-weight: 300; }

.ix-steel-dark {
	background-color: #b6b6b6;
	color: #323a45;
	font-weight: 300; }

/* font colors */
.ix-f-midnight-light {
	color: #415874; }

.ix-f-midnight {
	color: #112e51; }

.ix-f-midnight-dark {
	color: #0e2541; }

/* royal */
.ix-f-royal-light {
	color: #007db8; }

.ix-f-royal {
	color: #006db8; }

.ix-f-royal-dark {
	color: #005db8; }

/* kelley */
.ix-f-kelly-light {
	color: #008a00; }

.ix-f-kelly {
	color: #007a00; }

.ix-f-kelly-dark {
	color: #006a00; }

/* golden */
.ix-f-golden-light {
	color: #fdc64b; }

.ix-f-golden {
	color: #fdb81e; }

.ix-f-golden-dark {
	color: #ea9411; }

/* flame */
.ix-f-flame-light {
	color: #dc7133; }

.ix-f-flame {
	color: #C24700; }

.ix-f-flame-dark {
	color: #a93e00; }

/* wolfpack */
.ix-f-wolfpack-light {
	color: #d63333; }

.ix-f-wolfpack {
	color: #cc0000; }

.ix-f-wolfpack-dark {
	color: #a30000; }

/* licorice */
.ix-f-licorice-light {
	color: #5b616a; }

.ix-f-licorice {
	color: #323a45; }

.ix-f-licorice-dark {
	color: #282e37; }

/* steel */
.ix-f-steel-light {
	color: #f1f1f1; }

.ix-f-steel {
	color: #d6d7d9; }

.ix-f-steel-dark {
	color: #b6b6b6; }

.ix-f-white {
	color:white;
}

/* STROKE */
.ix-outlined {
	border: solid;
	border-width: 1px;
	border-color: #b6b6b6;
	color: #323a45; }

.ix-stroke-light {
	border: solid;
	border-width: 1px;
	border-color: #f1f1f1; }

.ix-stroke {
	border: solid;
	border-width: 1px;
	border-color: #d6d7d9; }

.ix-stroke-dark {
	border: solid;
	border-width: 1px;
	border-color: #d6d7d9; }

.ix-stroke-heavy {
	border: solid;
	border-width: 5px;
	border-color: #b6b6b6; }

.entityChangeName {
	font-weight: 500;
	margin-right: 4px;
}

.entityChangeName:after {
	content: ':';
}

.entityChangeArrow {
	margin-left: 4px;
	margin-right: 4px;
	content: '->';
}

#swimlane_modal #wsubmitterContactId .combobox-container {
	margin-top: 0px;
}

.apr-change.up {
	color: #1D8148;
}

.apr-change.down {
	color: #D72919;
}

/* comp tickets styles */

 .ct-sport-card-item-wrapper {
	 border-bottom: 1px solid #d6d7d9;
	 padding: 4px 0px;
 }

.ct-sport-card-item-wrapper:last-child {
	border-bottom: none;
}

.ct-sport-card-header {
	padding:8px 16px;
	background-color:#d6d7d9;
	font-weight: 600;
}
.ct-overview-container {
	width:320px;
	border:1px solid #b6b6b6;
	border-radius:5px;
	margin-right:16px;
	margin-bottom: 10px;
}
.ct-setting-group-label {
	padding:8px 16px;
}

.row-fluid [class*="span"] {
	min-height: unset !important;
}

.ct-header-badge {
	font-size: 12px;
	color:white;
	padding: 0px 8px;
	border-radius: 5px;
}
.enabled {
	background-color: #1b7943;
}

.not-enabled {
	background-color: #cc0000;
}

.rotated {
	transform: rotate(180deg);
	margin-left:6px;
}
.ct-sport-card-item-details {
}

.ct-details-card-inner {
	padding: 8px 16px;
}

.clickable {
	color:#006db8;
}
.clickable:hover {
	color:#005db8;
	text-decoration: underline;
	cursor: pointer;
}
.ct-link {
	color:#006db8;
}
.ct-link:hover {
	color:#005db8;
	cursor: pointer;
}
.caret-clickable {
	color:#006db8;
}
.caret-clickable:hover {
	color:#005db8;
	cursor: pointer;
}

.inner-label {
	font-size: 12px;
	font-weight: 600;
}

.ct-form-item {
	font-size: 12px;
	margin-top:8px;
}

.affirm {
	color:#007a00;
}

.negate {
	color:#cc0000;
}

.bold {
	font-weight: 600;
}

.hr-small {
	margin:4px 0px;
}

/* SA profile calendar */

/*
#team_profile_header #studentAthleteCalendarContainer .detailContentHeightContainer {
	max-height: 400px;
	overflow: hidden;
}

#team_profile_header #studentAthleteCalendarContainer .detailContentHeightContainer .content {
	max-height: 350px;
}

#team_profile_header #studentAthleteCalendarContainer:not(.expanded) .detailContentHeightContainer .content .fc-content .fc-view-agendaWeek>div>div:nth-child(4) {
	height: 230px !important;
}

#team_profile_header #studentAthleteCalendarContainer.expanded .detailContentHeightContainer, #team_profile_header #studentAthleteCalendarContainer.expanded .detailContentHeightContainer .content {
	max-height: unset;
}

#team_profile_header #studentAthleteCalendarContainer .expandedText {
	display: none;
}

#team_profile_header #studentAthleteCalendarContainer.expanded .expandedText {
	display: inline;
}

#team_profile_header #studentAthleteCalendarContainer.expanded .collapsedText {
	display: none;
}

#studentAthleteCalendarContainer .fc-header-right {
	padding-right: 60px;
}

#studentAthleteCalendarContainer #events_calendar {
	margin-top: 0px;
}

#expandStudentAthleteCalendarContainer {
	height: 30px;
}

#expandStudentAthleteCalendar {
	margin-top: -1px;
}

 */

#ticket_request_modal #ticketRequestForm .input_validation_pagewarning {
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}

/* SA comp tickets request modal */

div.ticketRecipient {
	border-bottom: 1px solid #dadada;
	margin-top: 10px;
}

#ticket_request_modal .row-fluid input, #ticket_request_modal .row-fluid select {
	width: 90%;
}

#ticket_request_modal .guestNumberLabel {
	min-width: 150px;
}

#ticket_request_modal .recipientSelect {
	margin-top: 6px;
}

#ticket_request_modal .sectionLabel {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}

#ticket_request_modal .questionsContainer {
	font-weight: 200;
}

#ticket_request_modal .ct-questions-border-left {
	border-left: 1px solid #d6d7d9;
	margin-bottom: 10px;
	padding-left: 16px;
	margin-left: 16px;
	min-height: 55px !important;
}

#ticket_request_modal .sectionSubLabel {
	font-size:16px;
	color:#5b616a;
	line-height: 18px;
}

#ticket_request_modal .sectionHeaderBold {
	font-size:24px;
	font-weight: 600;
}

#add_new_guest_modal div.input_validation_instruction {
	margin-top: -10px;
	margin-bottom: 6px;
}

#roster_management_modal .modal-header #profile_headshot {
	width: unset;
	height: unset;
}

#roster_management_modal .modal-body {
	width: 100%;
	padding: 0;
}

#roster_management_modal .modal-body .detailContentContainer {
	margin-top: 20px;
	margin-bottom: 20px;
}

#roster_management_modal .label.baseField {
	vertical-align: middle;
}

#roster_management_modal .readField.span6 {
	padding-top: 24px;
}

#roster_management_modal .override-header {
	margin: 0;
}

#requestsForm input[type=radio] {
	margin-right: 5px;
	margin-top: -3px;
}

#requestsForm fieldset label {
	display: block;
}

#eventMetrics .eventMax {
	font-weight: 200;
}

#eventMetrics .header {
	height: 32px;
	font-size: 20px;
	font-weight: 200;
	line-height: 24px;
}

#eventMetrics .error {
	color: #b94a48;
}

#eventMetrics table th, #eventMetrics table tbody tr:last-child td {
	background-color: #eee;
}

#eventMetrics table tbody td {
	font-weight: 300;
	font-size: 12px;
	padding: 4px 4px 4px 8px;
}

#eventMetrics table tbody tr:last-child td {
	font-weight: 600;
}

.roster_status_scroller .other-college-attended {
	font-size: 10px;
	line-height: 10px;
}

#roster_management_modal #roster_information_content .overridable {
	width: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* House Settlement: jQuery validate adds .error to rosterReplacementEffectiveDate
   when rosterReplacement is non-"No" and the date is empty. Give the field a red
   border + tint so the missing-input state is visible at a glance alongside the
   inline error label and aria-invalid. Two selectors: the SA details modal uses
   per-sport ids (wrosterReplacementEffectiveDate_<rmId>); the Make Roster Change
   modal uses a single un-suffixed wrosterReplacementEffectiveDate. */
#roster_management_modal input[id^="wrosterReplacementEffectiveDate_"].error,
#athleteStatusModalStepOne input#wrosterReplacementEffectiveDate.error {
	border-color: #b94a48;
	background-color: #f2dede;
}
#roster_management_modal input[id^="wrosterReplacementEffectiveDate_"].error:focus,
#athleteStatusModalStepOne input#wrosterReplacementEffectiveDate.error:focus {
	border-color: #953b39;
	box-shadow: 0 0 6px #d59392;
}

#roster_management_modal #student_athlete_information_content select {
	margin-top: 5px;
	margin-bottom: 5px;
}

#roster_management_modal #student_athlete_information_content input[type="text"].hasDatepicker {
	margin-top: 5px;
	margin-bottom: 5px;
}

#roster_management_modal .detailContentContainer .autocompleteTooltip {
	margin-top: 0 !important;
}

#roster_management_modal .combobox-container {
	margin-top: 5px;
	margin-bottom: 5px;
}

#roster_management_modal #base_field_alert {
	text-align: right;
	font-size: 12px;
	font-weight: 400;
	color:#C24700;
	text-transform: none !important
}

#roster_management_modal .sport-column-header {
	text-transform: uppercase;
	text-align: center;
	font-size: 13px;
}

#roster_management_modal #eligibility_header {
	height: 100%;
	line-height: 100%;
	display: flex;
}

#nonTraditionalFamilySwitchContainer {
	padding: 10px 0px;
	height: 26px;
}

.shadow-top {
	box-shadow: 0 -5px 5px -5px #333;
}

.shadow-right {
	box-shadow: 5px 0 5px -5px #333;
}

.shadow-right-inv {
	/*box-shadow: inset -5px 0 5px -5px #333;*/
	overflow-y:hidden;
	overflow-x:auto;
	scrollbar-width: auto !important;
}



.shadow-bottom {
	box-shadow: 0 5px 5px -5px #333;
}

.shadow-left {
	box-shadow: -5px 0 5px -5px #333;
}

.shadow-all {
	box-shadow: 0 0 5px #333;
}

.rosterStatusWidgetYearContainer .make-roster-change-container {
	white-space: nowrap;
}


.max-width-unset {
	max-width:unset !important;
}

.shadow-right-inv::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	border-radius: 6px;
	background-color: #F5F5F5;
}

.shadow-right-inv::-webkit-scrollbar
{
	background-color: #F5F5F5;
	height:6px;
	width:6px;
}

.shadow-right-inv::-webkit-scrollbar-thumb
{
	border-radius: 6px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #888;
}


#ca_integration_container .detailContentContainer {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

#ca_integration_container h3 {
	padding-bottom: 1rem;
}

#ca_integration_container #step1 .multiselect-container {
	margin-left: 0;
}

#ca_integration_container #step1 .bootstrap-select {
	width: 100%;
	max-width: 100%;
}

#ca_integration_container #step2 input,
#ca_integration_container #step2 label {
	margin-top: auto;
	margin-bottom: auto;
}

#ca_integration_container #step2 .row-fluid {
	min-height: 25px;
}

#ca_integration_container #step2 {
	border-left: 1px solid rgb(204, 207, 209);
	border-right: 1px solid rgb(204, 207, 209);
	padding-left: 2.564102564102564%;
}

#ca_integration_container #step3 h3 {
	display: inline;
}

#ca_integration_container #step3 .badge {
	vertical-align: super;
}

#ca_integration_container #step3 input {
	height: unset;
}

#ca_integration_container #push_ca_files_button {
	margin-bottom: 0.5rem;
}

#app_integration_container #app_title {
	padding-bottom: 1rem;
}

#app_integration_container #completed_exports_title {
	padding-top: 1rem;
}

#app_integration_container .multiselect-container {
	margin-left: 0;
}

#app_integration_container .multiselect-container .bootstrap-select {
	width: 100%;
	max-width: 100%;
}

#app_integration_container .detailContentContainer label, #ca_integration_container .detailContentContainer label {
	font-size: 14px;
}

.windowUnitTypeText {
	 width: 68px;
 }

.windowUnitTypeSelect {
	height: 30px !important;
}

.ticketSettings {
	margin-top: 20px;
}

#sportTicketSettings {
	overflow: scroll;
	height: calc(100vh - 300px);
	padding-top: 20px;
}

.ticketSettings .pageSubHeader {
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	border-bottom: 1px solid #dadada;
	clear: both;
	padding-top: 10px;
	color: #C24700;
}

.ticketSettings .pageSubHeader.pb-4 {
	padding-bottom: 4px;
}

.ticketSettings .pageSubHeader.mt-20 {
	margin-top: 20px;
}

.ticketSettings .subSettingHeader {
	margin-bottom: 12px;
	font-weight: 400;
}

.ticketSettings .ticketRequestTypeSection, .ticketSettings .ticketEventSection {
	margin-top: 20px;
	font-weight: 200;
}

.copySiteUrlToClipboard {
	border: 0;
	background-color: transparent;
	box-shadow: none;
	margin-top: -6px;
}

.copySiteUrlToClipboard:hover {
	background-color: transparent;
}

.externalLinkRow .description {
	font-size: 12px;
}

.externalLinkRow .title {
	font-weight: 400;
}

.publicRequestSitesContainer {
	font-weight: 200;
	font-size: 12px;
	padding-bottom: 20px !important;
}

.publicRequestSitesContainer > div {
	padding-bottom: 8px;
}

.ticketSettings .ticketEventSection .externalLinkRow {
	padding-top: 6px;
	padding-bottom: 6px;
}

.ticketSettings .ticketEventSection .externalLinkRow.bottom {
	border-bottom: 1px solid #dadada;
}

.ticketSettings .ticketRequestTypeSection .header, .ticketSettings .ticketEventSection .header {
	font-size: 14px;
	font-weight: 600;
	margin-top: 16px;
	/* border-bottom: 1px solid #dadada; */
	margin-bottom: 16px;
	text-transform: uppercase;
}

.ticketSettings .ticketRequestTypeSection .input_validation_instruction, .ticketSettings .ticketEventSection .input_validation_instruction {
	margin-top: 0px;
}

.ticketSettings .ticketRequestTable tr td:nth-child(odd) {
	width: 260px;
	font-weight: 200;
}

.ticketSettings .ticketRequestTable tr td:nth-child(even) {
	padding-bottom: 6px;
}

.ticketSettings .ticketRequestTable td {
	border-top: none;
	padding: 2px;
}

.ticketSettings #sectionSelector {
	padding: 0px 6px;
	margin-top: -3px;
	margin-bottom: 0px;
	font-size: 16px !important;
	font-weight: 500;
	height: 26px !important;
}

#ticket_request_modal .guestHeader {
	font-size: 14px;
	font-weight: 600;
	margin-top: 16px;
	margin-bottom: 16px;
	text-transform: uppercase;
}

#generate_guest_list_modal .form-title {
	margin-bottom: 0.5rem;
}

#generate_guest_list_modal .form-body {
	margin-left: 1rem;
}

#generate_guest_list_modal input[type="checkbox"],
#generate_guest_list_modal input[type="radio"] {
	margin-top: 0;
	margin-right: 1rem;
}

#generate_guest_list_modal #template_selection {
	margin-left: 2rem;
}

.emailPhoneToggleLink:hover, i.emailPhoneIcon:hover {
	text-decoration: none;
}

i.emailPhoneIcon {
	color: #ccc;
	text-decoration: none;
}

i.emailPhoneIcon.hasValue {
	color: #3598dc;
}

i.deniedRecipientIcon {
	color: #D72919;
}

#add_new_guest_modal .questionText {
	line-height: 18px;
	margin-bottom: 6px;
}

.activity_description_container {
	margin-bottom: 0px;
	line-height: 16px;
	font-size: 14px;
}

.accordion-body.collapse.activity-details {
	min-height: 32px;
}

.anchor-toggle {
	color: #C24700;
}

#compliance_assistant_sync_status_modal .detailContentContainer .content {
	text-align: center;
}

#compliance_assistant_sync_status_modal #sync_status_container {
	display: inline;
}

#compliance_assistant_sync_status_modal #sync_status {
	margin-bottom: 0;
}

#compliance_assistant_sync_status_modal #sync_status_label {
	vertical-align: middle;
	display: inline;
}

#compliance_assistant_sync_status_modal #student_athlete_grid_filters {
	margin-top: 2rem;
}

#compliance_assistant_sync_status_modal #student_athlete_grid_filters .input-append {
	margin-bottom: 0;
}

#compliance_assistant_sync_status_modal .grid_actions_container {
	display: none;
}

@media (min-height: 900px) {
	.sent_email_view_frame_main {
		min-height: 700px;
	}
}

@media (max-height: 899px) {
	.sent_email_view_frame_main {
		min-height:293px;
	}
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.white-switch {
	background-color: white;
	/*border-left: 1px solid #cccccc;*/
	/*border-right: 1px solid #cccccc;*/
}

.white-switch:hover, .white-switch:focus {
	background-color: #e6e6e6;
}

#my_menu,
#workflow_menu,
#recruiting_menu,
#team_menu,
#compliance_menu,
#time_management_menu,
#department_menu,
#academic_menu,
#financial_aid_menu,
#advancement_menu,
#reporting_menu,
#administration_menu,
#camps_menu,
#arms_support_menu {
	width:230px;
	min-width:230px;
}

#activityStreamHistoryFilterDrop {
	border: none;
	outline: none;
	background: rgba(0,0,0,0);
	color: #C24700;
	border-radius: 3px;
	padding-left: 10px;
	margin-left: 0px;
}

#activityStreamHistoryFilterDrop:hover {
	text-decoration: underline;
}

#activityStreamHistoryFilterDrop:focus {
	border-color: #fff;
	outline: none;
	box-shadow: inset 0 0 0 1px #fff,0 0 0 2px #207ab6;
}

#activityStreamHistoryFilterDrop:active {
	border: none;
	outline: none;
	background: rgba(0,0,0,0);
	color: #C24700;
	box-shadow: none;
}

#allocationForm_grid td div.description {
	font-size: 9px;
	float: right;
	width: 80px;
	line-height: 12px;
}

.card-main em, .card-sub em {
	font-style: normal;
	font-weight: bold;
}

#facet_search_container .facetSelectAllButton,
#facet_search_container .facetSelectNoneButton,
#facet_search_container .facetCheckboxSelectOnlyButton {
	opacity: 0;
	width: 0px;
	border: 0px;
	margin: -2px 0px 0px 5px;
	padding: 0px;
	background-color: unset;
	font-weight: 200;
	font-size: 12px;
	color: #3598dc;
	line-height: 12px;
}

#facet_search_container .facetCheckboxSelectOnlyButton {
	margin-left: 0px;
}

#facet_search_container .facetSelectAllButton:hover,
#facet_search_container .facetSelectAllButton:focus,
#facet_search_container .facetSelectNoneButton:hover,
#facet_search_container .facetSelectNoneButton:focus,
#facet_search_container .facetCheckboxSelectOnlyButton:hover,
#facet_search_container .facetCheckboxSelectOnlyButton:focus {
	text-decoration: underline;
}

#facet_search_container .facet_category_item.withSelectAll:hover .facetSelectAllButton,
#facet_search_container .facet_category_item.withSelectAll:focus .facetSelectAllButton,
#facet_search_container .facet_category_item.withSelectAll .facetSelectAllButton:focus,
#facet_search_container .facet_category_item.withSelectAll:hover .facetSelectNoneButton,
#facet_search_container .facet_category_item.withSelectAll:focus .facetSelectNoneButton,
#facet_search_container .facet_category_item.withSelectAll .facetSelectNoneButton:focus {
	opacity: 1;
	width: auto;
}

#facet_search_container .facet_category_item.withSelectAll .facetCheckbox:focus ~ .facetSelectOnly .facetCheckboxSelectOnlyButton,
#facet_search_container .facet_category_item.withSelectAll .facetCheckboxSelectOnlyButton:focus,
#facet_search_container .facet_category_item.withSelectAll li.facetCheckboxItem:hover .facetCheckboxSelectOnlyButton {
	opacity: 1;
	width: auto;
}

/* Begin clean new styles */
.page-banner{
	width:100%;
	border-bottom: 1px solid #dadada;
	padding-top: 10px;
	padding-bottom: 10px;
	display: grid;
	column-gap: 10px;
	row-gap: 10px;
	grid-template-columns: max-content 1fr auto;
	grid-template-rows: auto min-content auto;
	grid-template-areas:
			"icon title title"
			"icon subTitle subTitle"
			"icon actions buttons";
}

.page-banner.with-tabs {
	padding-bottom: 0px;
	border-bottom: none;
}

.page-title{
	grid-area: title;
	font-size: 34px !important;
	font-weight: 200 !important;
	color: #666;
}

.page-subTitle{
	grid-area: subTitle;
	text-transform: uppercase;
	font-size: 1.5em;
	color: #757575;
	font-weight: 200;
}

.page-title-actions {
	grid-area: actions;
}

.page-title-buttons {
	grid-area: buttons;
	margin-right: 20px;
}

.page-title-buttons button {
	height: 30px;
}

.page-title-buttons button.mat-button {
	line-height: inherit;
}

.page-title-icon{
	grid-area: icon;
	font-size: 34px;
	color: #666;
}

/* page with facets */

.page-with-facets {
	width: 100%;
	padding-bottom: 20px;
	display: grid;
	column-gap: 10px;
	row-gap: 10px;
	grid-template-columns: 200px auto;
	grid-template-rows: auto;
	grid-template-areas:
			"facets pageContent"
;
}

.page-facets {
	grid-area: facets;
	font-size: 12px !important;
	font-weight: 200 !important;
	color: #666;
	width: 179px;
	background-color: #fff;
	border-right: 1px solid #dadada;
	padding: 10px;
}

.page-content {
	grid-area: pageContent;
	padding-right: 10px;
}

.page-with-facets > .page-content {
	padding-top: 10px;
}

.mat-tab-body {
	padding-top: 10px !important;
}

/* icon styles */
.grey{
	color: #c4c4c4;
}

/* TODO: Styles for buttons that do not rely on bootstrap javascript */
/* button styles */

.flex_button_row {
	display: flex;
	flex-direction: row;
}

.actions_button_group > button {
	background-color: #999;
	outline: none;
	width: 40px;
	height: 40px;
	color: white;
	border-radius: 3px;
	margin: 0px 3px;
	font-size: 20px;
	position: relative;
	border: solid 1px rgb(102, 102, 102);
}

.options_button_group button {
	font-size: 14px;
	margin: 8px 0px;
	padding: 2px 10px;
	border-radius: 4px;
	height: 30px;
	vertical-align: center;
	cursor: pointer;
}

.options_button_group.icon_buttons > button {
	width: 36px;
	background: transparent;
	border: solid rgb(204, 204, 204) 1px;
	outline: none;
}

.options_button_group.icon_buttons > button:hover {
	background: #DDD;
}

button:hover {
	cursor: pointer;
}

.icon_button.bg-light-blue {
	background-color: #3598dc;
}

.badge_new {
	position: absolute;
	background: rgb(185, 74, 72);
	color:white;
	height:10px;
	top:-7px;
	right: -4px;
	font-size: 12px;
	border-radius: 10px;
	font-family: Roboto, "Helvetica Neue", sans-serif;
	padding: 2px 4px;
	line-height: 10px;
	white-space: nowrap;
	font-weight: 600;
	border: solid 1px black;
}


.activity_button_group > button {
	color: #c24700;
	background: transparent;
	outline: none;
	display: flex;
	flex-direction: row;
	vertical-align: center;
	border: none;
	justify-content: space-between;
	width: 20px;
}

#categoryViewMarginContainer:focus {
	outline: none;
}

.k-scheduler-content .k-event {
	padding-right: 0px;
}

/* TODO: Standardize styling of h elements (h1,h2,h3,h4...etc) headings should be used as content structuring elements,
     not used simply as a means of styling text */
/* h1,2,3,4,5 ...etc */
.heading_2 {
	font-size: 20px !important;
	font-weight: 200 !important;
	color: #707070;
}

.pending-questionnaires-changed, .sa-form-status-changed {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.pending-questionnaires-changed h1, .sa-form-status-changed h1 {
	text-align: center;
	color: #f44336;
	margin-top: 20vh;
	margin-bottom: 2rem;
}

.pending-questionnaires-changed p, .sa-form-status-changed p {
	font-size: 16px;
}

/* from bootstrap-pagination */

.pagination {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: 0.25rem;
}

.page-link {
	position: relative;
	display: block;
	margin-left: -1px;
	padding: 4px 12px;
	line-height: 20px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

.page-link:hover {
	z-index: 2;
	background-color: #f5f5f5;
}

.page-link:focus {
	z-index: 2;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-link:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
	z-index: 1;
	color: #707070;
	cursor: default;
	background-color: #f5f5f5;
}

.page-item.disabled .page-link {
	color: #6c757d;
	pointer-events: none;
	cursor: auto;
	background-color: #fff;
	border-color: #dee2e6;
}

.pagination-lg .page-link {
	padding: 4px 12px;
	font-size: 14px;
	line-height: 22px;
}

.pagination-lg .page-item:first-child .page-link {
	border-top-left-radius: 0.3rem;
	border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
	border-top-right-radius: 0.3rem;
	border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
	padding: 4px 12px;
	font-size: 12px;
	line-height: 20px;
}

.pagination-sm .page-item:first-child .page-link {
	border-top-left-radius: 0.2rem;
	border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
	border-top-right-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem;
}

/* a row of content with left, middle and right areas */
.content-bar {
	width: 100%;
	display: grid;
	column-gap: 6px;
	grid-template-columns: max-content 1fr auto;
	grid-template-areas: "left middle right";
}

.content-bar .left {
	grid-area: left;
}

.content-bar .middle {
	grid-area: middle;
}

.content-bar .right {
	grid-area: right;
}

table.keyboardHelp {
	margin-top: 10px;
}

table.keyboardHelp th, table.keyboardHelp td {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
	font-size: 13px !important;
	color: #333 !important;
}

.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current,
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {
	display: none; /* we need to include the buttonpane to inject the keyboard shortcuts button into it, but don't want these other buttons */
}

.ui-datepicker-keyboard-help {
	font-weight: 200 !important;
	font-size: 11px !important;
	padding: 0 0.5em !important;
	line-height: 18px !important;
	border: none !important;
	background: none !important;
	cursor: pointer !important;
	color: #333 !important;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: none !important;
}

.left-nav-badge {
	margin-left: auto;
	margin-right: 16px;
	vertical-align: top;
	font-size: 10px;
}

.left-nav-top-level-badge {
	position: absolute;
	right: 16px;
}

/* suppress the top-level badge if there's a second-level one that accompanies it and that is visible because this module is expanded */
.selected-nav-item > .mat-content > .mat-expansion-panel-header-title > .left-nav-top-level-badge.with-second-level-badge {
	display: none;
}

#caraReviewBodyTable td {
	height: 13px;
	max-height: 13px;
	line-height: 13px;
}

#assign_coaches_by_region_modal .bootstrap-select .dropdown-menu.open {
	max-height: 300px !important;
}

#assign_coaches_by_region_modal #assignmentsContainer {
	margin-top: 15px;
}

#assign_coaches_by_region_modal #schoolTypesCheckboxesContainer {
	display: flex;
	margin-top: 5px;
}

#assign_coaches_by_region_modal .assignRegionTD, .input_validation_warning.schoolTypeWarning {
	display: none;
}

#assign_coaches_by_region_modal .assignmentRow {
	display: flex;
}

#assign_coaches_by_region_modal .assignTD {
	margin-left: 15px;
}

#assign_coaches_by_region_modal .cancelButtonContainer {
	margin-top: 20px;
}

#assign_coaches_confirmation_modal #assignmentsHeading {
	font-weight: bold;
}

#assign_coaches_confirmation_modal #assignmentSummary {
	font-size: 16px;
}

#assign_coaches_confirmation_modal ul#assignmentsInfo {
	list-style-type: circle;
}

#assign_coaches_confirmation_modal ul#assignmentList {
	list-style-type: square
}

#playingSeasonsForm .editTermText {
	color: #C24700;
}

.caraPlayingSeasonsCalendarView table.caraCalendarTable {
	border-spacing: 4px;
	border-radius: 4px;
}

.caraPlayingSeasonsCalendarView table.caraCalendarTable tr {
	border: none;
}

.caraPlayingSeasonsCalendarView table.caraCalendarTable td {
	border-radius: 4px;
	border: 1px solid #dadada;
}

.caraPlayingSeasonsCalendarView table.caraCalendarTable td.cara-week-start-column {
	border: none;
	vertical-align: middle;
}

.caraPlayingSeasonsCalendarView table.caraCalendarTable tr.segmentSubHeader td.cara-week-day-column {
	border: none;
}

.caraPlayingSeasonsCalendarView table.caraCalendarTable, .caraPlayingSeasonsCalendarView table.caraCalendarTable tr.segmentHeader, .caraPlayingSeasonsCalendarView table.caraCalendarTable tr.segmentHeader td {
	border: none;
}
.caraPlayingSeasonsCalendarView table.caraCalendarTable tr.segmentHeader {
	background: white;

}

.caraPlayingSeasonsCalendarView table.caraCalendarTable td.withOffDay {
	border-top: 8px solid black;
	padding-top: 0px !important;
}

/*.caraPlayingSeasonsCalendarView table.caraCalendarTable td.withOffDay .day-number {*/
/*	padding-top: 2px;*/
/*}*/

.caraPlayingSeasonsCalendarView table.caraCalendarTable td.withOffDay.offDayIsAdditional {
	border-top: 8px solid maroon;
	padding-top: 0px !important;
}

.caraPlayingSeasonsCalendarView table.caraCalendarTable.notFirst {
	margin-top: 30px;
}

.caraPlayingSeasonsCalendarView table.caraCalendarTable td.otherMonth {
	background-color: white !important;
	border: none !important;
}

.caraPlayingSeasonsCalendarView .dot {
	height: 10px;
	width: 10px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	background-image: none;
	margin-left: 1px;
	margin-right: 1px;
}

.caraPlayingSeasonsCalendarView .dot.countable {
	background-color: #008a00;
}

.caraPlayingSeasonsCalendarView .dot.competition {
	background-color: #CC0000;
}

.caraPlayingSeasonsCalendarView .dot.rara {
	background-color: #3598dc;
}

.caraPlayingSeasonsCalendarView .dot-container {
	clear: both;
	text-align: center;
}

.caraPlayingSeasonsCalendarView .day-number {
	text-align: center;
	float: none;
	padding-top: 14px;
}

.caraPlayingSeasonsCalendarView .span6 {
	padding: 0px 40px;
	justify-content: center;
	display: grid;
}

.caraPlayingSeasonsCalendarView table.caraCalendarTable td {
	height: 30px;
	min-height: 30px;
	width: 30px;
	max-width: 30px;
	padding-top: 8px !important;
}

.caraPlayingSeasonsCalendarView .cara-day-cell {
	padding: 0px !important;
	height: 30px;
	min-height: 30px;
	width: 30px !important;
	max-width: 30px;
}  
  
.ql-container {
	font-size: 12px;
	border: 1px solid #dadada;
	padding: 7px;
	margin: 10px;
	width: 150px;
	border-radius: 5px;
}

.ql-container .header {
	text-transform: uppercase;
	color: #757575;
	height: 20px;
}

.ql-container div {
	height: 20px;
	margin-bottom: 10px;
}

button.armsLinkStyleButton {
	background: none!important;
	border: none;
	padding: 0!important;
	cursor: pointer;
	font-size: inherit;
	color: #C24700;
}

button.armsLinkStyleButton:hover {
	text-decoration: underline;
}

/* scores and schedules events scroller - recruit profile */

.scroller.profile.scoresAndSchedulesEvents {
	overflow: auto;
}

.scroller.profile.scoresAndSchedulesEvents .scroll_container {
	width: auto;
	height: 255px;
	position: relative;
	overflow: auto;
	float: left;
}

.scoresAndSchedulesEventCard {
	border: 1px solid #DADADA;
	width: 300px;
	max-width: 300px;
	padding: 0px;
	margin: 5px;
	height: 240px;
	float: left;
	color: #333333;
}

.scoresAndSchedulesEventCard .body .span4 .value {
	font-size: 16px;
}

.scoresAndSchedulesEventCard .body .value {
	font-size: 14px;
	line-height: 20px;
	font-weight: 200;
}

.scoresAndSchedulesEventCard .body .header {
	padding: 3px 0px 0px 0px !important;
	line-height: 20px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	height: inherit;
}

.scoresAndSchedulesEventCard .header {
	padding: 5px !important;
	height: 40px;
	max-height: 40px;
	text-transform: none;
	overflow: scroll;
}

.scoresAndSchedulesEventCard .header .subheader {
	color: #C24700;
	height: 14px;
	max-height: 14px;
	line-height: 14px;
	font-size: 14px;
	font-weight: 400;
}

.scoresAndSchedulesEventCard .body {
	clear: both;
	overflow: scroll;
	height: 180px;
	max-height: 180px;
}

.scoresAndSchedulesEventCard .body.withFooter {
	height: 168px;
	max-height: 168px;
	border-bottom: 1px solid #dadada;
}

.scoresAndSchedulesEventCard .body .bodyPad {
	padding: 5px;
}

.scoresAndSchedulesEventCard .header .date {
	float: left;
	text-align: center;
	color: #333333;
	width: 36px;
	border-right: 1px solid #dadada;
	margin-right: 6px;
	margin-left: -5px;
}

.scoresAndSchedulesEventCard .header .date .dateDay {
	font-size: 24px;
	font-weight: 400;
	line-height: 22px;
}

.scoresAndSchedulesEventCard .header .date .dateMonth {
	font-size: 12px;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 12px;
	margin-top: 4px;
}

.scoresAndSchedulesEventCard .footer {
	padding: 3px;
}

.scoresAndSchedulesEventCard .footer button.btn-delete-event {
	font-size: 10px;
	padding: 0px 3px;
	line-height: 12px;
	margin-top: -9px;
	margin-left: 3px;
}

/* 24/7 events scroller - recruit profile */

.scroller.profile.sportsTwoFourSevenEvents {
	overflow: auto;
}

.scroller.profile.sportsTwoFourSevenEvents .scroll_container {
	width: auto;
	height: 255px;
	position: relative;
	overflow: auto;
	float: left;
}

.sportsTwoFourSevenEventCard {
	border: 1px solid #DADADA;
	width: 300px;
	max-width: 300px;
	padding: 0px;
	margin: 5px;
	height: 240px;
	float: left;
	color: #333333;
}

.sportsTwoFourSevenEventCard .body .span4 .value {
	font-size: 16px;
}

.sportsTwoFourSevenEventCard .body .value {
	font-size: 14px;
	line-height: 20px;
	font-weight: 200;
}

.sportsTwoFourSevenEventCard .body .header {
	padding: 3px 0px 0px 0px !important;
	line-height: 20px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	height: inherit;
}

.sportsTwoFourSevenEventCard .header {
	padding: 5px !important;
	height: 40px;
	max-height: 40px;
	text-transform: none;
	overflow: scroll;
}

.sportsTwoFourSevenEventCard .header .subheader {
	color: #C24700;
	height: 14px;
	max-height: 14px;
	line-height: 14px;
	font-size: 14px;
	font-weight: 400;
}

.sportsTwoFourSevenEventCard .body {
	clear: both;
	overflow: scroll;
	height: 180px;
	max-height: 180px;
}

.sportsTwoFourSevenEventCard .body.withFooter {
	height: 168px;
	max-height: 168px;
	border-bottom: 1px solid #dadada;
}

.sportsTwoFourSevenEventCard .body .bodyPad {
	padding: 5px;
}

.sportsTwoFourSevenEventCard .header .date {
	float: left;
	text-align: center;
	color: #333333;
	width: 36px;
	border-right: 1px solid #dadada;
	margin-right: 6px;
	margin-left: -5px;
}

.sportsTwoFourSevenEventCard .header .date .dateDay {
	font-size: 24px;
	font-weight: 400;
	line-height: 22px;
}

.sportsTwoFourSevenEventCard .header .date .dateMonth {
	font-size: 12px;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 12px;
	margin-top: 4px;
}

.sportsTwoFourSevenEventCard .footer {
	padding: 3px;
}

.sportsTwoFourSevenEventCard .footer button.btn-delete-event {
	font-size: 10px;
	padding: 0px 3px;
	line-height: 12px;
	margin-top: -9px;
	margin-left: 3px;
}
.import-metrics {
	width: 100%;
	padding: 10px;
	display: grid;
	column-gap: 10px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: 100px;
	grid-template-areas: "first second third";
}

.import-metrics .metric-container {
	padding: 10px;
	grid-row: 1;
	border: 1px solid #dadada;
	border-radius: 4px;
}

.import-metrics .metric-container.first {
	grid-area: first;
}

.import-metrics .metric-container.second {
	grid-area: second;
}

.import-metrics .metric-container.third {
	grid-area: third;
}

.import-metrics .metric-container .card {
	font-weight: 200;
	color: black;
	height: 65px;
	text-align: center;
	margin-top: 15px;
}

.import-metrics .metric-container .card .metric {
	font-size: 24px;
}

.import-metrics .metric-container .card .label {
	font-size: 12px;
	margin-top: 10px;
}