:root {
	--border-dark: #4b5258;
	--list-group-bg:#fff;
	--a-color:#fc5200;
	--a-secondary:#0060D0;
	--bs-list-group-action-hover-color:#f8f9fa;
	--main-background:#fafafa;
	--main-font-color:#666;
	--navbar-bg:#fff;
	--navbar-border:#ddd;
	--navbar-shadow:#cecece;
	--navbar-color:#000;
	--navbar-color-hover:#fc5200;
	--panel-bg:#fff;
	--panel-color:#111;
	--panel-dark-bg:#f9f9f9;
	--main-black-href:#272c31;
	--text-muted:#23272b;
	--form-color:#111;
	--form-bg:#fff;
	--param-color:#111;
	--param-color-sp:#444;

	--main-hover:#f8f9fa;
	--border-color:#dfdfe8;;
	--main-heading-color:#444;
	--fieldset-color:#fff;
	--page-link:#244c5b;
	--bar-red:#f77;
	--cart-bg-img:none;
	--cbgg-s1: center;
	--map-filter: none;
}
.navbar-brand:focus, .navbar-brand:hover {
  --bs-navbar-brand-hover-color: var(--navbar-color-hover);
}
.navbar-toggler {
  margin: 3px 0;
}
.btn-stheme {
--bs-btn-color: #fff;
--bs-btn-bg: #027f97;
--bs-btn-border-color: #026f84;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #066779;
--bs-btn-hover-border-color: #026f84;
--bs-btn-focus-shadow-rgb: 49,132,253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #0d8fa8;
--bs-btn-active-border-color: #026f84;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #0d8fa8;
--bs-btn-disabled-border-color: #0d8fa8;
}
.btn-outline-stheme {
--bs-btn-color: #027f97;
--bs-btn-border-color: #027f97;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #027f97;
--bs-btn-hover-border-color: #027f97;
--bs-btn-focus-shadow-rgb: 25,135,84;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #027f97;
--bs-btn-active-border-color: #027f97;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #0d8fa8;
--bs-btn-disabled-bg: transparent;
--bs-gradient: none;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #fc5200;
  --bs-btn-border-color: #fc5200;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e34a00;
  --bs-btn-hover-border-color: #e34a00;
  --bs-btn-focus-shadow-rgb: 11,172,204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}
.btn-outline-info {
  --bs-btn-color: #fc5200;
  --bs-btn-border-color: #fc5200;
  --bs-btn-hover-color: #e34a00;
  --bs-btn-hover-bg: #fbe9e1;
  --bs-btn-hover-border-color: #e34a00;
  --bs-btn-focus-shadow-rgb: 13,202,240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: var(--main-font-color);
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	min-height: 50rem;
	padding-top: 4rem;
	background: var(--main-background);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--main-heading-color);
}
h1 {
	font-size: 23px;
	font-weight: bold;
	text-align: center;
	line-height: 1.1;
}
h1 span {
  color: var(--a-color);
  font-size: 20px;
}
h2 a {
  font-size: 1.3rem;
  text-decoration: none;
}
a {
	color: var(--a-color);
}
#segment_list{max-height:750px;overflow:auto;}
#map, #elevation-div { height: 100%; width: 100%; padding: 0; margin: 0; } 
#map { height: 750px; } 
#elevation-div {height: 25%; font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif}
.nav-link {
	color: var(--navbar-color);
}
.session:hover .logout {
	display: inline!important;
}
.start-50 {
	left: 50% !important;
}
.top-0 {
	top: 0 !important;
}

