@charset 'utf-8';
body, html {
	background: #f9f9f1;
	/*background: rgba(28,46,55,1);*/
	height: 100%;
}
.btn:hover{
	background-color:green;
}
.btn{
	--bs-btn-border-radius:0px;
}
.font-weight-normal {font-weight: normal !important;}
.list-group-item
{
	border:0px;
}
.letters-no-wrap {
	white-space: nowrap;
}
label {
	color: #000;
}
.onhover-cursor {
	cursor: pointer;
}
.badge{
	background-color:#000;
}
.address-is-different { display: none; }
.top-navbar .navbar-brand img {
	width: 60px !important;
}
.dashboard-navbar-bg {
	background: rgba(140, 29, 29,1);
	/*background: rgba(51,67,75,1);*/
}
.dashboard-left {
	position: fixed;
	left: 0;
	top: 64px;
	height: 100%;
}
.dashboard-right {
	transform: translate(0,64px);
	-moz-transform: translate(0,64px);
	-webkit-transform: translate(0,64px);
	padding: 1.5rem;
}
.nav-dropdown-transform {
	transform: translate(-178px,0);
	-moz-transform: translate(-178px,0);
	-webkit-transform: translate(-178px,0);
	position: relative;
	margin: 0;
	padding: 0;
}
.nav-dropdown-transform:after {
	content: "";
	position: absolute;
	top: -1.1rem;
	right: 1.55rem;
	border-style: solid;
	border-width: 10px;
	border-color: transparent transparent #fff transparent;
}
.dashboard-left .sidebar-links .sidebar-link-set {
	margin-bottom: 1.25rem;
}
.dashboard-left .sidebar-links li {
	padding-bottom: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}
.dashboard-left .sidebar .sidebar-links .sidebar-link-set #sideBarHref li:last-child {
	border-bottom: none;
}
.dashboard-left .sidebar .sidebar-links .sidebar-link-set #sideBarHrefTitle li:first-child {
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.dashboard-left .sidebar-links li a {
	color: #d4eaf7;
	text-decoration: none;
	padding: .3rem 1rem;
	width: 100%;
	box-shadow: inset 0 0 0 0 rgba(28,46,55,.75), inset 0 0 0 0 transparent;
	-moz-box-shadow: inset 0 0 0 0 rgba(28,46,55,.75), inset 0 0 0 0 transparent;
	-webkit-box-shadow: inset 0 0 0 0 rgba(28,46,55,.75), inset 0 0 0 0 transparent;
	transition: box-shadow .3s linear .01s;
	-moz-transition: box-shadow .3s linear .01s;
	-webkit-transition: box-shadow .3s linear .01s;
}
.dashboard-left .sidebar-links li a:hover {
	color: #ffffff;
	transition: box-shadow .3s linear .01s;
	-moz-transition: box-shadow .3s linear .01s;
	-webkit-transition: box-shadow .3s linear .01s;
	box-shadow: inset 8px 0 0 0 rgba(28,46,55,.75), inset 306px 0 0 0 rgba(28,46,55,.2);
	-moz-box-shadow: inset 8px 0 0 0 rgba(28,46,55,.75), inset 306px 0 0 0 rgba(28,46,55,.2);
	-webkit-box-shadow: inset 8px 0 0 0 rgba(28,46,55,.75), inset 306px 0 0 0 rgba(28,46,55,.2);
}

.dashboard-form-btn button {
	
}
.week-days {

}
.week-days-container,
.min-max-age-container {

}
.week-days .week-days-container label {
	position: relative;
	background: rgba(28,46,55,1);
}
.min-max-age .min-max-age-container label {
	position: relative;
	background: transparent;
}
.week-days .week-days-container label input[type='checkbox'],
.min-max-age .min-max-age-container label input[type='radio'] {
	position: absolute;
	z-index: -1;
}
.week-days .week-days-container label input[type='checkbox']:checked + .span-day-btn,
.min-max-age .min-max-age-container label input[type='radio']:checked + .span-day-btn {
	background: rgba(8,188,56,1);
	color: #0E2D54;
	font-weight: 700;
	box-shadow: inset 0 0 0 1px rgba(51,67,75,.5);
}
.week-days .week-days-container label .span-day-btn,
.min-max-age .min-max-age-container label .span-day-btn {
	border: 1px solid rgba(255,255,255,.75);
	display: flex;
	justify-content: space-around;
	background: rgba(28,46,55,1);
	width: 50px;
	padding: .5rem 0;
	cursor: pointer;
}
.min-max-age .min-max-age-container label .span-day-btn {
	color: #fff;
	font-weight: 500;
}

