@CHARSET "UTF-8";

::-webkit-scrollbar-thumb {
	background-clip: padding-box;
    background-color: #f15d5c;
    border: 2px solid transparent;
    border-radius: .8rem;
    -webkit-box-shadow: inset -1px -1px 0 rgba(0,0,0,.05), inset 1px 1px 0 rgba(0,0,0,.05);
    box-shadow: inset -1px -1px 0 rgba(0,0,0,.05), inset 1px 1px 0 rgba(0,0,0,.05);
}
::-webkit-scrollbar {
	width: .8rem;
}

.date-picker-row {
    margin-left: -15px;
    position: relative;
    height: 34px;
     
} 

.date-picker-row .md-datepicker-input-container {
    margin-left: 0;
}

.fullpanel {
	display:flex;
	width:100%;	
	position:relative;
	height:calc(100vh - 2.5em);
}
#leftpanel {

	min-height:200px;	
	width:100%;
	float:left;
}

#rightpanel {
   background-color:white;
	min-height:200px;
	width:100%;
	display:none;
	float:left;	 
	flex-grow:1;
	height:100%;
	overflow-y:scroll;
}
.maxdesktop {
	max-width:1024px;
	margin:auto;
	text-align-center;
}
.hideleft #rightpanel {
	display:inline-block;
}

.hideleft #leftpanel {
	display:none;
}

.infobg {
	background-color:white;
	color:black;
}

.fontsdef {
	font-size: 1.2em;
 	font-weight: bolder;
}
.redfonts {
	color:#ca002a;
}
.redbg {
	background-color: #ca002a;
}
.lightgreyborder {
	 border: 1px solid lightgrey;
}
.bgwhite {  background-color:white; }
.bglightgrey { background-color:#eee; }

.basicinfo {
	width:100% ; 
	display:flex; 
	flex-direction:column;
	align-items:center;
	padding: 1em 0;
	
}
.basicinfo .basicimg {
	flex-basis:100%;
	text-align:right;	 
}
.basicinfo .basictxt {
	flex-basis:100%;
	width:100%;
	min-height:80px; 
	text-align:center;
	line-height:3em;
}
.title:after {
    content: ": ";
}
.sm-lrpad {
	padding-left:0.5em; padding-right:0.5em;
}
.mid-image {
	width: 30px;
    height: 30px;
    margin-top:0.5em;
    margin-right:3.5em;
}

.memberlv > div {
    display: inline-block;
}
.fullprogessbar {
	width:80%;
	background-color:lightgrey;
	height:inherit;
	margin: auto;
}
.progressbar {
	height:5px;
	
}
.datainfo { display:flex; align-items:"" ;flex-wrap: wrap; margin-bottom:2em; }
.datainfo > div {
	text-align:center;
	flex-basis:25%;
}
.datainfo >div:nth-child(1) {
	flex-basis:33%;
} 
.datainfo >div:nth-child(2) {
	flex-basis:33%;
} 
.datainfo >div:nth-child(3) {
	flex-basis:33%;
} 
.datainfo .databox {
	padding:0.5em;
	display:flex;
	flex-direction: column ;
}
 
.profilelinklist {
	padding-top:0px; padding-bottom:0;
}
.profilelinklist > md-list-item {
	border-bottom: 1px solid lightgrey;	
}
.profilelinklist > md-list-item:first-child {
	border-top: 1px solid lightgrey;

}
.profilelinklist > md-list-item {
	padding-top:1em;
	padding-bottom:1em;

}

.link .linkcontainer {
	display:flex; align-item:center;
	padding:0.5em;
}
.linkcontainer {
	position:relative;
}
.linkcontainer:after {
	right: 10px;
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position:absolute;
    transform: translateY(-50%);
    top: 50%;
}
 
.linkcontainer > * { display:inline-flex;}


.linkcontainer > .linkimg {
	flex-basic: 50px; 
	flex-direction: column;
    justify-content: center;
    display: inline-flex;
}
.linkimg>div {
    max-width: 120px;
    max-height: 120px;
    width: 1.5em;
    margin: 0.5em;
}
.linkimg img {
    height: inherit;
    width: inherit;
    max-width: inherit;
    max-height: inherit;
}

.linkcontainer > .linktxt {
	flex-basis:grow;
	padding-left:1em;
	display: inline-flex;
    flex-direction: column; 
    justify-content: center;
}
.menupadding { height:0em; }
.mobilehide { display:none; }
.desktophide { display:block; }

.grouptxt {
	line-height:1em;
	padding:0.2em;
	white-space:nowrap;
	line-height:1.7em;
	font-size:16px;
}
.grouptxt:first-child { padding-top:0.5em; }
.grouptxt:last-child { padding-bottom:0.5em; }
.boldfonts {	font-weight:bold; }
.price:before { content:" $ "; }

.backbtn {
	position:sticky;
	top:0em;
	z-index:10;
	background: whitesmoke;
}

.scoremember { width:100% }
.scoremember tr { width:100%}
.scoremember td:first-child {
	padding: 0.2em 1em;
	width:40%;
}
.detailscore { width:100%}
.detailscore tr{ width:100%}
.detailscore td { padding:0.3em;}
.detailscore .d1 { width:30%; }
.detailscore .d2 { width:50%; }
.detailscore .d3 { width:20%; }

.photoedit {
	position: absolute;height: 120px;  top: 0;  left: calc(50% + 60px); transition: all 0.2s linear;
}
.photoedit.opa0 { 
	opacity:0; transform:scale(.1); left: 50%; 
}

@media screen and (min-width: 768px) {
	.menupadding { height:3.4em; }
	.desktophide { display:none; }
	.mobilehide { display:block; } 
	
	#leftpanel {
		width:49%;		 
	}
	
	#rightpanel {
		width:49%;
		display:inline-block;
	}

	.hideleft #rightpanel {
		display:inline-block;
	}
	
	.hideleft #leftpanel {
		display:inline-block;
		border:1px solid #eee;
	}
	
}