.cp-label{
	background: #fff;
  border-radius: 50% !important;
  font-weight: bold;
  padding: 2px !important;
  width: 24px;
  height: 24px;
  text-align: center;
}
.ytb{margin:20px 0 20px}
fieldset {
	padding: 15px;
	background: var(--panel-bg);
	border: 1px solid var(--border-color);
	border-radius: 5px;
	margin: 5px;
}
.required .control-label:after,.required .form-label::after {
	content: ' *';
	color: var(--bs-danger);
	font-weight: bold;
}
.form-group {
	margin-bottom: 10px;
}
.form-text {
  color: var(--main-font-color);
}
.form-check-input:hover {
  cursor: pointer;
}
.buttons {
	margin: 20px 0 20px;
}
.item {
	display: inline-block;
	background: var(--panel-bg);
	margin: 1px;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
}
.img-thumbnail {
  background-color: var(--panel-bg);
  border: 1px solid var(--border-color);
}
.item img {
	object-fit: cover;
	padding: 0;
	width: 100%;
	height: 168px;
}
.photos {
  text-align: center;
  background: var(--main-background);
}
.photos_short {
  text-align: right;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.photos_short::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,rgba(39, 44, 49, 0) 50%, rgb(39, 44, 49) 100%);
}
.item.activity_item {
	width: 150px;
	height: 150px;
	margin: 4px;
}
.activity_item img {
	height: 150px;
}
.item-add {
	position: absolute;
	overflow: hidden;
	background: #0000007a;
	width: 100%;
	height: 100%;
}
.item-add p {
	margin: 0;
	position: absolute;
	color: #fff;
	font-size: 27px;
	font-weight: bold;
	top: 50%;
	transform: translate(0, -50%);
	width: 100%;
	text-align: center;
}
.item a, .item-athlete a.athlete {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-decoration: none;
	z-index: 10;
	opacity: 0;
	filter: alpha(opacity=1);
}
.item:hover img{
	opacity: 0.8;
}
.img-map {
	object-fit: cover;
	padding: 0;
	height: 100%;
	width: 100%;
	max-height: 700px;
	filter: var(--map-filter);
}
.item-equipment {
  min-height: 115px;
}
.item-equipment a{
	text-decoration: none;
}
.item-equipment .icon{
	fill: currentColor;
}
.item-equipment:hover .equip-edit {
	display: block !important;
}
.item-equipment .param {
  font-size: 14px;
  padding: 0;
}
.item-equipment .param span {
  color: var(--param-color-sp);
  font-size: smaller;
}

