#VideoSummaryHeader .dropdown {
	float: right;
	margin-left: 10px;
	margin-top: -5px;
}

#VideoSummaryHeader .dropdown ul li a {
	text-transform: capitalize;
}

#VideoSummaryHeader .dropdown button, #HeaderContainer .dropdown button
	{
	background: #F1D441;
	color: #000;
	border: 1px solid transparent;
}

#VideoSummaryHeader .dropdown button:hover, #HeaderContainer .dropdown button:hover
	{
	background: #F1D441;
}

#VideoSummaryHeader .dropdown button:active {
	background: gold;
}

.video-meta.checkable>* {
	margin-left: 23px;
}

.video-meta.checkable>h4 {
	margin-left: 0px;
}

.video-meta.checkable>h4>input {
	margin: 0px;
	margin-right: 0px;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 5px;
}

#VideoSummaryHeader .action {
	cursor: pointer;
	display: inline-block;
}

#VideoSummaryHeader .action:hover small {
	color: #5fa8dc !important;
}

#VideoSummaryHeader .action:hover .icon i {
	color: #5fa8dc !important;
}

#VideoSummaryHeader .action span.icon {
	display: inline-block;
	font-size: 0.6em;
	color: #333;
	position: absolute;
	width: 11px;
	height: 25px;
}

#VideoSummaryHeader .action span.icon i {
	color: #888;
	position: absolute;
	left: 0px;
	font-size: 0.8em;
}

#VideoSummaryHeader .action span.icon i.fa-arrow-down {
	top: 1px;
}

#VideoSummaryHeader .action span.icon i.fa-arrow-up {
	bottom: 1px;
}

#VideoSummaryHeader .action span.icon.expand i.fa-arrow-down {
	bottom: 1px;
	top: initial;
}

#VideoSummaryHeader .action span.icon.expand i.fa-arrow-up {
	top: 1px;
}

#VideoSummaryHeader span small {
	font-size: 12px;
	font-weight: bold;
	color: #888;
}

#VideoSummaryHeader .action small {
	margin-left: 15px;
	text-transform: capitalize;
}

.table-wrapper .table>tbody+tbody {
	border-top: 1px solid #ddd;
}

.table-wrapper .table>thead>tr>th {
	border-bottom: 1px solid #ddd;
}

.table-wrapper table tr, .table-wrapper table td {
	border-bottom: 1px solid #ddd !important;
}

.table-wrapper table thead tr th {
	cursor: pointer;
}

.table-wrapper table thead tr th:hover i.fa-sort {
	color: #333;
}

.table-wrapper table .name-wrapper * {
	vertical-align: middle;
	display: inline-block;
	font-weight: bold;
}

.table-wrapper table .name-wrapper i {
	color: #333;
	font-size: 1.4em;
	font-weight: normal;
}

.table-wrapper .swimmer-header td {
	cursor: pointer;
	line-height: 1.2em;
	padding: 12px 10px;
	color: #333;
}

.table-wrapper .swimmer-header td.name i {
  font-size: 1.2em;
  margin-right: 5px;
  width: 8px;
}
.table-wrapper .swimmer-header td.name label {
	color: #333;
	font-size: 1.2em;
	width: 85%;
}

.table-wrapper .swimmer-header td.name * {
	display: inline-block;
	vertical-align: middle;
	margin: 0px;
}


.table-wrapper .swimmer-header.expand td.name label {
	color: #333;
}

.group-table {
	table-layout: fixed;
}


#MainControllerDiv.Inner #practiceTable.group-table,
#MainControllerDiv.Inner #classTable.group-table {
  max-width: inherit;
  width: auto;
}

#MainControllerDiv.Inner .group-table tr td.practiceName{
  min-width: 15em;
}

#MainControllerDiv.Inner .group-table tr td.practiceName i{
  vertical-align: middle;
}
#MainControllerDiv.Inner .group-table tr td.practiceName label{
  width: 90%;
  vertical-align: middle;
}

.group-table tbody tr td.age, .group-table thead tr th.age {
	text-align: center;
}

.group-table thead .videoNumber, .group-table thead .plays {
	text-align: center;
	width: 6em;
}

.group-table tbody .videoNumber, .group-table tbody .plays {
	text-align: right;
	width: 6em;
}

.group-table thead .age {
	width: 6em;
}

.group-table tr.expand td {
	color: #333;
}

#swimmeetTable thead th.MeetName {
	min-width: 44em;
	text-align: left;
}

#swimmeetTable thead th.MeetDate {
	min-width: 9em;
	text-align: center;
}

#swimmeetTable thead th.EventAddress {
	min-width: 20em;
}

#swimmeetTable tbody td.MeetDate {
	text-align: right;
}

#swimmeetTable {
  background-color: #fff;
}

#swimmeetTable tbody tr:nth-of-type(2n),
#practiceTable tbody tr:nth-of-type(2n),
#classTable tbody tr:nth-of-type(2n) {
  background-color: #fff !important;
}

#swimmeet div.SwimmeetTable,
#practiceVideoModal div.PracticeTable,  #classVideoModal div.PracticeTable{
  margin-top: 15px;
  display: block;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 400px;
  background-color: #fff;
}

.hint {
	background-color: #e0e0e0;
	padding: 10px;
	overflow: hidden;
	font-size: 2em;
	color: #6C6767;
}

.hint p {
	font-size: 0.5em;
}

.done-button {
	margin: 10px 0px;
}

.done-button button {
	float: right;
}

.upload-container .action-bar span, .sub-nav-action .action-bar span {
	float: right;
	line-height: 34px;
	color: #888;
}

.upload-container .action-bar h3 {
	line-height: 34px;
	margin: 0px;
	font-weight: bold;
	color: #333;
}

.upload-container .action-bar {
	border-bottom: 1px solid #d8d8d8;
	overflow: hidden;
	padding-bottom: 10px;
}

.upload-container .action-bar .action button {
	margin-right: 5px;
}

.upload-container .upload-directory>div {
	display: inline-block;
	vertical-align: middle;
}

.upload-container .upload-directory>div label {
	padding-left: 0px;
	padding-right: 20px;
	color: #333;
	font-weight: bold;
}

.upload-container .upload-directory>div * {
	vertical-align: middle;
	display: inline-block;
	margin-top: 0px;
}

#MainControllerDiv.Inner .VideoEditorForm div.form-group .col-xs-2{
  width: 25% !important;
}

