/* Meet Specific selection              */


.menuHighLight{
	background-color: #2397c8 !important;
	color:whitesmoke !important;
}
.chevronHighLight {
	border-top-color: #2397c8 !important;
}
.hideIfNetTimeOnly{
	display:none;
}




/* Page Head */
.page-head-pod{
	color:white;
}
#page-head {
	width: 100%;
	height: 100%;
	background-repeat: repeat;
	background-size:500px;
}
#page-head-darken{	
	display:none;
	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%);
	background: linear-gradient(90deg, rgba(0, 0, 0, .65) 5%, rgba(255, 255, 255, 0) 100%);
}
	
.person-name{
	font-weight:bold;
	color:whitesmoke;
	font-size:1.5em;
	padding:.3em .3em;	
	background-color:#0f226a;
	border-radius: 6px 6px 0 0;
}
.person-detail{
	font-weight:bold;
	color:whitesmoke;
	font-size:1em;
	padding:.3em .3em;
	background-color:#0f226a;
}
.person-stats {
	border-bottom:1px solid gray;
}
.person-time{
	padding-bottom:.3em !important;
	border-radius: 0 0 6px 6px;
}	
#page-head-strip{
	background-color:#2397c8;
	display:none;
}
#personal-detail {
	margin:3em 0;
	background-color:#2397c8;		
	pacity:.8;
	color:white;
	padding:.5em .5em;
	border-radius:5px;
}

#img-top-rt{	/* The image on right of name details*/
	width:180px;
	border-radius:5px;
}	
	



.rhombus{
	background-color:#ffa800;
	border:1px solid gray;
}


.pieProperties{
	background-color:#dbdbdb;
}
/* drop down*/
#drop-list-head{
	background-color:#01abe9;
	color:whitesmoke;
	border:0px solid red;	
	display: flex;
    justify-content: space-between;
	align-items:center;
    font-size: 1.1em;
    font-weight: bold;
	background: #01abe9;	
}

.drop-list-head-text{   
	font-family:nexa_boldregular, "Open Sans", Arial, Verdana, sans-serif;
	font-size:1.1em;
	padding:.6em 0;	
	border:opx solid red;
}

#drop-list-crate{
	background:#1f1f1f;
}	
#drop-list-bin{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
	
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.65);
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.65); 
}
#dropItem_MORE > span{
	background-color:#01abe9;
	color:black;
}
.dropDown-row{
    border-bottom: 1px solid #005e80;
	color:whitesmoke;
	order:2px solid cyan;
	font-family:nexa_bookregular;
	
}
.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:1.3em;
}
#tomato-box{
	/*lower section*/
	background-color:#3f6186 !important;
}


/* FO Page */
.img-heading{
	color:#033974;
}
.std-frame2{
	border:1px solid transparent                ;
}
.oppSexSlider-pod{
	background-color:#2397c8;
}
.fo-img-sandwichBoard{
	color:#033974;
}
.flickSlider{
	background-color:orange;
	color:whitesmoke;
}
.knob-hi{
	color:#001964;
}


#watch-split-pod {
	top:21%; left:8.8%; width:45%; height:62%;
}
.watch-text-pod {
	border:0px solid red;
}
#watch-speed-pod{
	left:75%;
	border:0px solid purple;
}	


	
/* Pie */
.pie1{
	visibility:hidden;
}

/* Map */
.mapMark{
	opacity: .90;
}
.crossMat-trig{
	border:0px solid tan;
}	

#admin::after {
			content: " Default"
}


/* WIDTH RESPONDERS */
@media only screen and (min-width: 400px) {/* =============== PRE GREEN */
	#page-head {
		background-size: 600px;
	}
	#admin::after {
				content: " 600"
	}
}	
@media only screen and (min-width: 600px) {/* =============== YELLOW */
	#page-head {
		background-size: 600px;
	}
	#admin::after {
				content: " 700"
	}	
}	
@media only screen and (min-width: 770px) {/* =============== ORANGE */
	#page-head {
		background-size: 600px;
	}
	#admin::after {
				content: " 800"
	}
	#img-top-rt{	/* The image on right of name details*/
		width:220px;
	}	
}	
@media only screen and (min-width: 1030px) {/* =============== RED */ 
	#page-head {
		background-size: 600px;
	}
	#admin::after {
				content: " 900"
	}
	#img-top-rt{	/* The image on right of name details*/
		width:280px;
	}	
}