img.leaflet-tile.leaflet-tile-loaded {
    filter: var(--map-filter);
}
.leaflet-container .leaflet-control-attribution{
	background-color: var(--main-background);
}
.leaflet-control-layers-inline .leaflet-control-layers-base input + span {
  color: var(--navbar-color)!important;
  background: var(--navbar-bg)!important;
  
}
.leaflet-control-layers-inline .leaflet-control-layers-base input:hover + span {
  color: var(--navbar-color-hover)!important;
}
.leaflet-control-layers-inline .leaflet-control-layers-base input:checked + span {
  font-weight: 700;
  color: var(--navbar-color-hover)!important;
}
.leaflet-control-attribution.leaflet-control,.leaflet-control-scale-line {
  color: var(--navbar-color)!important;
  background-color: var(--navbar-bg)!important;
  opacity: .8;
}
.leaflet-bar a, .leaflet-bar a:hover,.leaflet-control-custom,.pegman-control {
  background-color: var(--navbar-bg) !important;
  border: 1px solid var(--navbar-border) !important;
  color: var(--navbar-color) !important;
  fill: currentColor;
}
.leaflet-bar a:hover,.leaflet-control-search a.search-button:hover {
  color: var(--navbar-color-hover) !important;
}
#map {
	background-color: var(--main-background);
}
#commentarea, #button-comment {
	min-height: 50px;
}
#commentarea p {
  margin-bottom: 0.2rem;
}
.comment {
	border-bottom: 1px solid var(--border-color);
	padding: 10px 0;
	width: 100%;
}
.comment:hover {
	background-color: var(--main-hover);
}
a.autor {
	text-decoration: none;
}
.comment-text a {
	color: var(--main-font-color) !important;
}
.comment-text {
	margin: .5rem 0;
}
#comment-tab-cn {
  max-height: 500px;
  overflow-y: scroll;;
}
.athlink {
	color: var(--a-color);
	user-select: none;
}
.answe {
  background: none;
  border: none;
  color: var(--main-font-color);
  font-size: 12px;
  text-decoration: underline;
  display: none;
  padding: 0;
}
.answe:hover {
	text-decoration: none;
}
.comment:hover .answe {
	display: inline-block;
}
.contextmenu {
	border-radius: var(--bs-list-group-border-radius);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px;
	left: 0px;
	top: 0;
	margin-top: 1.4em;
	max-height: 160px;
	max-width: 250px;
	position: absolute;
	width: 100%;
	z-index: 100;
	background-color: var(--panel-dark-bg);
	padding: 0px;
	overflow-y: scroll;
}
.contextmenu li {
	padding: 5px 10px;
	background-color: var(--fieldset-color);
	border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.contextmenu li.active, .contextmenu li.active:hover{
	background-color: var(--a-color);
	color: var(--fieldset-color);
}
.contextmenu li:hover {
	color: var(--a-color);
	background-color: var(--list-group-bg);
	cursor: pointer;
}

.notify {
	padding: 10px;
	border-bottom: 1px solid var(--border-color);
	margin: 0px;
}
.notify:hover {
	background: var(--list-group-bg);
}
.offcanvas-body{padding:0}

.page-item {
	width: 100%;
	text-align: center;
}

.card-data {
	text-align: center;
	font-size: 1.2rem;
}
.card-data .value {
	font-size: clamp(25px,11vw,50px);;
  line-height: clamp(45px,9vw,70px);
  font-weight: bold;
}
.card-data .value span{
	font-size: 1.2rem;
	line-height: 1rem;
	font-weight: normal;
}

.card-img, .card-img-bottom, .card-img-top {
	height: 130px;
	overflow-x: hidden;
	object-fit: cover;
}
.start_value {
	border: 1px solid #dee2e6;
	padding: 5px 10px;
	border-radius: 15%;
	font-weight: bold;
	display: inline;
}
.segment .elevation-summary {
	display: none;
}
.pl-tooltip {
background: var(--panel-bg);
padding: 5px;
border-radius: 5px;
border: 1px solid var(--bs-danger);
}
.seg a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.seg.active {
	border-color: var(--a-color);
}
.progress {
  background: var(--border-color);
}
.cal-progress {
	height:300px;
	width:100%;
	margin:20px;
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
	margin-bottom: 70px;
}
.vbar {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 100%;
	background: var(--navbar-bg);
	margin: 0 5px;
	flex: 1 0 0%;
}
.vbarc  {
	background: var(--a-color);
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
}
.vbarc:hover {
	background: var(--navbar-color-hover);
	color: var(--a-color);
	cursor: pointer;
}
.bar_name {
	display: block;
	position: absolute;
	z-index: 10;
	bottom: -60px;
	transform: rotate(300deg);
	-ms-transform:rotate(300deg);
	-moz-transform:rotate(300deg);
	-webkit-transform:rotate(300deg);
	-o-transform:rotate(300deg);
	color: var(--main-font-color);
	left: 0;
	right: 0;
	text-align: right;
}

a:hover, .nav-link:focus, .nav-link:hover {
	color: var(--navbar-color-hover);
}
.footer a {
	color: var(--main-font-color);
	font-size: 12px;
	text-decoration: none;
}
.footer p {
	margin-bottom: 0.5rem;
}
.powered{
	color: var(--a-color);
  font-weight: bold;
}
.powered span {
  color: var(--main-font-color);
  font-weight: normal;
}
.nav-link {font-size: 14px;}
.userpic {
	border-radius: 50%;
}
.athleteName {
  display: flex;
  flex-direction: column;
}
.athletePlace {
  align-items: center;
  display: flex;
  text-decoration: none;
  position: relative;
  width: max-content;
  padding: 5px;
}
.athletePlace a {
	position: absolute;
	width: 100%;
	height: 100%;
}
.athletePlace a:hover{
}
.athletePlace:hover .athleteName span {
	color: var(--navbar-color-hover);
}
.athleteName span {
	font-size: 18px;
	color: var(--main-font-color);
	font-weight: bold;
}
.athletePlace img,.athletePlace svg {
margin-right: 7px;
}
.group{vertical-align:middle !important;max-height: 32px}
.group span{margin:0 1rem}
.group img,.group div{
display: inline-block;
cursor: pointer;
width: 32px;
height: 32px;
background: var(--panel-dark-bg);
opacity: .7;
margin-left: -.8rem !important;
margin-right: 0 !important;
position: relative;
transform: scale(1);
transition: all .1s ease-in-out;
}
.group div{
padding: 5px;
border-radius: 50%;
}
.group img:hover {
opacity: 1;
transform: scale(1.1);
z-index: 200;
}

.navbar-brand {
background-image: url("/front/view/theme/strava/img/avastr.svg");
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
  width: 100px;
  height: 20px;
}
.navbar-light .navbar-nav .nav-link {
	color: var(--navbar-color);
}
.navbar-light .navbar-brand {
	color: #198754 !important;
}

.navbar-expand-md .navbar-nav .nav-link {
	padding: .6rem;
	margin-bottom: 0 !important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
	color: rgba(0,0,0,.9);
	background: var(--main-background);
	border-bottom: 2px solid #198754;
}
.color-heading {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: var(--main-heading-color);
text-align: center;
}
.color-body {
	z-index:10;
  position:relative;
}
.bl {
font-size: 1.2rem;
line-height: 1.5;
position: relative;
}
.color-blue-gradient {
--main-heading-color: linear-gradient(45deg, rgb(0,98,234) 0%, rgb(68,255,255));
}
.color-heading > * {
font-weight: bold;
}
.colorful-heading h2 {
-webkit-text-fill-color: transparent;
font-size: 2rem;
}
.color-red-gradient {
--main-heading-color: linear-gradient(45deg, #491bff 0%, rgb(255, 37, 98));
}
.ys-bg {
  background-size: contain;
  filter: opacity(0.1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-radius: var(--bs-card-border-radius);
  background-position: center;
  background-repeat: repeat-x;
}
.photo_active:hover {
	opacity: 0.5;
	cursor: pointer;
}
.navbar {
	padding: 0;
	background: var(--navbar-bg);
	border-bottom: 1px solid var(--navbar-border);
	box-shadow: 0 2px 3px var(--navbar-shadow);
}
.dropdown-menu {
	background-color: var(--list-group-bg);
}
.dropdown-menu a{
	color: var(--main-black-href);
}
.dropdown-menu a:hover{
	background-color: var(--main-hover);
	color: var(--a-color);
}
.add-link.dropdown-toggle::after {
	margin: 0;
	border: none !important;
	content: none;
}

.add-upload {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='96' viewBox='0 0 24 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url%28%23clip0_509_1132%29'%3E%3Cpath d='M12.9583 4.79167V10.5417H18.7083V12.4583H12.9583V18.2083H11.0417V12.4583H5.29167V10.5417H11.0417V4.79167H12.9583Z' fill='%23FC5200' style='fill:%23FC5200%3Bfill:color%28display-p3 0.9882 0.3216 0.0000%29%3Bfill-opacity:1%3B'/%3E%3Cpath d='M0.5 11.5C0.5 5.14873 5.64873 0 12 0C18.3513 0 23.5 5.14873 23.5 11.5C23.5 17.8513 18.3513 23 12 23C5.64873 23 0.5 17.8513 0.5 11.5ZM12 1.91667C6.70727 1.91667 2.41667 6.20727 2.41667 11.5C2.41667 16.7927 6.70727 21.0833 12 21.0833C17.2927 21.0833 21.5833 16.7927 21.5833 11.5C21.5833 6.20727 17.2927 1.91667 12 1.91667Z' fill='%23FC5200' style='fill:%23FC5200%3Bfill:color%28display-p3 0.9882 0.3216 0.0000%29%3Bfill-opacity:1%3B'/%3E%3C/g%3E%3Cg clip-path='url%28%23clip1_509_1132%29'%3E%3Cpath d='M0.5 36.5C0.5 30.1487 5.64873 25 12 25C18.3513 25 23.5 30.1487 23.5 36.5C23.5 42.8513 18.3513 48 12 48C5.64873 48 0.5 42.8513 0.5 36.5ZM12.9583 29.7917H11.0417V35.5417H5.29167V37.4583H11.0417V43.2083H12.9583V37.4583H18.7083V35.5417H12.9583V29.7917Z' fill='%23FC5200' style='fill:%23FC5200%3Bfill:color%28display-p3 0.9882 0.3216 0.0000%29%3Bfill-opacity:1%3B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_509_1132'%3E%3Crect width='23' height='23' fill='white' style='fill:white%3Bfill-opacity:1%3B' transform='translate%280.5%29'/%3E%3C/clipPath%3E%3CclipPath id='clip1_509_1132'%3E%3Crect width='23' height='23' fill='white' style='fill:white%3Bfill-opacity:1%3B' transform='translate%280.5 25%29'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
  line-height: 1;
  height: 16px;
  width: 16px;
  display: inline-flex;
  height: 24px;
  width: 24px;
  padding: 0;
}

.add-upload:hover {
  background-position: 0 33.333%;
}

.panel {
	border-radius: .25rem;
	position: relative;
	padding: .8rem;
	margin: 1rem 0 0;
	border: 1px solid var(--border-color);
	background: var(--panel-dark-bg);
}
.panel img {
	margin: 5px;
}
.panel-hover:hover {
	border: 1px solid var(--a-color);
}
.disqualify {
  position: absolute;
  z-index: 100;
  top: 5px;
  right: 5px;
}
.photo-preload {
	border: 1px solid #ced4da;
	display: inline-block;
	margin: 5px;
	width: 135px;
	text-align: center;
	height: 135px;
	border-radius: 5px;
	position: relative;
	line-height: 150px;
}

.athlet-photos {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
	margin-bottom: 20px;
}
.athlet-photos div {
	flex: 1 0 0%;
}
.athlet-photos img {
	object-fit: cover;
	padding: 1px;
	height: 200px;
	width: 100%;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
}
.athlete-top {
	margin-bottom: 35px;
}
.mathlet{
	color: var(--main-black-href);
	text-decoration: none;
	font-weight: bold;
}
a.mathlet: hover{
	color: #43bf85;
}
.userpic-place {
	position: relative;
}
.userpic-place img.userpic {
	position: absolute;
	border: 3px solid #fff;
	box-shadow: 0 0 9px #444;
	bottom: -15px;
}

.page-item.active .page-link {
	background-color: var(--page-link);
	border-color: var(--page-link);
}
.page-link {
	color: var(--a-color);
}

.buttons.clearfix {
	margin-top: 30px;
}

#file-input {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	cursor: pointer;
}
.imgContainer {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;  
}

.round .cropper-view-box, .imgPreview {
	border-radius: 50%;
}
.square {
	border-radius: 10%;
}
.ui-slider-horizontal .ui-slider-range-min {
	background: #198754;
}
.cropper-view-box, .avatar {
	border-radius: 50%;
	outline: none; 
	width: 40px;
}
.sq .cropper-view-box {
	border-radius: 10%;
}
.upload_btn {
	position: relative;
	height: 150px;
	width: 150px;
	border: 1px solid var(--a-color);
	border-radius: 5%;
	text-align: center;
	display: inline-block;
	color: var(--a-color);
}
.upload_btn:hover .icon{
	fill: #00788e !important;
}
.upload_btn .icon{
	width: 62px;
	height: 62px;
	fill: currentColor !important;
	margin: 20px 0;
}
.upload_btn_sm {
	position: relative;
	border: 1px solid var(--a-color);
	border-radius: 5%;
	text-align: center;
	display: inline-block;
	color: var(--a-color);
}
#result-img {
	grid-auto-flow: dense;
	display: grid;
	grid-gap: 15px;
	grid-template-columns: repeat(5, 1fr);
	align-items: center;
	justify-items: center;
}
#result-img > div {
    width: 100%;
    height: 150px;
    position: relative;
    overflow: unset;
    background: none;
}
#result-img .wide {
    grid-column: span 2;
}
 #result-img .tall {
    grid-row: span 2;
    height: 320px;
}
#result-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
} 
.logo-wrapper{
	position: relative;
	height: 200px;
	width: 200px;
	margin: 25px auto;
	overflow: hidden;
	box-shadow: 1px 1px 15px -5px black;
	transition: all .3s ease;
}
.upload-photo {
  background: #0000005e;
  width: 100%;
  height: 20%;
  bottom: 0;
  position: absolute;
  text-align: center;
  padding: 5px;
}
.upload-photo svg {
  fill: white;
  width: 24px;
  height: 24px;
}
.avatar-wrapper{
	position: relative;
	height: 200px;
	width: 200px;
	margin: 25px auto;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 1px 1px 15px -5px black;
	transition: all .3s ease;
}
.avatar-wrapper:hover,.logo-wrapper:hover{
	transform: scale(1.05);
}
.avatar-wrapper:hover .profile-pic{
	opacity: .8;
}
.profile-pic {
	height: 100%;
	width: 100%;
	transition: all .3s ease;
}
.profile-pic:after{
	font-family: Sans;
	content: "a";
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	font-size: 190px;
	background: #ecf0f1;
	color: #34495e;
	text-align: center;
}
.upload-button {
	position: absolute;
	top: 0; left: 0;
	height: 100%;
	width: 100%;
}