#MainControllerDiv.Inner .VideoEditorForm div.form-group .col-xs-10{
  width: 75% !important;
}
.upload-container .upload-detail label {
	text-align: left;
}

.upload-container .upload-detail>div.done .file {
	display: none;
}

.upload-container .upload-detail .file, .WistiaMessage {
	width: 100%;
	/*height: 256px;*/
	background: #fff;
	padding: 0px;
	display: table;
	overflow: hidden;
}

.upload-container .upload-detail .file.done {
	height: auto;
	display: block;
	overflow: initial;
}

.upload-container .upload-detail .file>div, .WistiaMessage>div {
	display: table-cell;
	vertical-align: middle;
}

.upload-container .upload-detail .upload-progress-container>div {
	vertical-align: middle;
}

.upload-container .upload-detail {
	background: #F0EFF5;
}

.upload-container .upload-detail {
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.upload-container .upload-detail .file .note {
	cursor: pointer;
	width: 100%;
	margin: 0px auto;
	text-align: center;
}

.upload-container .upload-detail .file .note .drag-hint {
	color: #848484;
	font-weight: normal;
}

.upload-container .upload-detail .file .note .preview p {
	color: #424242 !important;
	font-size: 1.5em;
	font-weight: normal;
}

.upload-container .upload-detail .file .note.preview button {
	margin-top: 5px;
}



.upload-container .upload-detail .file .note p {
	margin: 0px;
	font-weight: bold;
}

.upload-container .upload-detail .file .note p:last-child {
	color: #848484;
	font-weight: normal;
}

.upload-container .upload-detail .file .note .ErrorMessage {
	color: #ee3423 !important;
}

.upload-container .upload-detail .name-selection a {
	float: right;
	line-height: 27px;
	font-weight: bold;
	font-size: 1.2em;
}

.upload-container .upload-detail .name-selection label {
	color: #333;
}

.upload-container .upload-progress-container {
	padding: 15px;
}

.upload-container .upload-progress-container .upload-progress-box {
	border-radius: 5px;
	border: 1px solid #d8d8d8;
	padding: 15px;
	margin: 5px 0px;
}

.upload-container .upload-progress-container .progress {
	height: 30px;
	margin: 0px;
}

.upload-container .upload-progress-container .upload-status {
	text-align: left;
	font-size: 1.5em;
	font-size: 1.4em;
	margin-bottom: 5px;
}

.upload-container .upload-progress-container .upload-status i {
	float: right;
	cursor: pointer;
}

.upload-container .upload-progress-container .upload-warning p {
	margin: 0px;
}

.upload-container .video-play {
	padding: 0px;
}

.upload-container .video-play .video-duration {
	z-index: 2;
	left: auto;
	right: 3px;
	bottom: 36px;
	top: auto;
	font-weight: bold;
}

.upload-container .video-play i {
	font-size: 1.6em;
	position: absolute;
	right: 8px;
	top: 6px;
	z-index: 2;
	cursor: pointer;
}

.play-more-list .form-group {
	overflow: initial;
}

.name-wrapper>* {
	vertical-align: middle;
	display: inline-block;
	margin: 0px;
}

.btn-file {
	position: relative;
	overflow: hidden;
}

.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity = 0);
	opacity: 0;
	background: red;
	cursor: inherit;
	display: block;
}

.filters-wrap {
	margin-bottom: 0px;
}

a.sortable {
	color: #333;
	text-decoration: none;
}

a.sortable i.fa-sort {
	color: #bababa
}

.upload-container .filters-wrap {
	border-top: 0px;
	margin-top: 0px;
}

.upload-detail .done .file {
	height: initial;
	background: none;
	padding: 0px;
}

.upload-detail .done .video-play {
	height: initial;
	background: none;
	position: relative;
	min-height: 100px;
}

@media ( max-width : 767px) {
	.upload-container .upload-detail .file {
		height: 200px;
	}
	.upload-container .upload-detail .done .file {
		height: initial;
	}
}

.video-title * {
	vertical-align: middle;
}

.video-title>a {
	padding-left: 0px;
}

.ms-main .btn-group>button:first-child {
	height: 34px;
}

.group-table>tbody:nth-of-type(odd)>tr {
	background-color: #f9f9f9;
}

.group-table tbody tr {
	background-color: #f5f5f5 !important;
	color: #fff;
}

.table-wrapper.selection .group-table tbody tr {
	background-color: initial !important;
}

.table-wrapper.selection .swimmer-header td.name label {
	color: #5fa8dc !important;
}

.table-wrapper.selection .swimmer-header td {
	color: #000 !important;
}

.group-table tr.expand td.name i {
	color: #333;
}

.table-wrapper .RowExpandPanel {
	background: none !important;
}

.video-thumb .thumbnail {
	max-width: initial;
	position: relative;
}

.video-thumb .video-meta .video-title > a > span {
  display: inline-block;
  width: 88%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-o-text-overflow: ellipsis; /* required for Opera */
	-ms-text-overflow: ellipsis; /* required for IE8, allegedly */
	-moz-binding: url('ellipsis.xml#ellipsis');
	/* for Firefox; details here */
}

.video-thumb .thumbnail img {
	min-width: 173px;
	min-height: 104px;
}

.practice-table tbody tr td.date {
	text-align: right;
}

.practice-table thead tr th.date {
	text-align: center;
	width: 9em;
}

span.action.disabled {
	pointer-events: none;
}

span.action.disabled * {
	color: #B6B6B6 !important;
}

.video-thumb {
	margin: 0px;
}

.video-duration {
	right: 3px;
	left: auto;
	bottom: 3px;
	top: auto;
}

#NumberOfAccountsSummaryHeader .number-of-accounts h3 {
	font-family: Verdana, sans-serif;
	color: #666 !important;
}

#searchVideos .dropdown-menu li a {
	text-transform: capitalize;
}

#searchVideos .dropdown {
	display: inline-block;
}

#searchVideos>div>div {
	margin-bottom: 10px;
}

#ama-main.ms-main .btn[disabled="disabled"] {
	border: initial;
	height: 34px;
}

#account-member-editor .btn[disabled="disabled"] {
	height: auto !important;
}

.ms-main .ama-header .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover,
	.nav-tabs>li.active>a:focus {
	cursor: pointer;
}

