:root {
	--c-blue: #007bff;
	--c-white: #ffffff;
	--c-black: #000000;
	--c-red: #ff3131;
	--c-yellow: #faed70;
	--f-default: 'Inter', 'Helvetica Neue', 'Arial', 'Microsoft Sans Serif';
}

.template_header, .template_login, .template_registration, .template_footer, .customer_content_area {
	background: white;
	border-color: {border};
	border-style: solid;
	border-bottom-width:thin;
}

.template_header {
	justify-content: space-between !important;
	align-items: center;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.flex_row {
	display: flex;
	flex-direction: row;
}

.flex_column {
	display: flex;
	flex-direction: column;
}

.flex_footer_content_container {
	max-width: 40%;
}

.rounded_corner {
	border-radius: 25px;
    border-color: white;
}

.center_items {
	align-items: center;	
}

.flex_start_items {
	align-items: flex-start;	
}

.flex_wrap {
	flex-wrap: wrap;
}

.flex_footer_content_app_link img {
	max-width: 80px;
    height: auto;
}

.brands_area {
	height: 100px;
}

.button_img {
	max-width: 120px;
    height: auto;
}

.button_img_small {
	max-width: 40px;
    height: auto;
}

@media (min-width: 800px) {
	#fading_img {
		max-width: 50%;
	}
}

#fading_img {
	height: 100%;
	width: auto;
	max-width: 100%;
	display: block;
	object-fit: contain;
}

.template_footer_logo img {
	max-width: 140px;
    height: auto;
}

.tip_text {
	color: #9B9B9B;
	font-style: italic;
}

.margin_light {
	margin: 5px 5px 5px 5px;
}

.margin_medium {
	margin: 15px 15px 15px 15px;
}

.margin_large {
	margin: 25px 25px 25px 25px;
}

.width_full {
	width: 100%;
}

.width_almost_full{
	width: 98%;
}

.width_medium {
	width: 65%;
}

.width_large {
	width: 85%;
}

.justify_content_space_around {
	justify-content: space-around;
}

.justify_content_space_between {
	justify-content: space-between;
}

.justify_content_center {
	justify-content: center;
}

.container {
	width: 100%;
	height: 100%;
	background: {background};
}

.color_maroon {
	color: #E2168F;
}

.color_blue {
	color: #2288BB;
}

.text_bold {
	font-weight: bold;
}

.transparent_boader {
	border-color: transparent;
}

.input_area {
	max-width: 200px;
	height: 25px;
	border-width: 1px;
    border-style: solid;
}

#adminButton {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 5px;
	padding: 6px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: {border};
	background-color: {background};
}

#adminButton a {
	color: {text};
}

body:not(#adminBody) {
	font-family: var(--f-default) !important; /*'Helvetica Now' !important;*/
	font-size: 12px;
}

.panel-body-theme {
    color: {text};
    border-color: {border};
}

.panel-gradient {
    background-image: linear-gradient(white, {background});
    border: 1px solid #777;
}

.panel-heading-theme {
    color: {text};
    background-color: {border};
    border-radius: initial;    
}

.panel-theme {
    border-color:  {border};
    border-radius: initial;
	border-width: 1px 1px 1px 1px
}

#profile .panel-primary {
	border-color: #636363;
}

#profile .panel-primary > .panel-heading {
	background-color: #f5f5f5;
    border-color: #dddddd;
    color: #333333;
}

.panel-title {
	font-family: var(--f-default) !important; /*'Helvetica Now' !important;*/
	font-size: 14px;
}

.btn {
	font-family: var(--f-default) !important; /*'Helvetica Now' !important;*/
	font-size: 12px;
	text-shadow: none;
	font-weight: bold;
}

li {
	font-size: 12px;
}

.form-control {
	font-size: 12px;
}

.heavy {
	font-family: var(--f-default) !important; /*'Helvetica Now','Helvetica Neue', Helvetica, Arial, sans-serif;*/
	font-size: 16px;
	font-weight: bold;
}

.heavy-sm {
	font-family: var(--f-default) !important; /*'Helvetica Now','Helvetica Neue', Helvetica, Arial, sans-serif;*/
	font-size: 12px;
	font-weight: bold;
}

.team-row {
	border-bottom: 1px dashed {text}
}

.confirmation-footer{
	text-align: center;
	border-top: 1px solid {text}
}


.btn-info {
	background-color: var(--c-blue) !important;
	border-color: var(--c-blue) !important;
	background-image: none !important;
}

input[type="button"].btn-default {
	background-color: var(--c-blue) !important;
	border-color: var(--c-blue) !important;
	background-image: none !important;
}

input, textarea {
	color: black;
}


#athletes .btn-edit, #athletes-popup .btn-edit, #coaches .btn-edit, #teams .btn-edit {
	background-color: var(--c-blue);
	border-color: var(--c-blue);
	background-image: none;
}

#athletes .btn-delete, #athletes-popup .btn-delete, #coaches .btn-delete, #teams .btn-delete, #profile .btn-delete, #teams .btn-clear-all {
	background-color: var(--c-white);
	border-color: black;
	background-image: none !important;
	color: var(--c-red) !important;
}

	#athletes .btn-delete:hover,
	#athletes-popup .btn-delete:hover,
	#coaches .btn-delete:hover,
	#teams .btn-delete:hover,
	#profile .btn-delete:hover,
	#teams .btn-clear-all:hover {
		background-color: #ffe9e9;
	}