/**************rag added******************/
.class-price .class-price-container label {
	position: relative;
	background: transparent;
}
.class-price .class-price-container label input[type='radio'] {
	position: absolute;
	z-index: -1;
}
.class-price .class-price-container label input[type='radio']:checked + .span-day-btn {
	background: rgba(8,188,56,1);
	color: #0E2D54;
	font-weight: 700;
	box-shadow: inset 0 0 0 1px rgba(51,67,75,.5);
}
.class-price .class-price-container label .span-day-btn {
	border: 1px solid rgba(255,255,255,.75);
	display: flex;
	justify-content: space-around;
	background: rgba(28,46,55,1);
	padding: .5rem 0;
	cursor: pointer;
}
.class-price .class-price-container label .span-gray-day-btn {
	background: #ccc;
	border: 1px solid #bbb;
	padding: .3rem 1rem;
	border-radius: .2rem;
	cursor: not-allowed;
}
.class-price .class-price-container label .span-day-btn {
	color: #fff;
	font-weight: 500;
}

.universal label,
.universal-rg label {
	position: relative;
}
.universal label input[type="radio"],
.universal label input[type="checkbox"],
.universal-rg label input[type="radio"],
.universal-rg label input[type="checkbox"] {
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: -1;
}
.universal label input[type="radio"]:checked + .universal-span,
.universal label input[type="checkbox"]:checked + .universal-span,
.universal-rg label input[type="radio"]:checked + .universal-rg-span,
.universal-rg label input[type="checkbox"]:checked + .universal-rg-span {
	background: #32e65b;
	color: #000;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.5), inset 0 0 0 2px rgba(255,255,255,1);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.5), inset 0 0 0 2px rgba(255,255,255,1);
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5), inset 0 0 0 2px rgba(255,255,255,1);
}
.universal label input[type="radio"]:checked + .universal-span,
.universal label input[type="checkbox"]:checked + .universal-span, 
.universal label input[type="radio"]:checked + .universal-span span .fa-check,
.universal label input[type="checkbox"]:checked + .universal-span span .fa-check,
.universal-rg label input[type="radio"]:checked + .universal-rg-span span .fa-check,
.universal-rg label input[type="checkbox"]:checked + .universal-rg-span span .fa-check {
	display: block;
}
.universal label .universal-span,
.universal-rg label .universal-rg-span {
	padding: .25rem 1rem;
	border-radius: .2rem;
	display: flex;
	cursor: pointer;
	box-shadow: inset 0 0 0 1px #1a1a1a;
}
.universal label .universal-span {
	background: #fff;
	color: #000;
	white-space: nowrap;
}
.universal-rg label .universal-rg-span {
	background: #dc3545;
	color: #fff;
}
.universal label .universal-span span .fa-check,
.universal-rg label .universal-rg-span span .fa-check {
	position: absolute;
	top: -3px;
	left: 0px;
	background: #1c2e37;
	border-radius: 100%;
	color: #fff;
	padding: 2px;
	box-shadow: 0 0 0 2px #32e65b;
	-moz-box-shadow: 0 0 0 2px #32e65b;
	-webkit-box-shadow: 0 0 0 2px #32e65b;
	display: none;
}
.universal label .universal-span:hover {
	background: #e9e9e1;
}
.universal label .universal-span span,
.universal-rg label .universal-rg-span span {

	font-weight: 700;
    /*text-transform: uppercase;*/
}

