/* Color Class */
.bg-color-333333 {
	background-color: #333333;
}

.dropdown-menu {
	height: 500px;
	overflow-y: auto;
}

/* Class Score->Event & ->Athlete (Lane) */
.event .name {
	color: #4d4d4d;
}

.event .clock-cell {
	background-color: #4B7AF0;
	width: 95%;
}

.event .time-standard-item {
	font-weight: bold;
}

.lane .number {
	height: 63px;
	background-color: #fcbf02;
}


.lane .color-dark {
	color: #1a1a1a;
}

.lane {
	padding-top: 0px;
	background-color: #F3F9FC;
}

.lane .r-cell {
	border-radius: 20px;
	min-width: 120px;
}

.lane .distance-cell {
	background-color: #4B7AF0;
}

.lane .distance-cell3 {
	font-size: 14px;
}

.lane .distance-cell2 {
	font-size: 14px;
}

.lane .place-cell {
	background-color: #DA4233;
}

#adimg {
	height: 90px;
}

@media (max-width: 992px) {
	.event .clock-cell {
		max-width: 100%;
	}
}

@media (max-width: 768px) {
	/*Bootstrap xs */
	.lane .distance-cell3 {
		font-size: 24px;
	}

	.lane .number {
		height: 80px;
	}

	.event .clock-cell {
		width: 95%;
	}
}

@media (max-width: 415px) {
	/*Screen Size Pixel 2, iPhone 6/7/8 Plus*/
	.lane .distance-cell3 {
		font-size: 24px;
	}

	#adimg {
		width: 100%;
		height: 100%;
	}

	.event .cell-2 {
		font-size: 20px;
	}

	.event .name, .event .cell-3 {
		font-size: 18px;
	}
}

@media (max-width: 320px) {
	/*Screen Size Pixel 2, iPhone 6/7/8 Plus*/
	.lane .distance-cell2, .lane .distance-cell3 {
		font-size: 16px;
	}

	.lane .number {
		height: 80px;
	}

	.event .name, .event .cell-3 {
		font-size: 16px;
	}

	.event .cell-2 {
		font-size: 18px;
	}

	.header .logo-img {
		content: url(../../../assets/images/favicon.png);
	}
}


/* Font Size Class */

.font-size-0 {
	font-size: 0;
}

.font-size-10 {
	font-size: 10px;
}

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

.font-size-14 {
	font-size: 14px;
}

.font-size-16 {
	font-size: 16px;
}

.font-size-18 {
	font-size: 18px;
}

.font-size-20 {
	font-size: 20px !important;
}

.font-size-22 {
	font-size: 22px !important;
}

.font-size-24 {
	font-size: 24px;
}

.font-size-26 {
	font-size: 26px;
}

.font-size-28 {
	font-size: 28px;
}

.font-size-30 {
	font-size: 30px;
}

.font-size-32 {
	font-size: 32px;
}

.font-size-34 {
	font-size: 34px;
}

.font-size-36 {
	font-size: 36px;
}

.font-size-38 {
	font-size: 38px;
}

.font-size-40 {
	font-size: 40px;
}

.font-size-42 {
	font-size: 42px;
}

.font-size-44 {
	font-size: 44px;
}

.font-size-60 {
	font-size: 60px;
}

.h-20 {
	height: 20px;
}

body {
	background-color: white;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

/* .wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
} */

#sidebar {
	min-width: 250px;
	max-width: 250px;
	background-color: #222d32;
	color: #fff;
	transition: all 0.3s;
}

#sidebar.active {
	margin-left: -250px;
}

#sidebar .sidebar-header {
	padding: 20px;
}

#sidebar ul.components {
	padding: 20px 0;
}

#sidebar ul p {
	color: #fff;
	padding: 10px;
}

#sidebar ul li a {
	padding: 10px;
	font-size: 1.1em;
	display: block;
}

#sidebar ul li a img {
	width: 25px;
}

#sidebar ul li.active > a,
a[aria-expanded="true"] {
	color: #fff;
	background: #6d7fcc;
}

