:root {
  --gt-red: #F65314;
	--gt-blue:#00A1F1;
	--gt-limegreen:#7CFC00;
	--gt-green:#7CBB00;
	--gt-orange:#FFBB00;
	--gt-light-grey:#bfbfbf;
	--gt-dark-grey:#404040;
  --gt-pink:#ff00aa;
  --gt-violet:#C71585;
	/* --gt-accent:#FFCC00; */
	--gt-accent:#FFCC00;
	--gt-teal:#008080;
	--gt-steel-blue:#4682B4;
	--gt-purple:#6A5ACD;
	--gt-yellow:#fff95e;
  --gt-yellow-green:#dbeb34;
  --gt-bluetooth:#3b5998;
}


/* Font settings */
/* does't support tab-nums */
/* @font-face {
	font-family: 'Rajdhani';
	src: url('../fonts/Rajdhani-500.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
  } */

/* does't support tab-nums */
/* @font-face {
	font-family: 'Teko';
	src: url('../fonts/Teko-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
  } */


/* @font-face {
	font-family: 'Trim';
	src: url('../fonts/Trim-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
  } */


  /* @font-face {
	font-family: 'Sarpanch';
	src: url('../fonts/Sarpanch-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
  } */

  /* @font-face {
	font-family: 'Anita';
	src: url('../fonts/Anita-semi-square.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
  } */

  /* @font-face {
	font-family: 'Saira';
	src: url('../fonts/SairaSemiCondensed-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
  } */

/*   
  @font-face {
	font-family: 'TimeandSpace';
	src: url('../fonts/TimeandSpace-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
  } */

/*     
  @font-face {
	font-family: 'BoxfontRound';
	src: url('../fonts/Boxfont-Round.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
  }
*/

/* @font-face {
	font-family: 'StarGuard';
	src: url('../fonts/starguard3dital.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
} */

  
  
  /* @font-face {
	font-family: 'Trim-SemiBold';
	src: url('../fonts/TrimComplete/Trim-SemiBold.woff2') format('woff2'),
	  url('../fonts/TrimComplete/Trim-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
  }
  
  @font-face {
	font-family: 'Trim-Medium';
	src: url('../fonts/TrimComplete/Trim-Medium.woff2') format('woff2'),
	  url('../fonts/TrimComplete/Trim-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
  }
  
  @font-face {
	font-family: 'Trim-ExtraBold';
	src: url('../fonts/TrimComplete/Trim-ExtraBold.woff2') format('woff2'),
	  url('../fonts/TrimComplete/Trim-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
  }
  
  @font-face {
	font-family: 'Trim-Bold';
	src: url('../fonts/TrimComplete/Trim-Bold.woff2') format('woff2'),
	  url('../fonts/TrimComplete/Trim-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
  }
  
  @font-face {
	font-family: 'Trim-Light';
	src: url('../fonts/TrimComplete/Trim-Light.woff2') format('woff2'),
	  url('../fonts/TrimComplete/Trim-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
  }
  
  @font-face {
	font-family: 'Trim-Thin';
	src: url('../fonts/TrimComplete/Trim-Thin.woff2') format('woff2'),
	  url('../fonts/TrimComplete/Trim-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
  } */
  

/* *, .ui-spin-item, .ui-btn {
	font-family: Trim, sans-serif; 
	font-variant-numeric: tabular-nums;
} */

/* .ui-spin-item{
	font-family: Trim, sans-serif; 
} */

body {
    margin: 0px auto;
    background-color:#222;
    overscroll-behavior: none;
}

.gt-fg-metric-gct{
  color:rgb(66, 196, 215);
}

.gt-fg-metric-fpr{
  color:   rgb(207, 188, 79);
}

.gt-fg-metric-apr{
  color:  rgb(194, 196, 201);
}

.gt-fg-metric-lss{
  color: rgb(56, 142, 137);
}

.gt-fg-metric-vos{
  color: rgb(165, 90, 239);
}

  



.gt-fg-yellow-green{
    color:var(--gt-yellow-green) !important;
}

.gt-fg-steel-blue{
    color:var(--gt-steel-blue) !important;
}
.gt-fg-teal{
    color:var(--gt-teal) !important;
}

.gt-fg-red{
    color:var(--gt-red) !important;
}

.gt-fg-violet{
  color:var(--gt-violet) !important;
}

.gt-fg-pink{
    color:var(--gt-pink) !important;
}
.gt-fg-blue{
    color:var(--gt-blue) !important;
}
.gt-fg-green{
    color:var(--gt-green) !important;
}
.gt-fg-limegreen{
    color:var(--gt-limegreen) !important;
}
.gt-fg-orange{
    color:var(--gt-orange) !important;
}

.gt-fg-purple{
	color:var(--gt-purple) !important;
}

.gt-fg-yellow{
	color:var(--gt-yellow) !important;
}

.gt-fg-light-grey{
	color:var(--gt-light-grey) !important;
}
.gt-fg-dark-grey{
    color:var(--gt-dark-grey) !important;
}

.gt-fg-grey{
	color:grey !important;
}

.gt-fg-white{
    color:#fff !important;
}

