@charset "UTF-8";

/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/css/fonts/roboto-condensed-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('/css/fonts/roboto-condensed-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/roboto-condensed-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/roboto-condensed-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/roboto-condensed-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/roboto-condensed-v17-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/roboto-condensed-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('/css/fonts/roboto-condensed-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/roboto-condensed-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/roboto-condensed-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/roboto-condensed-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/roboto-condensed-v17-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/css/fonts/roboto-condensed-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('/css/fonts/roboto-condensed-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/roboto-condensed-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/roboto-condensed-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/roboto-condensed-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/roboto-condensed-v17-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{outline:0;margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
:focus{outline:0;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}

table {	border-collapse: collapse; width:100%; }
table td { padding: 2px; }
strong { font-weight: bold; }
p { padding: 5px 0; }
input {
	padding: 2px;
}
/* html { zoom:205%; } */

/* ----- CSS ----- */
html, body {height:100%; min-height:100%; padding:0; margin:0; }

body{
	background:#eaeaea;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:1.25;
	font-size: 62.5%;
}


.svgGreen svg {
	fill: green;
}

.svgRed svg {
	fill: red;
}
.svgGrey svg {
	fill: lightgrey;
}

.patient_row svg {
	width: 15px;
	max-height: 15px;
}
.xFilter svg, .backLink svg {
	width: 15px;
	max-height: 15px;
	margin-bottom: -3px;
}
.backLink svg {
	fill: white;
	margin-left:4px;
}

.drilldown svg {
	fill: white;
	margin-bottom: -4px;
}

/* ----- blokken ----- */

.hrLine {
	border-bottom: 1px solid;
}

#container{
}

#primaryContent{
	padding-bottom: 70px;
	min-height: 460px;
}

#secondaryContent{
	background: url(/images/layout/bg-stroke.gif);
	height: 206px;
	height: 226px !important;
	clear: both;
	padding-top: 20px;
	
}

#navigation{
        background: url(/images/layout/bg-header.gif) repeat-x;
        height: 105px;
        display: block;
	padding-left: 246px;
}
.contentWrapper {
	width: 1300px;
	margin: 0px auto;
}
.content{
        width: 972px;
        margin: 0px auto;
}
.contentWrapper .content {
	float: left;
}
.logincontent{
        width: 300px;
		margin-left: 111px;
		margin-right: 111px;
		margin-top: 0px;
        /*margin: 0px auto;*/
		float: left;

}

.secondFooter {
	background: #1e1d1d;
	height: 32px;
	clear: both;
	position: fixed;
	bottom: 0px;
	width: 100%;
}

.redirectHeader {
        background: #1e1d1d;
        height: 32px;
        clear: both;
        position: fixed;
        top: 0px;
        width: 100%;
}

button,input[type=submit] { 
    /* Width and position */
    padding: 8px;

    /* Styles */
   /* border: 1px solid #0273dd;*/ /* Fallback */
   /* border: 1px solid rgba(0,0,0,0.4);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.3),
        inset 0 10px 10px rgba(255,255,255,0.1);
    border-radius: 3px;*/
    background: #2F98D4;
	border: none;
    cursor:pointer;

    /* Font styles */
    /*font-family: 'Ubuntu', 'Lato', sans-serif;*/
    color: white;
   /* font-weight: 700;*/
    font-size: 1.25em;

	border-radius:5px;
	margin-left:3px;
}
div.stickyFilterProtocols button {
	padding-top:2px;
	padding-bottom:2px;
}

button.toggle, button.hToggle  {
    background: #777;
}

button.active, button:hover {
    background: #2F98D4;
}

#pageHeader { display:block; width:100%; padding:0; height: 35px; padding-top: 5px; padding-bottom: 10px; position: relative; }

h1,h2,h3 { color: #000; font-weight: bold; }
h1 { font-size: 1.9em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }

/* ----- IMAGES ----- */
img{
	border-style: none;
}

/* ----- LINKS ----- */
a {
	text-decoration: none;
	color: #2F98D4;	
}
a:hover{
	color:#007490;
}

.footerRight  {
	float: left;
        width: 300px;
        height: 32px;
}
.footerLeft  {
        width: 300px;
        height: 32px;
	color: #ffffff;
	display: inline-block;
	margin-top: 7px;
}

.footerLeftRedirect  {
        width: 300px;
        height: 32px;
        color: #ffffff;
        display: inline-block;
	margin-top: 3px;
	font-size: 1.8em;
}

.siteBy {
	display: block;
	height: 32px;
	width: 190px;
	float: right;
	text-align: right;
	margin-top: 5px;
}
.secondFooter a:hover {
	color:#FFFFFF;
}

.popover {
	display:none;
	font-size:1.35em;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
    position: fixed;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,.5);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
	padding-top: 150px;
	box-sizing: content-box;
	z-index:50;
}

.remove {
}
.remove label, .remove input, .remove select, .remove textarea {
	opacity: 0.25;
	/*background-color: red;*/

}

/* #u990819_1{border: none !important} */

#overlay,#overlay1,#overlay2, #overlay3 {
    width: 100%;/*
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: url('/images/overlay.png') repeat 0 0;*/
    display: none;
    text-align: center;
}

#overlay-panel,#overlay1-panel,#overlay2-panel,#overlay3-panel,#overlay-panel2 ,#overlay-panel3 {
    /*border: 7px solid #FF0000;
    padding: 15px;*/
    /*width: 955px;*/
    height: 520px;
    /*top: 50%;
    left: 50%;
    margin: auto auto;
    margin-top: -260px;
    margin-left: -477px;
    position: absolute;
    background: #FFF;
    overflow-y:auto;*/
    clear: both;
}

.closeOverlay {
    cursor: pointer;
    font-weight: bold;
}

.watermark {
   color: #999 !important;
}

/* CHAT STYLING */
.msgUnread { background: #F6CECE; }
.msgActive { background: #D3D3D3; }
.msgListUser { font-size: 1.3em; font-weight: bold; }

div.lineBreak {
  height: 1px;
  border-top: 1px solid #BDBDBD;
  text-align: center;
  position: relative;
}

span.lineBreak {
  position: relative;
  top: -.7em;
  background: white;
  display: inline-block;
  color: #BDBDBD;
}

span.onlineNow {
  font-weight: bold;
  color: #0E910E;
}

/* Timeout Dialog Styles */
.timeout-dialog {
  padding: 15px;
  position: absolute;
  background: #eeeeee url("../images/timeout-icon.png") no-repeat 15px 25px;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.timeout-dialog .ui-dialog-title {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding: 0 0 15px 0;
  margin-left: 80px;
}
.timeout-dialog .ui-dialog-titlebar-close {
  display: none;
}
.timeout-dialog .ui-dialog-buttonpane {
  margin-top: 15px;
}
.timeout-dialog  ~ .ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.timeout-dialog p {
  margin: 0 0 5px 80px;
}
#timeout-keep-signin-btn {
  color: #FFF;
  background-color: #0f5895;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#377bb2), to(#0f5895));
  background-image: -moz-linear-gradient(top, #377bb2, #0f5895);
  background-image: -ms-linear-gradient(top, #377bb2, #0f5895);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #377bb2), color-stop(100%, #0f5895));
  background-image: -webkit-linear-gradient(top, #377bb2, #0f5895);
  background-image: -o-linear-gradient(top, #377bb2, #0f5895);
  background-image: linear-gradient(top, #377bb2, #0f5895);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#377bb2', endColorstr='#0f5895', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #ffffff;
  text-shadow: none;
  margin: 5px 10px 5px 0;
}
#timeout-sign-out-button {
  color: #FFF;
  background-color: #e6e6e6;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #000000;
  text-shadow: none;
  margin: 5px 0;
}
#timeout-countdown {
  font-weight: bold;
}

/* Token Input Styles */
ul.token-input-list-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    border: 1px solid #8496ba;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    min-height: 1px;
    z-index: 1;
    margin: 0;
    padding: 0;
    background-color: #F1F1F2;
    list-style-type: none;
    clear: left;
}

ul.token-input-list-facebook li input {
    border: 0;
    width: 100px;
    padding: 3px 8px;
    background-color: white;
    margin: 2px 0;
    -webkit-appearance: caret;
}

li.token-input-token-facebook {
    overflow: hidden;
    height: auto !important;
    height: 15px;
    margin: 3px;
    padding: 1px 3px;
    background-color: #eff2f7;
    color: #000;
    cursor: default;
    border: 1px solid #ccd5e4;
    font-size: 11px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    white-space: nowrap;
}

li.token-input-token-facebook p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-facebook span {
    color: #a6b3cf;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-selected-token-facebook {
    background-color: #5670a6;
    border: 1px solid #3b5998;
    color: #fff;
}

li.token-input-input-token-facebook {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.token-input-dropdown-facebook {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 11px;
    font-family: Verdana;
    z-index: 1;
}

div.token-input-dropdown-facebook p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown-facebook ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown-facebook ul li {
    background-color: #fff;
    padding: 3px;
    margin: 0;
    list-style-type: none;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
    background-color: #3b5998;
    color: #fff;
}

/* SIDE SOCIAL BAR */
ul#side-nav {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 110px;
    left: 0px;
    list-style: none;
    z-index:9999;
}

ul#side-nav li {
    width: 100px;
}

ul#side-nav li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;
    background-color:#CFCFCF;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    opacity: 0.75;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
}

ul#side-nav .home a{
    background-image: url(../images/layout/sidenav/profile.png);
}
ul#side-nav .friends a      {
    background-image: url(../images/layout/sidenav/users.png);
}
ul#side-nav .messages a      {
    background-image: url(../images/layout/sidenav/comments.png);
}
ul#side-nav .impacts a      {
    background-image: url(../images/layout/sidenav/add_user.png);
}
ul#side-nav .posts a   {
    background-image: url(../images/layout/sidenav/notes.png);
}

