/* Meet Specific selection              */


.page-head-pod{
	color:white;
}
.menuHighLight{
	background-color: #245473 !important;
	color:whitesmoke !important;
}
.chevronHighLight {
	border-top-color: #245473 !important;
}
.hideIfNetTimeOnly{
	display:inline-block;
}
#img-logo-rp{
	height:75px;
	width:auto;
	ackground-color: #eaeaea;
	padding:.3em;
}






/* General */
#page-head {
	color: white;  
	background-size: auto;
    background-position: 30% 55%;
}
#page-head-darken{
	/*position:absolute;
	z-index:4;
	width:100%;
	height:100%; 
	background: linear-gradient(90deg, rgba(0, 0, 0, .65) 15%, rgba(255, 255, 255, 0.3) 100%);*/
	visibility:hidden;
}
.person-stats{
	border-bottom:1px solid gray;
}
.person-name{
	font-weight:bold;
}
#page-head-strip{
	background-color:#2397c8;
	display:none;
}
/* The image on right of name details*/
#img-top-rt{
	width:180px;
	border-radius:5px;
}
#personal-detail {
    margin:2em 0;
	background-color: rgba(36, 84, 115, 0.96);
	border-radius:10px;
	padding:0 .8em;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}	
.rhombus{
	background-color:#001964;
	border:1px solid lightgray;
}
.pieProperties{
	background-color:#dbdbdb;
}
.kSlider{ 
	background-color:#83bc35;
}
.kSwitchFrame {
	ackground-color:khaki;
	background: linear-gradient(to bottom, lightgray, transparent);
}
.knob.knobRight.knobWords	{
	border-left: 1px solid whitesmoke;	
}	


/* Drop Down Lists */
#drop-list-bin{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.74);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.74);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.74); 
}
#drop-list-head{
    background-color:#007ac1;
    color:whitesmoke;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
#drop-list-crate{
    background-color:#474a4d;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.drop-list-head-text{   
    font-family:nexa_boldregular, "Open Sans", Arial, Verdana, sans-serif;
}
.dropDown-row{
    border-bottom: 1px solid lightslategray;
	color:whitesmoke;
}
.dropDown-row-over{
    color:#fcb427;
    font-weight:normal;
    background-color:#0d223f;
}
.dropDown-row-out{
    background-color:transparent;   
}
#dropItem_MORE > span{
    background-color:#1a3550;
    color:#whitesmoke;
    font-family:nexa_boldregular, "Open Sans", Arial, Verdana, sans-serif;
}
.frameShadow{
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);	
}




/* tomato box */
.ui-dialog-titlebar{	
	/*top section*/
    background-color:#001964 !important;
    color:white !important;
	font-size:1em;
}
#tomato-box{
	/*lower section*/
	background-color:#3f6186 !important;
}


/* FO Page */
.img-heading{
	color:#033974;
}
.std-frame2{
	border:1px solid transparent                ;
}
.oppSexSlider-pod{
	background-color:#007ac1;
}
.fo-img-sandwichBoard{
	color:#033974;
}
.flickSlider{
	background-color:orange;
	color:whitesmoke;
}
.knob-hi{
	color:#001964;
}
.fo-img-alt-text{
	background-color:#83bc35;
}
.nation-hili{
	/*background-color:#ffa800;*/
	color:gray;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:0 .2em;
}
#butt-fo-history {
	border-radius: 3px;
	margin: .7em 0 0 0;
	background: lightgray;
	cursor:pointer;
	display:inline-block;	
	font-family: nexa_boldregular, "Open Sans", Arial, Verdana, sans-serif;
	font-size:.7em; 
	padding: 0.1em 0.3em; 
}


/* sp page*/
#watch-split-pod{
	width:48%;	
}	
.watch-text-pod{
	border:1px dotted purple;
	width:37%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height:92%;
}
.watch-text-head-split, #watch-text-head-speed{
	color:#61aae8;
	font-weight:bold;
	border:0px dashed blue;
}
.watch-digits-split {
	position:relative;
	font-weight:bold;
	opacity:0;
	border:0px dashed tan;
}
.watch-digits-speed{
	position:relative;
	font-weight:bold;	
	width:75%;
}
.watch-text-foot-split, .watch-text-foot-speed{
	color:#61aae8;
	font-style:italic;
}
.watch-text{
	font-size:50%;
}





/* Pie */
.pie1{
	visibility:hidden;
}

/* Map */
.mapMark{
	opacity: .95  ;
}
.map-head-butt{
	background-color:#245473;
}


/* Bellsant*/
#needle{
	font-size:0;
	border:0px solid purple;
	position: absolute;
	z-index:90;
	bottom: 15.5%;
	
	left: 25.5%;  
	height:40%;
	transform-origin: 50% 83.36%; 
	transform: translateX(0) rotate(-90deg);
	transition: transform 1.8s;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
	opacity:.9;
}	

#needle-tip{
	font-size:0;
	border:0px solid purple;
	position: absolute;
	z-index:80;
	bottom: 18.5%;
	
	left: 26%;  
	height:50%;
	transform-origin: 50% 93.1%; 
	transform: translateX(0) rotate(-90deg);

	transition: transform 1.8s;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}	

#needle-avg{
	font-size:0;
	border:0px solid purple;
	position: absolute;
	z-index:70;
	bottom: 17.5%;
	
	left: 27.4%;  
	height:55%;
	transform-origin: 50% 90.6%; 
	transform: translateX(0) rotate(-90deg);

	transition: transform .9s;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}	

#VO2-legend{
	position:absolute;
	left:26%;
	transform:translate(-50%, 0);
	bottom:3%;
	color:#93abb8;
	border:0px solid red;
}	

#VO2-legend-img{
	height:2em;
	width:.2em;
	transform-origin: 50% 85%;
	transform:translateX(1.4em) rotate(-90deg);
}

.speedsplit-txt{	
	font-family: "Ubuntu", sans-serif;
	font-weight: 700;
	font-style: normal;
}



#whatif-loader, #whatif-warning-notice {
	background:linear-gradient(to right, #91cb58, #dedede);
}	








/* width responders */
@media only screen and (min-width: 400px) {/* =============== PRE GREEN */ 

	
}@media only screen and (min-width: 600px) {/* =============== YELLOW */

	
}@media only screen and (min-width: 770px) {/* =============== ORANGE */ 
	#img-top-rt{	/* The image on right of name details*/
		width:220px;
	}
 	
}@media only screen and (min-width: 1030px) {/* =============== RED */ 
	#img-top-rt{	/* The image on right of name details*/
		width:280px;
	}
}