.gt-fg-bluetooth{
	color:var(--gt-bluetooth) !important;
}

.gt-fg-black{
	color:black !important;
}

.gt-bg-transparent{
    background-color:transparent !important;
}

.gt-bg-red{
    background-color:#F65314 !important;
}
.gt-bg-blue{
    background-color:#00A1F1 !important;
}
.gt-bg-green{
    background-color:#7CBB00 !important;
}
.gt-bg-orange{
    background-color:#FFBB00 !important;
}

.gt-bg-yellow{
	background-color:#fff95e !important;
}

.gt-bg-light-grey{
	background-color:#bfbfbf !important;
}
.gt-bg-dark-grey{
	background-color:#404040 !important;
}

.gt-bg-black{
	background-color:black !important;
}

.gt-bg-steel-blue{
	background-color: var(--gt-steel-blue) !important;
}

.gt-bd-red{
  border-color:var(--gt-red) !important;
}

.gt-bd-green{
  border-color:var(--gt-green) !important;
}

.gt-bd-blue{
  border-color:var(--gt-blue) !important;
}

.gt-bd-white{
  border-color:white !important;
}

.gt-bd-black{
  border-color:black !important;
}

.gt-bd-bluetooth{
	border-color:var(--gt-bluetooth) !important;
}

.fa-xxs{
  font-size:.5em
}

.help-page{
	background: linear-gradient(-90deg,black,#00A1F1,black)
}

.help-title{
	color:var(--gt-accent)
}

.help-hr {
	border: 0;
	margin:0px;
	padding:0px;
  height: 2px;
  width: 100%;
  background: linear-gradient(-90deg,black,var(--gt-accent),black);
}

.help-content{
	color:#fff
}

/* .contents {
	display: flex;
	display: -webkit-flex;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height:320px;
}

.content-padding {
	margin-top: 36px;
	margin-bottom: 16px;
	padding-left: 16px;
	padding-right: 16px;
}

.content-text {
	font-weight:bold;
	font-size:5em;
	color:#fff;
} */

.action-button-text {
    /*float: right;*/
    /* color:greenyellow; */
	/*background-color: white;*/
  font-size: 20px;
	position:absolute;
	left:190px;
	top:105px;
	/* border: solid red 1px; */
	display: block;
	width:90px;
	text-align: right;
	transform: rotate(0deg);
	z-index:100;
	opacity: .9;
	}

.action-btn-icon-container{
  font-size: 35px;
	position:absolute;
	left:295px;
	top:90px;
	z-index:100;
  opacity: .9;
  transform: rotate(-30deg);
  /* border:red solid 1px; */
}

.action-button-tap{
  position: absolute;
	left:265px;
  top:73px;
  height: 70px;
  width: 70px;
  /* border: solid red 1px; */
  z-index: 200;
  /* background-color: white;
  opacity: .5; */
}

/* .action-btn-icon {
	transform: rotate(-30deg);
} */


.tracking-block{
	height:110px;
	/* border:1px red solid */
}

.tracking-block-2x{
	height:220px;
	/* border:1px red solid */
}


.tracking-label {
	font-size:25px;
	color:var(--gt-accent);
	line-height: 2rem;
	/* padding:0px; */
	/* margin:-2px; */

	/* position:relative; */
	/* margin:auto; */
	/* margin-top:-35px; */
	background-color:#1a1a1a;
	border-bottom:1px solid gray;
	border-top:1px solid gray;
	
	/* height:33px; */
	/* width:200px; */
	/* width:auto; */
	/* display: inline-block; */
	/* margin-left:auto; */
	/* margin-right: auto */
}

.tracking-data {
	/* position: relative; */
	/* height:68px; */
	color:white;
	/* background-color:skyblue; */
	height:100%;

	padding-top:17px;
	font-size: 68px;
	text-overflow: ellipsis
	/* padding:15px; */
	/* display:inline-block; */
	/* margin-top: 10px; */
	/* height: 70px */

	/* background: grey */
}

.tracking-data.sm {
	padding-top:18px;
	font-size: 48px;
	/* height: 53px */
}

.tracking-data.xs {
	padding-top:32px;
	font-size: 28px;
	/* height: 53px */

}

.splash-container {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fa-spin-fast {
  -webkit-animation: fa-spin 1s infinite linear;
  animation: fa-spin 1s infinite linear;
}

.fa-spin-faster {
  -webkit-animation: fa-spin .5s infinite linear;
  animation: fa-spin .5s infinite linear;
}

/* .ui-scrollbar-bouncing-effect{
  background-color:rgba(255,204,0,.8)
}

.ui-scrollbar-indicator {
	background-color: rgba(255,204,0,1)
}

.wf-lp-scrollable {
  scrollbar-width: 20px;
  scrollbar-color: lightblue grey;
}

  .ui-scoller::-webkit-scrollbar {
      width: 20px;
  }

  .ui-scoller::-webkit-scrollbar-track {
      background: grey;
  }

  .ui-scoller::-webkit-scrollbar-thumb {
      background-color: #ffcc00;
      border-radius: 20px;
      border: 3px solid grey;
  } */