/* USER */
.userThumbnail {
	padding-top: 4px;
	max-height: 40px;
	padding-left: 10px;
	float:right;
	vertical-align: middle;
}
.userBlockName {
	/*padding-top: 8px;
	text-align: right;*/
	display:block;
	padding-bottom:5px;
	padding-top:9px;
	
}

/* NOTIFY ICON OVERLAYS */
#notify-list li {
    padding: 0px 10px;
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
}
#notify-list .icon {
    margin: 0px 14px;
    margin-top: 2px;
    width: 32px;
    height: 32px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

#nameBlock {
	display: block;
	padding: 4px 0px 0px 5px;
	height: 40px;
}

.pageHeaderRight {
	display: block;
	float: right;
	width: auto;
	text-align: right;
}

#pageHeader .pageTitleHeader {
	margin-top: 6px;
	margin-bottom: 0px;
	display: block;
	float: left;
}

#pageHeader .profileTile {
	display: block;
	float: right;
	width: 175px;
}

#rightColumn {
	margin-right: 35px;
	background: #E8E8E8;
	width: 250px;
	float: right;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
}

#rightColumn .header {
        width: 250px;
        float: right;
        height: 22px;
	margin-bottom: 5px;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	background: #2F98D4; /* Old browsers */
	background: -moz-linear-gradient(top,  #2F98D4 0%, #ed4e49 45%, #2F98D4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2F98D4), color-stop(45%,#ed4e49), color-stop(100%,#2F98D4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2F98D4 0%,#ed4e49 45%,#2F98D4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2F98D4 0%,#ed4e49 45%,#2F98D4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2F98D4 0%,#ed4e49 45%,#2F98D4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2F98D4 0%,#ed4e49 45%,#2F98D4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2F98D4', endColorstr='#2F98D4',GradientType=0 ); /* IE6-9 */

}

#rightColumn .header .headerTitle {
	padding: 3px;
}

.newsItem {
	display: block;
	border-bottom: 1px dashed #D8D8D8;
	padding: 10px;
}

.newsHeader {
	font-size: 1.2em;
	color: #2F98D4;
	font-weight: bold;
}

.newsPosted {
	font-size: .8em;
}

.friendFeedPosted {
	display: inline-block;
	float: right;
}

.imgFriendFeed {
	max-height: 40px;
	vertical-align: middle;
}

#feedContainer, #newsFeedContainer, #friendFeedContainer, #blogContainer {
	overflow-y:auto;
	border: 1px solid #D8D8D8;
}

#redirectedContent {
	width: 100%;
	height: 100%;
	border: 1px solid;
	position: fixed;
	top: 0;
	left: 0;

}

ul#adSpace li.rectangleAdBlock {
	padding: 5px 5px 15px 5px;
	width: 135px;
}

ul#adSpace {
    margin-top: 20px;
    padding: 0px;
    list-style: none;
    width: 140px;
    text-align: center;
    font-size: 0.7em;
}

.kbLinks {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.kbLinks a {
  display: block;
  width: 100%;
  text-align: center;
  color: #3366ff;
  padding-top: 3px;
  padding-bottom: 3px;
  background: #eeeeee;
  border-bottom: 1px solid;
}
#adColumnLeft {
    display: block;
    width:140px;
    padding-left: 5px;
    float: left;
}
#adColumnRight {
    display: block;
    width:140px;
    padding-right: 5px;
    float: left;
}
#NatadColumnLeft {
    display: block;
    width:220px;
    padding-left: 5px;
    float: left;
}
#NatadColumnRight {
    display: block;
    width:220px;
    padding-right: 5px;
    float: left;
}

#profile-menu {}
#profile-menu ul {list-style:none; margin:0; line-height:1.3em; padding:10px 0 0 0;}
#profile-menu li {width:200px; display:block; float:left; font-size:1em; margin:0 20px 10px 0; padding:0 0 10px 40px; color:#888;}
#profile-menu li a {font-size:1.2em;}

.icon-home {background: #fff url(/images/icons/house_32x32.png) top left no-repeat;}
.icon-bio {background: #fff url(/images/icons/user_32x32.png) top left no-repeat;}
.icon-cv {background: #fff url(/images/icons/document_32x32.png) top left no-repeat;}
.icon-contact {background: #fff url(/images/icons/mail_32x32.png) top left no-repeat;}
.icon-blog {background: #fff url(/images/icons/edit_32x32.png) top left no-repeat;}

/* HEADER NAVIGATION */
#nav {
    width: 100%;
}
#nav li {
    float: left;
    position: relative;
}
#nav li a span { 
	display: block;
	padding-left: 10px;
	color: #ffffff;
	font-size:16px;
	font-weight:200;
	margin-bottom:0px
}

#nav li a em {
	display: block;
	font-style: normal;
	font-size: 10px;
	padding-left: 10px;
	font-weight:200;
	margin-top:0;
	color: #ffffff;
}

#nav li a {
	display: block;
        padding-top: 33px;
	width: 121px;
	height: 68px;
	white-space: nowrap;
	background: url(/images/layout/navi-divider.gif) no-repeat left center;
	text-decoration: none;
	line-height:18px;
}

#nav li a:hover {
	background: #070707;
	background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
	background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
	background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
	background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
	background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
	box-shadow: inset 0 0 3px #000000;
	-moz-box-shadow: inset 0 0 3px #000000;
	-webkit-box-shadow: inset 0 0 3px #000000;
}

#nav li a:hover .current,
#nav li .current {
    background: transparent url(blockactive.gif) center center repeat-x;
}
#nav li:hover a {
    background: transparent url(blockactive.gif) center center repeat-x;
    text-decoration: none;
}

/*===== Drop Down ======*/
#nav ul,
#nav ul.last {
    position: absolute;
    left:0;
    top:100%;
    margin-left: -999em;
    opacity: 0;
    text-align: left;
    background: url(foo) fixed;/*IE6/7 need a BG to hold the anchor open*/
}
#nav li li {
    float: none;
    display:block;
}
#nav li li a {
    padding: 7px 14px;
    position:relative;/*IE7 needs this*/
    height: 18px;
    color: #ffffff;
    border-top: 1px solid;
    z-index: 10;
}
#nav li:hover ul,
#nav li:hover ul.last {
    margin-left: 0;
    opacity: 1;
    z-index: 10;
}
#nav li:hover ul.last {
    left: auto;
    right: 0;
}
#nav li:hover li a {
    background: #980E10;
}
#nav li:hover li a:hover {
    background: #CF1519;
}

.jtable td {
	padding: 2px;
}

/* POPUP NOTIFICATIONS */
#popup_container 
{
 font-weight:bold;
 text-align:left;
 font-size: 12px;
 width: 364px; 
 /*height: 95px; */
 padding-bottom: 5px!important;
 background: #F3F3F3;
 border:solid 1px #dedede;
 border-bottom: solid 2px #2F98D4;
 color: #000000;
 }
 
#popup_title {
  display:none;
}
 
#popup_message {
  padding-top: 15px;
  padding-left: 15px;
}

#popup_image {
  display: inline-block;
  float: left;
}
 
#popup_image img {
  max-height: 80px;
  max-width: 80px;
  padding: 5px;
}

#popup_panel {
  text-align: left;
  padding-left:15px;
}

#popup_panel input {
  background-color:#2F98D4;
  padding:3px;
  color:#FFFFFF;
  margin-top:20px;
  margin-right:10px;
}

/* Login Form */
.loginLinks {
    width: 300px;
    position: relative;
    margin: 0px auto 0px;
    padding: 10px;
    overflow: hidden;
    font-size: 1.1em;
    text-align: center;
}

.formReset {
	background-color: #fff;
	border: 1px solid #ddd;
    width: 600px;
    position: relative;
    margin: 60px auto 10px;
    padding: 10px;
	border-radius:5px
}

.formLogin {
    font-family: 'Ubuntu', 'Lato', sans-serif;
    font-weight: 400;
    /* Size and position */
    width: 300px;
    position: relative;
    margin: 60px auto 10px;
    padding: 10px;
	overflow: hidden;
	background-color: #fff;
    border: 1px solid #ddd;
	border-radius:5px

    /* Styles */
    /*background: #111; 
    border-radius: 0.4em;
    border: 1px solid #191919;
    box-shadow: 
        inset 0 0 2px 1px rgba(255,255,255,0.08), 
        0 16px 10px -8px rgba(0, 0, 0, 0.6);*/
}

.formLogin label, .formReset label {
    /* Size and position */
    width: 50%;
    float: left;
    padding-top: 9px;

    /* Styles */
    /*color: #ddd;*/
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    /*text-indent: 10px;
    text-shadow: 0 1px 0 #000;
    font-weight: 700;*/
    cursor: pointer;
}