.VideoDetailPanel {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.hints-instructions p.lead {
	margin-bottom: 0;
}

.VideoDetailPanel>div ol {
	margin: 0px 0px 15px 0px;
}

.VideoWrapper {
	position: relative;
}

.VideoWrapper button[ng-click="startCustomizing('columns')"] {
	display: none;
}

.VideoWrapper .filters-wrap>.visible-xs>.btn-group>.btn-group:nth-child(2)
	{
	display: none;
}

.VideoWrapper .VideoTab {
	margin-left: -15px;
	margin-right: -15px;
}

.VideoWrapper .search-table-content {
	display: none;
}

.VideoWrapper .number-of-accounts {
	display: none;
}

.VideoWrapper .VideoPanel {
	visibility: hidden;
	height: 0px;
	overflow: hidden;
}

.VideoWrapper .VideoPanel.Active {
	visibility: visible;
	height: auto;
	overflow: inherit;
}

.FilterPanel {
	margin-top: 5px;
	margin-bottom: 5px
}

#searchVideos {
	padding: 18px 0px;
}

.MobileCategoryTabs {
	z-index: 2;
}

.scrollfix-placeholder {
	min-height: 50px;
}

.PaginationWrapper {
	text-align: center;
}

tr.RowExpandPanel td {
	padding: 0px !important;
}

tr.RowExpandPanel td ul li.Note {
	padding: 10px;
	color: #222;
}

tr.RowExpandPanel td ul li.VideoList {
	margin: 20px 15px 0px 0px;
}

.WistiaMessage {
	background-color: #fff;
	padding: 15px;
	border: 2px dashed #bababa;
	display: table;
	width: 100%;
	height: 400px;
}

.WistiaMessage>div {
	text-align: center;
}

.WistiaMessage>div p {
	margin: 0px;
	font-size: 2em;
}

.WistiaMessage .note {
	display: block;
}

.WistiaMessage * {
	cursor: default !important;
}

.WistiaMessage .VideoLoading i {
	font-size: 1em !important;
	color: #777 !important;
}

.WistiaMessage p.text-danger>* {
	color: #ee3423 !important;
	font-size: 1em !important;
}

.vl-detail-content .VideoWrapper {
	margin: 0px auto;
	max-width: 1280px;
}

.vl-detail-content .VideoWrapper .video-play {
	min-height: 400px;
}

.VideoDetailPanel>div ol {
	margin: 0px;
}

.search-table-content {
	overflow-x: auto;
}

#videoListContainer>div {
	display: inline-block;
	vertical-align: top;
}

.video-thumb.auto-resize {
	margin: 0px auto;
	float: none;
}

.btn-group .dropdown-button {
	background: #fff !important;
	width: 150px;
}

.vl-detail-content .wistia_embed {
	height: 0px;
}

#videoListContainer {
	min-height: 320px;
}

.VideoEditorForm {
	margin-top: 20px
}

.CustomizeFilterActionBar {
	margin-top: 5px;
	margin-bottom: 5px;
}

.VideoWrapper .TitlePanel h3 {
	margin: 0px;
}

.TitlePanel>div {
	min-height: 39px;
}

.TitlePanel>div h3 {
	font-weight: bold !important;
}

.TitlePanel>div h3 span {
	display: inline-block;
}

#swimmerTable thead th.roster {
	width: 30%;
}

#swimmerTable thead th.name {
	min-width: 20em;
}

#classTable thead th.program, #classTable thead th.session{
    width: 220px;
}


#practiceTable thead th.location {
	width: 190px;
}

#practiceTable thead th.date, #classTable thead th.date {
	width: 190px;
}

#practiceTable thead th.roster {
	width: 200px;
}

#practiceTable thead th.videoNumber, #classTable thead th.videoNumber {
	width: 90px;
}

#practiceTable thead th.plays {
	width: 90px;
}

#TeamPlanEditorForm .modal-content .control-label {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.list-group-item.Draggable {
	cursor: move !important;
}

.modal-content {
	background: #eee !important;
}

.modal-content * {
	box-sizing: border-box;
}

.modal-content div {
	FONT-FAMILY: Verdana, sans-serif;
	TEXT-DECORATION: none;
}

.modal-header>.close {
	margin-top: -10px;
}

.account_edit_iterator {
	margin-bottom: 10px;
}

.custom-export-links .buttons.active {
	background: url('../img/buttons-selected.png') top center no-repeat;
}

.custom-export-links .buttons {
	background: url('../img/buttons.png') top center no-repeat;
}

.custom-export-links .checkboxes.active {
	background: url('../img/checkboxes-selected.png') top center no-repeat;
}

.custom-export-links .checkboxes {
	background: url('../img/checkboxes.png') top center no-repeat;
}

#editor-head #row#visible-xs#visible-sm {
	margin-bottom: 10px;
}

.ms-button-group button {
	margin-right: 5px;
}

.editor-buttons, #classVideoModal .Footer .editor-buttons {
	text-align: center;
}

.info-dialog #text-muted {
	padding-top: 5px
}

.info-dialog #text-danger {
	max-width: 78px;
}

.textUnmodified {
	padding-top: 5px;
}

.textUnsaveChanges {
	max-width: 78px;
}

.saveUndoButton {
	margin-top: 10px;
}

.saveUndoButton div div {
	border-radius: 4px;
	padding: 8px;
}

#EditScreenContainer {
	min-height: 74px !important;
}

#ActionContainer .btn-default {
	background: #ddd;
}

#aActionContainer .btn-default:hover {
	background: #eee;
	border-color: #c4c4c4;
}

#ActionContainer .btn[disabled="disabled"] {
	opacity: .2;
	cursor: default;
	background: #dddddd;
	border: 1px solid #c4c4c4;
	color: #000;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
}

#ActionContainer .btn[disabled="disabled"]:hover {
	background: #dddddd;
	border: 1px solid #c4c4c4;
}

#ActionContainer select.form-control {

}

#ActionContainer .modal-content {
	background: #eee;
}

/*.save-cancel-btn-wrap {
    float: right !important;
}*/
#PasswordResetForm h2 {
	font-size: 18px;
	background-color: #5fa8dc;
	padding: 5px;
	color: #fff;
	border-radius: 3px 3px 0 0;
}

.profile-summary p {
	margin-bottom: 10px;
}

.FullHeightModal .modal-dialog {
	height: 100%;
	margin: 0px auto;
}

.FullHeightModal .modal-dialog .modal-content {
	position: absolute;
	top: 15px;
	left: 0px;
	right: 0px;
	bottom: 15px;
	overflow: auto;
	background: #fff !important;
}

.TeamSelection .badge {
	padding: 0px;
	background: none;
	line-height: 22px;
	font-size: 1.2em;
	width: 1em;
	color: #b9bdc2;
}