/*Dashbaord*/
.dashboard-content {
	width: 100%;
	padding: 0 20px;
	/* min-height: 100vh; */
	transition: all 0.3s;
}

.dashboard-content .register-form {
	min-height: 250px;
	min-width: 450px;
}

.dashboard-content .box-title {
	color: #d32323;
}

.login-box-msg {
	color: #d32323;
}

.register-form .form-group input, .login-box .form-group input {
	border-radius: 5px;
}

/**
  Auth Page Settings like Login, Register, Reset, etc
*/

.auth-page, .register-page {
	background: transparent;
	padding-top: 13px;
}

.auth-page .header {
	/* background-color: #3c8dbc; */
	/* background-color: #4B7AF0; */
	background-color: white;
}

.auth-page .btn-block {
	background-color: #4B7AF0;
}

.auth-page .login-box {
	width: auto;
	max-width: 450px;
}

/* @media (max-width: 415px) */
/*Screen Size Pixel 2, iPhone 6/7/8 Plus*/
/* { */
/* .auth-page .login-box { */
/* min-width: auto; */
/* width: auto; */
/* } */
/* } */

.error {
	color: red;
	font-weight: normal;
}

/* Search Page*/
.search-page {
	background-color: #F3F9FC;
}

.search-page input.search {
	width: 50%;
	border-radius: 20px;
}

.search-page .search-panel {
	width: 480px;
}

.search-page .score-header {
	background-color: #F3F9FC;
}

.search-page .event-cell {
	line-height: 40px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 10px;
	padding-bottom: 10px;
}

.search-page .event-cell a {
	color: rgb(43, 39, 60);
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

.search-page .search-btn {
	background-color: #4B7AF0;
	padding-left: 16px;
	padding-right: 16px;
	border: 1px solid #4B7AF0;
}

.search-page .search-dropdown button.dropdown-toggle {
	color: #4d4d4d !important;
}

.search-page .search-dropdown .dropdown-menu > li > a {
	color: #4d4d4d !important;
}

.search-page .query-text {
	height: 48px;
	color: rgb(51, 51, 51);
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}


.padding-bottom-10 {
	padding-bottom: 10px;;
}

/** Official Result Page **/
.official-page .scorecard-section {
	height: 100%;
}

.official-page .serial-number {
	width: 25px;
}

.official-page .team-details {
	width: -webkit-calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	width: calc(100% - 30px);
}

/** Teamscore Ticker  */
#teamscore_ticker .teamscore-content {
	background-color: #1a1a1a;
	padding: 0;
	height: 40px;
}

/** Footer */
#footer .footer-content {
	background-color: #1a1a1a;
	padding: 0;
}