.formLogin input[type=text], .formReset input[type=text],
.formLogin input[type=password] {
    /* Size and position */
    width: 50%;
    float: left;
    padding: 8px 5px;
    margin-bottom: 10px;
    font-size: 12px;
	border: 1px solid #ddd;
    /* Styles */
    /*background: #1f2124;*/ /* Fallback */
    /*background: -moz-linear-gradient(#1f2124, #27292c);
    background: -ms-linear-gradient(#1f2124, #27292c);
    background: -o-linear-gradient(#1f2124, #27292c);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#1f2124), to(#27292c));
    background: -webkit-linear-gradient(#1f2124, #27292c);
    background: linear-gradient(#1f2124, #27292c);    
    border: 1px solid #000;
    box-shadow:
        0 1px 0 rgba(255,255,255,0.1);
    border-radius: 3px;*/

    /* Font styles */
    font-family: 'Ubuntu', 'Lato', sans-serif;
    /*color: #fff;*/

}
/*
.formLogin input[type=text]:hover,
.formLogin input[type=password]:hover,
.formLogin label:hover ~ input[type=text],
.formLogin label:hover ~ input[type=password] {
    background: #27292c;
}*/

.formLogin input[type=text]:focus, 
.formLogin input[type=password]:focus {
    /*box-shadow: inset 0 0 2px #000;
    background: #494d54;*/
    border-color: #2F98D4;
    outline: none; /* Remove Chrome outline */
}

/*.formLogin p:nth-child(3),
.formLogin p:nth-child(4) {
    float: left;
    width: 50%;
}*/

.formLogin label[for=remember-me] {
    width: auto;
    float: none;
    display: inline-block;
    text-transform: capitalize;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0px;
    text-indent: 2px;
}

.formLogin input[type=checkbox] {
    margin-left: 10px;
    vertical-align: middle;
}

.formLogin input[type=submit] {
    /* Width and position */
    width: 100%;
    padding: 8px 5px;
  
    /* Styles */
    /*border: 1px solid #0273dd;*/ /* Fallback */
    /*border: 1px solid rgba(0,0,0,0.4);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.3),
        inset 0 10px 10px rgba(255,255,255,0.1);
    border-radius: 3px;
	background: #2F98D4;*/
	border: none;
	background-color: #2F98D4;
    cursor:pointer;
  
    /* Font styles */
    font-family: 'Ubuntu', 'Lato', sans-serif;
    color: white;
    font-weight: 700;
    font-size: 15px;
    /*text-shadow: 0 -1px 0 rgba(0,0,0,0.8);*/
}

.formLogin input[type=submit]:hover { 
    /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);*/
}

.formLogin input[type=submit]:active { 
    background: #2F98D4;
    /*box-shadow: inset 0 0 3px rgba(0,0,0,0.6);*/
    /*border-color: #000;*/ /* Fallback */
    /*border-color: rgba(0,0,0,0.9);*/
}

.no-boxshadow .formLogin input[type=submit]:hover {
    background: #2a92d8;
}

.formLogin:after {
    /* Size and position */
    content: "";
    height: 1px;
    width: 33%;
    position: absolute;
    left: 20%;
    top: 0;

    /* Styles */
    /*background: -moz-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);
    background: -ms-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);
    background: -o-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);
    background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), color-stop(0.25, #444), color-stop(0.5, #b6b6b8), color-stop(0.75, #444), to(transparent));
    background: -webkit-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);
    background: linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);*/
}

.formLogin:before {
    /* Size and position */
    /*content: "";
    width: 8px;
    height: 5px;
    position: absolute;
    left: 34%;
    top: -7px;*/
    
    /* Styles */
    /*border-radius: 50%;
    box-shadow: 0 0 6px 4px #fff;*/
}

.formLogin p:nth-child(1):before{

}
.formLogin p.shine {
    /* Size and position */
    content:"";
    width:250px;
    height:100px;
    position:absolute;
    top:0;
    left:45px;

    /* Styles */
    -webkit-transform: rotate(75deg);
    -moz-transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    -o-transform: rotate(75deg);
    transform: rotate(75deg);
    background: -moz-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));
    background: -ms-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));
    background: -o-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));
    background: -webkit-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));
    background: linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));
    pointer-events:none;
}

.no-pointerevents .formLogin p:nth-child(1):before {
    display: none;
}

.redirectTable {
	padding: 0px;
}

.blogTitle {
	font-size: 1.4em;
	font-weight: 700;
}

div.roundbox {
  display: inline-block;
  height: auto;
  padding: 5px;
  border-radius:8px;
  -moz-border-radius:8px; /* Firefox 3.6 and earlier */
  background: #C6C6C6;
}

.notice-icon {
    padding:5px;float:left;
    cursor:pointer;
}

.form-column {
	display: inline-block;
	position: relative;
	width: 330px;
	vertical-align: top;
}

.form-column p {
	width: 600px;
}

.form-column p label {
	display: inline-block;
	white-space:nowrap;
	width: 90px;
}

.large-label p label {
	width: 190px;
}

.small-label p label {
	width: 50px;
}

.smallSpinner {
	width: 50px;
}
.spinner {
	z-index:100;
}

.indentLeft {
	display: inline-block;
	position:relative;
	padding-left: 20px;
}

div.dotted {
	border-bottom: 1px dotted;
	width: 100%;
	margin-bottom: 5px;
}

#emailList .ui-selecting { background: #FECA40; }
#emailList .ui-selected { background: #2F98D4; color: white; }
#emailList { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#emailList li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 24px; }

.display-icon { 
	max-height: 18px;
	cursor:pointer;
}

div.messageBody {
}

.cardTile {
	width: 300px;
	margin: 5px;
}

.cardTile img {
	max-height: 70px;
	display: inline-block;
	position: relative;
	padding-right: 8px;
}

.cardTile .infoBlock {
	display: inline-block;
	position: relative;
	line-height: 1.1em;
	margin-top: 5px;
}

.cardTile .infoBlock .options {
	font-size: .9em;
	margin-top: 12px;
}

.cardTile .infoBlock .profileLink {
	font-size: 1.2em;
}

tr.row_selected td {
	background-color: #F2F5A9 !important;
}

.error-message {
        background: #fef1ec;
        border: 1px solid #cd0a0a;
        background-image: url(../images/cross-circle.png);
        background-repeat: no-repeat;
        background-position: 5px;
        border-radius: 3px;
        padding: 5px 5px 5px 25px;
        color: #cd0a0a;
        font-weight: bold;
}

.invalid {
        color: red;
}