.TeamSelection .list-group-item {
	cursor: pointer;
}

.TeamSelection .list-group-item:hover {
	background: #FFB718;
	color: #fff;
}

.TeamSelection .list-group-item:hover i {
	color: #fff;
}

.TeamSelection .list-group-item.active {
	pointer-events: none;
	border-color: #ddd !important;
}

.TeamSelection span.TeamName {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  font-weight: bold;
}

.SwitchTeamPanel .LoginForm {
	overflow: hidden;
}

.SwitchTeamPanel .LoginForm {
	overflow: hidden;
}


.SwitchTeamPanel .LoginStyle {
  background-color: #FFF;
  border: 1px solid #dddddd;
  border-radius: 7px;
  padding: 25px;
}

.SwitchTeamPanel .backdoor-teamunify{
	margin-top:10px;
}

.mainset-btn-login {
  background-color: #db8823;
  border-color: #db8823;
  font-weight: bold;
  color: white;
  padding: 10px 12px !important;
  height: 42px !important;
  width: 100%;
}

.SwitchTeamPanel .list-group {
	margin: 0px;
	overflow: auto;
	max-height: 280px;
}

.SwitchTeamPanel .ErrorMessage {
	margin: 5px 0px;
	visibility: hidden;
}

.SwitchTeamPanel .ErrorMessage.Show {
	visibility: visible;
}


.backdoor-teamunify label:not(.control-label){
  color:#000;
}

.backdoor-teamunify{
  text-align: center;
}
.backdoor-teamunify .form-team-unify-admin-login .form-group {
  text-align: left;
}


 span.TeamStatus {
   height: 25px;
   width: 25px;
   border-radius: 100%;
   text-align: center;
   display: table-cell;
   vertical-align: middle;
 }

 span.TeamStatus.Passing {
   background-color: #da8100;
 }

 span.TeamStatus.Passing i {
   color: white;
 }

 span.TeamStatus.Failing {
   background-color: #ececec;
 }

 span.TeamStatus.Failing {
   color: #9c9c9c;
 }

 span.TeamStatus i {
   vertical-align: middle;
 }

.AccountSettingsPanel .tab-content {
	background-color: #fff;
	margin: 0px;
	padding: 15px 15px;
	border: 1px solid #ddd;
	border-top: 0px;
  height: 380px;
}

.AccountSettingsPanel table {
	table-layout: fixed;
}

.AccountSettingsPanel table .Action {
	width: 13em;
}

.AccountSettingsPanel table .Action button {
	line-height: 25px !important;
}

.AccountSettingsPanel table td {
	line-height: 30px !important;
}

.AccountSettingsPanel table td.Name {
	width: 12em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.AccountSettingsPanel table td.Toggle {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.AccountSettingsPanel table td.Toggle label {
	font-weight: normal;
	color: #000;
	font-size: 12px;
	margin-bottom: 0px;
	cursor: pointer;
}

.AccountSettingsPanel table td.ColorPicker {
	width: 4em;
}

.AccountSettingsPanel table th.ColorPicker {
	width: 4em;
}

.AccountSettingsPanel table th.Name {
	width: 11em;
}

.AccountSettingsPanel table th.Action.Roster {
	width: 12em;
}

.AccountSettingsPanel table td.Name>div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.AccountSettingsPanel table.TableWrapper {
	margin-top: 15px;
	width: 100%;
}

.AccountSettingsPanel table.TableWrapper th {
	padding-bottom: 4px;
}

@media ( max-width :600px) {
	.AccountSettingsPanel table.TableWrapper th, .AccountSettingsPanel table.TableWrapper td
		{
		width: auto !important;
	}
	.AccountSettingsPanel table.TableWrapper .Action.RosterGroup,
		.AccountSettingsPanel table.TableWrapper .Action.Location {
		width: 8em !important;
	}
	.AccountSettingsPanel table.TableWrapper .Action button {
		width: 8em;
	}
	.AccountSettingsPanel .LocationTable input[type="text"] {
		width: 80%;
	}
}

@media ( max-width :320px) {
	.AccountSettingsPanel .modal-body .nav>li>a {
		padding: 10px 10px;
	}
}

.AccountSettingsPanel .Addon .ColorPicker {
	padding: 5px 7px;
}

.AccountSettingsPanel .ColorPicker .sp-replacer {
	padding: 0px;
	border: 0px;
}

.AccountSettingsPanel .ColorPicker .sp-preview {
	padding: 0px;
	border: 0px;
	margin: 0px;
	border: 1px solid rgb(199, 199, 199);
}

.AccountSettingsPanel .ColorPicker .sp-dd {
	display: none;
}

.AccountSettingsPanel table .Action.RosterGroup {
	width: 17em;
	text-align: right !important;
	padding-right: 5px;
}

.AccountSettingsPanel table thead th.Color {
	width: 4em;
}

.no-action-wrapper {
	height: 334px !important;
}

.NoItemMessage {
	display: inline-block;
	height: 371px;
}

tags-input .tags {
	margin: 0px;
	border: 1px solid #ddd;
	box-shadow: none;
	border-radius: 5px;
	background: #fff;
	padding: 5px;
}

tags-input .tags .tag-item {
	margin: 5px;
	background: none;
	background-color: #5fa8dc;
	color: #fff;
	border: 1px solid transparent;
}

tags-input .tags .tag-item .remove-button {
	color: #fff;
}

tags-input .tags .input {
	margin: 5px 0px;
}

tags-input .tags .tag-item.selected {
	background: #ee3423;
}

.sp-picker-container {
	border-left: 0px;
}

.sp-container {
	border: solid 1px #ddd;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.31);
}

.SwitchTeamModal, .SettingsModal, .ChangePasswordModal{
	display: table !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.SwitchTeamModal .modal-dialog, .SettingsModal .modal-dialog, .ChangePasswordModal .modal-dialog {
	display: table-cell;
	vertical-align: middle;
}

.SwitchTeamModal .modal-content, .SettingsModal .modal-content, .ChangePasswordModal .modal-content{
	width: 400px;
	margin: 0 auto;
}

.ChangePasswordModal .modal-content {
	width: 500px !important;
}


#ChangePasswordForm p{
	font-size: 13px;
}

.modal-vertical-align {
	display: table !important;
	margin: 0px auto;
	height: 100%;
	width: 300px;
}

.modal-vertical-align .modal-dialog {
	display: table-cell;
	vertical-align: middle;
}

.SettingsModal .modal-content {
	width: 600px;
}

.SettingsModal .tab-pane .ActionWrapper {
	overflow: hidden;
}

.SettingsModal table div.ScrollFit {
	height: 300px;
	overflow: auto;
}

.SettingsModal table div.ScrollFitRoster {
  height: 285px;
  overflow: auto;
}

.mainset_icon {
	background: url('../img/mainset_app_icon.png') no-repeat center;
	background-size: 20px;
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-top: -4px;
}

.ondeck_icon {
  background: url('../img/ondeck_icon.png') no-repeat center;
  background-size: 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-top: -4px;
}

@media ( max-width : 1024px) and (min-width: 768px) {
	.modal-slg {
		width: 600px;
	}
}

@media ( min-width : 992px) {
	.modal-slg {
		width: 95%;
		max-width: 902px;
	}
}

#TeamPlanEditorForm {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#TeamPlanEditorForm .radio-inline {
	/* border: 1px solid; */
	margin: 0 16px;
}

#TeamPlanEditorForm label {
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	padding-right: 3px;
	margin-top: 5px;
	padding-left: 0px;
}