.footer-image {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

/*Custom dropdown arrow*/
.search-dropdown .dropdown-toggle::after {
	display: inline-block;
	vertical-align: middle;
	content: "";
	border: solid #222;
	border-width: 0 2px 2px 0;
	padding: 3px;
	transform: rotate(45deg);
	margin-top: -4px;
	margin-left: 12px;
}

.distance-cell3 {
	padding: 0 0;
}

.clock-time {
	height: 56px;
}

.score-header .title {
	text-align: center;
}

.custom-dropdown-menu {
	flex-wrap: wrap;
}

/*Iphone specific css*/

@supports (-webkit-touch-callout: none) {
	.footer-image-section {
		padding: 0;
	}
}

/* Landscape */
@media only screen
and (min-device-width: 575px)
and (max-device-width: 767px) {
	.scorecard-section .distance-cell {
		font-size: 9px;
		height: 12px !important;
	}

	.scorecard-section .distance-cell2 {
		font-size: 11px;
		font-weight: 900 !important;
	}

	.scorecard-section .distance-cell3 {
		font-size: 11px;
		padding: 0 !important;
	}
	.scorecard-section .place-cell {
		font-size: 9px;
		height: 12px !important;
	}

	.scorecard-section .number {
		font-size: 24px;
	}

	.serial-number {
		width: 16px;
		display: inline-flex !important;
		float: left;
		font-size: 20px;
	}

	.team-details {
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: calc(100% - 20px);
		display: inline-flex !important;
		float: left;
		min-height: 44px;
		max-height: 44px;
		overflow-y: auto;
		overflow-x: hidden;
		padding-top: 6px;
	}

	.team-details .team-user {
		font-size: 13px;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 12px;
	}

	.team-details .team-title {
		font-size: 8px;
		float: left;
		line-height: 18px;
		margin-right: 1px !important;
	}

	.team-details .team-heading {
		font-size: 10px;
		float: left;
		line-height: 18px;
	}

	.lane .number {
		height: 44px;
	}

	/*score header fixes*/
	.score-header .name {
		font-size: 10px;
	}

	.score-header .cell-2 {
		font-size: 14px;
		line-height: 14px;
		font-weight: 900 !important;
	}

	.score-header .cell-3 {
		font-size: 13px;
		text-transform: uppercase;
	}

	.event-title-section {
		padding-right: 0;
	}

	.running-time-section {
		padding-right: 0;
	}

	.running-time-section .clock-cell-time {
		font-size: 28px !important;
	}

	.custom-dropdown-menu {
		/*margin-top: 15px;*/
	}

}


/*Custom css*/
@media screen and (max-width: 767px),
screen and (max-height: 620px) {

	.score-header .title {
		font-size: 9px!important;
	}

	.scorecard-section .distance-cell {
		font-size: 9px;
		height: 12px !important;
	}

	.scorecard-section .distance-cell2 {
		font-size: 11px;
		font-weight: 900 !important;
	}

	.scorecard-section .distance-cell3 {
		font-size: 11px;
		padding: 0 !important;
	}

	.scorecard-section .place-cell {
		font-size: 9px;
		height: 12px !important;
	}

	.scorecard-section .number {
		font-size: 24px;
	}

	.serial-number {
		width: 16px;
		display: inline-flex !important;
		float: left;
		font-size: 20px;
	}

	.team-details {
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: calc(100% - 20px);
		display: inline-flex !important;
		float: left;
		min-height: 44px;
		max-height: 44px;
		overflow-y: auto;
		overflow-x: hidden;
		padding-top: 6px;
	}

	.team-details .team-user {
		font-size: 13px;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 12px;
	}

	.team-details .team-title {
		font-size: 8px;
		float: left;
		line-height: 18px;
		margin-right: 1px !important;
	}

	.team-details .team-heading {
		font-size: 10px;
		float: left;
		line-height: 18px;
	}

	.lane .number {
		height: 44px;
	}

	/*score header fixes*/
	.score-header .name {
		font-size: 10px;
	}

	.score-header .cell-2 {
		font-size: 14px;
		line-height: 14px;
		font-weight: 900 !important;
	}

	.score-header .cell-3 {
		font-size: 13px;
		text-transform: uppercase;
	}

	.event-title-section {
		padding-right: 0;
	}

	.running-time-section {
		padding-right: 0;
	}

	.running-time-section .clock-cell-time {
		font-size: 28px !important;
	}

	.custom-dropdown-menu {
		/*margin-top: 15px;*/
	}

	/**Teamscore ticker*/
	#teamscore_ticker .teamscore-content {
		height: 20px;
		font-size: 12px;
	}

	/*Footer section*/
	.footer-content {
		padding: 5px 5px;
	}

	.footer-image-section,
	.footer-text-section {
		display: none !important;
	}

	.lane-mobile-right-space {
		padding-right: 6px !important;
	}

	.lane {
		padding-top: 7px !important;
	}

	.mobile-team-heading-section {
		padding-left: 10px;
		padding-right: 10px;
	}

	.scrollable-footer-content {
		overflow: hidden;
		min-height: 20px;
		max-height: 20px;
		overflow-x: scroll;
		white-space: nowrap;
		padding-top: 3px;
	}

	.advertise-mobile-image-section {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.custom-dropdown-menu .search-dropdown button {
		font-size: 11px;
	}

	.custom-dropdown-menu .search-dropdown .dropdown-item {
		font-size: 11px;
	}

	.padding-xy-0 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.scorecard-section > div:last-child {
		padding-right: 0 !important;
	}

	.clock-time {
		height: 46px;
	}

	.search-page .query-text {
		height: 42px !important;
		font-size: 16px !important;
		padding-top: 5px !important;
	}

	.search-page .event-cell {
		line-height: 32px !important;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		font-size: 16px !important;
	}

	.search-btn i {
		font-size: 18px !important;
	}

	.scorecard-section .flex-grow-1 {
		background: #fff;
	}

	.custom-control-label {
		font-size: 11px;
		padding-top: 4px;
	}
}

@media screen and (max-height: 620px) {
	.lane {
		padding-top: 0 !important;
	}
}

.home-search-section {
	background: #fff !important;
}

/**
  Ad styles
*/
.w3-content {
	position: relative;
	margin-top: 0;
	width: 40%;
	max-width: 560px;
}

.w3-btn, .w3-button {
	border: none;
	display: inline-block;
	outline: 0;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: nowrap
}

.w3-btn, .w3-button {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.w3-disabled, .w3-btn:disabled, .w3-button:disabled {
	cursor: not-allowed;
	opacity: 0.3
}

.w3-disabled *, :disabled * {
	pointer-events: none
}

.w3-bar-block .w3-dropdown-hover .w3-button, .w3-bar-block .w3-dropdown-click .w3-button {
	width: 100%;
	text-align: left;
	padding: 8px 16px
}

.w3-button:hover {
	color: #000 !important;
	background-color: rgba(204, 204, 204, 0.33) !important
}

.w3-content button {
	position: absolute;
	top: 21%;
}

.w3-content img {
	width: 100%;
	height: 100%;
}

.w3-display-right {
	right: 0
}

.w3-display-left {
	left: 0
}

.w3-content img.footer-image {
	height: 50px;
}


@media (max-width: 767px) {
	.w3-content {
		width: 100%;
	}

	.w3-content button {
		top: 5%;
	}
}

.dropdown-row .w3-button {
	width: 20px;
	padding: 0 5px;
}

/* BOTTOM TICKER */
@-webkit-keyframes ticker {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
@keyframes ticker {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
.ticker-wrap {
	position: absolute;
	/*bottom: 0;*/
	width: 100%;
	overflow: hidden;
	/*height: 4rem;*/
	/*background-color: rgba(0, 0, 0, 0.9);*/
	padding-left: 100%;
	box-sizing: content-box;
}
.ticker-wrap .ticker {
	display: inline-block;
	/*height: 4rem;*/
	/*line-height: 4rem;*/
	white-space: nowrap;
	padding-right: 100%;
	box-sizing: content-box;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-name: ticker;
	animation-name: ticker;
	-webkit-animation-duration: 30s;
	animation-duration: 30s;
}
.ticker-wrap .ticker__item {
	display: inline-block;
	padding: 0 2rem;
	/*font-size: 1rem;*/
	color: white;
}

/* DARK THEME */
[data-theme="dark"] {
	background-color: black !important;
	color: #fff;
}
[data-theme="dark"] .search-page {
	background-color: black !important;
}
[data-theme="dark"] .search-page .score-header {
	background-color: black !important;
}
[data-theme="dark"] .event .name {
	color: inherit !important;
}
[data-theme="dark"] .eventName {
	color: cornflowerblue !important;
}
[data-theme="dark"] .lane {
	background-color: black !important;
}
[data-theme="dark"] .score-header {
	border-bottom: 1px solid red;
}
[data-theme="dark"] .bg-white {
	background-color: black !important;
}
[data-theme="dark"] .lane .number {
	background-color: black !important;
}
[data-theme="dark"] .athleteName {
	color: greenyellow !important;
}
[data-theme="dark"] .team-title {
	color: white !important;
}
[data-theme="dark"] .teamName {
	color: white !important;
}
[data-theme="dark"] .finalTime {
	color: greenyellow !important;
}
[data-theme="dark"] .splitTime {
	color: cornflowerblue !important;
}
[data-theme="dark"] .place {
	color: white !important;
}
[data-theme="dark"] .search-page .search-dropdown button.dropdown-toggle {
	color: white !important;
}
[data-theme="dark"] .search-dropdown .dropdown-toggle::after {
	border: solid #eee;
	border-width: 0 2px 2px 0;
}
[data-theme="dark"] .dropdown-menu {
	color: white !important;
	background-color: black !important;
}
[data-theme="dark"] .search-page .search-dropdown button.dropdown-toggle {
	background-color: #6c757d !important;
}
[data-theme="dark"] .btn:hover {
	color: white !important;
	background-color: #5c636a !important;
}
[data-theme="dark"] .dropdown-item {
	color: white !important;
	background-color: black !important;
}
[data-theme="dark"] .dropdown-item:focus,
[data-theme="dark"] .dropdown-item:hover {
	color: white !important;
	background-color: #0d6efd !important;
}
[data-theme="dark"] .navbar-light .navbar-nav .nav-link {
	color: rgba(255,255,255,0.85) !important;
}
[data-theme="dark"] .navbar-light .navbar-nav .nav-link:hover {
	color: white !important;
}
[data-theme="dark"] .advertise-mobile-image-section {
	display: none !important;
}
[data-theme="dark"] #footer {
	display: none !important;
}
[data-theme="dark"] .navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-theme="dark"] .navbar-light .navbar-toggler {
	border-color: rgba(255,255,255,.3);
}

@media screen and (min-width: 768px) {
	[data-theme="dark"] .font-size-36 {
		/*font-size: 40px !important;*/
		font-size: 4vw;
	}
	[data-theme="dark"] .font-size-20 {
		font-size: 30px !important;
	}
	[data-theme="dark"] .font-size-16 {
		/*font-size: 24px !important;*/
		font-size: 2vw;
	}
	[data-theme="dark"] .font-size-14 {
		/*font-size: 21px !important;*/
		font-size: 2vw !important;
	}
	[data-theme="dark"] .nav-link.font-size-14 {
		font-size: 14px !important;
	}
	[data-theme="dark"] .font-size-12 {
		font-size: 18px !important;
	}
	[data-theme="dark"] .font-size-10 {
		font-size: 15px !important;
	}
	[data-theme="dark"] .event .name {
		color: inherit !important;
		/*font-size: 1.5rem;*/
		font-size: 2vw;
	}
	[data-theme="dark"] .eventName {
		color: cornflowerblue !important;
		/*font-size: 1.5rem;*/
		font-size: 2.5vw;
	}
	[data-theme="dark"] .meetName {
		/*font-size: 1.5rem;*/
		font-size: 2.5vw;
	}
	[data-theme="dark"] .teamName {
		/*font-size: 21px;*/
		font-size: 2vw;
	}
	[data-theme="dark"] .finalTime {
		font-size: 22px;
	}
	[data-theme="dark"] .splitTime {
		font-size: 22px;
	}
	[data-theme="dark"] .place {
		font-size: 22px;
	}
	[data-theme="dark"] .place img {
		width: 44px;
		height: 44px;
	}
	[data-theme="dark"] .h-20 {
		height: 30px;
	}
	[data-theme="dark"] .lane .distance-cell {
		font-size: 20px;
	}
	[data-theme="dark"] .lane .place-cell {
		/*font-size: 20px !important;*/
		font-size: 1.8vw !important;
	}
}

@media screen and (min-width: 992px) {
	[data-theme="dark"] .font-size-36 {
		font-size: 40px !important;
	}
	[data-theme="dark"] .font-size-16 {
		font-size: 24px !important;
	}
	[data-theme="dark"] .font-size-14 {
		font-size: 21px !important;
	}
	[data-theme="dark"] .event .name {
		color: inherit !important;
		font-size: 1.5rem;
	}
	[data-theme="dark"] .eventName {
		color: cornflowerblue !important;
		font-size: 1.5rem;
	}
	[data-theme="dark"] .meetName {
		font-size: 1.5rem;
	}
	[data-theme="dark"] .teamName {
		font-size: 21px;
	}
	[data-theme="dark"] .lane .place-cell {
		font-size: 20px !important;
	}
}