p.invalid {
        margin: 0;
        padding: 0;
}
.center {
	text-align: center;
}
.update_required_text, .device_connected_text, .calibration_required_text {
	display: none;
}
.device_connected {
	background: #ccffcc!important;
}
.device_connected .device_connected_text {
	display: block;
}
.device_not_updated, .device_not_calibrated {
	background: #ffcccc!important;
}
.device_not_updated .update_required_text {
	display: block;
}
.device_not_calibrated .calibration_required_text {
	display: block;
}
.device_disabled {
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
	filter: alpha(opacity=50);  /* IE 5-7 */
	-moz-opacity: 0.5;          /* Netscape */
	-khtml-opacity: 0.5;        /* Safari 1.x */
	opacity: 0.5;               /* Good browsers */
}
.col_3 {
	float: left;
	width: 326px;
	margin: 0px;
	padding: 0px;
}
.col_3.left, .col_3.right {
	width: 323px;
}
.tile {
	float: left;
	/*border-radius: 3px;
	border: 1px solid #eee;*/
	border: 1px solid #999;
	/*box-shadow: 0px 0px 3px #888888;*/
	border-collapse: separate;
	position: relative;
	background-color: #fff;
}
.click:hover {
	background-color: #ededed;
	/*box-shadow: 0px 0px 3px #000000;*/
	cursor: pointer;
}
img.imgtile {
	float: left;
	position: absolute;
	/*top: 8px;*/
	bottom:0px;
	left: 8px;
	max-width:40%;
	max-height: 70px;
}
.tile_x2 img.imgtile {
	width: initial;
	left: 20px;
	bottom: 20px;
}
.tile_x2.tile span.smallText {
	text-align:right;
	font-size: 1.5em;
	font-weight: normal;
	bottom:20px;
	right: 20px;
}
.tile_x17 img.imgtile {
	float: left;
	position: absolute;
	bottom: 0px;
	left: 8px;
}
.tile.tile_x17 .imgOverlay {
	position: absolute;
    display: block;
    top: 46px;
    right: 7px;
}
.tile .smallText {
	position: absolute;
	bottom: 10px;
	font-size: 11px;
	font-weight: bold;
	right: 8px;
}
.tile .smallerText {
	position: absolute;
	bottom: 8px;
	font-size: 10px;
	right: 8px;
}
.tile .bigText {
	position: absolute;
	bottom: 8px;
	font-size: 18px;
	font-weight: bold;
	left: 8px;
}
.tile .bigTextRight {
	position: absolute;
	bottom: 28px;
	font-size: 18px;
	font-weight: bold;
	right: 8px;
}
.tile .imgOverlay {
	position: absolute;
	top: 24px;
	right: 3px;
	/*width:55px;*/
	height:65px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	 
}
.tile .imgOverlay.red {
	color: black;
    text-shadow:
    -1px -1px 0 #ffffff,
    1px -1px 0 #ffffff,
    -1px 1px 0 #ffffff,
    1px 1px 0 #ffffff; 
/*    color: white;
    text-shadow:
    -1px -1px 0 #ED1C24,
    1px -1px 0 #ED1C24,
    -1px 1px 0 #ED1C24,
    1px 1px 0 #ED1C24; */
}
.tile .imgOverlay.green {
	color: black;
    text-shadow:
    -1px -1px 0 #ffffff,
    1px -1px 0 #ffffff,
    -1px 1px 0 #ffffff,
    1px 1px 0 #ffffff; 
/*
    color: white;
    text-shadow:
    -1px -1px 0 #00A651,
    1px -1px 0 #00A651,
    -1px 1px 0 #00A651,
    1px 1px 0 #00A651;  */
}
.tile .imgOverlay.yellow {
	color: black;
    text-shadow:
    -1px -1px 0 #ffffff,
    1px -1px 0 #ffffff,
    -1px 1px 0 #ffffff,
    1px 1px 0 #ffffff; 
/*
    color: white;
    text-shadow:
    -1px -1px 0 #FFDD00,
    1px -1px 0 #FFDD00,
    -1px 1px 0 #FFDD00,
    1px 1px 0 #FFDD00;  */
}
.tile .imgOverlay.black {
    color: #000;
    text-shadow:
    -1px -1px 0 #ffffff,
    1px -1px 0 #ffffff,
    -1px 1px 0 #ffffff,
    1px 1px 0 #ffffff; 
}
.tile_06x {
	width: 137px;
	margin: 4px;
	padding: 8px;
}
div.sticky.content div.ui-dropshadow-all.tile_06x {
	padding: 4px;
	border: 4px solid white;
}
div.sticky.content div.ui-dropshadow-all.tile_06x.selected {
	border: 4px solid #2F97D3;
}
div.sticky.content div.ui-dropshadow-all.tile_06x.click:hover {
	border: 4px solid #ededed;
}
div.review_row {
	width: 100%;
}
.tile_1x {
	width: 219px;
	margin: 4px;
	padding: 8px;
}
.tile_13x {
	width: 300.5px;
	margin: 4px;
	padding: 8px;
}
.tile_2x {
	float: left;
	box-sizing:border-box;
	/*width: 464px;
	margin: 4px;*/
	width: 100%;
	padding: 20px;
}
.tile_26x {
	width: 627px;
	margin: 4px;
	padding: 8px;
}
.tile_3x {
	float: left;
	width: 980px;
	margin: 4px;
	padding: 8px;
}
.tile_4x {
	float: left;
	width: 954px;
	margin: 4px;
	padding: 8px;
}
.overlay .tile_4x {
	width: 930px;
}
.tile_x05 {
	height: 18px;
}
.tile_x075 {
	height: 38px;
}
.tile_x1 {
	height: 70px;
}
.tile_x15 {
	height: 88px;
}
.tile_x17 {
	height: 90px;/*110px;*/
}
.tile_x2 {
	height: 166px;
}
.tile_x3 {
	height: 272px;
}
.tile_x4 {
	height: 358px;
}
.tile_x6 {
	height: 550px;
}
.tile_x1 img, .tile_x2 img, .tile_x6 img {
	max-height: 80px;
}
.tile_x075 img {
	max-height: 40px;
}
.tile_left {
	margin-left: 0px!important;
}
.tile_right {
	margin-right: 0px!important;
}
.review_header {
	width: 180px;
	float: left;
	height: 38px;
	position: relative;
}
.review_header h2 {
	position: absolute;
	/*bottom: 4px;*/
}
.review_tile_player {
	width: 140px;
	float: left;
	position: relative;
	height: 38px;
}
.review_tile_player h2 {
	font-size: 1.2em;
}
.review_tile_thumb {
	width: 40px;
	float: left;
	height: 38px;
}
.review_tile_thumb .userThumbnail {
	max-height: 30px;
	float: left;
	left: 8px;
}
.review_tile_data {
	width: 80px;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	float: left;
	position: relative;
	cursor:pointer;
	font-size: 14px;
}
.notification_type_message {
	width: calc(100% - 400px);/*450px;*/
	float:left;
}
.review_tile_notification {
	width: calc(100% - 100px);/*450px;*/
	padding: 5px;
	font-weight: bold;
	text-align: left;
	float: left;
	position: relative;
	cursor:pointer;
	font-size: 14px;
}

.review_tile_data .imgOverlay {
	position: absolute;
	top: 18px;
	right: 0px;
	width:100%;
	height:25px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	 
}

#playerPosition .review_tile_data {
	width: 12.5%;
	box-sizing:border-box;
}

#playerPosition .review_tile_data .imgOverlay {
	width: 100%;
	box-sizing:border-box;
}

.review_tile_data .imgOverlay.red {
    color: white;
    text-shadow:
    -1px -1px 0 #ED1C24,
    1px -1px 0 #ED1C24,
    -1px 1px 0 #ED1C24,
    1px 1px 0 #ED1C24; 
}
.review_tile_data .imgOverlay.green {
    color: white;
    text-shadow:
    -1px -1px 0 #00A651,
    1px -1px 0 #00A651,
    -1px 1px 0 #00A651,
    1px 1px 0 #00A651; 
}
.review_tile_data .imgOverlay.yellow {
    color: white;
    text-shadow:
    -1px -1px 0 #FFDD00,
    1px -1px 0 #FFDD00,
    -1px 1px 0 #FFDD00,
    1px 1px 0 #FFDD00; 
}

.review_tile_data .imgOverlay.black {
    color: #000;
    text-shadow:
    -1px -1px 0 #ffffff,
    1px -1px 0 #ffffff,
    -1px 1px 0 #ffffff,
    1px 1px 0 #ffffff; 
}

.filter_wrapper {
	position: absolute;
	top: 8px;
	right: 71px;
}
.tile_x075  .filter_wrapper {
	right: 51px;
}
.segmented-control {
	
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
}
.filter_line2, .filter_line4 {
	margin-top: 4px;
}
.filter_line2 input {
	margin-left: 2px;
	width: 70px;
}
.filter_line4 input {
	margin-left: 2px;
	width: 10px;
}
.tile_2x   .filter_line2 input {
	margin-left: 2px;
	width: 55px;
}
.tile_2x   .filter_line4 input {
	margin-left: 2px;
	width: 55px;
}
.filter_line2 select, .filter_line3 select , .filter_line4 select {
	padding: 2px;
	width: 168px;
}
.filter_line4 .gender {
	display: inline-block;
	padding: 0px;
	width: 165px;
}
.tile_2x   .filter_line2 select, .tile_2x  .filter_line3 select, .tile_2x  .filter_line4 select  {
	padding: 2px;
	width: 92px;
}
.filter_line2 .filter_to {
	width: 10px;
	display: inline-block;
	text-align: center;
}
.filter_line3 {
	margin-top: 4px;
}
.segmented-control input[type='radio'] {
	display: none;
}

.filter_line3 label, .filter_line2 label, .filter_line4 label {
	width: 86px;
	display: inline-block;
}
.tile_2x   .filter_line3 label, .tile_2x  .filter_line2 label, .tile_2x  .filter_line4 label {
	width: 76px;
	display: inline-block;
}
.segmented-control label, label.segment {
	display: block;
	float: left;
	padding: 4px;
	width: 75px;
	text-align: center;
	border-left-color: #2F98D4;
	border-left-width: 2px;
	border-left-style: solid;
	cursor: pointer;
}
.tile_2x   .segmented-control label, .tile_2x   label.segment {
	width: 53px;
	font-size: 9px;
}
.segmented-control label:hover, label.segment:hover {
	background-color: #2F98D4;
	color: #fff;
}
.segmented-control label.selected, label.segment.selected {
	background-color: #2F98D4;
	color: #fff;
}