#act_photo {
width: 100%;
height: 100%;
position: absolute;
top: 0;
opacity: 0;
}

.cropper-face.cropper-move {
	opacity: 0;
}

.ep-slider-bar {
	margin-top: 20px;
}
.tr-selected {
  position: relative;
}
.tr-selected::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 7px;
  border-color: var(--a-color) transparent transparent var(--a-color);
}
.table-comment td {
	padding: 3px !important;
}

.table.table-comment {
	margin-bottom: 0;
}

.th-click:hover {
	cursor: pointer;
	background-color: var(--border-color) !important;
}

.activity {
	padding: 10px;
	margin: 10px 5px;
	border: 1px solid var(--border-color);
	background: var(--panel-bg);
	color: var(--main-font-color);
}
.activity h2 {
	font-size: 1.2rem;
}
.activity h2 a {
	color: var(--panel-color);
	text-decoration: none;
	font-size: 1.2rem;
}
.activity h2 a:hover, .athlete a:hover {
	color: var(--a-color);
}
.activity header {
  background: #f7f7fa;
  margin: -10px;
    margin-bottom: -10px;
  padding: 3px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 20px;
}
.act-desc {
	font-size: 16px;
	color: var(--panel-color);
	margin: 10px 0;
	overflow: hidden;
}
.name-date p {
	margin: 0;
}
.sportname {
	font-size: .9rem;
	font-weight: bold;
}
.datez {
	font-weight: 300;
}
.icon-sport {
	width: 24px;
	height: 24px;
	margin-top: -5px;
}
.icon-sport-in {
	width: 40px;
	height: 40px;
	margin: 0 auto;
}
.icon-text {
	width: 16px;
	height: 16px;
	margin-top: -3px;
}
.icon-nav {
	width: 24px;
	height: 24px;
}
.icon-nav:hover {
	fill:var(--navbar-color-hover);
}
.icon {
	fill: var(--main-font-color);
}
.icon-contact:hover {
  fill: var(--a-color);
}
.icon-contact {
  width: 30px;
  height: 30px;
  margin: 5px;
}
.micon {
	width: 18px;
	height: 18px;
	fill: currentColor;
	margin: 3px;
}
.medals {
	width: 24px;
	height: 24px;
}
.padlock {
	padding: 10px;
}
.padlock svg {
	fill: currentColor;
	float:left;
	width: 16px;
	height: 16px;
}
.contacts {
	width: 30px;
	height: 30px;
	padding: 3px;
	background: var(--navbar-bg);;
	border-radius: 20%;
	margin: 0 3px;
}
.contacts:hover {
	padding: 5px;
	background: var(--border-dark);
	fill: #fff !important;
}