#TeamPlanEditorForm h1 {
	margin-top: 0;
}

#TeamPlanEditorForm h2, .header-add-contract {
	font-size: 18px;
	background-color: #5fa8dc;
	padding: 5px;
	color: #fff;
}

#TeamPlanEditorForm h2 div {
	float: right;
	margin-top: -2px;
}

#TeamPlanEditorForm .radio-list {
	text-align: center;
}

#TeamPlanEditorForm .modal-content div {

}

#TeamPlanEditorForm  p {
	/* border: 1px solid black; */
	text-align: right;
	border-bottom: 1px solid silver;
	padding-bottom: 0 !important;
}

#TeamPlanEditorForm .form-control-static {
	font-size: 13px;
	min-height: 28px;
}

.radio-list>label.radio-inline {
	display: inline-block;
}

.no_mainset_icon {
	background-size: 20px;
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-top: -4px;
}

@media ( max-width :600px) {
	.SwitchTeamModal, .SettingsModal, .ChangePasswordModal{
		width: auto;
	}
}

.TagsInputContainer {
	padding: 4px 10px;
	background: #fff;
	border: 1px solid #DDD;
	border-radius: 5px;
}

.TagsInputContainer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	overflow: hidden;
}

.TagsInputContainer ul div.TagInputWrapper {
	padding: 2px 5px;
	border-radius: 3px;
	cursor: default;
}

.TagsInputContainer ul div.TagInputWrapper.Disabled {
  background-color: #ddd !important;
  border-color: #ddd !important;
  color: #000 !important;

}

.TagsInputContainer ul div.TagInputWrapper.DefaultTag {
  background-color: #84c55f !important;
  border-color: #76be4c !important;
  color: #fff !important;
}

.TagsInputContainer ul div.TagInputWrapper.Disabled a{
  color: #000 !important;
}

.TagsInputContainer ul div.TagInputWrapper a {
	color: #fff;
}

.TagsInputContainer ul div.TagInputWrapper i.fa {
	cursor: pointer;
}

.TagsInputContainer ul div.TagInputWrapper.Editable {
	float: left;
	width: 200px;
	padding: 0px;
}

.TagsInputContainer ul div.TagInputWrapper.Editable .input-group input,
#customizeWorkout div.TagInputWrapper.Editable .input-group input {
	height: 26px;
	padding: 0px 5px;
}

.TagsInputContainer ul div.TagInputWrapper.Editable .input-group button,
.TagsInputContainer ul div.TagInputWrapper.Editable .input-group button[disabled="disabled"],
#customizeWorkout div.TagInputWrapper.Editable.AddChartTag .input-group button {
	font-size: 12px;
	line-height: 22px !important;
	padding: 1px 5px;
	height: 27px !important;
}

.TagsInputContainer ul div.TagInputWrapper.Editable>input {
	color: #333;
	padding: 2px 5px;
	border-color: rgba(0, 0, 0, 0);
}

.TagsInputContainer ul>li {
	float: left;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.TagsInputContainer ul>li>input {
	line-height: 24px;
	height: 24px;
	padding: 2px 5px;
	margin: 2px 5px;
	border: none;
	font-size: 1.2em;
}

@media print {
	.page-break {
		display: block;
		page-break-before: always;
	}
}

table thead.FixedHeader {
	position: absolute;
	background-color: #fff;
	z-index: 2;
	overflow: hidden
}

table thead.FixedHeader tr {
	display: table;
	width: 100%;
}

.filters-wrap .visible-xs {
	margin: 5px 0px;
}

.GroupTableWrapper {
	overflow: auto;
}

.filter-container .FilterName {
	text-align: center;
}

@media (max-width: 992px){
	.filter-placeholder{
		margin-top: 0px!important;
	}
}

#ResultsTable tbody tr td {
	padding: 10px 5px;
}

#ResultsTable tbody tr td input[type="checkbox"] {
	margin: 0px;
}

#ResultsTable tbody tr td.Favorite i.fa {
	font-size: 1.3em;
	margin-top: 5px;
}

#ResultsTable tbody tr td.Favorite i.fa-star-o {
	color: #bababa;
}

#ResultsTable .text-right {
	text-align: right;
}

#ResultsTable .text-center {
	text-align: center;
}

#ResultsTable tbody .lead {
	text-align: center;
	margin: 0px;
}


#ResultsTable tbody tr td.hasOnDeck img {
  float: right;
  width: 26px;
  padding-bottom: 0px;
  margin-right: 20px;
}

#ResultsTable tbody tr td.hasOnDeck {
  padding: 4px 0px 0px 0px;
}


#ResultsTable thead th[sort-column="favorite"] {
	pointer-events: none;
}

#ResultsTable thead th[sort-column="favorite"] div {
	display: none;
}

#ResultsTable thead th[sort-column="isMainset"] div {
    background: url('../img/mainset_app_icon.png') no-repeat center;
    background-size: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-bottom: -3px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.grayscale {
    /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
    /* Firefox 10+, Firefox on Android */
    filter: gray !important;
    /* IE6-9 */
    -webkit-filter: grayscale(100%) !important;
    /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}


#ResultsTable thead th[sort-column="isMainset"] div::before, #ResultsTable thead th[sort-column="isMainset"] div::after{
    display: none;
}

.maxcoaches-alert-modal .modal-dialog {
    width: 400px;
}

#ResultsTable thead th>div.CoachActionHeader::before, #ResultsTable thead th>div.CoachActionHeader::after
	{
	display: none;
}