.segmented-control label.selected:hover, label.segment.selected:hover {
	background-color: #2F98D4;
	color: #fff;
	border-left-color: #2F98D4;
}
.f_arrow_left {
	background-image: url("/images/dashboard/left.png");
}
.f_arrow_right {
	background-image: url("/images/dashboard/right.png");
}
.f_arrow_left:hover {
	background-image: url("/images/dashboard/left_hov.png");
}
.f_arrow_right:hover {
	background-image: url("/images/dashboard/right_hov.png");
}
.f_arrow_left, .f_arrow_right {
	float:left;
	width: 19px;
	height: 158px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
.forecast_holder {
	float: left;
	width: calc(100% - 38px); /*882px;*/
	/*height: 180px;*/
	overflow: hidden;
	margin-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
.forecast_header {
	height: 26px;
	display: none;
	position: relative;
}
.forecast_data {
	height: 0px;
	overflow: hidden;
}
.forecast_data.forecast_visible {
	height: auto;
}
.forecast_desc {
	color: #000;
	display:none;
}
.forecast_hdr_buttons {
	position: absolute;
	z-index: 500;
    top: 30px;
    left: 10px;
}
.forecast_tile {
	float: left;
	/*height: 170px;*/
	width: 77px;
	padding-left: 26px;
	padding-right: 26px;
	position: relative;
	cursor: pointer;
}
.forecast_tile.nopad {
	padding-left: 0px;
	padding-right: 0px;
}
.forecast_tile.between {
	padding-left: 5px;
	padding-right: 5px;
	width: 42px;
	
}
.forecast_image {
	width:77px;
	height: 140px;
	text-align: center;
	position: relative;
}
.forecast_image img {
	float: none;
	position: relative;
	top: 45px;
	right: 0px;
}
.forecast_imgOverlay {
	position: absolute;
	top: 69px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	width: 77px;
	height:14px;
}
.forecast_tile.between .forecast_imgOverlay, .forecast_tile.between .forecast_image {
	font-size: 14px;
	width: 42px;
	text-shadow: none;
	color: #000;
}
.forecast_imgOverlay_below {
	position: absolute;
	top: 115px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	width: 77px;
	height:14px;
}
.forecast_imgOverlay_below.down {
	background-image: url("/images/dashboard/arrow_down.png");
	background-position: center bottom;
	background-repeat: no-repeat;
}
.forecast_imgOverlay_above.up {
	background-image: url("/images/dashboard/arrow_up.png");
	background-position: center top;
	background-repeat: no-repeat;
}
.forecast_imgOverlay_above {
	position: absolute;
	top: 20px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	width: 77px;
	height:14px;
}

.forecast_imgOverlay.red {
    color: white;
    text-shadow:
    -1px -1px 0 #ED1C24,
    1px -1px 0 #ED1C24,
    -1px 1px 0 #ED1C24,
    1px 1px 0 #ED1C24; 
}
.forecast_imgOverlay.green {
    color: white;
    text-shadow:
    -1px -1px 0 #00A651,
    1px -1px 0 #00A651,
    -1px 1px 0 #00A651,
    1px 1px 0 #00A651; 
}
.forecast_imgOverlay.yellow {
    color: white;
    text-shadow:
    -1px -1px 0 #FFDD00,
    1px -1px 0 #FFDD00,
    -1px 1px 0 #FFDD00,
    1px 1px 0 #FFDD00; 
}


.dash_tooltip {
	width: 100px;
	background-color: white;
	border: 1px solid #7CB5EC;
	padding: 4px;
	position: absolute;
	left: -60px;
	z-index: 1000;
	display: none;
	text-align: left;
	font-size: 12px;
}
.forecast_bar:hover .dash_tooltip {
	display: block;
}
.forecast_day {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	width: 77px;
	height:18px;
	border-top: 1px solid #ccc;
}
.forecast_date {
	text-align: center;
	font-size: 11px;
	color: #aaa;
	width: 77px;
	height:14px;
}
.arrow_left {
	background-image: url("/images/dashboard/left.png");
}
.arrow_right {
	background-image: url("/images/dashboard/right.png");
}
.arrow_left:hover {
	background-image: url("/images/dashboard/left_hov.png");
}
.arrow_right:hover {
	background-image: url("/images/dashboard/right_hov.png");
}
.arrow_left, .arrow_right {
	float:left;
	width: 19px;
	height: 38px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
.ses_holder {
	float: left;
	width: 916px;
	height: 38px;
	overflow: hidden;
}
.sel_day {
	float:left;
	width: 130px;
	height: 21px;
	text-align: center;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	font-size: 10px;
	font-weight: bold;
	cursor: arrow;
}
.sel_date {
	margin-left: auto;
	margin-right: auto;
	width: 70px;
	height: 11px;
	background-color: #fff;
	/*border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;*/
	cursor: arrow;
}
.sel_ses {
	/*padding-top: 13px;*/
	/*height: 13px;
	border-top: solid 1px #ccc;*/
	/*background-image: url("/images/dashboard/ses.png");*/
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
.sel_ses_dailylog {
	background-color: orangered;
	color: #fff;
}
.sel_ses_treatment {
	background-color: #194f6e;
	color: #fff;
}
.sel_ses_treatment.sel_ses_dailylog {
	background-color: green;
	color: #fff;
}
.sel_ses_selected {
	/*background-image: url("/images/dashboard/ses_hov.png");*/
	background-color: #2F98D4!important;
	color: #fff;
}
.sel_ses:hover {
	/*background-image: url("/images/dashboard/ses_hov.png");*/
	background-color: #000;
	color: #fff;
}
.sel_ses_time {

	/*border-top: solid 1px #ccc;*/
	/*height: 11px;*/
}
.sel_ses_time:hover {
	background-color: #2F98D4;
}
.sel_ses, .sel_ses_time, .sel_no_ses {
	float: left;
	width: 75px;
	font-size: 11px;
	font-weight: bold;
	line-height: 21px;
}
.patient_menu, .device_menu {
	position: absolute;
	/*top: 32px;*/
	left: 0px;
	width: 219px;
	max-height: 500px;
	background-color: #808285;
	z-index: 1000;
	display: none;
	/*border: 1px solid #ccc;*/
	overflow-x: auto;
	padding: 8px;
	color: #fff;
	border-radius:5px;
}
.patient_menu_settings {
	background-color: #fff;
	border: 1px solid #ccc;
	overflow-x: auto;
	padding: 8px;
}
.patient_menu_patient, .patient_menu_team, .patient_menu_disabled, .group_menu_group , .account_menu_account, .device_action {
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
.patient_menu_patient, .group_menu_group, .account_menu_account, .device_action  {
	border-bottom: 1px solid #2F98D4;
	cursor: pointer;
}
.patient_menu_team {
	cursor: pointer;
}
.patient_menu_disabled {
	color: #aaa;
}
.patient_menu_patient:hover, .patient_menu_team:hover, .group_menu_group:hover, .account_menu_account:hover, .device_action:hover, .patient_menu_patient.selected, .group_menu_group.selected, .account_menu_account.selected, .device_action.selected {
	background-color: #2F98D4;
	color: #fff;	
	border-radius:5px;
}
.patient_menu_wrapper {
	position: relative;
	/*height: 25px;*/
	float: right;
}
.patient_menu_wrapper:hover .patient_menu_button, .patient_menu_wrapper:hover .device_menu_button {
	background-color: #2F98D4;
	/*border-radius:5px;*/
}
.patient_menu_button span, .device_menu_button span {
	vertical-align: top;
}
.patient_menu_button, .device_menu_button {
	cursor: pointer;
	/*width: 95px;*/
	height: 24px;
	font-size: 18px;
	font-weight: regular;
	text-align: left;
	padding: 3px;
	padding-right: 10px;
	display: inline-block;
	/*background-image: url("/images/dashboard/menu.png");
	background-position: right center;
	background-repeat: no-repeat;*/
    color: #fff;
    background-color: #808285;
}
.patient_menu_button:first-child, .device_menu_button:first-child {

	border-radius: 5px 0px 0px 5px;
}
.patient_menu_button:nth-child(2), .device_menu_button:nth-child(2) {
	border-radius: 0px 5px 5px 0px;
}
#menu_button {
	width:137px;
    position: relative;
    right: 14px;
    top: 25px;
	height: 40px;
    font-size: 32px;
	border-radius:5px;
}
#home_menu_button {
	width:137px;
    position: relative;
    left: 14px;
    top: 25px;
	height: 40px;
    font-size: 32px;
	border-radius:5px;
}
#menu_button span.icon svg, #home_menu_button span.icon svg {
	height: 32px;
	padding: 4px;
}

.patient_menu_wrapper {
	width: 100%;
}
.patient_menu_button.ddown, .device_menu_button.ddown {
	padding-right: 5px;
	padding-left: 5px;
	/*border-right: 3px solid #808285;*/
	float:right;
}
.patient_menu_button.patient_menu_patient {
	border-bottom: none;
}

.patient_menu_button:hover, .patient_menu_button.selected, .patient_menu_wrapper:hover .patient_menu_button:hover,
.device_menu_button:hover, .device_menu_button.selected, .patient_menu_wrapper:hover .device_menu_button:hover {
	background-color: #2F98D4;
	/*background-image: url("/images/dashboard/menu-white.png");*/
	color: #fff;
}
.top_bar_buttons {
	width: 100%;
	height: 12px;
	text-align: center;
	float: left;
	position: absolute;
	bottom: 0px;
}
.top_bar_buttons a {
	display: inline-block;
	height: 12px;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 8px 4px 8px;
	color: #000;
}
.top_bar_button_selected {
	background-color: #2F98D4;
	color: #fff!important;
}
.top_bar_buttons a:hover {
	background-color: #2F98D4;
	color: #fff;
}
.sesBtns {
	background-color: #808285;
	margin-right:10px;
	width: 120px;
	height: 50px;
	vertical-align: top;
}
.sesBtns.selected {
	background-color: #2F98D4;
}
.sesBtns:hover {
	background-color: #2F98D4;
}
h2.sectionHead {
	clear: both;
	line-height:2.25em;
	text-transform:uppercase;
	
	position: sticky;
    top: 100px;
	margin-left: -5px;
	margin-right: -5px;
    padding: 14px 10px 0px 5px;
	background-color: #f6f6f6;
	z-index:50;
}
h2.sectionHeader {
	padding-top: 4px;
    clear: both;
    line-height: 2.25em;
    text-transform: uppercase;
}
h2.sectionHead .left {
	/*float:left;*/
	font-size: 0.75em;
}

h2.sectionHead .right {
	/*float:right;*/
	font-size: 0.75em;
}
.sectionHead {
	padding-top:10px;
}
.playerPosition {
	font-size: 12px;
}
input.disabled {
	border: 1px solid #ccc;
	color: #ccc;
	padding: 3px;
}
#exposure_holder h2, #gaddgsi_holder h2 {
	text-align: center;
}
.forecast_header h1 {
	padding-top: 5px;
}
#left_pane_expand {
    position: absolute;
    bottom: 38px;
    right: 10px;
    background-color: #2F98D4;
    color: #fff;
    display: block;
    z-index: 1000;
    font-weight: bold;
    padding: 8px;
    cursor: pointer;
}
#right_pane_expand {
    position: absolute;
    bottom: 38px;
    left: 10px;
    background-color: #2F98D4;
    color: #fff;
    display: block;
    z-index: 1000;
    font-weight: bold;
    padding: 8px;
    cursor: pointer;
}
.left_pane {
	position: relative;
	width: 49%;
	box-sizing: border-box;
	float: left;
	margin-right: 7px;
}
.right_pane {
	position: relative;
	width: 49%;
	box-sizing: border-box;
	float: left;
	margin-left: 7px;
}
.left_pane.expanded, .right_pane.expanded {
	width: 100%;
	margin: 0;
}