.item-athlete {
	padding: 5px;
	border: 1px solid var(--navbar-border);
	background: var(--navbar-bg);
	margin: 5px auto;
	position: relative;
}
.item-athlete:hover {
	background: var(--main-background);
}

.elevation-summary.multiline-summary {
	display: none;
}
.maps img {
	object-fit: cover;
	padding: 0;
	width: 100%;
}
.activity-params {
	margin: 10px;
}
.params {
  padding: 5px 0;
}
.title-param {
	text-align: center;
	color: var(--param-color);
	font-weight: 300;
}
.param {
	font-size: 20px;
	color: var(--param-color);
	font-weight: 500;
	text-align: center;
	padding: 7px 0;
}
.param span {
	color: var(--param-color-sp);
	font-size: smaller;
	margin-left: 3px;
}
.time_param span{
	font-size: 12px;
	font-weight: lighter;
}
.att-param {
	font-weight: bold;
}
.att-param span {
	font-size: smaller;
	font-weight: normal;
}
.attempt-param {
	font-size: medium;
	text-align: center;
}
.attempt-param span {
	font-size: small;
	color: var(--param-color-sp);
	margin-left: 3px;
}
.secondary-param {
	font-size: 12px;
	background: var(--main-background);
	margin: 15px 0;
	padding: 10px 0;
	border-radius: var(--bs-border-radius-xl);
}
.secondary-param .param {
	font-size: 14px;
	padding: 3px 0;
}
.sport-block img {
	width: 32px;
	opacity: 0.5;
	margin: 0 auto;
}
.sport-block {
	text-align: center;
	font-weight: lighter;
	font-size: 14px;
}
.activity-soc {
	margin: 10px;
}
.athlete a{
	font-size: 18px;
	color: var(--main-font-color);
	font-weight: bold;
	text-decoration: none;
}
.athlete-name a {
	font-size: 16px;
	padding: 10px;
	color: var(--main-font-color);
	text-decoration: none;
}
.athlete-name {
	display: inline-block;
}

