/* CSS Document */
:root {
	--grey: #455559;
	--cornblue: #6C7FF2;
	--yellorg: #FFA53F;
}

/*scrollbar css */
::-webkit-scrollbar {
	height: 7px;
	width: 7px;
	background: #ccc;
	margin: 2px;
	border-radius: 0px;
}

::-webkit-scrollbar-thumb {
	background: #313131;
	border-radius: 0px;
}

::-webkit-scrollbar-corner {
	background: #000;
}

/*scrollbar css end*/
html,
body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

body,
input,
textarea,
select,
.leaflet-container {
	font-family: system-ui, sans-serif;
	font-size: 14px;
	font-weight: 400;
}

body {
	color: #000;
	overflow: hidden;
	background-color: #fff;
}

body * {
	box-sizing: border-box;
}

a,
a:hover,
a:focus {
	text-decoration: none;
	color: inherit;
}

.wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}

/* ------------------------------------------------------------------- map control menu START */
.map-con-icon-t {
	height: 40px;
	background-color: var(--yellorg);
	background-image: url(../images/map_tool_icon.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.map-control-out {
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	transition: .2s all;
}

.map-control-out[data-id="1"] {
	width: 40px;
	height: 179px;
}

.map-con-icon-b {
	height: 28px;
	border-bottom: 1px solid #ccc;
	width: 20px;
	margin: auto;
	background-image: url(../images/layers_icon.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.icon3 {
	background-image: url(../images/navigate_icon.svg);
}

.icon4 {
	background-image: url(../images/replay_icon.svg);
}

.icon5 {
	background-image: url(../images/plus_icon.svg);
}

.icon6 {
	background-image: url(../images/minus_icon.svg);
}

/* ------------------------------------------------------------------- map control menu End */
/* ------------------------------------------------------------------- main structure START */
/* remove all background colors */
.outer-flex {
	flex-direction: column;
	height: 100%;
}

.header {
	background-color: var(--grey);
	height: 50px;
	color: #fff;
}

.main-body {
	height: calc(100% - 50px);
}

.body-flex {
	height: 100%;
	width: 100%;
	position: relative;
}

.cont-flex {
	height: 100%;
	position: relative;
}

.time-elsp {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-size: 12px;
	padding: 0px 10px;
	background-color: #fff;
	color: #3a3a3a;
}

.right-panel {
	width: 0;
	transition: .2s all;
	position: absolute;
	right: 0px;
	z-index: 2;
	top: 40px;
	height: calc(100% - 60px);
	border-radius: 4px 0 0 4px;
	overflow: hidden;
	box-shadow: 0 0 3px rgb(0 0 1 / 49%);
}

.row-hxv.progress-bar {
	background-color: #f1f1f1;
	border-radius: 10px;
	height: 8px;
	overflow: hidden;
	position: relative;
}

.row-hxv .progress-bar-in {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #6C7FF2;
	height: 8px;
	width: 5%;
	transition: 1s all;
}

.row-hxv .progress-bar-in[data-key="1"] {
	background-color: #F59DA0;
}

.row-hxv .progress-bar-in[data-key="2"] {
	background-color: #00af3c;
}

.mid-flex {
	flex-direction: column;
	height: 100%;
}

.bottom-panel {
	background-color: #fff;
	height: 0px;
	transition: .2s all;
}

.cont-right {
	width: calc(100% - 130px);
}

/* ------------------------------------------------------------------- main structure END */
.deskview {
	display: block;
}

.mobileview {
	display: none;
}

.d-flex {
	display: flex;
}

.gut {
	flex-grow: 1;
}

/* ------------------------------------------------------------------- header css START */
.in-header {
	padding: 9px 20px;
}

.small-world-logo,
.comp-logo {
	height: 32px;
	cursor: pointer;
}

img.comp-img {
	height: 32px;
	display: block;
}

.logoTxt {
	padding: 0 0 0 15px;
	cursor: pointer;
	line-height: 18px;
}

.h1s {
	font-weight: 700;
	font-size: 20px;
}

.h2s {
	font-size: 13px;
	white-space: nowrap;
}

.tp-gut {
	width: 23px;
}

.user-profile {
	padding: 0 15px 0 0;
	text-align: right;
	flex-direction: row-reverse;
}

/* ------------------------------------------------------------------- header css END */
/* ------------------------------------------------------------------- rightPane css START */
.round-chk {
	width: 20px;
	height: 20px;
	border: 1px solid #858585;
	border-radius: 50%;
	position: relative;
	margin-right: 9px;
	cursor: pointer;
}

.round-chk:after {
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #ccc;
	left: 2px;
	top: 2px;
}

.txt-if {
	line-height: 20px;
}

.active-chk .round-chk {
	border: 1px solid #000;
}

.active-chk .round-chk:after {
	background-color: #000;
}

.tp-icon {
	background-image: url(../images/cat-icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.grp-btn {
	background-image: url(../images/grp_filter_icon.svg);
	background-size: 24px;
	height: 22px;
	width: 22px;
	border-radius: 50%;
	margin: 8px 10px 0 0;
}

.part-nm-op {
	flex-grow: 1;
}

#sort-btn {
	background-image: url(../images/filter-icon.svg);
}

.close-right-panel {
	width: 0px;
	height: 0px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 7px solid #ffffff;
	margin-top: 17px;
	transform: rotate(-90deg);
	margin-right: 10px;
	cursor: pointer;
}

.right-panel[data-open="1"] {
	width: 300px;
}

.sidePanelIn {
	width: 300px;
	height: 100%;
	background-color: #fff;
}

.devHeader {
	position: absolute;
	background: #fff;
	right: 15px;
	margin: auto;
	width: 247px;
	top: 85px;
	border-radius: 3px;
	overflow: hidden;
	display: none;
	z-index: 5;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	font-size: 12px;
}

.form-inp-label {
	color: #fff;
	padding: 10px 15px;
}

.sub-event-close {
	width: 30px;
	height: 30px;
	background-position: center;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url(../images/close.svg);
	background-size: 23px;
	position: absolute;
	right: 8px;
	top: 0px;
}

.sub-event-exp {
	width: 23px;
	height: 23px;
	position: absolute;
	right: 12px;
	bottom: 14px;
	cursor: pointer;
	background-image: url(../images/collapse.svg);
	z-index: 1;
}

.inner-block {
	padding: 10px;
	border-radius: 0;
}

.row-icon {
	width: 55px;
	margin-right: 10px;
}

img#row-image {
	width: 55px;
	display: block;
}

.roe-icon {
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #e5e5e5;
	margin: 4px 15px 4px 4px;
	background-size: cover;
}

/* fake slecet css START */
.form-inp-inp {
	height: 30px;
}

.my-select {
	border-radius: 2px;
	height: 30px;
	cursor: pointer;
	position: relative;
	background-color: #fff;
	color: #000;
	z-index: 1;
}

.my-select-inp {
	background-size: 19px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 10px 3px;
	line-height: 31px;
	padding-left: 10px;
	position: relative;
}

.my-select-inp:after {
	content: '';
	position: absolute;
	width: 0px;
	height: 0px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 9px solid #1a7cbf;
	right: 8px;
	top: 10px;
}

.my-sel-list-item,
.fil-li {
	background-size: 18px;
	width: 100%;
	height: 40px;
	background-repeat: no-repeat;
	background-position: 10px 5px;
	margin-bottom: 1px;
	cursor: pointer;
	line-height: 40px;
}

.fil-li {
	height: auto;
}

.my-sel-list-item:hover {
	background-color: #e9e9e9;
}

.my-sel-list-item:last-child {
	margin-bottom: 0;
	border: 0;
}

.row-h2 {
	font-size: 14px;
	margin-top: 8px;
	color: #ffffff;
	opacity: .7;
	z-index: -1;
}

.row-h3 {
	margin-top: 15px;
	font-size: 14px;
	cursor: pointer;
}

/* fake select cs END */
/* partipant area */
.dev-body {
	flex-direction: column;
	border-radius: 3px;
	box-shadow: 2px 2px 15px rgb(0 0 0 / 8%);
	height: 100%;
}

.dev-bod-h1 {
	padding: 0 10px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	background-color: var(--yellorg);
}

.bar-menu {
	position: absolute;
	top: 39px;
	background-color: #fff;
	color: #000;
	right: 14px;
	z-index: 5;
	box-shadow: 0 0 010px rgba(0, 0, 0, .5);
	border-radius: 3px;
	padding: 5px;
	display: none;
}

.sort-by-h1 {
	display: flex;
	margin: 8px;
	cursor: pointer;
}

.sort-by-txt {
	font-size: 13px;
	margin-top: 3px;
}

.outer-block-sort {
	overflow: auto;
	border-radius: 0 0 3px 3px;
}

.no-part-txt {
	text-align: center;
	padding: 30px 0;
}

.outer-block-sort {
	overflow: auto;
	height: calc(100% - 40px);
}

.parent {
	position: relative;
	background: linear-gradient(#f1f1f1 1px, #9f9f9f00 0);
	background-size: 1px 72px;
}

.part-block-sort {
	position: absolute;
	width: 100%;
	height: 72px;
	cursor: pointer;
}

.part-in-block {
	padding: 15px 10px;
}

.row-part-icon {
	width: 34px;
	height: 34px;
	background-position: center;
	background-size: contain;
	margin-right: 10px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-color: #6c7ff2;
}

.row-part-icon[data-key="1"] {
	background-color: #F59DA0;
}

.row-part-icon[data-key="2"] {
	background-color: #00e54e;
}

.row-part-icon-cat {
	width: 18px;
	height: 18px;
	margin: 4px 3px;
	border-radius: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.row-h1 {
	color: #ff8700;
	font-weight: 600;
	line-height: 15px;
}

.row-hss {
	font-size: 12px;
	line-height: 15px;
}

.row-hx {
	font-size: 13px;
	line-height: 26px;
}

.opacity {
	opacity: .8;
	transition: 1s all;
}

.blinker {
	color: #cfb604;
}

.devHeader[data-id="1"] {
	height: 75px
}

.devHeader[data-id="1"] .inner-block {
	padding: 10px 15px;
	height: auto;
}

.devHeader[data-id="1"] .sub-event-exp {
	bottom: 9px
}

.devHeader[data-id="1"] .form-inp-inp {
	width: 172px;
}

.devHeader[data-id="1"] .sub-hd-h1,
.devHeader[data-id="1"] .row-h3 {
	display: none
}

/* ------------------------------------------------------------------- Small Pop New css START */
.smallPopUp {
	position: absolute;
	background: #fff;
	right: 15px;
	width: 145px;
	top: 85px;
	border-radius: 3px;
	display: none;
	z-index: 5;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	font-size: 12px;
	overflow: hidden;
}

.grpfilter {
	display: none;
	top: 35px;
	width: 145px;
	border-radius: 4px;
	overflow: hidden;
}

.sp-tooltip-arrow {
	position: absolute;
	overflow: hidden;
	right: 30px;
	width: 30px;
	height: 13px;
	top: -13px;
	margin: 0;
}

.grpfilter .sp-tooltip-arrow {
	right: 16px;
}

.show4 .layerHead {
	display: none
}

.sp-tooltip-arrow:after {
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	background: var(--yellorg);
	box-shadow: 0px 0px 5px rgb(0 0 0 / 40%);
	top: 13px;
	transform: translateX(48%) translateY(-50%) rotate(45deg);
	right: 13px;
}

.sp-head {
	background-color: var(--yellorg);
	color: #fff;
}

.sp-h1 {
	padding: 4px 13px 0px;
	flex-grow: 1;
	background-color: #fff;
	color: var(--yellorg);
	line-height: 28px;
}

.sp-close,
.grpclose {
	width: 22px;
	height: 22px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	padding: 17px;
	position: absolute;
	right: 0px;
	top: 0px;
	background-image: url(../images/close_yellow.svg);
	background-size: 17px;
}

.grpclose {
	position: absolute;
	right: -3px;
	top: -5px;
	background-image: url(../images/close_yellow.svg);
	background-size: 17px;
}

.stry-yu {
	line-height: 20px;
	flex-grow: 1;
}

.byht-gh {
	line-height: 18px;
}

/* ------------------------------------------------------------------- Small Pop New css END */
/* ------------------------------------------------------------------- racer Stats Pop New css START */
.racer-stats-out {
	padding: 27px;
	color: #333;
	height: 100%;
}

.stats-top-area {
	display: flex;
	margin-bottom: 25px;
}

.member-outer .racer-stats-out {
	padding: 15px 0;
}

.stats-left-area {
	width: 417px;
	height: 278px;
	margin-right: 25px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #8b8b8b;
	border-radius: 4px;
}

.namecss {
	color: var(--yellorg)
}

img.stats-racer-mg {
	width: 100%;
}

.top-stats-sec.sec-2 {
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	margin: 15px 0;
	padding: 15px 0;
}

.stats-avatar-icon {
	width: 57px;
	height: 57px;
	background-size: 100%;
	margin-bottom: 20px;
	border-radius: 50%;
	background-color: #6c7ff2;
}

.stats-avatar-icon[data-key="1"] {
	background-color: #F59DA0;
}

.stats-right-area {
	flex-grow: 1;
}

span.stats-left-label {
	color: #000;
	font-weight: 500;
}

.stats-bot-area {
	max-height: calc(100% - 300px);
	overflow: auto;
}

.stat-h-out {
	position: relative;
	border-top: 1px solid #e7e7e7;
	margin: 18px 0;
}

.stat-h-in {
	position: absolute;
	top: -10px;
	background-color: #fff;
	padding: 0 10px;
	left: 0;
	color: #7e7e7e;
	right: 0;
	margin: auto;
	width: 177px;
	text-align: center;
}

.stats-bot-area .stats-row-line {
	line-height: 25px;
}

.top-stats-sec .stats-row-line {
	line-height: 20px;
}

/* ------------------------------------------------------------------- racer Stats Pop New css END */
/* ------------------------------------------------------------------- rightPanel css END */
/* ------------------------------------------------------------------- bottomPanel css START */
.bottom-panel {
	position: absolute;
	background-color: #fff;
	z-index: 6;
	width: calc(100% - 20px);
	left: 10px;
	box-shadow: 0 0 3px rgb(0 0 1 / 49%);
	overflow: hidden;
	height: 230px;
	display: none;
	border-radius: 4px;
}

.bottom-panel[data-open="1"] {
	bottom: 10px;
	display: block;
}

.bot-panel-close {
	width: 35px;
	height: 35px;
	background-position: center;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url(../images/close.svg);
	background-size: 20px;
}

.height-graph-out {
	height: 185px;
	width: 100%;
	z-index: 2;
	background-color: rgb(255 255 255 / 77%);
	border-radius: 2px;
	padding: 10px;
	position: relative;
}

.bot-row-btn {
	margin: 0 10px;
	cursor: pointer;
}

.bot-panel-head {
	display: flex;
	height: 35px;
	background-color: var(--yellorg);
	color: #fff;
	line-height: 35px;
}

.bot-panel-h1 {
	padding: 0 40px 0 10px;
}

.bot-panel-in {
	height: 200px;
	width: 100%;
	z-index: 2;
	background-color: rgb(255 255 255 / 77%);
	border-radius: 2px;
	padding: 10px;
	position: relative;
}

.top-hg-data {
	position: absolute;
	top: 2px;
	right: 30px;
	width: 225px;
	font-size: 12px;
}

.height-graph-in {
	height: 100%;
	width: 100%;
}

.hg-dis {
	margin: 0 10px 0 0;
	width: 107px;
	text-align: left;
}

#ele-dis {
	flex-grow: 1;
	width: auto;
	margin: 0;
	text-align: right;
}

/*history*/
.botb-right {
	width: 350px;
	position: absolute;
	z-index: 3;
	left: 20px;
	bottom: 20px;
	display: none;
	box-shadow: 0 0 3px rgb(0 0 1 / 49%);
	overflow: hidden;
	background-color: #fff;
	height: 155px;
	border-radius: 4px;
}

.timeline-out {}

.timeline-header {
	height: 35px;
	background-color: var(--yellorg);
	color: #fff;
	display: flex;
	line-height: 35px;
}

.timeline-close {
	width: 35px;
	height: 35px;
	background-position: center;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url(../images/close.svg);
	background-size: 20px;
}

.timeline-h1 {
	padding: 0 40px 0 10px;
}

.timeline-body {
	padding: 15px 15px 0;
}

.time-flex {
	margin-bottom: 10px;
}

.playout {
	flex: 1;
	overflow: hidden;
	max-width: 105px;
	transition: .2s all;
	margin-right: 10px
}

.replay-slider-out {
	margin-top: 14px;
}

.ppbtn {
	width: 30px;
	height: 30px;
	background-image: url(../images/play_arrow.svg);
	background-repeat: no-repeat;
	background-color: #dddddd;
	background-position: center;
	cursor: pointer;
	margin-right: 5px;
	background-size: 20px;
	border-radius: 2px;
}

.pauseButton {
	background-image: url(../images/pause_black.svg);
}

.stopButton {
	background-image: url(../images/stop_black.svg);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: none;
	background: #fff;
	font-weight: normal;
	color: #454545;
}

.ui-widget.ui-widget-content {
	border-top: 1px solid #ffffff;
}

.decreaseSpeed,
.increaseSpeed {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	background-color: #545454;
	color: #fff;
	font-size: 27px;
	cursor: pointer;
}

div#speeddiv {
	background-color: #fff;
	border: 1px solid #545454;
	color: #000;
	font-weight: bold;
	height: 20px;
	width: 45px;
	text-align: center;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -14px;
	width: 11px;
	height: 28px;
	border-radius: 20px;
	background-color: var(--yellorg);
}

.ui-widget.ui-widget-content {
	border: 0;
	border-top: 1px solid #0c5d99;
	background: inherit;
}

.ui-slider-horizontal {
	height: 1px;
}

.speed-div {
	margin: 0 10px;
}

/* ------------------------------------------------------------------- bottomPanel css END */
/* ------------------------------------------------------------------- map control css START */
.top-cont {
	background-color: #f1f1f1;
}

.map-outer {
	position: relative;
	width: 100%;
	height: 100%;
}

.map-div {
	width: 100%;
	height: 100%;
	z-index: 1;
}

.top-layer {
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
}

.bot-layer {
	position: absolute;
	z-index: 2;
	bottom: 30px;
	left: 20px;
	flex-direction: column-reverse;
}

.bot-layer {
	position: absolute;
	z-index: 2;
	bottom: 40px;
	left: 55px;
	flex-direction: column-reverse;
}

.top-right {
	top: 30px;
	right: 0px;
	width: auto;
	bottom: 30px;
	margin: auto;
}

.top-left {
	top: 80px;
	left: 20px;
}

.sqr,
.sub-eve-btn,
.eye-icon {
	width: 26px;
	height: 26px;
	border-radius: 2px;
	cursor: pointer;
	background-size: 18px 20px;
	background-position: center;
	background-repeat: no-repeat;
}

.simple-tooltip {
	position: absolute;
	background-color: #fff;
	box-shadow: 0 0 5px rgb(0 0 0 / 40%);
	border-radius: 2px;
	z-index: 2;
	margin: auto;
	display: none;
	right: auto;
	left: 57px;
	top: 17px;
	width: 200px;
}

.close-dyn,
.close-fil {
	width: 22px;
	height: 22px;
	cursor: pointer;
	background-image: url(../images/close_black.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center;
	position: absolute;
	right: -20px;
	background-color: #fff;
	border-radius: 0 2px 2px 0;
	top: 5px;
}

.close-fil {
	background-image: url(../images/close_yellow.svg);
	position: absolute;
	right: 4px;
	top: 3px;
	background-size: 17px;
}

.sub-hd-h1 {
	background-color: var(--yellorg)
}

.layer-list,
.cat-list {
	padding: 7px 10px;
	border-radius: 2px;
	cursor: pointer;
	color: #000;
	font-size: 13px;
	border-bottom: 1px solid #efefef;
	white-space: nowrap;
}

.layer-list:last-child,
.cat-list:last-child {
	border-bottom: none;
}

.layer-list:hover,
.cat-list:hover {
	background-color: #f1f1f1;
}

.listSel {
	font-weight: bold;
	background-image: url(../images/check.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 18px;
	background-origin: content-box;
}

.tooltip-arrow {
	position: absolute;
	overflow: hidden;
	left: -20px;
	right: auto;
	width: 20px;
	height: 30px;
	top: 24px;
	margin: 0;
}

.tooltip-arrow::after {
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	background: white;
	box-shadow: 0px 0px 5px rgb(0 0 0 / 40%);
	top: 13px;
	transform: translateX(48%) translateY(-50%) rotate(45deg);
	right: 0;
}

#height-graph {
	border: none;
	width: 26px;
}

.alt-icon {
	width: 26px;
	height: 26px;
	background-image: url(../images/height-graph-icon.svg);
	background-size: 26px;
	background-repeat: no-repeat;
	background-position: center;
}

.btn-show-sub {
	line-height: 35px;
	text-align: center;
	background-color: var(--yellorg);
	color: #fff;
	font-size: 14px;
	border-radius: 2px;
	cursor: pointer;
	display: none;
	padding: 0 10px;
	transform: rotate(270deg);
	transform-origin: 64px 0px;
}

/* map content */
/* map content */
.leaflet-tooltip {
	font-size: 12px;
	line-height: 12px;
	border-radius: 30px;
	color: #fff;
	padding: 3px 11px;
	opacity: 1 !important;
	border: none;
	background: #6c7ff2;
}

.leaflet-tooltip-right {
	margin-left: 6px;
}

.leaflet-tooltip-right:before {
	display: none;
}

.leaflet-tooltip-left:before {
	display: none;
}

.leaflet-tooltip-left {
	margin-left: 0px;
}

.main-tooltip,
.tip-b {
	font-size: 12px;
	line-height: 12px;
	border-radius: 30px;
	color: #fff;
	padding: 3px 11px;
	opacity: 1 !important;
	border: none;
	background: #6c7ff2;
}

.main-tooltip[data-key="1"] {
	background: #F59DA0;
}

.main-tooltip[data-key="2"] {
	background: #009900;
}

.tip-b {
	position: relative;
	background-color: var(--yellorg);
	padding: 7px 11px;
	color: #000;
	cursor: pointer;
}

.tip-b .imgr {
	position: absolute;
	right: -6px;
	top: 15px;
	width: 22px;
	height: 20px;
	background-image: url(../images/click_icon.png);
}

.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -11px;
	border-left-color: #6c7ff2;
}

.leaflet-tooltip span {
	font-size: 11px;
	color: #dce1ff;
}

.main-tooltip[data-key="1"] span {
	font-size: 11px;
	color: #ffddde;
}

.main-tooltip[data-key="2"] span {
	font-size: 11px;
	color: #ddffde;
}

.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -11px;
	border-right-color: #6c7ff2;
}

.leaflet-top .leaflet-control {
	margin-top: 30px;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	background-color: var(--yellorg);
	border: 0;
	box-sizing: border-box;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border-radius: 4px;
}

.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: var(--yellorg);
}

.leaflet-left .leaflet-control {
	margin-left: 20px;
}

.leaflet-touch .leaflet-bar a {
	width: 40px;
	height: 40px;
}

.leaflet-control-measure {
	cursor: pointer !important;
	display: table-cell !important;
	background-image: url(../images/ruler_icon.svg);
	background-size: 20px 20px;
	max-width: 40px;
	font-size: 12px;
}

.leaflet-control-measure-on .leaflet-control-measure {
	background-image: url(../images/ruler_icon.svg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.leaflet-popup-content-wrapper {
	border-radius: 3px;
	padding: 0 !important;
}

.leaflet-popup-content {
	margin: 0 !important;
	line-height: unset;
}

.infoOut {
	padding: 27px;
	border-radius: 2px 2px 0px 0px;
}

.marker_bots,
.marker_mids {
	font-size: 12px;
}

.marker_bots {
	margin: 10px 0;
}

.dixH1 {
	color: #000;
	font-weight: bold;
}

.suhb {
	margin-left: 10px;
}

.marker_icon {
	margin-right: 25px;
	display: block;
}

.marker_icon {
	min-width: 290px;
	display: block;
	background-repeat: no-repeat;
	background-position: top;
	width: 417px;
	height: 278px;
	border-radius: 4px;
	background-color: #f1f1f1;
	overflow: hidden;
}

.marker_h1 {
	font-weight: 600;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 5px;
}

.marker_h2 {
	font-size: 12px;
	flex-grow: 1
}

.glge {
	font-size: 11px;
	color: blue;
}

.marker_flag {
	height: 16px;
}

img.marker_flagsrc {
	height: 18px;
	margin-right: 10px;
}

.leaflet-container a.leaflet-popup-close-button {
	color: #000;
	right: 8px;
	padding: 8px 4px 0 0;
}

.leaflet-container .leaflet-control-attribution {
	margin: 0 !important;
	font-size: 11px;
}

.circle_marker {
	background: #3f58efa6;
	border-radius: 50%;
	width: 10px !important;
	height: 10px !important;
}

.ie-st-h3 {
	font-size: 12px;
}

.circle_marker:after {
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	border: 1px solid #3f58ef;
	border-radius: 50%;
	left: -3px;
	top: -3px;
}

.circle_marker_1 {
	background: #B4161AA6;
}

.circle_marker_1:after {
	border: 1px solid #B4161A;
}

.circle_marker_2 {
	background: #009900a6;
}

.circle_marker_2:after {
	border: 1px solid #009900;
}

.circle_marker_3 {
	background: #009999a6;
}

.circle_marker_3:after {
	border: 1px solid #009999;
}

.chk-out-div {
	padding: 10px 14px;
}

.r-outer {
	padding: 7px 30px 7px 5px;
}

.chk-out-h1 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.chk-out-h2,
.r-name {
	font-size: 12px;
}

.chk-out-h3 {
	font-size: 12px;
}

/* ------------------------------------------------------------------- map control css END */
/* ------------------------------------------------------------------- scoreboard css START */
.oth-show {
	width: 100%;
	height: 100%;
}

.layer-in {
	width: 100%;
	height: 100%;
	background-color: #f1f5f9;
}

.layerHead {
	padding: 10px 30px;
	height: 65px;
	background-color: #e4eaf1;
}

.show2 .layerHead {
	padding: 0 20px;
	text-align: left;
}

.score-sel-h {
	margin: 5px 13px;
}

.score-sel .my-select {
	border: 1px solid #0062c5;
}

.layer-head-h1 {
	font-size: 20px;
	font-weight: 500;
}

.show2 .layer-head-h2 {
	margin-top: 1px;
}

.score-sel {
	width: 180px;
}

.score-r {
	width: 100px;
}

.layerBody {
	width: 100%;
	height: calc(100% - 65px);
	padding: 10px;
	line-height: 23px;
	font-size: 15px;
	position: relative;
}

.time-format,
.time-format-a {
	margin-left: 10px;
}

.resetChart,
.showHideAll .showHideAll {
	left: 25px;
}

.chartButtns {
	font-size: 12px;
	display: none;
	line-height: 40px;
}

.chart-btn-flex {
	display: flex;
	padding: 8px 20px;
	max-height: 40px;
}

.layerBody.no-score {
	padding: 20px 30px;
}

.inner-body {
	overflow-x: auto;
	max-height: 100%;
}

.sep-h11 {
	font-weight: 500;
	font-size: 19px;
	margin-bottom: 30px;
	color: #666;
}

ul {
	text-align: left;
}

.dyn-data {
	font-size: 15px;
}

#scoreboard,
.statsContDiv,
#statsdata {
	font-size: 12px;
}

.table {
	padding: 0;
	background-color: #fff;
	table-layout: fixed;
	min-width: 100%;
}

thead.thead {
	background-color: #ccc;
}

.tr {
	background-color: #ffffff;
	border-bottom: 1px solid #8b8b8b;
}

tr.tr:nth-child(even) {
	background-color: #f9f9f9;
}

tr.tr:nth-child(even) td {
	border-right: 1px solid #f9f9f9;
}

.tr:hover {
	background-color: #e1e1e1;
}

.table>tbody>tr>td,
.table>thead>tr>th {
	padding: 3px 5px;
	line-height: 35px;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-right: 1px solid #ffffff;
	font-weight: normal;
}

.table>tbody>tr>td {
	border-bottom: 1px solid #e9e9e9;
}

.table>thead>tr>th {
	border-right: 1px solid #c9c9c933;
	color: #fff;
	background-color: var(--yellorg);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 66px;
}

.tr:last-child,
.tr:last-child td {
	border-bottom: none;
}

table th {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.summ-ava {
	width: 23px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: 3px 15px 3px 5px;
}

.summ-dis {
	font-weight: 600;
	color: #ff8700;
}

.graphNoti {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 70px;
	text-align: center;
	padding: 20px;
	width: 580px;
	margin: auto;
}

.left-panel-bot {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	color: #0078A8;
	font-size: 11px;
	line-height: unset;
	background: rgba(255, 255, 255, 0.7);
	padding: 0 5px;
	cursor: pointer;
}

.leaflet-bottom.leaflet-right {
	left: 0;
	right: auto;
}

/* ------------------------------------------------------------------- scoreboard css END */
/* ------------------------------------------------------------------- about, stats & terms page css START */
.abt-icon {
	width: 150px;
	height: 150px;
	background-size: 100%;
	background-repeat: no-repeat;
	min-width: 150px;
	margin: 0 20px;
}

img.abt-img-src {
	width: 100%;
	display: block;
}

.abt-txt {
	margin: 0 20px;
}

.abt-row {
	margin: 20px 0;
}

.abt-row.abt-rev {
	flex-direction: row-reverse;
}

.inner-body h2 {
	font-size: 16px;
}

.inner-body h3 {
	font-size: 14px;
}

.stats-card-data {
	text-align: center;
	margin: 20px;
}

/* ------------------------------------------------------------------- about, stats & terms page css END */
/* ------------------------------------------------------------------- universal popup css START */
.uni-popup,
.pro-card-popup {
	position: absolute;
	width: 600px;
	background-color: #fff;
	left: 0;
	top: 84px;
	margin: auto;
	right: 0;
	z-index: 1;
	box-shadow: 0 0 3px rgb(0 0 0 / 50%);
	border-radius: 2px;
	display: none;
}

.pro-card-popup {
	position: absolute;
	left: 0;
	top: 84px;
	margin: auto;
	right: 0;
	z-index: 4;
	max-height: calc(100% - 95px);
	background: #FFFFFF;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 6px;
	width: 790px;
	min-height: 116px;
	height: calc(100% - 95px);
}

.pro-card-data {
	height: 100%;
}

img.marker_img {
	width: 100%;
}

.close-uni {
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-image: url(../images/close.svg);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: center;
	position: absolute;
	right: 10px;
	top: 10px;
	border-radius: 2px;
	background-color: #0c5e9a;
}

.close-pro-card {
	position: absolute;
	text-align: center;
	width: 18px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	font-weight: bold;
	background: transparent;
	color: #000;
	right: 8px;
	padding: 8px 4px 0 0;
	cursor: pointer;
}

.uni-data {
	padding: 30px;
	min-height: 150px;
}

.card-img {
	height: 60px;
	margin-right: 10px;
}

img.card-image {
	height: 60px;
	display: block;
}

.card-h1 {
	font-size: 26px;
	font-weight: 600;
	line-height: 25px;
}

.card-h2 {
	margin-top: 10px;
	font-size: 20px;
}

.card-desc {
	margin-top: 20px;
}

.rd-img-out {
	width: 120px;
	height: 120px;
	margin: 30px auto;
	border-radius: 50%;
	overflow: hidden;
}

img.pro-card-img {
	height: 100%;
}

.pro-card-name {
	text-align: center;
	margin: 5px 0;
	font-weight: 500;
	color: #897e7e;
	font-size: 22px;
}

.inn-cin.d-flex {
	margin: auto;
}

.advx-banner {
	position: absolute;
	width: 350px;
	background-color: #fff;
	left: 0;
	right: 0;
	bottom: 20px;
	z-index: 3;
	border-radius: 2px;
	transition: .4s all;
	overflow: hidden;
	height: 336px;
	margin: auto;
}

.advx-banner * {
	transition: .7s all;
}

.bann-h1.gut {
	line-height: 22px;
}

.bann-img {
	width: 100%;
	padding: 5px;
	position: relative;
	height: 260px;
}

img.bann-src {
	width: 340px;
	display: block;
	position: absolute;
	right: 5px;
}

.bann-close {
	width: 22px;
	height: 22px;
	cursor: pointer;
	left: 6px;
	border-radius: 2px;
	top: 6px;
	position: absolute;
	background-color: #ffffff;
	z-index: 2;
	display: none;
	text-align: center;
	font-weight: 900;
	font-size: 15px;
}

.my-select-list {
	background-color: #fff;
	margin-top: 3px;
	box-shadow: 0 0 3px;
	display: none;
}

.my-sel-list-item {
	padding: 0 10px;
	display: flex;
	line-height: 32px;
	height: 32px;
	color: #585858;
	padding: 0 14px;
	font-size: 13px;
	border-bottom: 1px solid #efefef;
}

.bann-h1s {
	background-color: var(--yellorg);
	color: #fff;
	padding: 10px;
	border-radius: 2px 2px 0 0;
	display: none;
}

.bann-enter {
	padding: 10px;
	text-align: center;
}

.advx-banner[data-id="0"] {
	width: 0px;
	height: 40px;
	overflow: hidden;
}

.advx-banner[data-id="0"] .bann-h1s,
.advx-banner[data-id="0"] .bann-enter {
	display: none;
}

.advx-banner[data-id="0"] .bann-img {
	width: 100%;
	padding: 0px;
	position: relative;
	height: 40px;
}

.advx-banner[data-id="0"] img.bann-src {
	width: 350px;
	display: block;
	position: absolute;
	top: -4px;
	left: -7px;
	cursor: pointer;
}

/* ------------------------------------------------------------------- universal popup css END */
/* loader CSS START */
.loading_div {
	width: 56px;
	margin: auto;
	height: 100px;
}

.load-flex {
	flex-direction: column;
	height: 100%;
}

.loadIn {
	position: relative;
	width: 56px;
	height: 56px;
}

.circ {
	width: 25px;
	height: 25px;
	background-color: #E55419;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.out1,
.out2 {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	border: 3px solid #d5d5d5;
	border-top: 3px solid var(--grey);
}

.out2 {
	width: 49px;
	height: 49px;
}

.breathe {
	animation: breathe 1.6s infinite cubic-bezier(.45, .05, .55, .95);
}

.spin1 {
	animation: spinclock .8s infinite cubic-bezier(.45, .05, .55, .95);
}

.spin2 {
	animation: spinanticlock .8s infinite cubic-bezier(.45, .05, .55, .95);
}

@keyframes spinanticlock {
	0% {
		transform: rotate(360deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

@keyframes spinclock {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes breathe {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-o-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

/* loader CSS END */
.bannshort-ttl {
	position: absolute;
	z-index: 2;
	color: #000000;
	height: 40px;
	text-align: center;
	padding: 0 10px;
	line-height: 40px;
	cursor: pointer;
	background-color: var(--yellorg);
	display: none;
	font-size: 12px;
	width: 100%;
}

.advx-banner[data-id="0"] .bannshort-ttl {
	display: block;
}

.stats-tab {
	margin-right: 30px;
	font-size: 14px;
	margin-top: 5px;
	color: #414d6a;
	cursor: pointer;
}

.stats-tab.sel,
.stats-tab:hover {
	color: #000;
}

.canvasDiv {
	display: none;
}

.statsContDiv[data-id="1"] {
	display: block;
}

.canvasDiv {
	width: 100%;
	height: 100%;
}

.more-stats-icon {
	background-image: url(../images/info-circle.svg);
	width: 16px;
	height: 16px;
	cursor: pointer;
	background-size: 16px;
	position: relative;
	margin: 4px 0px 0 0;
}

.more-status-div {
	width: 255px;
	position: absolute;
	right: 0;
	background-color: #fff;
	top: 0px;
	box-shadow: 0 0 3px rgb(0 0 1 / 49%);
	border-radius: 3px;
	display: none;
	z-index: 10;
}

.single-racer {
	background-color: var(--yellorg);
	text-align: center;
	padding: 6px 14px;
	margin: 3px 0;
	cursor: pointer;
	border-radius: 3px;
	color: #fff;
}

.more-status.close {
	width: 30px;
	height: 30px;
	background-position: center;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url(../images/close_black.svg);
	background-size: 23px;
	position: absolute;
	right: 8px;
	top: 8px;
}

.more-status-arrow {
	position: absolute;
	width: 0px;
	height: 0px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 7px solid #ffffff;
	right: 0px;
	top: 17px;
}

.more-status-data {
	font-size: 13px;
	padding: 10px;
	line-height: 20px;
	cursor: default;
}

.canvasFlex {
	height: 100%;
}

.mainCanvasOut {
	height: 100%;
	width: 100%;
	position: relative;
}

.mainCanvasOuter {
	height: calc(100% - 45px);
	background-color: #fff;
}

.mainCanvas {
	height: 100%;
	width: 100%;
}

.canvasTop {
	min-height: 40px;
	background-color: #fff;
	margin-bottom: 5px;
	position: relative;
}

.chartDesc {
	text-align: center;
	line-height: 25px;
	color: #0c5d98;
	flex-grow: 1;
}

.resetAllStats {
	background-color: var(--yellorg);
	font-size: 13px;
	margin-left: 20px;
	border-radius: 3px;
	color: #fff;
	padding: 0 20px;
	cursor: pointer;
	line-height: 23px;
	height: 23px;
	font-weight: 400;
}

.loadingStatsTxt {
	margin-right: 30px;
	font-size: 14px;
	margin-top: 3px;
	color: #414d6a;
	cursor: pointer;
	display: none;
}

.sdt {
	display: flex;
}

.btnShade {
	border: 1px solid #ccc;
	background-color: #fff;
	text-align: center;
	border-radius: 3px;
	padding: 0 10px;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
}

.btnShade:hover {
	background-color: #f1f1f1;
}

.stsrow3,
.blockSt3,
.stsrow5,
.blockSt5 {
	background-color: #fff0d1 !important;
}

.loading-stats {
	text-align: center;
	margin: 10px 0;
	color: #7a7a7a;
}

/* new css for loc share */
.loc-share-div {
	width: 200px;
	padding: 15px;
	border-radius: 2px 2px 0px 0px;
}

.loc-shr-flex {
	display: flex;
	font-size: 13px;
	margin-bottom: 10px;
}

.loc-shr-flex:last-child {
	margin-bottom: 0;
}

.loc-shr-h1 {
	flex-grow: 1;
}

.loc-shr-h2 {
	cursor: pointer;
	background-image: url(../images/copy.svg);
	background-size: 14px;
	background-repeat: no-repeat;
	width: 19px;
}

.loc-shr-h2.copied {
	width: auto;
	background: none;
}

.share-help {
	position: absolute;
	z-index: 2;
	top: 30px;
	left: 70px;
	background-color: #fff;
	border-radius: 2px;
	padding: 0 10px;
	border: 1px solid #000;
	height: 40px;
	line-height: 40px;
	display: none;
	user-select: none;
}

#refresh-map,
#height-graph {
	position: absolute;
	background-color: var(--yellorg);
	background-image: url(../images/refresh-icon.svg);
	background-size: 26px;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 2;
	width: 26px;
	height: 26px;
	left: 20px;
	bottom: 20px;
	cursor: pointer;
	border-radius: 2px;
}

#height-graph {
	background-image: url(../images/height-graph-icon.svg);
	left: 56px;
	background-size: 18px;
}

#refresh-map.rotate {
	animation: rotation 1s infinite linear;
	border-radius: 50% !important;
	background: none;
	border: 4px dashed var(--yellorg);
}

@keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(359deg);
	}
}

.cat-selector {
	flex-grow: 1;
}

select.cat-sel-sel {
	font-size: 12px;
	margin-left: 10px;
	border: 1px solid #fff;
	outline: none;
}

.filters {
	position: absolute;
	cursor: pointer;
	bottom: 14px;
	color: #0a314e;
	padding: 2px 10px;
	border-radius: 2px;
	background: linear-gradient(0deg, #a7a7a7 0%, #ffffff 100%);
	font-size: 14px;
}

.devHeader[data-id="1"] .filters {
	bottom: 7px;
}

.filters-pop {
	top: 90px;
	right: 25px;
	left: auto;
	z-index: 5;
}

.filters-pop .tooltip-arrow {
	top: -12px;
	right: 62px;
	left: auto;
	width: 40px;
	height: 12px;
}

.filters-pop .close-dyn {
	right: 6px;
	left: auto;
	border-radius: 2px;
}

.filters-pop .tooltip-arrow::after {
	transform: translateX(-80%) translateY(-50%) rotate(45deg);
	background-color: var(--yellorg);
}

.cat-list {
	display: flex;
	line-height: 32px;
	height: 32px;
	color: #585858;
	padding: 0 10px;
}

.grp-inner {
	background-color: #fff;
}

.cat-chkdiv {
	margin-right: 10px;
}

.grp-outer {
	border-bottom: 1px solid #e7e7e7;
}

.grp-outer:last-child {
	margin: 0;
}

.grp-name {
	height: 30px;
	line-height: 30px;
	padding: 0px 13px 0px;
	background-color: #fff;
	color: var(--yellorg);
	font-weight: bold;
}

.filter-h1 {
	background-color: var(--yellorg);
	font-size: 13px;
	border-radius: 3px;
	color: #fff;
	padding: 0 20px;
	cursor: pointer;
	line-height: 23px;
	height: 23px;
}

.filter-sel-h {
	margin: 22px 13px;
	line-height: 65px;
	position: relative;
	display: none;
}

.my-filter-list {
	overflow: hidden;
	position: absolute;
	background-color: #fff;
	width: 145px;
	top: 30px;
	box-shadow: 0 2px 4px rgb(0 0 0 / 60%);
	right: 0;
	z-index: 2;
	display: none;
	border-radius: 4px;
	font-size: 12px;
}

.show2 .layerHead {
	text-align: left;
	padding: 10px 30px;
	height: 65px;
	background-color: #e4eaf1;
}

.marker_ttop {
	display: flex;
}

.closePopUp {
	display: none;
}

.marker-pop-outer .stats-left-area {
	width: 278px;
}

.marker-pop-outer .single-racer {
	margin: 0;
}

/*  ie css */
.ieTable {
	border-radius: 4px;
	position: absolute;
	left: 70px;
	max-height: 500px;
	width: 300px;
	background-color: #FFFFFF;
	z-index: 30000;
	top: 30px;
	display: none;
	box-shadow: 0 0 3px rgb(0 0 1 / 49%);
	overflow: hidden;
}

.ieClose {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background-image: url(../images/close.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center;
	padding: 17px;
	z-index: 3;
}

.ie-stats-row {
	display: flex;
}

.ie-st-head {
	background-color: var(--yellorg);
	padding: 11px;
	color: #fff;
	border-radius: 4px 4px 0 0;
	text-align: center;
	position: relative;
}

.ie-st-h1 {
	font-weight: 700;
	margin-bottom: 5px;
}

.ie-stats-row {
	border-bottom: 1px solid #EEEDF1;
	height: 65px;
	padding: 15px 0;
	font-size: 14px;
	color: var(--yellorg);
	font-weight: 700;
	line-height: 35px;
}

.ie-stats-row:last-child {
	border: 0;
}

.ie-st-body {
	margin: 5px 10px 5px 15px;
	height: 350px;
	overflow: auto;
}

.ie-stbody-in {
	margin: 0px 10px 0 0px;
}

.ie-part-icon {
	width: 35px;
	height: 35px;
	margin-right: 14px;
	border-radius: 50%;
	background-color: #F59DA0;
}

.ie-part-icon[data-key="0"] {
	background-color: #6c7ff2;
}

.ie-part-pos {
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 25px;
	margin: 5px 10px 0 0;
}

.ie-part-nm {
	flex-grow: 1;
}

.ie-part-status {
	color: #333;
	font-weight: 400;
	font-size: 11px;
	text-align: right;
}

.ie-part-time {
	color: #455559;
	font-weight: 400;
}

.ie-part-info {
	background-image: url(../images/info-circle.svg);
	width: 16px;
	height: 16px;
	cursor: pointer;
	background-size: 16px;
	margin: 0px 0 0 25px;
}

.crown,
.mycrown .row-part-icon {
	background-image: url(../images/crown-joypixels.gif) !important;
	width: 35px;
	height: 35px;
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: -3px -8px;
	border-radius: 0;
	background-position: center;
	background-color: #fff;
}

.mycrown .row-part-icon {
	width: 34px;
	height: 34px;
}

.more-ie-data {
	position: absolute;
	left: 381px;
	top: 30px;
	z-index: 3;
	background-color: #fff;
	width: 260px;
	border-radius: 4px;
	font-size: 13px;
	padding: 10px;
	line-height: 20px;
	box-shadow: 0 0 3px rgb(0 0 1 / 49%);
	display: none;
}

.no-part-ie {
	text-align: center;
	padding: 30px 0;
}

.subhead-part-nm {
	padding: 0 0 0 15px;
	background-color: #f3f3f3;
	height: 27px;
	line-height: 29px;
	display: flex;
	color: #444444;
	font-weight: 800;
}

.outer-part {
	display: flex;
	flex-direction: column;
	height: calc(100% - 50px);
}

.div-sub-block {
	height: 50%;
	flex-grow: 1;
	position: relative;
}

.leaflet-tooltip {
	padding: 0px 0px;
	opacity: 1 !important;
	border: none;
	background: #ffffff00;
}

.cat-chkdiv input {
	margin: 7px 0;
	width: 20px;
	height: 16px;
}

.center-on-icon {
	background-image: url(../images/center_icon.svg);
	width: 16px;
	height: 16px;
	cursor: pointer;
	background-size: 16px;
	margin: 4px 11px 0 0;
}

.more-info-desc {
	background-image: url(../images/info-circle-white.svg);
	cursor: pointer;
	position: absolute;
	left: 7px;
	top: 4px;
	z-index: 3;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: center;
}

.more-status-data .d-flex {
	line-height: 25px;
}

.more-ie-data-in .d-flex {
	line-height: 25px;
}

.blockSt4.part-block.part-block-sort.pro-btn[data-status="4"] .progress-bar-in {
	width: 100% !important;
}

.alt-tooltip {
	position: absolute;
	display: none;
	border: 1px solid #555555;
	padding: 3px 5px;
	font-size: 12px;
	background-color: #ffffff;
	border-radius: 2px;
	z-index: 7;
	opacity: 1;
}

.catcircle {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #f1f1f1;
	margin: 11px 4px 0 0;
}

.catcircle[data-id="0"] {
	background-color: #6c7ff2;
}

.catcircle[data-id="1"] {
	background-color: #F59DA0;
}

.catcircle[data-id="2"] {
	background-color: #00e54e;
}