.CoachCMSWrapper .filters-wrap {
	display: none;
}

.ms-main .keyboard-shortcuts-hint {
	display: none;
}

#currentViewStatus a {
	display: block;
}

#currentViewStatus span {
	font-weight: bold;
}

#currentViewStatus {
	margin-top: 5px;
}

.CoachCMSWrapper .MaxCoachWarning {
	/*line-height: 34px;*/
	margin: 0px;
	font-size: 1.3em;
	color:#999;
}

.CoachCMSWrapper .MaxCoachWarning span {
	background-color: #84c55f;
	font-size: 1.3em;

}

.CoachCMSWrapper h3.Title {
	line-height: 34px;
	margin: 0;
}

.coach-listbox-title{
	min-height: 90px;
}

.select-coach-instruction-text{
	color:#999;
	font-weight: bold;
	font-size: 1.1em
}
/*.CoachCMSWrapper .title-instructional {

}*/
.CoachCMSWrapper .CoachList {
	height: 400px;
	overflow: auto;
	margin: 0px;
}

.CoachCMSWrapper .CoachBox {
	border: 1px solid #ddd;
	border-radius: 5px;
	margin: 10px 0px;
}

.CoachBox li:hover{
	text-decoration: none;
    color: #555;
    background-color: #f5f5f5;
}

.CoachCMSWrapper .ActionHeader {
	margin: 10px 0px;
	overflow: hidden;
}

.CoachCMSWrapper .CoachList .list-group-item {
	border-left: 0px;
	border-right: 0px;
	border-radius: 0px;
	border-bottom: 0px;
}

.CoachCMSWrapper .CoachList .list-group-item:first-child {
	border-top: 0px;
}

.MobileCategoryTabs .mobile-nav {
	color: #5fa8dc;
}

.MobileCategoryTabs .mobile-nav:hover {
	color: #3591d3;
}

.MobileCategoryTabs.open .mobile-nav {
	color: #5fa8dc;
	background: none;
	box-shadow: none;
}

.WorkoutWrapper .number-of-accounts {
	display: block;
}

.Expandable>.Content {
	display: none;
}

.Expandable>.Title {
	cursor: pointer;
}

.Expandable>.Content {
	display: none;
}

.Expandable.Open>.Content {
	display: block;
}

.Expandable .DirectionIcon {
	color: #787878;
}

/* AMA Style */

/* fix layout problem when integrate ama to mainset */
#account-member-editor request-verify-email {
	display: table-cell !important;
}

#account-member-editor label {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#account-member-editor .checkbox-inline label{
    line-height:22px;
}

#account-member-editor .mainset_icon{
    margin-bottom: -4px;
}

.help-header-section {
	padding-right: 10px;
}

.MaxCoachesModal .modal-sm{
    width: 300px !important;
}

.table-all-coaches{
	max-height: 400px;
	overflow-y: auto;
	margin-bottom: 10px;
}
.table-all-coaches table{
	margin-bottom: 0px;
}

.MaxCoachesModal table{
    background-color: white;
    border: 1px solid gainsboro;
}

.table-no-border>thead>tr>th,
.table-no-border>tbody>tr>th,
.table-no-border>tfoot>tr>th,
.table-no-border>thead>tr>td,
.table-no-border>tbody>tr>td,
.table-no-border>tfoot>tr>td {
  border-top: none;
}

.modal-plan-vertical-align{
   margin: 0px auto;
   height: 100%;
   width: 500px;
}

.modal-change-plan-margin {
	margin: 0px auto;
	margin-top: 70px;
  height: 100%;
  width: 500px;
}
.modal-confirm-plan-margin {
	margin: 0px auto;
  margin-top: 100px;
  height: 100%;
  width: 400px;
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

.btn-group .dropdown-plan-button {
	background: #fff !important;
	width: 200px;
}

.btn-group.open .dropdown-plan-button{
  width: 200px;
}


label.circle {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px !important;
    margin: 6px !important;
    font-size: 13px;
}

input.circle[type=radio],
input.circle[type=checkbox] {
    display: none;
}
label.circle:before {
    content: "";
    display: inline-block;

    width: 16px;
    height: 16px;

    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #FFFFFF;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.radio-list label.circle:before {
    border-radius: 8px;
}
.checkbox label.circle {
    margin-bottom: 10px;
}
.checkbox label.circle:before {
    border-radius: 3px;
}

input.circle[type=radio]:checked + label.circle:before {
    content: "\2022";
    color: #f3f3f3;
    font-size: 20px;
    text-align: center;
    line-height: 16px;
    background-color: #5FA8DC;
}

input.circle[type=checkbox]:checked + label.circle:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #f3f3f3;
    text-align: center;
    line-height: 15px;
}

.my-drop-zone {
	border: dotted 3px lightgray;
}

.nv-file-over {
	border: dotted 3px red;
} /* Default class applied to drop zones on over */
.another-file-over-class {
	border: dotted 3px green;
}
.team-plan-margin {
	margin-top: 15px;
}
.team-plan-margin p label.contract-col {
	text-align: left;
}

.form-horizontal .control-label-plan {
	 margin-bottom: 0;
   padding-top: 7px;
}

.linkDisabled a{
  cursor: not-allowed  !important;
  pointer-events: none  !important;
  color: grey !important;
}


.swimoffice-logo{
  display: inline-block;
  background: url(../img/swimoffice_logo.png) left center no-repeat;
  width: 110px;
  height: 20px;
  margin: 0px;
  margin-top: -5px;
}

.swimoffice-logo span{
 display: none;
}

.vcenter {
    height: 34px;
    padding: 8px 0;
    display: inline-block;
}

.coach-type-mute-label{
	color:#999;
}

.coach-type-select{
	max-width: 150px;
}

.pro-rated-format {
	color: green;
	font-size: 12px;
	font-weight: bold;
}
.helper-questionare {
	cursor: pointer;
	font-size: 15px;
}
.meet-results-upload {
	margin-top: 10px;
	margin-bottom: 10px;
}
.meet-results-upload .ext {
	margin-left: 5px;
	font-size: 8px;
	font-weight: bold;
}
.dropdown-plan-button-error {
	border-color: red;
}
.form-control-setting-team {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    height: 30px;
    padding: 5px;
}
/*User Access Level Badge*/

#UserAccessLevelBadge{
	position: relative;
}
#UserAccessLevelBadge img{
    height: 26px;
    margin: 0px;
	margin-top: -10px;
    margin-bottom: -10px;
}