.cart {
	background: var(--panel-bg);
	padding: 84px 10px 10px;
	position: relative;
	margin-top: 35px;
	min-width: 310px;
	border: 1px solid var(--border-color);
	background-image: var(--cart-bg-img);
  background-repeat: no-repeat;
  text-shadow: 0 1px 1px var(--panel-bg);
}
.cart_avatar {
	position: absolute;
	top: -32px;
	text-align: center;
	width: 100%;
}
.cart_avatar img {
	border-radius: 50%;
	border: 2px solid var(--border-color);
	box-shadow: 0 0 20px 1px var(--panel-dark-bg);
	margin-bottom: 8px;
	width: 80px;
}
.cart_img-bottom {
	height: 100px;
}
.card-img-award {
	position: absolute;
	width: 100px;
	top: -3px;
	left: 50%;
	box-shadow: 3px 3px 5px #606060;
	transform: translate(-50%, 0%);
	padding: 4px;
	background: var(--panel-bg);
}
.card-body {
	background: var(--cbgg-s1);
}
.club_block {
	width: 54px;
	height: 54px;
	display: inline-block;
	margin: 5px;
}
.club_block img {
	width: 54px;
	border-radius: 15%;
	box-shadow: 2px 2px 0 #1e2428;
}
.club_block img:hover {
	box-shadow: none;
}
.club-logo {
	border-radius: 10%;
	margin: 10px;
	border: 1px solid var(--border-color);
	box-shadow: 4px 4px 0 var(--border-color);
}
.club-logo-s {
	border-radius: 15%;
	width: 40px;
}
.awardmark,.userlist {
	margin: 15px;
	position: relative;
	text-align: center;
}
.awardmark p {
	font-weight: lighter;
}
.awardmark h4,.userlist h4 {
	font-size: 16px;
	margin: 0 0 5px;
	max-height: 40px;
 }
