/* Define global variables */
: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';
}

.btn {
	border-radius: 3px;
}

.template_header, .template_login, .template_registration, .template_footer, .customer_content_area {
	background: {background};
	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;
}

.template_registration button{
	background-color: #E2168F; 
	color: white;
}

.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;
}

.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 5px;
}

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

.width_almost_full{
	width: 98%;
}

.width_full {
	width: 100%;
}

.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: #000000;
}

.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;
}

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(#000000, {background});
    border: 1px solid #777;
}

.panel-heading-theme {
	color: {text};
	background-color: var(--c-blue);
	border-radius: initial;
}

.panel-heading-theme .panel-title {
	font-weight: bold;
}

;
background-color: var(--c-blue);
border-radius: initial;
font-weight:bold;
}

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

.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}
}


#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};
}


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

input, textarea, select {
	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;
	}

#athletes .btn-activate, #athletes-popup .btn-activate, #coaches .btn-activate {
	color: #ffffff;
	background-color: #62c462;
	border-color: #62c462;
	background-image: none !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;
	}

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

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

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

	.btn-success:hover {
		border-color: #40a940;
	}

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

/*.btn-toggle {
	background-color: var(--c-blue);
	border-color: var(--c-blue);
	background-image: none !important;
}
*/
.drop-area .text-success {
	color: var(--c-yellow) !important;
}

.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:inherit;
}

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

.alert-text, .has-error {
	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);
	border-color: rgba(0, 0, 0, 0.6);
	background-image: none !important;
	color: white;
}

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

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

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

}

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

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

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

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

.bg-success {
	background-color: #9fed9f;
}