/* Data Export */
.de_selectors {
	float: left;
	margin: 5px;
	line-height: 20px;
}
.de_selectors select { width: 200px; margin: 2px; box-sizing: content-box; min-height:21px; }
.de_selectors option {  line-height: 20px; padding:3px; }
.de_selectors label { display: inline-block;min-width: 100px; }
.de_selectors input { width: 200px; margin: 2px; box-sizing: content-box;  min-height:21px;}
.de_selectors input[type=checkbox]{ width: initial; position: relative; bottom: -5px;   min-height:17px; }
.de_selectors input[type=date]{ width: initial; }
.de_selectors.submitfield { position:absolute; bottom:8px; right: 8px; text-align:right; }
.progBar { padding: 2px; border: 1px solid #d8dcdf; position: relative; }
.progBar .progress { height: 19px; background-color: #2F98D4;}
.progBar .overlayProgress { width: 100%; text-align:center;line-height: 15px; margin:4px; position: absolute; top: 0px; left: 0px; }
.progBar .overlayProgress span { /*background-color: #fff;*/ padding:2px; }
table.gftTbl { }
table.gftTbl th { padding: 3px 0px 3px 10px; border: 1px solid #d8dcdf; font-weight: bold; color: #004276; background: #eee url(/images/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x; }
table.gftTbl td { padding: 3px 10px; border: 1px solid #d8dcdf; }
table.gftTbl tr:hover{ background-color: #F2F5A9; }
table.gftTbl { }

@media print {
	/*#container, #print-overlay2, #close-overlay2 { visibility: hidden; }
	#printarea { visibility: visible; position: absolute; top:0px; left:0px; }*/
	#pageContentPadding { display:none; }
	.col_left, .col_right { width: 121px!important; }
	.tile_col { width: 113px!important; }
	.tile_06x { width: 97px!important; }
	#headImageSmall { width: 90%; }
	/*.col_middle { width: 863px!important; }
	.review_tile_data { width: 70px; }*/
	.stickyHeader, .tile_col { position: relative!important; }
	div.sticky.newFooter { width: 1155px!important; }
}

div.stickyHeader {
	z-index: 9000;
	border-top: 4px solid #2F98D4;
	background-color: #fff;
	height: 100px;
	border-bottom: 1px solid #2F98D4;
	position: fixed;
	top: 0px;
	width: 100%;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
	min-width:1300px;
}
div.stickyLeft {
	position: absolute;
	left: 20px;
	bottom: 0px;
}
div.stickyRight {
	position: absolute;
	right: 20px;
	bottom: 0px;
}
div.stickyMiddle {
	position: relative;
	width: 1300px;
	margin-left: auto;
	margin-right: auto;
	height: 24px;
	margin-top: 0px;

}
.sel_day {
	background-color: #D1D3D4;
}
div.stickyFilter {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 56px;
	bottom:0px;
	font-size: 12px;
	box-sizing:content-box;
}
div.stickyFilterProtocols.stickyFilter {
	height: initial;
}
div.stickyFilter div.filterItem, div.stickyFilter div.filterItemSession {
	float: left;
	height: 40px;
	/*padding-top: 5px;*/
	padding-bottom: 5px;
	color: #000;
	/*padding-left: 10px;*/
	box-sizing:content-box;
}
div.stickyFilterProtocols.stickyFilter div.filterItem, div.stickyFilterProtocols.stickyFilter div.filterItemSession {
	height: initial;
}
div.stickyFilter div.filterItemLeft {
	float: left;
	width: 50%;
	min-height: 40px;
	padding-top: 5px;
	/*padding-bottom: 5px;*/
	box-sizing:content-box;
	margin: 0;
}
div.stickyFilter div.filterItemSession {
	width: 100%;/*812px;*/
	box-sizing:content-box;
}
div.stickyFilter div.filterItem div {
    padding-right: 20px;
    padding-left: 20px;
	border-right: 1px solid #000;
	height: 46px;
}
div.stickyFilterProtocols.stickyFilter div.filterItem div {
	height: initial;
	border-right:none;
}
div.stickyFilter div.filterItem:last-child div {
	border-right: none;

}
div.stickyFilter div.filterItem {
	box-sizing:content-box;
}
div.stickyFilter div.filterItemSession > div {
	padding-right: 5px;
	height: 40px;
	/*text-align: center;*/
}
div.stickyFilter select {
	background-color: #D1D3D4;
	color: #000;
	border-color: #D1D3D4;
	margin-top: 2px;
	width: 100px;
	font-weight: bold;
}
#dateRangeSelector {
	position: absolute;
	left: 478px;
}
div.stickyFilter div.filterItemSession div.ses_holder {
	float: none;
	width: initial;
	padding-top: 3px;
	margin-top: 2px;
	height: 31px;
	/*background-color:#D1D3D4;*/
}
div.stickyFilter div.filterItemSession div.ses_holder div.sel_day {
	background-color: #808285;
	margin-left: 0px;
	margin-right: 0px;
	width: initial;
	cursor:pointer;
}
div.filterItemSession div.ses_holder div.sel_date {
	background-color: #808285;
	margin-left: 0px;
	margin-right: 0px;
	width: 75px;
}
div.filterItemSession input {
	background-color: #808285;
	color: #fff;
	height: 14px;
	padding: 1px;
	width: 75px;
	border: 1px solid #6D6E71;
	font-size: 11px;
}
div.sticky.content { 
	width: 1300px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	background-color: #f6f6f6;
	margin-bottom: 20px;
	border-radius: 5px;
}
div.sticky.newFooter {
	width: 1230px;
    box-sizing: content-box;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	background-color: #fff;
	padding: 20px;
	margin: 14px;
	color: #a7a7a7;
	font-size: 1.5em;
	border-radius:5px;
}
div.sticky.box {
	width: 1220px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	background-color: #fff;
	padding: 20px;
	margin: 20px;
	color: #a7a7a7;
}

div.sticky.content .fixedSectionHeader {
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	margin-top:-10px;
	margin-left:-5px;
	position:fixed;
	width:1272px;
	height:70px;
	background-color:#f6f6f6;
	z-index:10;
}

div.sticky.content .fixedSectionBody {
	padding-top: 70px!important;
}

div.sticky.content .stickySectionHeader {
	padding-top:10px;
	margin-top:-10px;
	padding-left:5px;
	padding-right:5px;
	margin-left:-5px;
	margin-right:-5px;
	position:sticky;
	top: 138px;
	background-color:#f6f6f6;
	z-index:10;
}
div.sticky.content .stickySectionBody {
	margin-top:-20px;
}

div.sticky.newFooter span {
	margin-top: 50px;
}
div.sticky.content .ui-corner-all {
	border-radius: 0px;
}
div.sticky.content #report-tabs, div.sticky.content #perf-tabs {
	margin-bottom: 20px;
	border:none;
	margin: 4px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
div.sticky.content div.ui-dropshadow-all {
	margin-bottom: 20px;
	border:none;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	border-radius:5px;
}
div.sticky.content div.ui-dropshadow-nobottom {
	border:none;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	border-radius:5px 5px 0px 0px;
}
div.sticky.content div.ui-dropshadow-notop {
	margin-bottom: 20px;
	border:none;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	border-radius: 0px 0px 5px 5px;
}
div.sticky.content .col_left {
	float: left;
	width: 161px;
	padding-left: 10px;
	/*padding-right: 10px;*/
	padding-bottom: 10px;
	margin-top: 10px;
}
div.sticky.content .col_middle {
	float: left;
	width: 938px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	min-height:660px;
}
div.sticky.content .col_full {
	float: left;
	width: 1280px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	min-height:660px;
}
div.sticky.content .home_tiles {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 14px;
}
.home_tiles h2 {
	color: #2F98D4;
	font-size: 2.5em;
}
div.input_half {
	float: left;
	width: 50%;
	box-sizing:border-box;
	padding: 10px;
}
div.input_half label {
	float: left;
	width: 30%;
	display:block;
	box-sizing: border-box;
	padding: 5px;
	line-height:1em;
}
div.input_half > span {
	float: left;
	width: 70%;
	display:block;
	box-sizing:border-box;
	padding: 4px;
	line-height: 1em;
	font-size: 1.25em;
	background-color: #F1F1F2;
    border-width: 1px;
    border-color: #ccc;
    border-style: solid;
    border-radius: 3px;
}
div.input_half input, div.input_half select {
	float: left;
	width: 70%;
	display:block;
	box-sizing:border-box;
	padding: 4px;
	line-height: 1em;
}
div.input_half, div.input_full {
	padding: 10px;
	box-sizing: border-box;
}
div.input_half input.half {
	width: 35%;
}



div.input_full label {
	width: calc(15% - 4px);
	float: left;
	display: block;
	box-sizing: border-box;
	padding: 5px;
	line-height:1em;
}

div.input_full textarea, div.input_full input {
	width: calc(85% + 4px);
	float: left;
	display: block;
	box-sizing: border-box;
	padding: 4px;
	line-height: 1em;
	border-width: 1px;
}
div.input_full textarea {
	height: 150px;
}
input, textarea, select {
	background-color: #F1F1F2;
	border-width: 1px;
    border-color: #ccc;
    border-style: solid;
    border-radius: 3px;
}

label {
	font-size: 1.25em;
}

.edit_popup {
	width: 1300px;
	box-sizing: border-box;
	padding:20px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border-radius: 5px;
}
.select_popup {
	width: 500px;
	box-sizing: border-box;
	padding:10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
.formdata {
	padding-right: 25px;
	padding-bottom:25px;
	position:relative;
}
div.sticky.content .col_groups, div.sticky.content .col_wide {
	float: left;
	width: 934px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:10px;
	min-height: 660px;
	margin-left: 4px;
}
div.sticky.content .col_wide {
	width: calc(100% - 28px);
}
div.sticky.content .col_patients {
	float: right;
	width: 328px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-right: 4px;
    position: fixed;
    right: calc(50% - 650px);
}
.col_patients .unassignedPatientsScroll {
	position:relative;
	/*max-height: 300px;*/
	overflow-y:auto;
}
.col_patients table.patient_table th {
	top: 6px;
    z-index: 1;
}
div.sticky.content .col_right {
	float: left;
	width: 161px;
	/*min-height:500px;*/
	/*padding-left: 10px;*/
	padding-right: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}
div.sticky.content .sticky_middle {
	background-color: #fff;
	margin-bottom: 20px;
	border:none;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
div.date-picker-wrapper {
	z-index: 9500!important;
}

table#protocolSelection tr.selected {
	background-color:#ccffcc;
}
table#protocolSelection tr {
	cursor:pointer;
}

table.symptoms_table th, table.symptoms_table.td {
	border:none;
	padding: 4px;
	text-align: left;
}
table.symptoms_table th {
	text-align: left;
	border: none;
	font-weight: bold;
}
input.error, select.error, textarea.error {
	border-color: red;
    background-color: #ffeeee;
}

table.alert_table th, table.alert_table.td {
	border:none;
	padding: 4px;
	text-align: left;
}
table.alert_table th {
	text-align: left;
	border: none;
	font-weight: bold;
}

table.patient_table {
	border-collapse: separate;
    border-spacing: 0px 10px;
	margin-bottom:40px;
}
.fixedSectionBody table.patient_table {
	margin-top: 20px;
}
div.patient_table_holder {
	position:relative;
}
div.patient_table_holder.tap_instruction::after {
    background-color: rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	border-radius:5px;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    content: "Tap here to move Patient to this Group.";
	text-align:center;
	color: #fff;
    top: 0px;
    left: 0px;

}

.showTargets .targetIndicator {
	background-color: #999;
	width: 100%;
	height: 100%;
	display:block;
}

.targetIndicator {
	display: none;
}


table .patient_icon {
	width: 25px;
	max-width: 25px;
}

table.patient_table th {
	padding: 8px 8px 8px 8px;
	text-align: left;
	border: none;
	font-weight: bold;
	position: sticky;
	top: 199px; /*190px;*/
	/*z-index: 40;*/
	background: white;
	border-bottom: 1px solid #eee;
}
/*.col_groups table.patient_table th {
	top: 200px;
}*/

tr.patient_row {
	border:none;
	overflow:hidden;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	border-radius:5px;
}
tr.patient_row.dragging {
	background-color: #fff;
}
tr.patient_row td {
	padding: 8px;
	font-weight: bold;
}

tr.patient_row.touched {
	background-color: #cbe5f4;
}


tr.patient_row.touched td {
	background-color: #cbe5f4;
}


tr.patient_row.touched td:first-child {
    border-top-left-radius: 5px;    
    border-bottom-left-radius: 5px;    
}

tr.patient_row.touched td:last-child {
    border-top-right-radius: 5px;    
    border-bottom-right-radius: 5px;    
}


.reviewImpacts, .noReviewImpacts {
	margin-top: 10px;
}
.scroll-element.scroll-y {
    display: none !important;
}
/* HEADER NAVIGATION */
.nav {
    width: 100%;
}
.nav > li {
    /*float: left;*/
    position: relative;
	margin-bottom: 2px;
}
.nav li {
    /*float: left;*/
    position: relative;
}
.nav li a span { 
	padding-left: 4px;
	color: #ffffff;
	font-size:16px;
	font-weight:200;
	margin-bottom:0px
}

.nav li a em {
	display: none;
	font-style: normal;
	font-size: 10px;
	padding-left: 10px;
	font-weight:200;
	margin-top:0;
	color: #ffffff;
}

.nav li a {
	display: block;
	width: 141px;
	height: 16px;
	padding: 4px;
	white-space: nowrap;
	text-decoration: none;
	line-height:16px;
	background-color: #808285;
}

.nav li a:hover {
	background: #2F98D4;
}
.nav li a.disabled:hover {
	background: #808285;
	cursor: default;
}

.nav li a:hover .current,
.nav li .current {
    background: transparent url(blockactive.gif) center center repeat-x;
}
.nav li:hover a, .nav li.selected a {
    background: #2F98D4;
    text-decoration: none;
}

span.icon svg {
	height: 20px;
	/*width: 20px;*/
	fill: currentColor;
}
span.icon.small svg {
	height: 10px;
	width: 10px;
}
span.date_icon svg {
	height: 16px;
	width: 20px;
	fill: currentColor;
	position: absolute;
   /* right: 18px;*/
    top: -1px;
	cursor: pointer;
}
span.date_icon svg:hover { fill: #2F98D4; }

/*===== Drop Down ======*/
.nav ul,
.nav ul.last {
    position: absolute;
    left:0;
    top:100%;
    margin-left: -999em;
    opacity: 0;
    text-align: left;
    background: url(foo) fixed;/*IE6/7 need a BG to hold the anchor open*/
}
.nav li li {
    float: none;
    display:block;
}
.nav li li a {
    padding: 7px 14px;
    position:relative;/*IE7 needs this*/
    height: 18px;
    color: #ffffff;
    border-top: 1px solid;
    z-index: 10;
}
.nav li:hover ul,
.nav li:hover ul.last {
    margin-left: 0;
    opacity: 1;
    z-index: 10;
}
.nav li:hover ul.last {
    left: auto;
    right: 0;
}
.nav li:hover li a {
    background: #808285;
}
.nav li:hover li a:hover {
    background: #2F98D4;
}

.chartView {
	position:relative;
	background-color:#fff;
	margin-top: 5px;
	/*margin-left: 4px;*/
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	display:none;
}
.chartHeadView {
	position:relative;
	background-color:#fff;
	margin-top: 5px;
	/*margin-left: 4px;*/
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
}
.tile_col {
    position: fixed;
    width: 153px;
}

/* Player Position View */
#reviewPlayersPositions {
	padding-top: 10px;
}

.playerPosition_cell {
	float: left;
	box-sizing:border-box;
	padding:0px 0px 20px 0px;
}
.playerPosition_cellHeader {
	text-align:center;
	font-weight: bold;
	font-size: 14px;
	padding: 4px;
	cursor: pointer;
}
.playerPosition_cellHeader:hover {
	color: #ededed;
}

.playerPosition_player {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	padding: 4px;
	display:inline-block;
	box-sizing:border-box;
}
.player_position_stat {
	display: inline-block;
	border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
	height:36px;
	width:36px;
	background-color: #2F98D4;
	text-align:center;
	line-height: 36px;
	color: #fff;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 16px;
}
.review_tile_data.selectable.selected, .review_tile_data.selectable:hover {
	background-color: #2F98D4;
}
.player_position_number {
	display: inline-block;
	min-width: 32px;
}
.playerPositionGroup {
	background-color: #777;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
	border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    text-transform: uppercase;
    text-align: center;
	cursor: pointer;
	padding: 4px;
	font-weight: bold;
	font-size: 12px;
}
.playerPositionGroup:hover {
	background-color: #EB2429;
}
.opacity50 {
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.top_split {
	position: absolute;
	top: 0px;
}

.bottom_split {
	position: absolute;
	bottom: 0px;
}

#main_menu {
    width: 134px;
    right: 14px!important;
    position: relative;
    top: 25px;
}

#main_menu .group_menu_group {
	text-align:right;
}
#main_menu a {
	color: #fff;
}



.protocol {
	float: left;
	width: calc(20% - 20px);
	box-sizing: border-box;
	height: 200px;
	padding: 10px;
	margin: 10px;
	box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 20%);
}
.protocol img {
	width: 100%;
}
.protocolName {
	display:block;

}
.protocolPosition {
	display:block;

}
.protocolPositionDesc {
	display:block;

}

#btnCreateProtocol svg {
	height: 32px;
	padding: 4px;
}