.awardmark img{
	width: 140px;
	margin-bottom: 10px;
}
.awardmark a,.userlist a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.awardmark:hover h4{
	text-decoration: underline;
}

.list-group-item.active {
	background-color: transparent;
	border-color: var(--border-color);
	position: relative;
	color: var(--main-black-href);
}
.list-group-item.active::before {
  content: " ";
  width: 3px;
  background: var(--a-color);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
}
.list-group-item {
	background-color: var(--list-group-bg);
	color: var(--main-black-href);
	border-color: var(--border-color);
}

.list-group-item-action:focus, .list-group-item-action:hover, .item-athlete:hover {
	background-color:var(--main-hover);
}
.list-group {
	background-color: var(--list-group-bg);
	border-color: var(--border-color);
}
.activity h1 {
	font-size: 24px;
	font-weight: bold;
}

.challenge-banner {
	height: clamp(250px,50vw,300px);
	overflow-y: hidden;
	position: relative;
	margin: 0 0 20px;	
	background-size: cover;
  background-repeat: no-repeat;
}
.challenge-list {
	display: grid;
  align-items: center;
  font-weight: bold;
}
.text-muted {
	color: var(--text-muted) !important;
}
.form-control, .form-select, .form-control:focus  {
	color: var(--form-color);
	background-color: var(--form-bg);
	border: 1px solid var(--navbar-border);
}
.form-control:disabled, .form-control[readonly], .form-select:disabled {
  background-color: var(--main-background);
}
.autocomplete {
	position: relative;
}
.autocomplete-items {
	position: absolute;
	border: 1px solid var(--border-color);
	border-top: none;
	z-index: 20;
	top: 100%;
	left: 0;
	right: 0;
	max-height: 300px;
	overflow-y: auto;
}
.autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color: var(--form-bg);
	border-bottom: 1px solid var(--border-color);;
}
.autocomplete-items div:hover {
	border: 1px solid var(--a-color);
}
.autocomplete-active {
	background-color: var(--a-color) !important;
	color: #fff;
}
.form-select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2393a3b3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.btn-close {
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2393a3b3'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.baner {
	width: 100%;
	position: absolute;
	z-index: 1;
}
.award {
position: absolute;
  top: 50%;
  left: 50px;
  z-index: 5;
  width: 200px;
  transform: translate(0, -50%);
}
.award-wrapper {
position: relative;
height: 200px;
width: 200px;
overflow: hidden;
box-shadow: 1px 1px 15px -5px black;
transition: all .3s ease;
}
.awardPreview {
margin-left: 20px;
}
.cropper-crop-box, .cropper-view-box {
border-radius: 0;
}

