/* Roster */
.roster_container_main {
	margin:auto;
	width:95%;
	max-width:950px;
	height:auto;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
}
.roster_container_grid {
	margin:auto;
	width:95%;
	height:auto;
	display: flex;
    flex-wrap: wrap;
	text-align: center;
    gap: 15px; /* space between items */
}
.roster_container_athlete_card {
	margin:auto;
	width:275px;
	height: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 8px;
	border-radius:14px;
	border: 1px solid rgba(255,255,255,0.12);
	background: linear-gradient(45deg,rgba(0,0,0,0.38),rgba(255,255,255,0.20));
	box-shadow: 0 4px 9px rgba(0,0,0,0.6);
}
.roster_container_athlete_details_holder {
	margin:auto;
	padding-top:5px;
	padding-bottom:5px;
	with:95%;
	height:auto;
	border-radius:4px;
	text-align:center;
}
.roster_container_athlete_image {
	margin:auto;
	width: 220px;
	height: 220px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	object-fit:contain;
}
#image_roster_container_athlete {
	height: 98%;
	object-fit: contain;
	border-radius: 50%;
	border-style: solid;
	border-color:rgba(255,255,255,0.80);
	border-width:2px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.45);
}
.roster_container_athlete_heading_name {
	margin:auto;
	padding:4px;
	width:95%;
	height:auto;
	text-align:center;
	vertical-align:middle;
	font-family:'Montserrat SemiBold',Arial;
	font-size: 18px;
	color:#FFFFFF;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
}
.roster_container_athlete_heading_code {
	margin:auto;
	padding:3px;
	width:95%;
	height:auto;
	text-align:center;
	vertical-align:middle;
	font-family:'Montserrat SemiBold',Arial;
	font-size: 14px;
	color:#FFFFFF;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
}
.roster_container_athlete_heading_details {
	margin:auto;
	margin-bottom:5px;
	padding:4px;
	width:95%;
	height:auto;
	text-align:center;
	vertical-align:middle;
	font-family:'Montserrat Medium',Arial;
	font-size: 12px;
	color:#FFFFFF;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
}