.universal label input[type="radio"]:checked + .no-order {
	background: #dc3545 !important;
}
.universal label input[type="radio"]:checked + .no-order span {
	color: #fff;
}
.universal label .no-order span .fa-check {
	background: #fff !important;
	color: #dc3545;
	box-shadow: 0 0 0 2px #dc3545 !important;
	-moz-box-shadow: 0 0 0 2px #dc3545 !important;
	-webkit-box-shadow: 0 0 0 2px #dc3545 !important;
}
.universal label .no-order span {
	color: #dc3545;
}
.universal label .no-order {
	box-shadow: inset 0 0 0 1px #dc3545;
}
.delicon{
	cursor: pointer;

}
/********************************/
.teamslocationhide{
	display:none;
}
.teamslocationshow{
	display:block;
}
.week-days .week-days-container label .span-day-btn-inner {

}

.bg-red { background: #971818; }
.bg-blue { background: #0E2D54; }
.bg-light-blue { background: #009DE1; }

.bg-d-blue-50 {
	background: rgba(88, 106, 115, 1);
}

.bg-d-blue { background: rgba(28,46,55,1); }
.bg-d-light-blue { background: rgba(51,67,75,1); }
.bg-dark-green { background: #03721d; }

.text-red { color: #971818; }
.text-blue { color: #0E2D54; }
.text-light-blue { color: #009DE1; }
.text-d-blue { color: rgba(28,46,55,1); }
.text-d-light-blue { color: rgba(51,67,75,1); }
.text-dark-green { color: #03721d; }
.text-white { color: #fff !important; }
.text-black { color: #000 !important; }

.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }
.font-weight-700 { font-weight: 700; }
.font-weight-900 { font-weight: 900; }

.font-size-18 { font-size: 18px; }
.font-size-20 { font-size: 20px; }
.font-size-25 { font-size: 25px; }
.font-size-30 { font-size: 30px; }
.font-size-35 { font-size: 35px; }
.font-size-40 { font-size: 40px; }
.font-size-45 { font-size: 45px; }
.font-size-50 { font-size: 50px; }
.font-size-55 { font-size: 55px; }
.font-size-60 { font-size: 60px; }
.font-size-65 { font-size: 65px; }
.font-size-70 { font-size: 70px; }
.font-size-75 { font-size: 75px; }

.hr-section-title {
	transform: translate(0,-20px);
	-moz-transform: translate(0,-20px);
	-webkit-transform: translate(0,-20px);
	background: #03721d;
}

.dashboard-form-control {
	display: block;
	width: 100%;
	background: rgba(255,255,255,.25) !important;
	color: #fff;
	line-height: 1.5;
	border: 1px solid #ced4da;
	border-radius: 0;
	font-size: 1.25rem;
	padding-top: .25rem;
}
.hide {
	display: none;
}
.radio-to-btn label input[type='radio'],
.payment-radio-to-btn label input[type='radio'],
.instructor-checkbox-to-btn label input[type='checkbox'] {
	position: absolute;
	z-index: -1;
}
.radio-to-btn label input[type='radio']:checked + .radio-to-btn-span,
.payment-radio-to-btn label input[type='radio']:checked + .radio-to-btn-span,
.instructor-checkbox-to-btn label input[type='checkbox']:checked + .checkbox-to-btn-span {
	background: rgba(8,188,56,1);
	color: rgba(28,46,55,1);
	font-weight: 700;
}
.radio-to-btn .radio-to-btn-span,
.payment-radio-to-btn .radio-to-btn-span,
.instructor-checkbox-to-btn .checkbox-to-btn-span {
	background: rgba(51,67,75,1);
	padding: .5rem 1rem;
	color: #fafafa;
	text-align: center;
	width: 100%;
	display: flex;
}
.radio-to-btn,
.payment-radio-to-btn,
.instructor-checkbox-to-btn {
	display: flex;
	flex-wrap: wrap;
}
.radio-to-btn label {
	position: relative;
	flex: 0 0 50%;
	box-sizing: border-box;
	padding: 0 .25rem;
}
.payment-radio-to-btn label {
	position: relative;
	flex: 0 0 auto;
	box-sizing: border-box;
	padding: 0 .25rem;
}
.instructor-checkbox-to-btn label {
	position: relative;
	box-sizing: border-box;
	padding: 0 .25rem;
	flex: 0 0 auto;
}
.radio-to-btn span, .instructor-checkbox-to-btn span {
	float: left;
	width: 100%;
	text-align: center;
}
.checkbox-to-btn.payment-checkbox label {
	flex: 0 0 auto;
}
.age-radio-to-btn {}
.age-radio-to-btn label {}
#classInstructor,#classPaymentCondition,#classaAgeLimit {
	display: none;
}
@media (max-width: 576px) {
	.radio-to-btn label {
		position: relative;
		flex: 0 0 50%;
		box-sizing: border-box;
		padding: 0 .25rem;
	}
}
/* checkbox button */
.checkbox-to-btn label input[type='checkbox'] {
	position: absolute;
	z-index: -1;
}
.checkbox-to-btn label input[type='checkbox']:checked + .checkbox-to-btn-span {
	background: rgba(8,188,56,1);
	color: rgba(28,46,55,1);
	font-weight: 700;
}
.checkbox-to-btn .checkbox-to-btn-span {
	background: rgba(51,67,75,1);
	padding: .5rem 1rem;
	color: #fafafa;
	text-align: center;
	width: 100%;
	display: flex;
}
.checkbox-to-btn {
	display: flex;
	flex-wrap: wrap;
}
.checkbox-to-btn label {
	position: relative;
	flex: 0 0 50%;
	box-sizing: border-box;
	padding: 0 .25rem;
}
.checkbox-to-btn span {
	float: left;
	width: 100%;
	text-align: center;
}
/* end */

select.dashboard-form-control option {
	color: rgba(28,46,55,1);
}
.dashboard-form-control:focus {
	background: rgba(255,255,255,.25);
	color: #fff;
}

.add-another-email::placeholder {
	color: rgba(255,255,255,.75) !important;
}
.set-game-time {
	font-size: 60px;
}

/* PREFERENCES */
.radio-btn label {
	 position: relative;
}
.radio-btn label input[type='radio'] {
	position: absolute;
	z-index: -1;
}
.radio-btn label input[type='radio']:checked + .radio-btn-content {
	background: rgba(8,188,56,1);
	color: #0E2D54;
	font-weight: 700;
	box-shadow: inset 0 0 0 1px rgba(51,67,75,.5);
}
.radio-btn label .radio-btn-content {
	background: rgba(28,46,55,1);
	width: 50px;
	padding: .5rem 0;
	cursor: pointer;
	display: flex;
	justify-content: space-around;
	border: 1px solid rgba(255,255,255,.75);
}

@media (max-width: 991px) {
	.nav-dropdown-transform {
		transform: translate(0,0);
		-moz-transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}
	.nav-dropdown-transform:after {
		display: none;
	}
	.nav-dropdown-transform:before {
		content: "";
		position: absolute;
		top: -1.1rem;
		left: .25rem;
		border-style: solid;
		border-width: 10px;
		border-color: transparent transparent #fff transparent;
	}
}
@media (max-width: 576px) {
	.radio-to-btn label {
		position: relative;
		flex: 0 0 100%;
		box-sizing: border-box;
		padding: 0 .25rem;
	}
}
@media (max-width: 430px) {
	.week-days .week-days-container label .span-day-btn {
		width: 45px;
		padding: .3rem 0;
		cursor: pointer;
	}
}
@media (max-width: 400px) {
	.dashboard-form-btn button {
		padding: .25rem .5rem;
		font-size: 14px;
		margin-bottom: .3rem;
	}
}
@media (max-width: 326px) {
	.dashboard-form-btn button {
		display: block;
		width: 100%;
	}
}
@media (max-width: 330px) {
	.dashboard-page-title h1 {
		font-size: 30px;
	}
}


.onhover-light {
	background: transparent;
	box-shadow: 0 0 4px 0 rgba(0,0,0,.75);
	-moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.75);
	-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.75);
	transition: background .2s linear .01s, box-shadow .2s linear .01s;
	-moz-transition: background .2s linear .01s, box-shadow .2s linear .01s;
	-webkit-transition: background .2s linear .01s, box-shadow .2s linear .01s;
}
.onhover-light:hover {
	background: rgba(255,255,225,.1) !important;
	box-shadow: 0 0 0px 0 rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 0px 0 rgba(0,0,0,.25);
	-webkit-box-shadow: 0 0 0px 0 rgba(0,0,0,.25);
	transition: background .2s linear .01s, box-shadow .2s linear .01s;
	-moz-transition: background .2s linear .01s, box-shadow .2s linear .01s;
	-webkit-transition: background .2s linear .01s, box-shadow .2s linear .01s;
	cursor: pointer;
}

.onhover-light-table {
	background: transparent;
	transition: background .2s linear .01s;
	-moz-transition: background .2s linear .01s;
	-webkit-transition: background .2s linear .01s;
}
.onhover-light-table:hover {
	background: rgba(255,255,225,.1) !important;
	transition: background .2s linear .01s;
	-moz-transition: background .2s linear .01s;
	-webkit-transition: background .2s linear .01s;
	cursor: pointer;
}


.onhover-blue-table {
	background: transparent;
	transition: background .2s linear .01s;
	-moz-transition: background .2s linear .01s;
	-webkit-transition: background .2s linear .01s;
	font-weight: 600;
	color: #007bff;
	cursor: pointer;
	border: 1px solid #007bff;
}
.onhover-blue-table:hover {
	background: #007bff;
	transition: background .2s linear .01s;
	-moz-transition: background .2s linear .01s;
	-webkit-transition: background .2s linear .01s;
	cursor: pointer;
	color: #fff;
}

.no-hover-blue-table {
	background: transparent;
	transition: background .2s linear .01s;
	-moz-transition: background .2s linear .01s;
	-webkit-transition: background .2s linear .01s;
	font-weight: 600;
	color: #007bff;
	border: 1px solid #007bff;
}

.onhover-red-table {
	background: transparent;
	transition: background .2s linear .01s;
	-moz-transition: background .2s linear .01s;
	-webkit-transition: background .2s linear .01s;
	font-weight: 600;
	color: #fb1c1c;
	cursor: pointer;
	border: 1px solid #fb1c1c;
}
.onhover-red-table:hover {
	background: #fb1c1c;
	transition: background .2s linear .01s;
	-moz-transition: background .2s linear .01s;
	-webkit-transition: background .2s linear .01s;
	cursor: pointer;
	color: #fff;
}


.no-hover-red-table {
	background: transparent;
	transition: background .2s linear .01s;
	-moz-transition: background .2s linear .01s;
	-webkit-transition: background .2s linear .01s;
	font-weight: 600;
	color: #fb1c1c;
	border: 1px solid #fb1c1c;
}

.no-hover-table {
	background: transparent;
	transition: background .2s linear .01s;
	-moz-transition: background .2s linear .01s;
	-webkit-transition: background .2s linear .01s;
	font-weight: 600;
}

.bg-red { background: #971818; }
.bg-blue { background: #0E2D54; }
.bg-light-blue { background: #2ec0ff; }
.bg-mid-blue { background: #00a1ff; }
.bg-d-light-blue { background: #33434b; }
.bg-d-blue { background: #1c2e37; }
.bg-light-gray { background: #c0d3dc; }
.bg-d-dark-blue { background: #1b2b33; }

.text-red { color: #971818; }
.text-blue { color: #0E2D54; }
.text-light-blue { color: #2ec0ff; }
.text-link-blue { color: #005aff; }
.light-light-blue { color: #00aaff; }
.text-d-light-blue { color: #33434b; }
.text-d-blue { color: #1c2e37; }
.text-light-gray { color: #c0d3dc; }
a.text-light-blue:hover {
	color: #048fcc;
	text-decoration: none;
}
.dashboard-btn {
	background: inherit;
	transition: background .2s linear .01s;
	-moz-transition: background .2s linear .01s;
	-webkit-transition: background .2s linear .01s;
	border: 1px solid #007bff;
	color: #007bff;
}
.dashboard-btn:hover {
	background: #28373e;
	color: #fff;
	border: 1px solid #28373e;
	transition: background .2s linear .01s;
	-moz-transition: background .2s linear .01s;
	-webkit-transition: background .2s linear .01s;
}
.elips {
	white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden;
}
.elips-50 {
	min-width: 50px;
	width: 50px;
}
.elips-100 {
	min-width: 100px;
	width: 100px;
}
.elips-150 {
	min-width: 150px;
	width: 150px;
}
.elips-200 {
	min-width: 200px;
	width: 200px;
}
.elips-300 {
	min-width: 300px;
	width: 300px;
}
.elips-400 {
	min-width: 400px;
	width: 400px;
}
.elips-500 {
	min-width: 500px;
	width: 500px;
}
.elips-600 {
	min-width: 600px;
	width: 600px;
}
.elips-max {
	min-width: 100%;
	width: 100%;
}
.even-bg .card:nth-child(odd) {
	background: #f9f9f9 !important;
}

.mn-w-60 {
	min-width: 60px;
}
.mn-w-80 {
	min-width: 80px;
	max-width: 150px;
}
.mn-w-100 {
	min-width: 80px;
}
#clothingSize {
	display: none;
}
#weightHeight {
	display: none;
}
.toggle-clothing {
	display: block !important;
}
.toggle-wh {
	display: block !important;
}
.change-bg {
	background: #03721d;
}
.w-130 {
	width: 130px;
}
.w-150 {
	width: 150px;
}

.field-label {
	color: #000;
}

.saved-coaches .move-sort {
	position: absolute;
	left: 10px;
	top: 1.5rem;
	background: #f9f9f1;
	border: 1px solid #007bff;
	padding: .25rem .5rem;
	border-radius: 6px;
	color: #007bff;
	z-index: 50;
}
.saved-coaches .move-sort:hover {
	cursor: move;
}
.saved-coaches img {
	border-radius: 6px;
}
.saved-coaches .coach-preview {
	position: absolute;
	left: 10px;
	top: 3.5rem;
	background: #f9f9f1;
	border: 1px solid #007bff;
	padding: .25rem .45rem;
	border-radius: 6px;
	color: #007bff;
	z-index: 50;
}
.saved-coaches .coach-preview:hover {
	cursor: pointer;
}

.auto-pay-body .auto-pay-rows {
	border-bottom: 1px solid #9a9a9a;
	
}
.auto-pay-body .auto-pay-rows:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
.metric-players .metric-players-rows-container {
	border-bottom: 1px solid #b1b1b1;
}

.metric-players .metric-players-rows-container .mp-player-name {
	padding-bottom: .25rem;
	padding-top: .25rem;
}

.metric-players .metric-players-rows-container:last-child {
	border-bottom: none;
}
.metric-players .metric-players-rows-container input[type="text"] {
	border: 1px solid #222;
}
.bg-black {
	background: #a1a1a1;
}
.text-black {
	color: #000;
}
.mp-modal-container {
	position: fixed;
	display: none;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.75);
	z-index: 9000;
}

.mp-modal-container .mp-modal-body-container {
	display: flex;
	position: relative;
	z-index: 9999;
	justify-content: center;
	width: 100%;
	height: 100%;
	flex-wrap: nowrap;
}
.mp-modal-container .mp-modal-body-container .mp-modal-body  {
	width: 100%;
	max-width: 300px;
	background: #fff;
	align-self: center;
}
.mp-modal-container .mp-modal-body-container .mp-modal-body .mp-modal-content .mp-new-number {
	border: 2px solid #1a1a1a;
	border-radius: .25rem;
	width: 100px;
	min-height: 1px;
	padding: .25rem .5rem;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
}
.mp-modal-content .alert {
	display: none;
}
/* disables text selection */
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}