.image-drop {
	visibility:hidden;
	height:100%;
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
#protocolImage:hover .image-drop {
	visibility:visible;
	border: 1px dashed #000;
	text-align:center;
	line-height:228px;
	cursor:pointer;
}

.screenLock {
	display: none;
    font-size: 1.35em;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.5);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    box-sizing: content-box;
	z-index:100;
}
.screenLock .screenLockTable {
	display: table;
    width: 100%;
    height: 100%;
}
.screenLock .screenLockCell {
	display: table-cell;
	vertical-align:middle
}
.popup {
	margin-top: auto;
	margin-bottom:auto;
	width: 100%;
	background-color:#2F98D4;
	padding:20px;
	box-sizing:border-box;
	text-align:center;
}
.popup button {
	background-color:#fff;
	color:#2F98D4;
}
.popup h2, .popup p {
	color:#fff;
}


#dailylog-chart {
    float: left;
    width: 80%;
    height: 400px;
    margin: 0px auto;
    overflow: hidden;
}
#dailylogTempRise-chart {float: left;
    width: 20%;
    height: 400px;
    margin: 0px auto;
    overflow: hidden;
}

#ses_holder {
	width: 100%;
    overflow-x: scroll;
}

/* Media Query based styles */

@media only screen and (max-width:80.000em) {
	body {
		min-width: 700px;
	}

	.edit_popup {
		width: 100%;
	}
	#dateRangeSelector {
		left: initial;
		right: 40px;
	}

	div.sticky.content {
		width: 100%;
		box-shadow: none;
		webkit-box-shadow: none;
	}
	div.stickyFilter div.filterItem, div.stickyFilter div.filterItemSession {
		float: left;
		height: initial;
	}
	div.sticky.content div.ui-dropshadow-all {
		box-shadow: none;
		webkit-box-shadow: none;
	}
	div.sticky.newFooter {
		width: 100%;
		box-shadow: none;
		webkit-box-shadow: none;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		box-sizing: border-box;
	}
	div.sticky.content .fixedSectionHeader {
		width:calc(100% - 20px);
	}

	.col_patients .unassignedPatientsScroll {
		position:relative;
		/*max-height: 300px;*/
		overflow-y:initial;
		max-height: initial!important;
	}
	.col_patients table.patient_table th {
		top:199px;
	}

	div.stickyHeader {
		/*height: 170px;*/
		min-width: 700px;
	}
	div.stickyLeft, div.stickyRight {
		display: none;
	}
	div.stickyMiddle {
		height: 44px;
		width: 100%;
	}
	div.stickyMiddle>div {
		width: 100%;
		min-width: 700px;
	}
	div.stickyMiddle>div>span {
		width: 25%;
	}
	div.stickyFilter {
		height: 146px;
		width: 100%;
	}
	div.sticky.content .col_middle {
		width: calc(100% - 366px);
	}
	
	div.sticky.content .col_left, div.sticky.content .col_right {
		position:relative;
		/*top: 66px;*/
	}
	
	div.sticky.content .col_wide {
		width: 100%;
		box-sizing: border-box;
		margin: 0;
	}

	div.sticky.content .col_groups {
		width: calc(100% - 406px);
	}

	div.sticky.content .col_patients {
		width:366px;
		position: fixed;
		right: 0px;
	}
	
	.contentWrapper {
		width: 100%;
	}
	.filterItem {
		box-sizing: border-box;
		width: 20%;
		height: 60px;
	}
	
	.review_tile_data .imgOverlay {
		width: 60px;
	}
	.review_tile_data {
		font-size:1.25em;
		width: 60px;
	}
	.fiterItemSession {
		width: 100%;
	}
	div.stickyFilter div.filterItemSession {
		width: 100%;
	}
	.patient_menu_button, .device_menu_button {
		font-size: 1.5em;
		height: 39px;
		/*width: 100%!important; this breaks mobile view*/
	}
	/*.#playerMenuName, #teamMenuName, #accountMenuName {
		font-size: 18px;
	}
	patient_menu, .group_menu, .account_menu {
		position: fixed;
		width: 100%;
		height: calc(100% - 50px);
		max-height: calc(100% - 50px);
	}*/
	
	.patient_menu_patient, .group_menu_group, .account_menu_account {
		font-size: 24px;
	}
	div.stickyFilter div.filterItemSession div.ses_holder {
		height: 61px;
	}
	.sel_ses, .sel_ses_time, .sel_no_ses {
		line-height: 41px;
	}
	.sel_day {
		height: 41px;
	}
	div.stickyFilter select {
		width: 100%;
		font-size: 1.5em;
	}
	#main_menu {
		width: 100%!important;
		max-height:initial;
	}
	
	.review_tile_notification {
		width: calc(100% - 80px);/*450px;*/
	}
	
	.notification_type_message {
		width: calc(100% - 330px);/*450px;*/
		float:left;
	}
}