.roster_container_status {
	margin:auto;
	margin-top:5px;
	width:95%;
	height:auto;
	overflow:hidden;
	align-items: center;   /* vertical center */
}
.roster_container_status_details {
	margin:0;
	margin-left:5px;
	margin-right:5px;
	width:auto;
	float:left;
	text-align:left;
	font-family:'Montserrat Medium',Arial;
	font-size: 14px;
	vertical-align: middle;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.roster_container_status_status {
	margin:0;
	margin-left:5px;
	margin-right:5px;
	padding-bottom:2px;
	width:auto;
	float:right;
	text-align:right;
}

/* Portfolio */
.file_athlete_profile_container {
	margin:auto;
	width:95%;
	max-width:920px;
	height:auto;
	overflow:hidden;
}
.file_athlete_profile_container_left {
	margin:0;
	width:300px;
	height:auto;
	overflow:hidden;
	float:left;
	
}
.file_athlete_profile_container_right {
	margin:0;
	width:620px;
	height:auto;
	overflow:hidden;
	float:right;
	
}
.file_athlete_profile_container_details {
	margin:auto;
	padding:5px;
	margin-top:4px;
	margin-bottom:4px;
	width:100%;
	height:auto;
	min-height:260px;
	text-align:center;
	border-radius:14px;
	border: 1px solid rgba(255,255,255,0.12);
	background: linear-gradient(45deg,rgba(0,0,0,0.38),rgba(255,255,255,0.20));
	box-shadow: 0 4px 9px rgba(0,0,0,0.6);
}

/* Profile Details Cards */
.container_cards_profile {
	margin:0;
	margin-bottom:15px;
	margin-left:6px;
	margin-right:6px;
	width:610px;
	height:auto;
	border-radius:14px;
	border: 1px solid rgba(255,255,255,0.12);
	background: linear-gradient(45deg,rgba(0,0,0,0.38),rgba(255,255,255,0.20));
	box-shadow: 0 4px 9px rgba(0,0,0,0.6);
	overflow:hidden;
	
}
.container_cards_header_profile {
	margin:auto;
	width:100%;
	height:45px;
	background-color:rgba(33,33,33,0.50);
	border-top-left-radius:14px;
	border-top-right-radius:14px;
}
.container_cards_header_heading_profile {
	margin:0;
	padding-left:25px;
	width:290px;
	height:44px;
	line-height:44px;
	font-family:'Montserrat SemiBold',Arial;
	font-size: 16px;
	vertical-align: middle;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	float:left;
}
.container_cards_header_heading_profile_small {
	margin:0;
	padding-left:25px;
	width:165px;
	height:44px;
	line-height:44px;
	font-family:'Montserrat SemiBold',Arial;
	font-size: 16px;
	vertical-align: middle;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	float:left;
}
.container_cards_header_button_profile {
	margin:0;
	padding-right:20px;
	padding-top:10px;
	width:auto;
	height:34px;
	line-height:38px;
	float:right;
}
.container_cards_header_border_bottom_profile {
	margin:auto;
	width:100%;
	height:3px;
	background: linear-gradient(90deg,rgba(28,185,251,0.9),rgba(78,200,251,0.9));
	box-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.container_cards_content_profile {
	margin:auto;
	padding-top:5px;
	padding-bottom:5px;
	width:95%;
	height:auto;
	min-height:15px;
	text-align:center;
}

/*Spacer*/
.file_athlete_profile_spacer {
	margin:auto;
	width:95%;
	height:5px;
}
.spacer_blank_20 {
	margin:auto;
	width:95%;
	height:20px;
}
.details_cards_spacer {
	margin:auto;
	margin-bottom:5px;
	width:98%;
	max-width:850px;
	height:2px;
	background:linear-gradient(to right, transparent, rgba(255,255,255,0.25), transparent);
}

/* Headings */
.file_athlete_profile_heading_large {
	margin-left:5px;
	margin-bottom:5px;
	padding:2px;
	width:auto;
	max-width:95%;
	font-family:'Montserrat Medium',Arial;
	font-size: 15px;
	vertical-align: middle;
	text-align:left;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	overflow-wrap: normal;
    word-break: normal;
}
.file_athlete_profile_heading_points {
	margin:auto;
	padding:5px;
	width:95%;
	font-family:'Montserrat SemiBold',Arial;
	font-weight:700;
	font-size: 25px;
	vertical-align: middle;
	text-align:center;
	color:#FFFFFF;
	text-shadow: 0px 0px 6px rgba(0,0,0,0.6);
	overflow-wrap: normal;
    word-break: normal;
}
.file_athlete_profile_heading_rank {
	margin:auto;
	padding:5px;
	width:95%;
	font-family:'Montserrat SemiBold',Arial;
	font-weight:700;
	font-size: 18px;
	vertical-align: middle;
	text-align:center;
	color:#FFFFFF;
	text-shadow: 0px 0px 6px rgba(0,0,0,0.6);
	overflow-wrap: normal;
    word-break: normal;
}
.file_athlete_profile_heading_medium {
	margin-left:5px;
	margin-bottom:4px;
	padding:2px;
	width:auto;
	max-width:95%;
	font-family:'Montserrat Medium',Arial;
	font-size: 14px;
	vertical-align: middle;
	text-align:left;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	overflow-wrap: normal;
    word-break: normal;
}
.file_athlete_profile_heading_small {
	margin-left:5px;
	margin-bottom:4px;
	padding:2px;
	width:auto;
	max-width:95%;
	font-family:'Montserrat Regular',Arial;
	font-size: 13px;
	vertical-align: middle;

	text-align:left;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	overflow-wrap: normal;
    word-break: normal;
}
.container_cards_profile_small {
	margin:auto;
	width:290px;
	height: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	border-radius:14px;
	border: 1px solid rgba(255,255,255,0.12);
	background: linear-gradient(45deg,rgba(0,0,0,0.38),rgba(255,255,255,0.20));
	box-shadow: 0 4px 9px rgba(0,0,0,0.6);
}
.progress-container {
	margin:auto;
  	width: 95%;
  	max-width: 400px;
  	background-color: rgba(94,94,94,0.3);
  	border-radius: 3px;
  	overflow: hidden;
}
.progress-bar {
  	height: 10px;
  	background-color: rgba(28,185,251,0.9);
  	text-align: center;
  	line-height: 10px;
  	white-space: nowrap;
  	transition: width 0.4s ease;
	font-family:'Montserrat SemiBold',Arial;
	font-size: 8px;
	vertical-align: middle;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.file_athlete_classes_list {
	margin:auto;
	margin-bottom:6px;
	width:100%;
	height:auto;
	overflow:hidden;
	border-radius:12px;
	border: 1px solid rgba(255,255,255,0.12);
	background: linear-gradient(-45deg,rgba(0,0,0,0.38),rgba(255,255,255,0.20));
	box-shadow: 0 4px 9px rgba(0,0,0,0.6);
}