.ch-bar-line{
  width: 100%;
  background: linear-gradient(to right, var(--bar-red) 0%, #b4bb18 50%, #198754 90%);
  height: 100%;
  position: absolute;
  z-index: 1;
}
.ch-bar-place {
  position: relative;
  width: 100%;
  min-height: 30px;
  background: var(--main-background);
  border: 1px solid var(--border-color);
}

.ch-bar-data {
  text-align: left;
  width: 100%;
  position: absolute;
  z-index: 50;
  padding: 5px;
  font-size: 1.2rem;
  text-shadow: 0 0 2px var(--navbar-shadow);
}

.form-switch .form-check-input {
  width: 2.5em;
  height: 1.5em;
  margin-top: 0;
}
.form-check-label {
  margin-left: 1em;
}
.more-hide{
height: 115px;
overflow: hidden;
position: relative;
margin-bottom: 50px;
}
.read-more {
background: var(--main-background);
background: linear-gradient(0deg, var(--main-background) 20%, rgba(0,0,0,0) 100%);
min-height: 25px;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
padding: 20px 0 0;
cursor: pointer;
color: var(--a-color);
}
.section{padding:100px 0 100px;border-bottom:2px dotted var(--form-bg);font-size:16px;line-height:24px}
.lp-activity{background-image:radial-gradient(circle at 100% 0,#f0217340,#f0217300 65%),radial-gradient(circle at 0 100%,#735dff40,#735dff00 65%)}
.lp-challenges{background:var(--bs-alert-bg);color:var(--bs-alert-color)}
.lp-segments{background:var(--bs-alert-bg);color:var(--bs-alert-color)}
.lp-segments h3{color:var(--bs-alert-color)}
@keyframes an-18{0%{stroke-dashoffset:544.9px;stroke-dasharray:544.9px}50%{stroke-dashoffset:0;stroke-dasharray:544.9px;stroke:#1590f2}100%{stroke:transparent}}
.svg-elem-18{animation:an-18 3s linear infinite}
@keyframes an-19{0%{stroke-dashoffset:667.59px;stroke-dasharray:667.59px}
50%{stroke-dashoffset:0;stroke-dasharray:667.59px;stroke:#f21515fe}100%{stroke:transparent}}
.svg-elem-19{animation:an-19 3.5s linear infinite}
@keyframes an-20{0%{stroke-dashoffset:716.65px;
stroke-dasharray:716.65px}50%{stroke-dashoffset:0;stroke-dasharray:716.65px;stroke:#cd15f2}100%{stroke:transparent}}
.svg-elem-20{animation:an-20 4s linear infinite}
.pulsar {
-webkit-animation: pulsate 3s ease-out;
-webkit-animation-iteration-count: infinite;
opacity:.6;
}
@-webkit-keyframes pulsate {
0% {
opacity:.5;
}
50% {
opacity:1;
}
100% {
opacity:.5;
}
}

@media (min-width: 768px) {
	.cart {position:sticky;top:90px}
	.more-hide{height:auto}
	html[dir=rtl] .navbar-nav {
		float: right;
		margin: 0;
	}
	html[dir=rtl] .navbar-nav > li {
		float: right;
	}
}

@media (max-width: 915px) {
		.userpic-place img.userpic {
		width: 200px;
	}
		.nav-tabs .nav-link {
		border-radius: var(--bs-nav-tabs-border-radius);
		padding: .7rem;
		margin: .2rem auto;
	}
	#result-img {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.userpic-place img.userpic {
		width: 110px;
		bottom: 5px;
	}
	.athlet-photos img {
		height: 130px;
	}
	.athlete-top {
		margin-bottom: 10px;
	}
	.awardmark h4 {
		min-height: 25px;
	}
	.awardmark {
		margin: 5px;
	}
	body {
		padding-top: 3rem;
	}
	.segment {
		margin-top:0;
	}

	.activity {
		margin: 10px 0;
	}
	.athlete-name a {
		padding: 10px 2px;
	}
	.ws-100 {
		width: 100%;
	}
	.ts-center {
		text-align: center !important;
	}
	.mts-2 {
		margin-top: .5rem !important;
	}
	.sm-ma {
		margin: 0 auto;
	}
}

ul.leaflet-draw-actions li a {
	color: #000;
	background: #fff;
	border: 1px solid #ccc;
}
ul.leaflet-draw-actions {
	box-shadow: 0 0 4px #a0a0a0;
}
ul.home {
  margin-bottom: 0.75rem;
  margin-top: 1rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem 1rem;
  list-style: none;
  padding: 0;
}
.home li a {
	color: #000;
	font-size: 0.75rem;
	text-decoration: none;
}
.home li a:hover {
	color: var(--a-secondary);
	text-decoration: underline;
}

.btn .bicon {
	width: 1.2rem;
	height: 1.2rem;
	fill: currentColor;
	margin-top: -4px;
}
.aicon {
	width: 18px;
	height: 18px;
	fill: currentColor;
}
.dicon{
	width:20px;
	height:20px;
	fill: #4b5258;
}
.alert-danger .aicon{
	fill: #842029;
}

.btn-vk {
  background-color: #07F;
  border-color: #1884ff;
  color: #fff;
}
.btn-vk:hover {
  background-color: #1884ff;
  border-color: #07f;
  color: #fff;
}
.btn-vk .bicon {
	float: left;
  width: 1.4rem;
  height: 1.4rem;
}
.moderator {
	background: #dc3545;
	padding: 0 3px;
	color: white;
	border-radius: 5px;
}

.hr {
  position: absolute;
  top: 50%;
  width: 100%;
  background: var(--border-color);
  height: 2px;
  left: 0;
  right: 0;
}
.or {
  position: relative;
  margin: 10px;
}
.or span {
  background-color: var(--main-background);
  position: relative;
	padding: 0 10px;
}
.scale-remove {
	-webkit-animation: scale-out-horizontal 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
  animation: scale-out-horizontal 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
@-webkit-keyframes scale-out-horizontal{0%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}100%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:1}}
@keyframes scale-out-horizontal{0%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}100%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:1;}}