#teams .btn-clear-all, #profile .btn-delete, #choose-coach-modal .btn-cancel, #ManageAthleteTemplate .btn-cancel,
#choose-athlete-modal .btn-cancel, #addEditTemplate .btn-cancel, #addCoachTemplate .btn-cancel, #athletes-popup .btn-cancel, 
#athleteDataList .btn-cancel, #manageAthletes .btn-cancel {
	border-color: var(--c-red) !important;
}

#profile .btn-default {
	color: var(--c-white);
}

#athletes .btn-activate, #athletes-popup .btn-activate, #coaches .btn-activate {
	/*color: #ffffff;
	background-color: #62c462;
	border-color: #62c462;
	background-image: none !important;*/
	background-color: black !important;
	border-color: black !important;
	background-image: none !important;
	color: #62c462 !important;
}

#athletes .btn-deactivate, #athletes-popup .btn-deactivate, #coaches .btn-deactivate, #teams .btn-deactivate {
	background-color: gray;
	border-color: #35393d;
	background-image: none !important;
	color: white;
}

	#athletes .btn-deactivate:hover {
		background-color: black;
	}

	#athletes-popup .btn-deactivate:hover {
		background-color: black;
	}

	#coaches .btn-deactivate:hover {
		background-color: black;
	}

	#teams .btn-deactivate:hover {
		background-color: black;
	}

#athletes .btn-active-athletes, #ManageAthleteTemplate .btn-active-athletes, #coaches .btn-active-coaches {
	background-color: #3a3f44 !important;
	border-color: #3a3f44 !important;
	background-image: none !important;
	color: white !important;
}

#athletes .btn-inactive, #ManageAthleteTemplate .btn-inactive, #coaches .btn-inactive {
	background-color: #62c462 !important;
	border-color: #62c462 !important;
	background-image: none !important;
	color: black !important;
}


.csv-sample {
	background-color: var(--c-white) !important;
	background-image: none !important;
	color: var(--c-black) !important;
}

.btn-inactive {
	background-color: #3a3f44 !important;
	border-color: #3a3f44 !important;
	background-image: none !important;
	color: white !important;
}

.btn-active, .btn-success {
	color: #ffffff;
	background-color: #62c462;
	border-color: #62c462;
	background-image: none !important;
}

#addTeamSelector #savebtn.btn-success {
	color: #ffffff !important;
	background-color: #62c462 !important;
	border-color: #62c462 !important;
	background-image: none !important;
}

	#addTeamSelector #savebtn.btn-success:hover {
		color: #ffffff !important;
		background-color: #318837 !important;
		border-color: #2f8034 !important;
	}

#addTeamSelector .panel-default .btn-success {
	background-color: var(--c-blue) !important;
	border-color: var(--c-blue) !important;
	background-image: none !important;
}

.btn-manage-athletes, .btn-importAthletes {
	background-color: var(--c-blue) !important;
	border-color: var(--c-blue) !important;
	background-image: none !important;
}

/*.btn-toggle {

	background-color: var(--c-blue) !important;
	border-color: var(--c-blue) !important;
	background-image: none !important;
}*/

.drop-area .text-success {
	color: var(--c-blue);
}

.btn-save-team {
	background-image: -webkit-linear-gradient(#78cc78, #62c462 60%, #53be53) !important;
	background-image: -o-linear-gradient(#78cc78, #62c462 60%, #53be53) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#78cc78), color-stop(60%, #62c462), to(#53be53)) !important;
	background-image: linear-gradient(#78cc78, #62c462 60%, #53be53) !important;
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff78cc78', endColorstr='#ff53be53', GradientType=0);
	-webkit-filter: none;
	filter: none;
	border-color: #62c462 !important;
}

.fontsize-9 {
	font-size: 11px !important;
}

.tmpl_panel-body.register-main-menu {
	text-align: left !important;
}

.tmpl_panel-body.register-main-menu .btn-primary {
	/*color: black;*/
}

.btn-add-new-regis {
	text-align: left !important;
	margin-left: 0px !important;
}

.alert-text {
	/*color: var(--c-yellow) !important;*/
}

ul.nav-wizard li {
	font-size: 14px !important;
}

#loadedUSASFData {
	text-align: left !important;
}

.btn-blue {
	background-color: var(--c-blue);
	background-image: none !important;
	color: white;
}

	.btn-blue:hover {
		background-color: #1863e6;
		color: white;
	}

	.btn-blue:focus {
		color: #ffffff;
		background-color: #1863e6;
		border-color: #175fdd;
		outline: thin dotted;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
	}

.btn-cancel {
	background-color: var(--c-white);
	border-color: var(--c-red);
	background-image: none !important;
	color: var(--c-red);
}
	.btn-cancel:hover {
		background-color: #ffe9e9;
		color: var(--c-red) !important;
	}



.fontsize-14 {
	font-size: 14px !important;
}

.edit-icon {
	width: 16px;
	margin-top: -2px;
	margin-right: -5px;
}

#loginForm input[type="button"].btn-warning {
	background-color: #4582ec;
	border-color: #4582ec;
	background-image: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--f-default) !important;
}