@media only screen and (max-width:70.000em) {
	div.date-picker-wrapper {
		left: calc((100% - 449px)/2)!important;
	}
	div.sticky.content .col_middle {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 90px;
	}
	div.sticky.content .col_left, div.sticky.content .col_right {
		/*display:none;*/
		width: 50%;
		position:relative;
		/*top: 110px;*/
	}
	div.stickyFilter div.filterItem div {
		border: none;
	}
	.tile_col {
		position: relative;
		width: 100%;
	}
	div.sticky.content .col_right {
		float:none;
		position: absolute;
		/*top: 220px;*/
		right: 0px;
		box-sizing: border-box;
	}
	div.sticky.content .col_left {
		width: 50%;
		box-sizing: border-box;
	}
	.tile_06x {
		width: calc(50% - 8px);
		box-sizing: border-box;
	}
	.tile_x17 {
		height: 100px;
	}
	.tile_x2 {
		height: 180px;
	}
	#impactHead, #performanceHead {
		width: calc(100% - 8px);
	}
	

	div.sticky.content .col_left {
		width: 33.3%;
	}
	div.sticky.content .col_right {
		width: 66.7%;
	}

	div.sticky.content .col_left .tile_06x {
		width: calc(100% - 8px);
		box-sizing: border-box;
	}
	
	.cardtable tr {
		
		border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px 8px 8px 8px;
		-moz-border-radius: 8px 8px 8px 8px;
		padding:4px;
		margin-bottom: 8px;
	}
	/* Force table to not be like tables anymore */
	.cardtable table, 
	.cardtable thead, 
	.cardtable tbody, 
	.cardtable th, 
	.cardtable td, 
	.cardtable tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.cardtable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.cardtable tr { border: 1px solid #ccc; }
	
	.cardtable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%!important; 
		white-space: normal;
		text-align:left;
	}
	.cardtable td select {
		width: 100%;
	}
	
	.cardtable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	
	/*
	Label the data
	*/
	.cardtable td:before { content: attr(data-title); }
}

@media only screen and (max-width:50.000em) {
	#home_menu_button, #menu_button {
		width: 40px!important;
		overflow:hidden;
		position:absolute;
	}

	div.stickyMiddle .patient_menu_wrapper.menu_open {
		position: fixed;
		top: 0px;
		bottom: 0px;
		width: 100%;
		right: 0px;
		left: 0px;
	}

	div.stickyMiddle>div>span {
		width: initial;
	}
	div.sticky.content .home_tiles {
		width: 100%;
	}
	body {
		min-width: initial;
	}
	div.stickyHeader {
		min-width: initial;
	}
	div.stickyMiddle>div {
		min-width: initial;
	}
	#main_menu {
		width: 50%!important;
		box-sizing: border-box;
		height:100%;
		top:0px;
		left:50%!important;
	}
	.patient_menu, .device_menu {
		max-height: initial;
	}
	div.stickyHeader {
		height: 100px;
	}
	div.sticky.content .col_groups, div.sticky.content .col_patients {
		width: calc(100% - 6px);
		box-sizing: border-box;
	}
	div.sticky.content .col_patients {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom:10px;
		margin-left: 4px;

		position:relative;
		right: initial;
	}
	.edit_popup {
		width: calc(100% - 10px);
	}
	div.input_half, div.input_full {
		clear: both;
		width: 100%;
	}
	div.input_full label, div.input_half label {
		width: 100%;
		float:none;
	}
	div.input_full textarea, div.input_full input {
		width: 100%;
		float:none;
	}
	div.input_half input, div.input_half select {
		width: 100%;
	}
	div.input_half input.half {
		width: 50%;
	}


	div.stickyFilter div.filterItemLeft {
		float:none;
		clear:both;
		width:100%;
	}
	div.stickyFilter div.filterItem {
		width: 33.3%;
	}

	.review_tile_data {

	}
	/*.review_tile_data_rise, .review_tile_data_level, .review_tile_data_timeTo*/
	.review_tile_data_pain, .review_tile_data_intensity, .review_tile_data_days, .review_tile_data_protocol, .review_tile_data_injury {
		display: none;
	}

	div.sticky.content .col_middle {
		margin-top: 0px;
	}
}

@media only screen and (max-width:30.000em) {
	.review_tile_player {
		width: 70px;
	}
	
	#main_menu {
		width: 75%!important;
		left:25%!important;
	}
	.hide_30 {
		display:none;
	}
	.tile_x1 img, .tile_x2 img, .tile_x6 img {
		max-height: 75px;
		bottom: initial;
	}
	
	.review_header {
		width:110px;
	}

	.notification_time {
		display: none;
	}
	
	.notification_type_message {
		width: calc(100% - 180px);/*450px;*/
		float:left;
	}
	.edit_popup {
		padding: 10px;
	}
	.select_popup { 
		width: initial;
	}
	#dailylog-chart {
		width: calc(100% - 110px);
	}
	#dailylogTempRise-chart {
		width:110px;
	}

	/*div.ses_holder.scroll-wrapper > .scroll-content {
		overflow: initial!important;
		overflow-y: scroll!important;
	}
	.ses_holder {
		overflow: initial;
	}*/
}