#UserAccessLevelBadge .badge-row{
	padding: 15px 5px 2px 5px;
}

.account-info-link{
	position: relative;
}


.badge-row
{
	    text-align: left;
}
.badge-row img{
	margin: 0px;
}

.badge-title{
	font-size: 0.8em;
	margin-bottom: 4px;
}

.badge-row-img{
	display: inline-block;
	vertical-align: middle;
	height: 40px;
}

.badge-row-title{
	display: inline-block;
}

.badge-row-img img{
	vertical-align: initial !important;
}
.so-access-level-badge, .ms-access-level-badge{
	margin-left: 3px;
	margin-top: -5px;
    display: inline-block;
}
.so-access-level-badge-tip, .ms-access-level-badge-tip{
	top:34px !important;
}
.with-tool-tip{
	position: relative;
}
.account-info-link{
	display: inline-block;
}

.account-info-link:hover > .account-info-link-tip{
	opacity: 1;
	visibility: visible;
}
.so-access-level-badge:hover > .so-access-level-badge-tip{
	opacity: 1;
	visibility: visible;
}
.ms-access-level-badge:hover > .ms-access-level-badge-tip{
	opacity: 1;
	visibility: visible;
}

.tip {
	top: 30px;
	background: #eee;
	border: 1px solid #ccc;
	padding: 10px 10px 0 12px;
	border-radius: 5px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	position: absolute;
	min-width: 120px;
	visibility: hidden;
	opacity: 0;
  z-index: 1000;
  text-align: center;
  left: 50%;
  transform: translate(-50%, 0);
  white-space: nowrap;
}

/* arrows - :before and :after */
.tip:before {

    position: absolute;
    display: inline-block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 6px solid #eee;
    content: '';
    top: -6px;
    left: 50%;
    transform:translate(-50%,0);
}

 /*
  Allow angular.js to be loaded in body, hiding cloaked elements until
  templates compile.  The !important is important given that there may be
  other selectors that are more specific or come later and might alter display.
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}


#UpdateTeamForm .control-label {
	text-align: right;
}
.align-left {
	float: left;
}
.form-group-team {
	margin-bottom: 5px;
}
.control-label-team {
	font-size: 12px;
}
#save-change-team {
	display: none;
	text-align: center;
}
.control-label-billing {
	margin-bottom: 0px;
	padding-top: 7px;
	color: #000000;
	font-weight: normal;
	font-size: 14px !important;
}

/*Forget password module*/
.forget-btn{
  width: 100%;
  color:#FFFFFF;
  font-weight: bold;
}

.settings-fix {
	height: 371px;
	overflow-x: hidden;
	overflow-y: auto;
}
.form-control-add-coach {
	background-color: #fff;
   background-image: none;
   border: 1px solid #ccc;
   border-radius: 4px;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
   color: #555;
   font-size: 14px;
   height: 34px;
   line-height: 1.42857;
   padding: 6px 12px;
   transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
   width: 110px;
}
.control-label-team-month {
	margin-right: 7px;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}
.help-icon {
	border-radius: 50%;
  behavior: url(PIE.htc); /* remove if you don't care about IE8 */
  width: 20px;
  height: 20px;
  padding: 4px;
  background: #EF3916;
  color: #FFFFFF;
  text-align: center;
}

/* Alertify patch */
.alertify .ajs-footer .ajs-buttons .ajs-button {
  font-weight: normal !important;
  min-width: 60px;
  text-transform: none !important;
  padding: 0 10px !important;
}

.alertify .ajs-footer .ajs-buttons .ajs-button.btn{
	min-height: 34px !important;
    font-weight: bold !important;
}

.ajs-buttons .btn-success:hover,
.ajs-buttons .btn-success:focus,
.ajs-buttons .btn-success:active,
.ajs-buttons .btn-success.active {
  color: #fff !important;
  background-color: #69b140 !important;
  border-color: #599737 !important;
}

.ajs-buttons .btn-danger:hover,
.ajs-buttons .btn-danger:focus,
.ajs-buttons .btn-danger:active,
.ajs-buttons .btn-danger.active {
  color: #fff !important;
  background-color: #ce2010 !important;
  border-color: #ad1b0d !important;
}

.ajs-buttons .btn-success {
  color: #fff !important;
  background-color: #84c55f !important;
  border-color: #76be4c !important;
}

.ajs-buttons .btn-danger {
  color: #fff !important;
  background-color: #ee3423 !important;
  border-color: #e62412 !important;
}

.ajs-close {
  color: #ee3423;
  font-size: 2em !important;
  display: inline-block !important;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image: none !important;
  padding: 0 !important;
}

.ajs-close:before {
  content: "\f00d";
}

.ajs-header span.text-warning {
  color: #8a6d3b !important;
}

.sendInviteMainSetEmailBtn {
  text-align: right;
  height: 20px;
  margin-right: 5px;
}
.hide-workout-checked {
	color: #84c55f;
	font-size: 20px;
}
.event-selector {
	max-height: 250px !important;
	overflow: auto;
}
.swimmet-heat-lane {
	width: 255px;
}
.btn-group .dropdown-button-video {
  background: #fff !important;
  width: 230px;
}

.dropdown-menu-video {
	min-width: 220px !important;
}
.saved-views-list .list-group-item > a{
	max-width: none !important;
	display: inline !important;
}
#CustomizeFiltersContainer>div:last-child{
	margin-bottom: 3px !important;
}

#videoPanel div.VideoLoading {
  position: absolute;
  top: 50%;
  left: 50%;
}

#changePwdPanel div.PassRequired {
  color: #000;
}

#changePwdPanel div.PassRequired.Normal {
  background-color: #eee;
  border-color: #bbb;
}

#changePwdPanel div.PassRequired ul > li {
  padding-left: 10px;
  margin-bottom: 3px;
}

#changePwdPanel div.PassRequired ul > li.Error {
  color: red;
}

#swimmeet div.HeaderPanel,
#practiceVideoModal div.HeaderPanel, 
#classVideoModal div.HeaderPanel {
  padding: 5px 0px;
  border-bottom: 1px solid #bbb;
}

#swimmeet div.HeaderPanel a.Close,
#practiceVideoModal div.HeaderPanel a.Close, 
#classVideoModal div.HeaderPanel a.Close {
  position: absolute;
  right: 25px;
  top: 9px;
  font-size: 25px;
}

#swimmeet div.HeaderPanel h4,
#practiceVideoModal div.HeaderPanel h4,
#classVideoModal div.HeaderPanel h4 {
  text-align: center;
  font-weight: bold;
}

#swimmeet div.GroupTableWrapper,
#practiceVideoModal div.GroupTableWrapper,
#classVideoModal div.GroupTableWrapper {
  padding: 20px 25px 15px 25px;
}

#swimmeet div.GroupTableWrapper div.SearchSwimmeet,
#practiceVideoModal div.GroupTableWrapper div.SearchPractice,
#classVideoModal div.GroupTableWrapper div.SearchClass {
  display: block;
  height: 35px;
}

#swimmeet div.GroupTableWrapper div.SearchSwimmeet div.input-group,
#practiceVideoModal div.GroupTableWrapper div.SearchPractice div.input-group,
#classVideoModal div.GroupTableWrapper div.SearchClass div.input-group {
  max-width: 450px;
}

#swimmeet div.Footer,
#practiceVideoModal div.Footer,
#classVideoModal div.Footer {
  padding: 10px;
  display: block;
  margin-top: 10px;
  border-top: 1px solid #bbb;
  overflow: hidden;
}

#swimmeetTable.group-table tbody tr,
#practiceTable.group-table tbody tr,
#classTable.group-table tbody tr {
  color: #000 !important;
  cursor: pointer;
}

#swimmeetTable.group-table tbody tr:hover {
  background-color: #fff9f1 !important;
}

#swimmeetTable.group-table tbody tr.LastSwimmeet {
  border-bottom: 1px solid #ddd;
}

#swimmeetTable.group-table .swimmer-header td.name label,
#practiceTable.group-table .swimmer-header td.name label,
#classTable.group-table .swimmer-header td.name label {
  color: #5fa8dc !important;
}

#videoUploadPanel div.ProgressStatus {
  font-size: 14px;
  padding: 0px;
  margin-bottom: 10px;
}

#videoUploadPanel table.File tr.Error {
  background-color: #f5caca;
}

#videoUploadPanel .table-striped > tbody > tr.UploadFailed:nth-child(odd) > td,
#videoUploadPanel .table-striped > tbody > tr.UploadFailed:nth-child(odd) > th {
  background-color: transparent;
}

#videoUploadPanel table.File tr.UploadFailed td span.UploadFailed {
  color: red;
}

#videoUploadPanel table.File button.Reupload {
  padding: 3px 5px;
}

#videoUploadPanel table.File tr.Error td {
  background-color: transparent !important;
}

#videoUploadPanel table.File tr.Completed {
  opacity: 0.2;
}

#videoUploadPanel {
  -moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#videoUploadPanel div.VideoMetadata span.ErrorMessage {
  display: block;
  text-align: center;
  color: red;
  font-weight: bold;
  background-color: #f5caca;
  padding: 5px;
  font-size: 15px;
}

div.SwimmeetModal.modal,
div.PracticeVideoModal.modal,
div.classVideoModal.modal {
  text-align: center !important;
  padding: 0!important;
}

div.SwimmeetModal.modal:before,
div.PracticeVideoModal.modal:before,
div.classVideoModal.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

div.SwimmeetModal div.modal-dialog,
div.PracticeVideoModal div.modal-dialog,
div.classVideoModal div.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

#practiceTable > tbody > tr td.name label,
#classTable > tbody > tr td.name label,
#swimmeetTable > tbody > tr td.name label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 88%;
  vertical-align: middle;
  cursor: pointer;
}

#MainControllerDiv.Inner #practiceTable > tbody > tr td.name label,
#MainControllerDiv.Inner #classTable > tbody > tr td.name label,
#MainControllerDiv.Inner #swimmeetTable > tbody > tr td.name label{
  width: 85%;
}
@media only screen and  (max-device-width: 500px) {
  .vl-tabs li{
    padding: 0px;
    height: 40px;
  }

  .vl-tabs li a{
    padding: 10px 7px !important;
    font-size: 1em;
  }
}

/*
  Bootstrap 3.4.1 modifies element colors.
  The following styles maintain the element colors from Bootstrap 3.2.0.
*/

a {
  color: #5fa8dc;
}
a:hover,
a:focus {
  color: #2b84c4;
}
.btn-default {
  color: #333333 !important;
  background-color: #ffffff !important;
  border-color: #cccccc !important;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333 !important;
  background-color: #e6e6e6 !important;
  border-color: #adadad !important;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none !important;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff !important;
  border-color: #cccccc !important;
}
.btn-default .badge {
  color: #ffffff !important;
  background-color: #333333 !important;
}
.btn-primary {
  color: #ffffff !important;
  background-color: #5fa8dc !important;
  border-color: #4a9dd7 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff !important;
  background-color: #3591d3 !important;
  border-color: #297ebb !important;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none !important;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #5fa8dc !important;
  border-color: #4a9dd7 !important;
}
.btn-primary .badge {
  color: #5fa8dc !important;
  background-color: #ffffff !important;
}
.btn-success {
  color: #ffffff !important;
  background-color: #84c55f !important;
  border-color: #76be4c !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff !important;
  background-color: #69b140 !important;
  border-color: #599737 !important;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none !important;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #84c55f !important;
  border-color: #76be4c !important;
}
.btn-success .badge {
  color: #84c55f !important;
  background-color: #ffffff !important;
}
.btn-info {
  color: #ffffff !important;
  background-color: #26bcd6 !important;
  border-color: #22a9c0 !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff !important;
  background-color: #1e96ab !important;
  border-color: #197b8c !important;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none !important;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #26bcd6 !important;
  border-color: #22a9c0 !important;
}
.btn-info .badge {
  color: #26bcd6 !important;
  background-color: #ffffff !important;
}
.btn-warning {
  color: #333333 !important;
  background-color: #f5e071 !important;
  border-color: #f3db59 !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #333333 !important;
  background-color: #f2d641 !important;
  border-color: #efce20 !important;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none !important;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f5e071 !important;
  border-color: #f3db59 !important;
}
.btn-warning .badge {
  color: #f5e071 !important;
  background-color: #333333 !important;
}
.btn-danger {
  color: #ffffff !important;
  background-color: #ee3423 !important;
  border-color: #e62412 !important;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff !important;
  background-color: #ce2010 !important;
  border-color: #ad1b0d !important;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none !important;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #ee3423 !important;
  border-color: #e62412 !important;
}
.btn-danger .badge {
  color: #ee3423 !important;
  background-color: #ffffff !important;
}