html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
}
img, object, embed {
	max-width: 100%;
}
html {
	overfl1ow-y: scroll;
	/*background: #f5efe6 url('#');*/
	background-color: #f5efe6;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
.floatright {		float:right;}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
a:hover, a:focus, a:active {
	outline: none;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
	font: 100%;
}
th {
	font-weight: bold;
	vertical-align: bottom;
}
td {
	font-weight: normal;
	vertical-align: top;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word;
}
input[type=radio] {
	vertical-align: text-bottom;
}
input[type=checkbox] {
	vertical-align: bottom;
	vertical-align: baseline;
}
small {
	font-size: 85%;
}
strong, th {
	font-weight: bold;
}
td , td img {​
	/*vertical-align: top;*/​
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	text-rendering: optimizeLegibility;
}
label, input[type=button], input[type=submit], input[type=checkbox], button {
	cursor: pointer;
}
button, input, select, textarea {
	margin: 0;
}
button {
	width: auto;
	overflow: visible;
}
ins {
	background-color: #ff9;
	color: inherit;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: inherit;
	text-decoration: underline;
}
div {
	display: block;
}
body {
	font-family: "Segoe UI", helvetica, arial, sans-serif;
	font-size: 15px;
	line-height: 21px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
.underline {
	text-decoration: underline;
}
/* TEXT ETC */
h1 {
	font-size: 24px;
	line-height: 28px;
	margin: 30px 0 10px;
}
h2 {
	font-size: 16px;
	line-height: 16px;
	margin: 30px 0 10px;
	color: #980300;
}
h3 {
	font-size: 20px;
	line-height: 20px;
	margin: 15px 0 5px;
}
h4 {
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0 0;
}
h5 {
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0 0;
}
p {
	margin: 0 0 19px;
}
header h1, header h2, header h3, header h4, header p {
	margin: 0 0 5px;
}
ul, ol {
	margin: 0 0 10px;
}
ul li, ol li {
	margin-bottom: 5px;
}
a {
	color: inherit;
	text-decoration: none;
	padding: 2px 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0.25);
}
a:hover {
	color: #477B96;
	text-decoration: underline;
}
a.decorated , span.decorated , th.decorated {
	color: #477B96;
}
a.admin {
	text-decoration: underline;
	font-size: inherit;
	font-weight: normal !important;
}
.arrow {
	font-size: 0;
	line-height: 0;
	width: 0;
	border-style: solid;
	border-width: 12px;
}
.bubble {
	background: #fafafa;
	padding: 9px 12px 12px 9px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.bubble > .arrow {
	border-color: transparent transparent #fafafa transparent;
	margin: -32px 0 10px 36px;
}
.bubble > .arrow.border {
	border-color: transparent transparent #e5e5e5 transparent;
	margin-top: -34px;
}
.bubble footer {
	font-size: 13px;
	line-height: 17px;
	margin-top: 10px;
}
.bubble footer h4 {
	font-size: inherit;
	line-height: inherit;
	margin: 15px 0 10px;
}
img.avatar {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
/* Launchbar */
div#launchbar {
	margin-left: -40px;
	margin-right: -40px;
	background: #000;
	height: 27px;
}
div#launchbar li {
	list-style-type: none;
	line-height: normal;
	font-size: 12px;
	display: inline;
	padding-right: 20px;
}
div#launchbar a {
	color: #fff;
	text-decoration: none;
}
/* HEADER */
#header {
	text-align: center;
    width: 100%;
	background-color: #C5E2E9;
    height: 73px;
	position: fixed;
    z-index: 200;
   	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
	box-shadow: 0 0 6px rgba(0,0,0,0.3);

}
header {
	text-align: left;
}
header > nav {
	zoom: 1;
	clear: both;
	position: relative;
	padding: 29px 0 20px 0;
	margin: 0 auto;
	max-width: 1040px;
	min-width: 905px;
}
header > nav #jumpto {
	display: none;
	width: 320px;
	float: right;
	margin: -1px 7px 0 0;
}
header > nav div.back_to {
	position: absolute;
	left: 3px;
	top: 4px;
	padding: 0 0 0 0;
}
header > nav div.current_user {
	position: absolute;
	right: 3px;
	top: 4px;
}
header > nav div.current_user li {
	text-align: left;
	font-size: 11px;
	line-height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 4px;
	color: #7d7a75;
	text-shadow: 0 1px 1px #fff;
}
header > nav div.global_links {
	text-align: left;
	position: absolute;
	left: 148px;
	top: 52px;
	background-color: #42577B;
	border-left: 1px solid #C5E2E9;
}
header > nav div.global_links a {
	text-align: center;
	display: inline-block;
	width: auto;
	padding: 0 4px 0 0;
	color: white;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	transition: color 0.2s;
}
header > nav div.global_links a.topnav_selected_site {
	padding-left: 8px;
	border-left: 1px solid #ded7c8;
}
header > nav div.global_links a.topnav_everyone {
	padding-left: 8px;
	border-left: 1px solid #ded7c8;
}
header > nav div.global_links a.topnav_templates {
	padding-left: 8px;
	border-left: 1px solid #ded7c8;
}
header > nav div.global_links a:hover {
	text-decoration: none;
	color: #C5E2E9;
}
header > nav div.global_links a.active {
	margin-right: -4px;
	padding: 0 4px 0 8px;
	color: #333;
	background-color: #f5efe6;
	opacity: 1.0;
}
header > nav div.logo {
	position: absolute;
	top: 28px;
}
header > nav div.logo > a {
	text-indent: -9000px;
	display: block;
	padding: 0;
	height: 41px;
	width: 138px;
	background: url('../images/css/bx_logo.png') no-repeat center top;
}
header > nav div.logo > a:hover {
	backgr1ound-position: center bottom;
}
header > nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
header nav div.current_user a.help {
	padding: 7px 5px 7px 5px;
}
header nav div.current_user a.help:hover {
	background: transparent;
}
header nav div.current_user li > a {
	display: block;
}
header nav div.current_user a, header div.current_user span.name {
	padding: 7px 3px;
}
header div.pipe, header span.pipe {
	opacity: .6;
	filter: alpha(opacity=60);
	font-size: 10px;
}
body.topnav_root a.topnav_root, body.topnav_templates a.topnav_templates, body.topnav_me a.topnav_me, body.topnav_everyone a.topnav_everyone {
	font-weight: bold;
	color: #C5E2E9;
}
#actionbar {
	margin: 0 auto;
	padding: 7px 0 7px 0;
	text-align: left;
	max-width: 1040px;
	min-width: 905px;

}
div.workspace {
	margin: 100px;
	text-align: center;
	-webkit-transition: opacity 150ms 350ms ease-in;
	-moz-transition: opacity 150ms 350ms ease-in;
}
div.workspace > div.container {
	margin: 0 auto;
	width: 960px;
}
div.workspace > div.flat_container div.sheet, div.workspace > div.stack_container div.sheet {
	width: 960px;
	display: inline-block;
}
div.workspace.loading {
	visibility: hidden;
	opacity: 0;
}
div.panel {
	position: relative;
	text-align: left;
}
div.panel.stub.loading {
	background-image: url("../images/css/loading.gif");
	background-repeat: no-repeat;
	background-position: center 25%;
}
div.panel.stub.loading.sheet {
	background-image: url("../images/css/loading.gif");
}
div.sheet {
	min-height: 480px;
	background: #fff;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
	box-shadow: 0 0 6px rgba(0,0,0,0.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;border-radius:3px
}
div.sheet div.sheet_body {
	padding: 0 30px 40px 30px;
}
div.sheet.has_sidebar > header h1 {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
}
div.sheet.has_sidebar > div.sheet_body {
	display: inline-block;
	vertical-align: top;
	width: 645px;
	padding-right: 0;
}
div.sheet.has_sidebar > aside {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	padding: 0 0 20px 40px;
	text-align: left;
	font-size: 13px;
}
div.sheet.site > header div.collapsed_content, div.sheet.site > header div.expanded_content {
	max-width: 600px;
	padding-right: 22px;
}
div.sheet.site div.position_reference {
	display: inline-block;
	position: relative;
}
div.sheet.site > header div.site_toolbar {
	background-color:#C5E2E9;
	margin-top: 10px;
	clear: both;
	text-rendering: optimizeLegibility;
}
table.scorecard {
	border-collapse: collapse;
	width: 100%;
}
table.scorecard h1 {
	margin-bottom:3px;
}
#rcTable label {
    border-bottom: 1px dashed #999999;
}
#rcTable + #rcTable {
	margin-top:40px;
}
label {
    cursor: pointer;
    line-height: 20px;
}
#rcTable td.unit {
	font-size: 11px;
	color:#7F7F7F;
}
#rcTable td.unit_end {
	font-size: 11px;
	color:#7F7F7F;
	padding-left: 5px;
}
#rcTable tr.heading {
	font-size: 11px;
}
#rcTable tr.highlight {
	background-color:#EEECE1;
}
#rcTable tr.addup {
	border-top: 1px solid black;
}
#rcTable td.addup {
	border-top: 1px solid #ccc;
}
#rcTable td.rcResult {
	min-width:40px;
	max-width:100px;
    font-size: 15px;
    font-weight: bold;
}
.bar {
    background-color: #FFFFFF;
    background-image: url('../images/bar-tile-green.gif');
    background-repeat: repeat-x;
    border: 1px solid #BBBBBB;
    float: left;
    margin-right: 3px;
    width: 155px;
}
.green {
    color: #628E0E;
}
.rating {
    color: #000000;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    vertical-align:middle;
}
table.workplan {
	border-collapse: collapse;
	width: 100%;
}
table.workplan thead th {
	text-transform:uppercase;
	font-size:10px;
	font-weight:normal;
}
table.workplan td {
	font-size: 14px;
	padding: 4px 4px;
	vertical-align: middle;
}
table.workplan td.heading {
	font-size: 11px;
}
table.workplan tr + tr td , .site_workplan_personal table.workplan tr + tr td {
	border-top: 1px solid #ececec;
}
table.workplan tbody tr:hover {
	background-color:#efefef;
}
table.workplan tr:hover td.what strong {
	color: #477B96;
	text-decoration: underline;
}
table.workplan td.status {
	min-width: 40px;
	width: 40px;
}
table.workplan td.items {
	min-width: 40px;
	width: 40px !important;
}
table.workplan td.what {
	max-width: 210px;
	width: 210px;
	padding: 5px 14px 5px 0;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor:pointer;
}
/*
table.workplan td.how{
	max-width: 210px;
	line-height: 18px;
	padding-bottom: 0;
	padding-top: 6px;
	width:160px;

	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
*/
table.workplan td.how{
	max-width: 210px;
	line-height: 18px;
	padding-bottom: 0;
	padding-top: 6px;
	width: 210px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

table.workplan td.what span.excerpt {
	color: #666;
}
table.workplan td.what span.bucket_name {
	font-weight: bold;
	display: none;
}
table.workplan td.when {
	width: 10%;
	white-space: nowrap;
	text-align: left;
}
table.workplan td.day {
	width: 5%;
	white-space: nowrap;
	text-align: left;
}
body.site_workplan_4weekview table.workplan td.day {
	width: 2%;
}
table.workplan td.comments {
	border: none;
	padding-top: 8px;
	white-space:nowrap;
}
table.workplan td.comments span.pill.comments {
	margin: 0 0 0 10px;
}
table.workplan img {
	width:40px !important;
}
.prdct-d2 {
	background: #99C9D3;
	border: 1px solid #99C9D3;
	-moz-box-shadow: inset 0 0 45px #99C9D3;
	-webkit-box-shadow: inset 0 0 45px #99C9D3;
	box-shadow: inset 0 0 45px #99C9D3;
}
.prdct-d3 {
background: #EDCE7E;
border: 1px solid #EDCE7E;
-moz-box-shadow: inset 0 0 45px #EDCE7E;
-webkit-box-shadow: inset 0 0 45px #EDCE7E;
box-shadow: inset 0 0 45px #EDCE7E;
}
.errorLink {
	position:relative;
	display:block;
	background: #99C9D3;
	height:50px;
	width:100px;
	white-space:nowrap;
	padding:2px 2px ;
	margin:1px;
}

.area-cl-green {
color: white;
/*
background: #00B050;
border: 1px solid #00B050;
*/
background-color: #57a756;
border: 1px solid #57a756;
}
.area-cl-green .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff #0000 #0000 #0000;
}
.area-cl-green.black .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000 #0000 #0000 #0000;
}

table.checklist {
	border-collapse: collapse;
	width: 100%;
}
table.checklist tr + tr td {
	min-height: 22px;
	height: 14px;
}
table.checklist td {
	font-size: 14px;
	height:14px;
	padding: 9px 4px 10px 4px;
	vertical-align: top;
}
table.checklist tr.heading td , table.checklist tr.heading th , table.checklist thead th , .site_checklist_details tr.heading td {
	font-size: 10px !important;
	font-weight:normal !important;
	text-transform:uppercase;
}
div.action {
	border-top: 1px dashed #CCC;
	text-align: right;
	padding: 10px 10px 0 10px;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 12px;
}
.fixed {
	position: fixed;
}
footer {
	clear: left;
	font-size: 9px;
	color: #999;
	text-align: left;
	padding: 29px 0 20px 0;
	margin: 0 auto;
	max-width: 1040px;
	min-width: 905px;
	margin-top: 50px;

}
footer div.logo {
	position:relative;
	top:4px;
}
footer div.logo > a {
	text-indent: -9000px;
	display: block;
	float:right;
	padding: 0;
	height: 41px;
	width: 138px;
	background: url('../images/css/bx_logo.png') no-repeat center top;
}
footer div.logo > a:hover {
	background-position: center bottom;
}

aside {
	float: right;
	width: 30%;
	position: relative;
	text-align: left;
	width: 30%;
}
aside .col {
	min-width: 200px;
	padding: 0 0 0 9px;
}
aside .col h1 {
	background-color: #EDF3FE;
	border-bottom: 1px solid gainsboro;
	margin: 0 0 5px 0;
	color: #333;
	padding: 6px 8px;
	font-size: 12px;
}
div#LogoBox {
	margin-bottom: 15px;
}
aside h1, aside h1.late {
	padding: 4px 0 2px 0;
	border-bottom: 1px solid #666;
	margin: 0 0 5px 0;
	font-size: 12px;
	color: black;
}
aside div.indent {
	padding-left: 8px;
}
aside p {
	font-size: 12px;
	line-height: 1.3em;
	color: #222;
}
aside div.SectionHeader {
	margin-bottom: 10px;
}
/* buttons */
input {
	padding: 3px;
}
a.admin:link, a.admin:visited {
	color: red;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
}
/* RE */
.clear, footer, header {
	clear: both;
}
#jumpto {
	position: relative;
	z-index: 999;
}
#jumpto input[type=text] {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	position: relative;
	z-index: 2;
	width: 90%;
	font-size: 14px;
	outline: none;
	background: #fff url('../images/css/icon_search-c63838f7f93923e5c3b2f23cbb058323.png') no-repeat 10px center;
	padding: 7px 10px 8px 28px;
	color: #444;
	-webkit-appearance: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);box-shadow:0 0 4px rgba(0,0,0,0.3)
}
#jumpto.waiting input[type=text] {
	background: #fff url('../images/css/dots-white-1f062a1cadc2051a162be8954a55820f.gif') no-repeat 5px center;
}
#jumpto input:-moz-placeholder {
	color: #999;
}
#jumpto dl {
	display: none;
	background: #fff;
	text-align: left;
	width: 100%;
	margin: 0;
	position: absolute;
	left: 3px;
	z-index: 1;
	font-size: 15px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.5);box-shadow:0 0 15px rgba(0,0,0,0.5)
}
#jumpto dl dt {
	position: relative;
}
#jumpto dl dt.show_all {
	padding: 0;
	text-align: left;
	background-color: #fff;
	border-top: 1px solid #f5f5f5;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
#jumpto dl dt.show_all a {
	display: block;
	padding: 8px 12px;
}
#jumpto dl dt.selected {
	background-color: #ddeefe;
}
#jumpto dl dt span {
	color: #888;
	position: absolute;
	top: 4px;
	left: 10px;
	width: 50px;
	font-size: 12px;
	text-align: right;
}
#jumpto dl dd {
	padding: 0;
	margin: 0 0 0 72px;
	border-left: 1px solid #f5f5f5;
	cursor: pointer;
	line-height: 1.0em;
}
#jumpto dl dd.selected {
	background-color: #ddeefe;
}
#jumpto dl dd a {
	display: block;
	padding: 5px 12px;
}
#jumpto dl dd span {
	font-size: 11px;
	color: #999;
	margin-left: 5px;
	line-height: 1.0em;
}

a.switch_to_mobile-link {
	display: block;
	background: #ffc;
	text-align: center;
	padding: 3px 40px;
	margin: 0 -40px;
}
a.switch_to_mobile-link span {
	text-decoration: underline;
}

div.sheet.site > header div.tools {
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	margin-bottom: 20px;
	overflow: hidden;
}
div.sheet.site > header div.tools.has_tools_in_site div.group.in_site {
	display: block;
}
div.sheet.site > header div.tools.has_tools_not_in_site div.group.not_in_site {
	display: block;
}
div.sheet.site > header div.tools div.group {
	float: left;
	padding: 5px 0;
	font-size: 14px;
	display: none;
}
div.sheet.site > header div.tools div.group.in_site + div.not_in_site {
	border-left: 1px solid #ececec;
	padding-left: 15px;
}
div.sheet.site > header div.tools div.group span.label {
	float: left;
	margin: 0 15px 0 0;
	color: #333;
}
div.sheet.site > header div.tools a {
	color: #477B96;
	float: left;
	margin-right: 15px;
	padding: 0;
}
div.sheet.site div.star:hover, div.panel.site_index div.star:hover {
	cursor: pointer;
}
div.sheet.site div.star.on, div.panel.site_index div.star.on {
	background-position: 0 0;
}
div.sheet.site div.position_reference div.star {
	position: absolute;
	right: -22px;
	top: 7px;
}
div.panel.site_index article.site div.star {
	visibility: hidden;
	float: left;
	margin-top: 2px;
	margin-left: 27px;
}
div.panel.site_index article.site div.star.on {
	visibility: visible;
}
div.panel.site_index div.archived article.site div.star {
	display: none;
}
div.panel.site_index div.starred_site_notification {
	position: absolute;
	z-index: 100;
	left: 100px;
	background: #FFC;
	color: #222;
	font-size: 12px;
	width: 125px;
	padding: 8px 10px;
	line-height: 1.1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1),inset 0 0 1px #ffe,inset 0 -1px 0 #ff5;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.1),inset 0 0 1px #ffe,inset 0 -1px 0 #ff5;box-shadow:0 0 3px rgba(0,0,0,0.1),inset 0 0 1px #ffe,inset 0 -1px 0 #ff5
}
div.sheet.site div.sheet_body > section.topics p.more_topics {
	margin: 15px 0 20px 0;
}
.notification {
	position:relative;
	display:block;
	background: #FF9;
	color: #222;
	width:100%;
	height:20px;
	padding:10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

div.archived_notice {
	display: none;
}
div.sheet.site[data-status=archived] div.archived_notice {
	display: block;
	background: #eee;
	color: #666;
	margin: 0;
	padding: 16px 30px 14px;
	line-height: 24px;
	text-shadow: 1px 1px 0 #fff;
}
div.sheet.site[data-status=archived] div.archived_notice a {
	text-decoration: underline;
}
div.sheet.site[data-status=archived] div.archived_notice span:first-child:before {
	content: "Archived";
	color: #F9F9F9;
	background: #666;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	display: inline-block;
	margin: 0 1em 0 -10px;
	padding: 5px 10px;
	vertical-align: top;
	text-transform: uppercase;
	text-shadow: -1px -1px 0 #444;
	-webkit-box-shadow: 1px 1px 0 #fff;
	-moz-box-shadow: 1px 1px 0 #fff;
	box-shadow: 1px 1px 0 #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: -2px;
}
div.sheet.site[data-status=archived] div#site_palette {
	padding-top: 60px;
}
div.sheet.site[data-status=archived].inactive > header h1:before {
	content: "Archived";
	color: #F9F9F9;
	background: #666;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	display: inline-block;
	margin: 0 1em 0 -10px;
	padding: 5px 10px;
	vertical-align: top;
	text-transform: uppercase;
	text-shadow: -1px -1px 0 #444;
	-webkit-box-shadow: 1px 1px 0 #fff;
	-moz-box-shadow: 1px 1px 0 #fff;
	box-shadow: 1px 1px 0 #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: -1px;
}
div.sheet > header div.header_links {
	float: right;
	margin-top: 7px;
	padding-bottom: 10px;
	text-rendering: optimizeLegibility;
}
div.sheet > header div.header_links a {
	float: left;
	line-height: 1.0em;
	margin-left: 20px;
}
div.sheet > header div.header_links a span.detail {
	font-size: 12px;
	color: #aa9c84;
}
div.sheet > header div.header_links a:hover {
	text-decoration: none;
}
div.sheet > header div.header_links a:hover span.link {
	text-decoration: underline;
}
div.sheet.site:not(.inactive)>header>h1{display:none}
div.sheet.site > header {
	margin: 0;
	padding: 30px 30px 0px 30px;
	position: relative;
	text-rendering: optimizeLegibility;
}
div.sheet.site > header h1 {
	font-size: 24px;
	line-height: 28px;
	min-height: 29px;
	color: #000;
	font-weight: bold;
	margin-bottom: 3px;
	display: inline-block;
	position: relative;
	text-rendering: auto;
	word-wrap: break-word;
	max-width: 700px;
}
div.sheet.site > header div.description {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 5px;
	min-height: 19px;
	color: #aa9c84;
	text-rendering: auto;
	word-wrap: break-word;
}
div.sheet > header > a, div.sheet div.sheet_body > section > header > a, div.sheet div.sheet_body > div > section > header > a {
	text-decoration: none;
}
div.panel.home_tab section.sites.cards article.card {
	width: 190px;
	height: 215px;
	float: left;
	margin: 0 20px 20px 0;
	position: relative;
	text-align: left;
	background: #fff;
	padding: 15px;
	text-rendering: optimizeLegibility;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
	box-shadow: 0 0 6px rgba(0,0,0,0.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;border-radius:3px
}
div.panel.home_tab {
	margin-bottom: 150px;
	padding-top: 20px;
	min-height: 0;
	text-shadow: 0 1px #fff;
}
div.panel.home_tab > nav {
	width: 150px;
	position: absolute;
}
div.panel.home_tab > nav a {
	position: relative;
	display: block;
	font-size: 13px;
	z-index: 2;
}
div.panel.home_tab > nav a:hover {
	text-decoration: none;
}
div.panel.home_tab > nav a > span {
	position: absolute;
	display: block;
	text-align: center;
	line-height: 14px;
}
div.panel.home_tab nav.sites_nav a {
	width: 85px;
	height: 105px;
	margin-top: -6px;
	background: url('../images/css/panel_buttons.png') no-repeat;
}
div.panel.home_tab nav.sites_nav a > span {
	left: -10px;
	bottom: 0;
	width: 101px;
}
div.panel.home_tab div.site_templates {
	position: absolute;
	text-align: center;
	width: 101px;
	left: -10px;
	top: 185px;
	font-size: 14px;
}
div.panel.home_tab div.site_templates.no_active_sites {
	top: 138px;
}
div.panel.home_tab div.site_templates.no_active_sites hr {
	display: block;
}
div.panel.home_tab div.site_templates hr {
	display: none;
	width: 69px;
	margin: 0 auto 10px auto;
}
*/
div.panel.home_tab section.sites {
	margin-bottom: 30px;
}
div.panel.home_tab section.sites div.archived {
	margin-top: 30px;
}
div.panel.home_tab section.sites div.archived header {
	clear: none;
}
div.panel.home_tab section.sites div.archived h1 {
	font-weight: normal;
	color: #aa9c84;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 10px;
}
div.panel.home_tab section.sites span.star {
	width: 20px;
	height: 17px;
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	background: url('../images/css/star-sprite.png') no-repeat 0 -17px;
}
div.panel.home_tab section.sites.stars_only article.card.blank {
	background: url('../images/css/blank_slate_starred_card.png') no-repeat top;
}
div.panel.home_tab section.sites.cards {
	text-shadow: none;
}
div.panel.home_tab section.sites.alpha article.site:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.panel.home_tab > div#all_sites section, div.panel.home_tab > section {
	margin-left: 150px;
}
div.panel.home_tab > div#all_sites section > header, div.panel.home_tab > section > header {
	margin: 0;
	padding: 0;
	clear: none;
}
div.panel.home_tab > div#all_sites section > header h1, div.panel.home_tab > section > header h1 {
	font-weight: normal;
	color: #aa9c84;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 10px;
}
div.panel.home_tab section.sites.cards div.row {
	zoom: 1;
}
div.panel.home_tab section.sites span.draft {
	position: absolute;
	top: 0;
	left: 10px;
	background-color: #e9e6df;
	padding: 0 5px;
	display: none;
	font-size: 12px;
	color: #918671;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
#shade {
	-moz-transition-property: visibility, background;
	-moz-transition-duration: 300ms;
	-moz-transition-delay: 300ms, 0;
	-webkit-transition-property: visibility, background;
	-webkit-transition-duration: 0, 300ms;
	-webkit-transition-delay: 300ms, 0;
	visibility: hidden;
	background: rgba(0,0,0,0);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1001;
}
html.shaded #launchbar {
	visibility: hidden;
}
html.shaded #shade {
	-moz-transition-delay: 0;
	-webkit-transition-delay: 0;
	visibility: visible;
	background: rgba(0,0,0,0.85);
}
div.sheet > header {
	margin: 30px 30px 20px 30px;
}
div.sheet > header, div.sheet div.sheet_body > section > header, div.sheet div.sheet_body > div > section > header {
	position: relative;
}
div.sheet > header h1, div.sheet div.sheet_body > section > header h1, div.sheet div.sheet_body > div > section > header h1 {
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
}
div.sheet.site div.position_reference div.star {
	position: absolute;
	right: -22px;
	top: 7px;
}
div.panel.site_index article.site div.star {
	visibility: hidden;
	float: left;
	margin-top: 2px;
	margin-left: 27px;
}
div.panel.site_index article.site div.star.on {
	visibility: visible;
}
div.panel.site_index div.archived article.site div.star {
	display: none;
}
div.panel.site_index div.starred_site_notification {
	position: absolute;
	z-index: 100;
	left: 100px;
	background: #FFC;
	color: #222;
	font-size: 12px;
	width: 125px;
	padding: 8px 10px;
	line-height: 1.1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1),inset 0 0 1px #ffe,inset 0 -1px 0 #ff5;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.1),inset 0 0 1px #ffe,inset 0 -1px 0 #ff5;box-shadow:0 0 3px rgba(0,0,0,0.1),inset 0 0 1px #ffe,inset 0 -1px 0 #ff5
}
div.sheet.site div.star, div.panel.site_index div.star {
	width: 19px;
	height: 16px;
	background: url('../images/css/star-sprite.png') no-repeat 0 -17px;
	display: inline-block;
}
div.sheet.site > header .field {
	border-bottom: 1px dotted transparent;
	cursor: text;
}
div.sheet.site > header div.expanded_content textarea {
	padding: 0;
	margin: 0;
	background: #fff;
	color: inherit;
	width: 100%;
	border: 0;
	line-height: inherit;
	font-weight: inherit;
	font-size: inherit;
	display: block;
	-webkit-appearance: none;
}
div.sheet.site > div.sheet_body {
	padding-bottom: 10px;
}
div.sheet.person.overview > header.person {
	margin: 0;
	padding: 20px 30px 10px !important;
	background: rgba(0,0,0,0.04);
	text-shadow: 1px 1px #fff;
	border: 0 !important;
	border-bottom: 1px solid rgba(0,0,0,0.04) !important;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	zoom: 1;
}
input[type=text], input[type=email], input[type=password], textarea {
	border: 1px solid #ccc;
	padding: 3px;
}
div.panel.home_tab section.sites.cards article.card div.people {
	position: absolute;
	left: 16px;
	bottom: 15px;
	zoom: 1;
}
div.panel.home_tab section.sites span.star.on {
	background-position: 0 0;
}
div.panel.home_tab section.sites.cards a:hover {
	text-decoration: none;
}
div.panel.home_tab section.sites.cards a:hover h5 {
	color: black;
}
div.panel.home_tab section.sites.cards div.row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.panel.home_tab section.sites.cards article.card a.site_card {
	display: block;
	height: 100%;
}
div.panel.home_tab section.sites.cards article.card:hover {
	cursor: pointer;
}
div.panel.home_tab section.sites.cards article.card.blank:hover {
	cursor: auto;
}
div.panel.home_tab section.sites.cards article.card.draft span.draft {
	display: block;
}
div.panel.home_tab section.sites.cards article.card.draft h5 {
	margin-top: 12px;
}
div.panel.home_tab section.sites.cards article.card h5 {
	font-size: 19px;
	margin: 0 0 3px;
	line-height: 1.1em;
	word-wrap: break-word;
}
div.panel.home_tab section.sites.cards article.card p {
	font-size: 16px;
	line-height: 1.2em;
	word-wrap: break-word;
	color: #aa9c84;
}
div.panel.home_tab section.sites.cards article.card div.people:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.panel.home_tab section.sites.cards article.card div.people p {
	font-size: 11px;
	margin-bottom: 10px;
}
div.panel.home_tab section.sites.cards article.card div.people img.avatar {
	margin: 0 2px 2px 0 !important;
	padding: 0;
	border: 0;
	float: left;
	width: 40px;
	height: 40px;
}
div.panel.home_tab section.sites.stars_only article.card h5 {
	margin-right: 10px;
}
div.panel.home_tab section.sites.alpha {
	text-align: left;
	margin-right: 50px;
	text-rendering: optimizeLegibility;
}
div.panel.home_tab section.sites.alpha span.star {
	position: relative;
	top: 0;
	right: 0;
	float: left;
}
div.panel.home_tab section.sites.alpha div.letter {
	float: left;
	color: #aa9c84;
	font-size: 14px;
	z-index: 2;
	position: relative;
}
div.panel.home_tab section.sites.alpha div.letter a:hover {
	text-decoration:none;
	color: #679Bb6;
}
div.panel.home_tab section.sites.alpha a {
	color: #477B96;
}
div.panel.home_tab section.sites.alpha article.site {
	zoom: 1;
	padding-left: 80px;
	margin: 6px 0;
}
div.panel.home_tab section.sites.alpha article.site a {
	color: inherit;
}
div.panel.home_tab section.sites.alpha article.site h3, div.panel.home_tab section.sites.alpha article.site p {
	margin: 0 0 0 50px;
}
div.panel.home_tab section.sites.alpha article.site h3 {
	font-size: 18px;
	line-height: 20px;
}
div.panel.home_tab section.sites.alpha article.site h3 span {
	font-weight: normal;
	color: #aa9c84;
}
div.panel.home_tab section.sites.alpha article.site p {
	color: #aa9c84;
	font-size: 13px;
	line-height: 17px;
}
[data-behavior~=has_hover_content] {
	position: relative;
}
[data-behavior~=expandable].expanded > .collapsed_content {
	display: none;
}
[data-behavior~=expandable] > .expanded_content {
	display: none;
}
[data-behavior~=expandable].expanded > .expanded_content {
	display: inherit;
}
.placeholding {
	color: #a9a9a9 !important;
}
@media print{
html, body {
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	float: none !important;
	font-size: 10pt !important;
	line-height: 14pt !important;
	color: black !important;
	background: transparent !important;
	display: block !important;
	min-height: 0 !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
pre, img, blockquote {
	page-break-inside: avoid;
}
h1, h2, h3 {
	orphans: 3;
	widows: 3;
	page-break-after: avoid;
}
.new,button,a.button,.submit,div.nubbin,div#launchbar,small#runtime,input[type=submit],body>header>nav,span.pill:not(.comments),[data-behavior=wysiwyg_toolbar]{display:none !important}
div.formatted_content {
	max-width: none !important;
	margin-right: 48px !important;
	page-break-inside: avoid;
}
h3.filtered_header {
	margin: 10px 0 20px !important;
	padding: 0 !important;
}
h3.filtered_header a {
	display: none !important;
}
body.log .comment .formatted_content a.red {
	position:absolute;
	display:none;
	top:10px;
	right:10px;
	color: red !important;
}
body.log .comment .formatted_content:hover a.red {
	display:block;
}

* {
	background: transparent !important;
	color: black !important;
	bord1er-color: black !important;
	text-shadow: none !important;
}
.how {
	background: inherit !important;
}
html {
	margin: 0.25in 0.5in 1in !important;
}
a {
	text-decoration: none !important;
}
div.sheet > header {
	margin: 30px 0 0 !important;
}
div.sheet.inactive > header {
	margin: 0 0 5px !important;
	padding: 0 0 5px !important;
	border-bottom: 4pt solid black !important;
}
div.sheet.inactive > header h1 {
	margin: 0 !important;
	font-size: 24px !important;
}
div.sheet.inactive > header + div.sheet.inactive > header {
	display: none !important;
}
div.sheet, div.workspace, div.container, div.sheet_body, div.flat_container, div.stack_container {
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	float: none !important;
	font-size: 10pt !important;
	line-height: 14pt !important;
	color: black !important;
	background: transparent !important;
	display: block !important;
	min-height: 0 !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
}
div.sheet.inactive {
	border: 1px solid #e6e5e5;
}
div.sheet.inactive {
	padding: 0;
	background-color: #f9f9f9;
	-webkit-box-shadow: 0 0 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 0px rgba(0,0,0,0.2);box-shadow:0 0 0px rgba(0,0,0,0.2)
}
div.sheet.inactive > header h1 span.inactive_title {
	display: inherit;
}
div.sheet.inactive div.sheet {
	margin: 0 -20px -30px 20px;
}
div.sheet.inactive > header:hover {
	cursor: pointer;
}
div.stack_container > div.sheet.inactive > header, div.stack_container > div.sheet.stub > header {
	padding: 20px 20px 10px 30px;
}
div.stack_container > div.sheet.inactive > header > h1, div.stack_container > div.sheet.stub > header > h1 {
	padding: 0;
	margin: 0;
	font-size: 24px;
	font-weight: bold;
	line-height: 1em;
	display: inline-block;
}
div.stack_container > div.sheet.inactive {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
div.sheet.stub > header, div.sheet.inactive > header {
	padding: 10px 20px;
	margin: 0;
	background: none;
	border: none;
}
div.sheet.stub > header h1, div.sheet.inactive > header h1 {
	margin: 0;
	padding: 0;
	border: 0;
}
div.sheet.stub > header h1 a, div.sheet.inactive > header h1 a {
	color: #477B96;
	text-decoration: underline;
}
div.sheet_body > section.topics {
	padding-left: 0;
}
article.message.new footer button, article.message.new footer input[type=submit], article.message.new footer a.button , body.location_add input.submit , body.site_configuration_addSpace input.submit , body.site_documents_add input.submit , .calculation_add .submit , body.site_checklist_reportMethod .submit {
	font-family: "Lucida Grande","Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding: 2px 10px;
	margin: -1px 0 0;
	background: #fff;
	color: #000;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 1px 0px #ddd;
	-moz-box-shadow: 0px 1px 0px #ddd;
	box-shadow: 0px 1px 0px #ddd;
	vertical-align: top;
	-webkit-appearance: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
article.message.new footer button, article.message.new footer input[type=submit], article.message.new footer a.button , body.location_add input.submit , body.site_configuration_addSpace input.submit , body.site_documents_add input.submit , .calculation_add .submit , body.site_checklist_reportMethod .submit {
	vertical-align: baseline;
	margin-top: 0;
	border-color: #006699;
	background-color: #26AADF;
	-webkit-box-shadow: 0px 1px 0px #016c43;
	-moz-box-shadow: 0px 1px 0px #016c43;
	box-shadow: 0px 1px 0px #016c43;
	font-size: 12px;
	line-height: 17px;
	padding: 3px 12px;
	color: #fff;
}
.submit.reset {
	background-color: #999 !important;
}
article.message {
	word-wrap: break-word;
}
article.message.new footer {
	margin-left: 10px;
}
article.message.new header {
	margin: 0;
}
article.message.new header div[data-behavior~=wysiwyg_toolbar] {
	display: none;
}
article.message.new header div.attachments {
	margin-top: 10px;
}
article.message.new header h3 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
article.message.new header h3 label {
	margin-top: 4px;
}
article.message.new header textarea {
	display: block;
	line-height: 23px;
}
article.message.new header textarea.body {
	font-size: 14px;
	line-height: 19px;
}
div.sheet > header.has_buttons {
	padding-bottom: 5px;
	border-bottom: 1px solid #e5e5e5;
}
div.sheet > header.higher {
	height:45px;
}
div.sheet > header button, div.sheet > header input[type=submit], div.sheet > header a.button, div.sheet div.sheet_body > section > header button, div.sheet div.sheet_body > section > header input[type=submit], div.sheet div.sheet_body > section > header a.button, div.sheet div.sheet_body > div > section > header button, div.sheet div.sheet_body > div > section > header input[type=submit], div.sheet div.sheet_body > div > section > header a.button {
	font-family: "Lucida Grande","Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding: 2px 10px;
	margin: -1px 0 0;
	background: #fff;
	color: #000;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 1px 0px #ddd;
	-moz-box-shadow: 0px 1px 0px #ddd;
	box-shadow: 0px 1px 0px #ddd;
	vertical-align: top;
	-webkit-appearance: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
div.sheet > header button:focus, div.sheet > header button:active, div.sheet > header input[type=submit]:focus, div.sheet > header input[type=submit]:active, div.sheet > header a.button:focus, div.sheet > header a.button:active, div.sheet div.sheet_body > section > header button:focus, div.sheet div.sheet_body > section > header button:active, div.sheet div.sheet_body > section > header input[type=submit]:focus, div.sheet div.sheet_body > section > header input[type=submit]:active, div.sheet div.sheet_body > section > header a.button:focus, div.sheet div.sheet_body > section > header a.button:active, div.sheet div.sheet_body > div > section > header button:focus, div.sheet div.sheet_body > div > section > header button:active, div.sheet div.sheet_body > div > section > header input[type=submit]:focus, div.sheet div.sheet_body > div > section > header input[type=submit]:active, div.sheet div.sheet_body > div > section > header a.button:focus, div.sheet div.sheet_body > div > section > header a.button:active {
	background-color: #e5e5e5;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
div.sheet > header.has_buttons, div.sheet div.sheet_body > section > header.has_buttons, div.sheet div.sheet_body > div > section > header.has_buttons {
	zoom: 1;
	clear: both;
}
div.sheet > header.has_buttons:after, div.sheet div.sheet_body > section > header.has_buttons:after, div.sheet div.sheet_body > div > section > header.has_buttons:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.sheet > header.has_buttons h1, div.sheet div.sheet_body > section > header.has_buttons h1, div.sheet div.sheet_body > div > section > header.has_buttons h1 {
	float: left;
	padding-right: 15px;
	padding-bottom: 0;
	border: none !important;
}
div.sheet > header.has_buttons button, div.sheet div.sheet_body > section > header.has_buttons button, div.sheet div.sheet_body > div > section > header.has_buttons button {
	-moz-transition: opacity 0.2s ease-out;
	-webkit-transition: opacity 0.2s ease-out;
}
form .submit {
	clear: both;
	font-size: 13px;
	min-height: 18px;
	vertical-align: baseline;
	margin: 10px 0 0;
}
form .submit button, form .submit input[type=submit] {
	vertical-align: baseline;
}
div.file_input_button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	float: right;
}
div.file_input_button button {
	font-size: 13px;
	line-height: 1em;
	padding: 4px 8px;
	margin: 0 !important;
	border: none !important;
	background: transparent;
	float: left;
	-webkit-appearance: none;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	color: #477B96;
}
div.file_input_button a {
	outline: none;
}
div.file_input_button a:hover {
	text-decoration: none;
}
form div.attachments {
	padding: 12px;
	position: relative;
	white-space: nowrap;
	font-size: 13px;
	line-height: 17px;
	border: 1px dashed #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
form div.attachments div.file_input_button {
	float: none;
	color: #888;
	margin-left: 15px;
}
div.file_input_button span.file_input_container {
	position: relative;
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	cursor: pointer;
}
div.file_input_button span.file_input_container input[type=file] {
	cursor: pointer;
	height: 100%;
	width: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 30px;
	-moz-opacity: 0.01;
	opacity: 0.01;
}
form .submit a.cancel {
	vertical-align: baseline;
	text-decoration: underline;
}
form button, form textarea, form input[type=text] {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
}
div.sheet form div.field {
	position: relative;
}
.text_entry {
	color: #a9a9a9;
	background: #fff;
	padding: 19px;
	border: 1px solid #ccc;
	position: relative;
	margin: 0;
	-webkit-box-shadow: 0 2px 0 #ddd;
	-moz-box-shadow: 0 2px 0 #ddd;
	box-shadow: 0 2px 0 #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.text_entry.has_labels {
	padding-left: 75px;
}
.text_entry.has_labels h3, .text_entry.has_labels div.file_uploads {
	margin-left: -55px;
	padding-left: 55px;
}





.text_entry.has_labels label {
	float: left;
	margin-left: -55px;
	width: 45px;
	font-size: 13px;
	line-height: inherit;
	color: #a9a9a9;
	font-weight: normal;
	vertical-align: top;
	margin-top: -1px;
	text-align: right;
}
.text_entry textarea, .text_entry input[type=text] {
	color: black;
	padding: 0;
	margin: 0;
	width: 80%;
	background: #fff;
	border: none;
	outline: none;
	line-height: inherit;
	-webkit-appearance: none;
	border:solid 1px #eee;
}

span.pill {
	font-size: 12px;
	line-height: 16px;
	padding: 0 7px;
	background: #eee;
	border: 1px solid transparent;
	color: #666;
	white-space: nowrap;
	display: inline-block;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
span.pill a, span.pill a:hover {
	color: #777;
	text-decoration: none;
	vertical-align: top;
}
span.pill.comments {
	background: #e2e9f8;
}
span.pill[data-behavior~=expandable]:hover {
	background: #ccc;
}
span.pill[data-behavior~=expandable]:hover > a {
	color: #555;
}
span.pill[data-behavior~=expandable].expanded {
	background: #000;
}
span.pill[data-behavior~=expandable].expanded > a {
	color: #fff;
}
span.pill.blank {
	background: #fff;
	border-color: #ddd;
}
span.pill.blank > a {
	color: #999;
}
span.pill.blank.busy {
	border-color: #fff;
}
span.pill.blank:hover {
	border-color: #ccc;
}
span.pill.circle {
	min-width: 17px;
	padding: 2px 1px;
	line-height: 14px;
	text-align: center;
}
@media print{
table.inbox td.what {
	max-width: 300px !important;
}
table.inbox td.status {
	white-space: nowrap;
}
table.inbox td.status img {
	display: block;
	float: left;
	margin-right: 10px;
}
span.pill {
	font-size: 9px !important;
	line-height: 13px !important;
}
}
@media print{
article.comment {
	margin-bottom: 10pt !important;
	border-bottom: 1pt solid black;
	padding-bottom: 5pt;
	page-break-inside: avoid;
}
article.comment footer.time {
	page-break-before: avoid;
}
article.message > div.formatted_content {
	page-break-inside: auto;
}
}
article.message > header {
	margin-bottom: 20px;
	max-width: 750px;
}
article.message > header a {
	text-decoration: none;
}
article.message > header a:hover {
	text-decoration: underline;
}
article.message > header p {
	color: #aa9c84;
}
article.message > header p a.edit, article.message > header p a.delete {
	text-decoration: underline;
	margin-left: 3px;
}
article.message img.avatar {
	float: left;
	width: 59px;
	height: 59px;
	margin-top: -4px;
	margin-bottom: 10px;
}
article.message > div.attachments, article.message > div.formatted_content {
	margin-left: 78px;
}

article.message.new header img.avatar {
	margin: 0 0 0 -114px;
}
@media print{
div.formatted_content {
	border: none !important;
}
}
div.image_grid_view {
	margin: 0px -10px;
}
div.image_grid_view > table {
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 10px 0px;
	width: 100%;
}
div.image_grid_view > table tr.images > td {
	vertical-align: top;
	padding-bottom: 20px;
}
@media print{
div.sheet.site section.site_settings {
	display: none !important;
}
div.sheet.site > header {
	padding: 0 !important;
	margin-top: 0 !important;
}
div.sheet.site > header div.header_links {
	display: none !important;
}
div.sheet.site > header .field {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}
}
div.sheet.site section.comments {
	margin: 0;
}
section.comments > h4 {
	font-size: 16px;
	font-weight: normal;
	padding: 10px 0 5px;
	margin: 10px 0;
	border-top: 1px solid #e5e5e5;
}
section.comments article.comment {
	background-color: #fff;
	margin: 0 0 20px 78px;
	padding: 0;
	position: relative;
	min-height: 71px;
}
section.comments article.comment:target {
	-webkit-animation: yellow_fade 3s 1;
	-moz-animation: yellow_fade 3s 1;
}
section.comments article.comment img.avatar {
	position: absolute;
	left: -78px;
	top: 0;
	margin: 0;
	width: 59px;
	height: 59px;
}
section.comments article.comment div.formatted_content {
	padding-top: 3px;
	word-wrap: break-word;
}
section.comments article.comment footer.time {
	color: #aa9c84;
	position: relative;
	top: -19px;
	font-size: 13px;
	font-weight: normal;
}
section.comments article.comment footer.time a {
	color: #aa9c84;
}
section.comments article.comment footer.time > span > a {
	text-decoration: underline;
}






section.comments article.comment.new, section.comments article.comment.edit {
	/*background-color: none;*/
	/*padding-top: 11px;*/
	/*max-width: 560px;*/
	/*padding-bottom: 12px;*/
}
section.comments article.comment.new header.text_entry .prompt, section.comments article.comment.edit header.text_entry .prompt {
	padding: 10px 14px;
	margin: -19px;
	cursor: text;
}
section.comments article.comment.new footer, section.comments article.comment.edit footer {
	margin-left: 10px;
}
section.comments article.comment.new footer button, section.comments article.comment.new footer input[type=submit], section.comments article.comment.new footer a.button, section.comments article.comment.edit footer button, section.comments article.comment.edit footer input[type=submit], section.comments article.comment.edit footer a.button {
	font-family: "Lucida Grande","Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding: 2px 10px;
	margin: -1px 0 0;
	background: #fff;
	color: #000;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 1px 0px #ddd;
	-moz-box-shadow: 0px 1px 0px #ddd;
	box-shadow: 0px 1px 0px #ddd;
	vertical-align: top;
	-webkit-appearance: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
section.comments article.comment.new footer button:focus, section.comments article.comment.new footer button:active, section.comments article.comment.new footer input[type=submit]:focus, section.comments article.comment.new footer input[type=submit]:active, section.comments article.comment.new footer a.button:focus, section.comments article.comment.new footer a.button:active, section.comments article.comment.edit footer button:focus, section.comments article.comment.edit footer button:active, section.comments article.comment.edit footer input[type=submit]:focus, section.comments article.comment.edit footer input[type=submit]:active, section.comments article.comment.edit footer a.button:focus, section.comments article.comment.edit footer a.button:active {
	background-color: #e5e5e5;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
section.comments article.comment.new footer button, section.comments article.comment.new footer input[type=submit], section.comments article.comment.new footer a.button, section.comments article.comment.edit footer button, section.comments article.comment.edit footer input[type=submit], section.comments article.comment.edit footer a.button {
	vertical-align: baseline;
	margin-top: 0;
	border-color: #016c43;
	background-color: #00a264;
	-webkit-box-shadow: 0px 1px 0px #016c43;
	-moz-box-shadow: 0px 1px 0px #016c43;
	box-shadow: 0px 1px 0px #016c43;
	font-size: 12px;
	line-height: 17px;
	padding: 3px 12px;
	color: #fff;
}
div.formatted_content p, div.formatted_content div, div.formatted_content ol, div.formatted_content ul, body.wysiwyg_editor p, body.wysiwyg_editor div, body.wysiwyg_editor ol, body.wysiwyg_editor ul {
	margin: 0;
}
div.formatted_content a, body.wysiwyg_editor a {
	color: #477B96;
	word-wrap: break-word;
}
.text_entry.no_shadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.has_tools {
	position: relative;
}
@media print{
	aside.tools {
		display: none;
	}
	.stip {
		width:0px;
		height:20px;
		padding:0px;
		border-left:solid 20px red;
		backg1round:url(../images/stip_bg_print.png) repeat;
		text-indent:-40px;
		color:#fff !important;
		font-weight:bold;
		border-radius: 0px !important;
	}
	.stipje {
		width:0px !important;
		height:0px !important;
		padding:0px !important;
		border:solid 7px red;

		/*
		border-left:solid 10px red;
		border-bottom:solid 10px red;
		border-right:solid 10px red;*/
		backg1round:url(../images/stip_bg_print.png) repeat;
		text-indent:-40px;
		color:#fff !important;
		font-weight:bold;
	}
	table.workplan td.day {
		text-align: center !important;
	}
	.area-cl-green {
		border:none;
	}
	.how {
/*		back1ground: none !important;
		border: none !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;*/
	}

	.prdct-d0 td , .prdct-d0 {
		/*
		background: #898989 !important;
		border: 1px solid #898989 !important;
		*/
		background: #ddd !important;
		/*border: 1px solid #ddd !important;*/
	}

	.prdct-d1 td , .prdct-d1 {
		background: #89B1A8 !important;
		/*border: 1px solid #89B1A8 !important;*/
	}
	.prdct-d2 td , .prdct-d2 {
		background: #99C9D3 !important;
		/*border: 1px solid #99C9D3 !important;*/
	}
	.prdct-d3 td , .prdct-d3 {
		background: #EDCE7E !important;
		/*border: 1px solid #EDCE7E !important;*/
	}
	.prdct-d4 td , .prdct-d4 {
		background: #D9ADD1 !important;
		/*border: 1px solid #D9ADD1 !important;*/
	}
	.prdct-d5 td , .prdct-d5 {
		background: #C6C9B8 !important;
		/*border: 1px solid #C6C9B8 !important;*/
	}
	.prdct-d6 td , .prdct-d6 {
		background: #63B0DA !important;
		/*border: 1px solid #63B0DA !important;*/
	}
	.prdct-d7 td , .prdct-d7 {
		background: #EFC6C4 !important;
		/*border: 1px solid #EFC6C4 !important;*/
	}
	.prdct-d8 td , .prdct-d8 {
		background: #E1AD61 !important;
		/*border: 1px solid #E1AD61 !important;*/
	}
	.prdct-d9 td , .prdct-d9 {
		background: #B9A082 !important;
		/*border: 1px solid #B9A082 !important;*/
	}
	.prdct-d10 td , .prdct-d10 {
		background: #915BA5 !important;
		color: rgba(255, 255, 255, 0.8);
		/*border: 1px solid #915BA5 !important;*/
	}
	.prdct-d11 td , .prdct-d11 {
		background: #915BA5 !important;
		/*border: 1px solid #915BA5 !important;*/
	}
	.prdct-d12 td , .prdct-d12 {
		background: #0000FF !important;
		color: rgba(255, 255, 255, 0.8);
		/*border: 1px solid #0000FF !important;*/
	}
	.prdct-d13 td , .prdct-d13 {
		background: #008000 !important;
		/*border: 1px solid #008000 !important;*/
	}


	.prdct-d10 td a:hover , .prdct-d10 a:hover, .prdct-d12 td a:hover, .prdct-d12 a:hover {
		color: rgba(255, 255, 255, 0.5);
	}

}
aside.tools {
	position: absolute;
	right: -45px;
	top: 0;
	width: 100px;
	padding-left: 20px;
	background-color: #fff;
}

















/*******/
.formline {
	position:relative;
	display:block;
	margin-bottom:6px;
	min-height:36px;
	overflow:hidden;
}
.formline .label {
	position: relative;
	display: block;
	float: left;
	line-height: 12px;
	margin-right: 5px;
	clear: left;
	width: 150px;
	color: #6B6C6F;
	font-weight: lighter;
	margin-bottom: 6px;
	margin-top: 6px;
	float: left;
	width: 196px;
	font-size:15px;
}

.label_descr {
	position: relative;
	display: inline;
	color: #BDD1DC;
	margin-top: 5px;
	padding-right: 25px;
	text-align: right;
	line-height: 12px;
	margin-right: 5px;
	margin-bottom: 6px;
	margin-top: 6px;
	font-size:15px;
}



.higher {
	height:56px !important;
}

.label {
	position:relative;
	display:block;
	float:left;
	line-height:12px;
	font-size:12px;
	font-weight:bold;
	margin-right:5px;
	color:#143d8d;
	clear:left;
	width:150px;
}

body.calculation_add .textfield {
	width:250px;
}
body.site_settings .textfield {
	width:250px;
}
.short {
	width:130px !important;
}
.textfield.smal {
	width:40px;
}

.overzicht {
	background-color:#fff;
}
.overzicht td , .overzicht th {
	background-color:#eee;
	margin:1px;
	border:solid 1px white;
	padding:1px 3px;
}
.overzicht th {
	background-color:#ddd;
}
.hidden {
	display:none;
}

.firstOption {color:#bbb;}
tr.light td {color:#fff;}
.workplan tr.light td {color:#999;}


tr.lightText {color:#999;}






.documents {
	position:relative;
	display:block;
	width:500px;
	height:50px;
	font-size:12px;
	padding:0px 0px 0px 46px;
}
.documents .icon {
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:38px;
	height:46px;
	background:url(../images/file_formats.png) no-repeat;
}
.document_pdf .icon {background-position:-162px -61px;}
.document_docx .icon , .document_doc .icon {background-position:-29px -8px;}
.document_xlsx .icon , .document_xls .icon {background-position:-80px -8px;}
.document_pptx .icon , .document_ppt .icon {background-position:-131px -8px;}
.document_zip .icon {background-position:-30px -8px;}
.documents a {
	font-size:16px;
	color:#477B96;
	cursor:pointer;
}
.documents span {
	position:absolute;
	display:block;
	top:0;
	right:0;
	font-size: 16px;
}






.width40 {
	width:40px !important;
}


















.prdct-d0 td , .prdct-d0 {
	background: #ddd !important;
	/*
	background: #898989;
    */
/*	border: 1px solid #898989;
	-moz-box-shadow: inset 0 0 45px #898989;
	-webkit-box-shadow: inset 0 0 45px #898989;
	box-shadow: inset 0 0 45px #898989;*/
}

.prdct-d1 td , .prdct-d1 {
	background: #89B1A8;
/*	border: 1px solid #89B1A8;
	-moz-box-shadow: inset 0 0 45px #89B1A8;
	-webkit-box-shadow: inset 0 0 45px #89B1A8;
	box-shadow: inset 0 0 45px #89B1A8;*/
}
.prdct-d2 td , .prdct-d2 {
	background: #99C9D3;
/*	border: 1px solid #99C9D3;
	-moz-box-shadow: inset 0 0 45px #99C9D3;
	-webkit-box-shadow: inset 0 0 45px #99C9D3;
	box-shadow: inset 0 0 45px #99C9D3;*/
}
.prdct-d3 td , .prdct-d3 {
	background: #EDCE7E;
/*	border: 1px solid #EDCE7E;
	-moz-box-shadow: inset 0 0 45px #EDCE7E;
	-webkit-box-shadow: inset 0 0 45px #EDCE7E;
	box-shadow: inset 0 0 45px #EDCE7E;*/
}
.prdct-d4 td , .prdct-d4 {
	background: #D9ADD1;
/*	border: 1px solid #D9ADD1;
	-moz-box-shadow: inset 0 0 45px #D9ADD1;
	-webkit-box-shadow: inset 0 0 45px #D9ADD1;
	box-shadow: inset 0 0 45px #D9ADD1;*/
}
.prdct-d5 td , .prdct-d5 {
	background: #C6C9B8;
/*	border: 1px solid #C6C9B8;
	-moz-box-shadow: inset 0 0 45px #C6C9B8;
	-webkit-box-shadow: inset 0 0 45px #C6C9B8;
	box-shadow: inset 0 0 45px #C6C9B8;*/
}
.prdct-d6 td , .prdct-d6 {
	background: #63B0DA;
/*	border: 1px solid #63B0DA;
	-moz-box-shadow: inset 0 0 45px #63B0DA;
	-webkit-box-shadow: inset 0 0 45px #63B0DA;
	box-shadow: inset 0 0 45px #63B0DA;*/
}
.prdct-d7 td , .prdct-d7 {
	background: #EFC6C4;
/*	border: 1px solid #EFC6C4;
	-moz-box-shadow: inset 0 0 45px #EFC6C4;
	-webkit-box-shadow: inset 0 0 45px #EFC6C4;
	box-shadow: inset 0 0 45px #EFC6C4;*/
}
.prdct-d8 td , .prdct-d8 {
	background: #E1AD61;
/*	border: 1px solid #E1AD61;
	-moz-box-shadow: inset 0 0 45px #E1AD61;
	-webkit-box-shadow: inset 0 0 45px #E1AD61;
	box-shadow: inset 0 0 45px #E1AD61;*/
}
.prdct-d9 td , .prdct-d9 {
	background: #B9A082;
/*	border: 1px solid #B9A082;
	-moz-box-shadow: inset 0 0 45px #B9A082;
	-webkit-box-shadow: inset 0 0 45px #B9A082;
	box-shadow: inset 0 0 45px #B9A082;*/
}
.prdct-d10 td , .prdct-d10 {
	background: #915BA5;
/*	border: 1px solid #915BA5;
	-moz-box-shadow: inset 0 0 45px #915BA5;
	-webkit-box-shadow: inset 0 0 45px #915BA5;
	box-shadow: inset 0 0 45px #915BA5;*/
}

.prdct-d11 td , .prdct-d11 {
	background: #915BA5 !important;
	/*border: 1px solid #915BA5 !important;*/
}
.prdct-d12 td , .prdct-d12 {
	background: #0000FF !important;
	color: rgba(255, 255, 255, 0.8);
	/*border: 1px solid #0000FF !important;*/
}
.prdct-d13 td , .prdct-d13 {
	background: #008000 !important;
	/*border: 1px solid #008000 !important;*/
}

.gf {
	display:none;
}

body.location_add select.textfield {width:181px;}

body.site_configuration_addSpace .textfield {
	width: 244px;
}
body.site_configuration_addSpace .custom-combobox-input {
	width: 202px !important;
	padding:5px !important;
	font-family: 'Segoe UI', helvetica, arial, sans-serif !important;
	font-size: 16px !important;
	font-style: normal !important;
	border:solid 1px #ccc;
}

.stip {
	position:relative;
	display:block;
	width:20px;
	height:20px;
	background-color:red;
	margin:5px auto;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	border-radius: 6px;
}
.stipje {
	position:relative;
	display:block;
	width:10px;
	height:10px;
	background-color:red;
	margin:5px auto;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:12px;
}
#week {text-align:center;}


.meter {
	position:relative;
	display:block;
	width:80px;
	height:12px;
	background:url(../images/meters.jpg) repeat-x;
}
.meter_inner_green {
	position:relative;
	display:block;
	float:left;
	height:12px;
	background:url(../images/meters.jpg) repeat-x;
	background-position:left -12px;
}
.meter_inner_yellow {
	position:relative;
	display:block;
	float:left;
	height:12px;
	background:url(../images/meters.jpg) repeat-x;
	background-position:left -24px;
}
.grey {
	color:#999;
}

body.client .sites {
	width:70%;
	float:left;
	margin-right:0px !important;
}
body.client .recent {
	width:25%;
	margin-left:2%;
	float:left;
	background: #FFF;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:0px 10px;

	font-size:12px;
}


.big_radio_icons {
	position:relative;
	display:block;
	float:left;
	width:600px;
	min-height:36px;
	overflow:hidden;
}

.big_radio_icons label {
	position:relative;
	display:block;
	float:left;
	min-width:100px;
	overflow:hidden;
	height:50px;
	background-color: #e4eef2;
	margin:0px 1px;
	top:0px;
	text-align:left;
	padding:3px;
	color: #486c84;
	font-size: 13px;
}
.big_radio_icons label input {
	position:absolute;
	display:block;
}
.big_radio_icons label span {
	position:relative;
	display:block;
	min-width:100px;
	overflow:hidden;
	margin-top:30px;
}

.width100 {
	width:100px !important;
}
.height40 {
	height:40px;
}
.height40 td {
	vertical-align:middle;
}
.height40 input , .height40 select {
	height:30px;
	margin:5px 0px;
}




.leg1end {
	position:relative;
	display:block;
	margin:30px 0px;
	width:90%;
	padding:10px 5%;
	
	background: #FFF;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.lege1nd h3 {
	font-size:15px;
	margin:0px;
}



/* legend */
.rounded-container .content, .tabArea .content, .get-started-content {
	padding: 15px 19px 18px;
}
.rounded-container {
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	position: relative;
	margin-bottom: 20px;
}
clearfix:after {
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.rounded-container .content, .tabArea .content, .get-started-content {
	padding: 15px 19px 18px;
}
.legend , .legend table {
	font-size: 10px;
	line-height: 14px;
}
.legend .status {
	text-align: center;
	float: left;
	margin-top: 6px;
	padding: 0 2px;
	width: 80px;
}
.statusCurrentUsage {
	color: #f00;
}
.statusMinimum {
	color: #00f;
}
.statusMaximum {
	color: #00f;
}
.statusAverage {
	color: #0f0;
}
.statusPending, .statusSent, .statusViewed, .statusPaid, .statusCreated, .statusPartial, .statusDisputed, .statusCommented, .statusCreditReplied, .statusResolved, .statusFailed, .statusText, .statusAccepted, .statusVerified, .statusInvoiced, .statusOutstanding, a.statusInvoiced:link, a.statusInvoiced:visited, a.statusInvoiced:active, .statusUnverified, .statusReplied, .statusRecouped {
	font-family: Verdana,sans-serif;
	font-size: 10px;
}
.legend .definition {
	padding: 0;
	margin: 0;
	margin-top: 6px;
	width: 630px;
	float: right;
}
.clear, .clearb {
	clear: both;
}
.shifts_table .legend {
	overflow:hidden;
	min-height:50px;
	padding:10px;
	margin-top:100px;
}
.shifts_table .legend h3 {
	margin:0 0 10px 0;
}


.periodicalDiv {
	display:none;
}









/************************************* checklist / wpdetails / errors ***************************************/


#errorTypes {
	background-color: white;
	float: left;
	margin: 0;
	padding-top: 0;
	width: 342px;
}
.errorList .contains {
	float: none;
	margin-right: -2px;
	width: 100%;
	margin-bottom:0px !important;
}
.errorList .contains li {
	margin-bottom:0px !important;
}
.errorList .contains {
	float: left;
	padding: 0;
}
ol, ul {
	list-style: none;
}
.errorList .contains.perRow-3 .error {
	width: 33.333333333%;
}
.errorList .error {
	display: block;
	float: left;
}
.errorList .error a:hover, .errorList .error a:focus, .errorList .error.selected a {
	background-color: #d2e5ec;
	outline: 0;
}
.errorList .error a {
	background-color: #e4eef2;
	border: 1px solid transparent;
	color: #486c84;
	display: block;
	font-size: 13px;
	height: 50px;
	margin: 1px;
	position: relative;
}
.errorList .error a:hover::after, .errorList .error a:focus::after {
	border: 2px solid transparent;
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.errorList .error a span {
	bottom: 9px;
	left: 5%;
	line-height: 18px;
	position: absolute;
	width: 84%;
}


.red {
	color:red;
}

.lastUpdated td {
	background-color:#ff9;
}

body.log textarea {
	font-size: 15px;
	width: 100%;
}
body.log footer label {
	font-size:12px;
}



body.site_configuration table#rcTable tr td:first-child , body.shifts table#rcTable tr td:first-child + td {
	white-space:nowrap;
}







.wp_filters {
	display: block;
	float: right;
}










/* workplan */
@font-face {
	font-family: 'fontawesome';
	src:url('../fonts/fontawesome/fontawesome.eot');
	src:url('../fonts/fontawesome/fontawesome.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome/fontawesome.woff') format('woff'),
		url('../fonts/fontawesome/fontawesome.ttf') format('truetype'),
		url('../fonts/fontawesome/fontawesome.svg#fontawesome') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* options/select wrapper with switch anchors */
.cbp-vm-options {
	text-align: right;
	padding-bottom: 10px;
	border-b1ottom: 1px solid #666;
	height:44px;
}
.cbp-vm-options select {
	vertical-align:middle;
	top:-10px !important;
	margin-top:-20px !important;
}
body.site_workplan_personal .cbp-vm-options select {
	top:auto !important;
	margin-top:0 !important;
}

.site_workplan #workplan , .site_workplan #workplan thead , .site_workplan #workplan tbody tr {
	border-collapse: unset;
}

.cbp-vm-options a {
display: inline-block;
width: 40px;
height: 40px;
overflow: hidden;
white-space: nowrap;
color: #d0d0d0;
margin: 2px;
}

.cbp-vm-options a:hover,
.cbp-vm-options a.cbp-vm-selected {
color: #47a3da;
}

.cbp-vm-options a:before {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 30px;
text-align: center;
display: inline-block;
}

/* Clear eventual floats */
.cbp-vm-switcher ul:before, 
.cbp-vm-switcher ul:after { 
content: " "; 
display: table; 
}



.cbp-vm-switcher ul:after { 
clear: both; 
}

.cbp-vm-switcher ul li {
display: block;
position: relative;
}

/* Common icon styles */
.cbp-vm-icon {
	margin:0px;
	padding:0px;
	line-height:1;
}
.cbp-vm-icon:before {
	font-family: 'fontawesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.cbp-vm-grid:before {
content: "\e607";
font-size:14px;
}

.cbp-vm-list:before {
content: "\e606";
}

.cbp-vm-space:before {
content: "\e605";
}

.cbp-vm-add:before {
content: "\e60b";
}

.cbp-vm-week:before {
content: "\e604";
}

.icon_edit {
	position:relative;
	display:block;
	width:17px;
	height:20px;
	background:url(../images/icon_edit.gif) no-repeat;
}


table.linedTable tr + tr {
	border-top:solid 1px #666;
}


@media print{
	.cbp-vm-icon {
		visibility:hidden;
	}
	.cbp-vm-options {
		border-bottom:none;
	}
	#header {
		display:none;
	}
	.noprint {
		display:none !important;
	}
	.noprint_line {
		/*border:none !important;*/
		border:solid 1px white !important;
	}
	tr.noprint_line td {
		/*border:none !important;*/
		border:solid 1px white !important;
	}
	option.noprint {
		color:#fff !important;
	}
	.tags.clearprint li a {
		display:none;
	}
	.tags.clearprint li a.selected {
		display:block;
	}
	.tags.clearprint a:before {
		border:none;		
		}
	.tags {
		float:left;
	}
	.clearprint {	/* select boxes */
		border:none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	div.sheet , div.sheet.inactive , div.sheet, div.workspace, div.container, div.sheet_body, div.flat_container, div.stack_container{
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	#workplan #scrollDate_left , #workplan #scrollDate_right {
		display:none;
	}
	#workplan #week {}


	.onlyforprint {
		display:block !important;
	}
	td.onlyforprint , tr.onlyforprint td , td.onlyforprint {
		display:table-cell !important;
	}
	tr.onlyforprint {
		display:table-row !important;
	}
	.block_aftekenen {
		width:47px;border:solid 1px black;padding:0;
	}
}
.onlyforprint {
	display:none;
}

.contact_block {
	position:relative;
	display:block;
  width: 410px;
  margin: 0 auto;
  background: #fff;
  padding: 10px 39px 19px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #aaa;
  -moz-box-shadow: 0 0 6px #999; /* firefox 3.5+ */
        -webkit-box-shadow: 0 0 6px #999; /* webkit */
        box-shadow: 0 0 6px #999;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')"; /* IE 8+ */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); /* IE < = 7 */
}

.user-info label , .site_settings label {
	display:block;
	float:left;
	width:150px;
}
.site_settings label {
	width:195px;
}



/* tooltips */
body.location #rcTable label {
	z-index:100 !important;
}
body.location #rcTable label {
	position:relative;
}
/*body.location #rcTable label span , */
.shifts_table td.avec_tooltip div + .tt_case span.tooltip , .shifts_table td.avec_tooltip div span.tooltip {
	width: 100px;
	height: auto;
	line-height: 20px;
	padding: 10px;
	left: 50%;
	margin-left: -64px;
	font-family: 'Alegreya SC', Georgia, serif;
	font-weight: 400;	
	font-style: italic;
	font-size: 14px;
	color: #719DAB;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	border: 4px solid #fff;
	ba1ckground: rgba(255,255,100,0.95);
	background-color:#ff9;
	text-indent: 0px;
	border-radius: 5px;
	position: absolute;
	pointer-events: none;
	bottom: 2px;
	opacity: 0;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index:105 !important;
}
.shifts_table td.avec_tooltip div {
	position:relative;
}
/*
body.location #rcTable label span:before,
body.location #rcTable label span:after,
*/
.shifts_table td.avec_tooltip div + .tt_case .tooltip:before,
.shifts_table td.avec_tooltip div + .tt_case .tooltip:after,
.shifts_table td.avec_tooltip div .tooltip:before,
.shifts_table td.avec_tooltip div .tooltip:after {
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -9px;
	width: 0 !important;
	height: 0 !important;
	bo1rder-left: 10px solid transparent;
	bo1rder-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.1);
}
/*
body.location #rcTable label span:after , 
*/
.shifts_table td.avec_tooltip div + .tt_case .tooltip:after , .shifts_table td.avec_tooltip div .tooltip:after {
	bottom: -15px;
	margin-left: -10px;
	border-top: 10px solid #fff;
}
/*
body.location #rcTable label:hover span , 
*/
.shifts_table td.avec_tooltip div:hover + .tt_case .tooltip , .shifts_table td.avec_tooltip div:hover .tooltip {
	opacity: 0.99;
	bottom: 32px;
}
.shifts_table td.avec_tooltip div.tt_case {
	position:relative;
	width:0;
	height:0;
	padding:0 !important;
	z-index:1;
}

/* Contacts & Groups */
.contacts_and_groups {
	margin:0;
	padding:0;
}
.kolom_2 {
	posi1tion:relative;
	di1splay:block;
	width:48%;
	margin:1% 0;
	overf1low:hidden;
	height:100%;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.contacts_groups h2 , .contacts_groups h3 {
	color:#000;
}
.contacts_groups h2 {
	font-size:20px;
}
.contacts_groups h3 {
	font-size:16px;
	line-height:16px;
	margin-top:0;
}

.contacts_and_groups h2 span , .contacts_and_groups_new h2 span {
	color:#000;
	font-size:12px;
	line-height:inherit;
	font-weight:normal;
}
.contacts_and_groups h2 span a {
	cursor:pointer;
}
.contacts_and_groups h2 span a:hover {
	color:#477B96;
}
.contacts_and_groups h2 , .contacts_and_groups h3 {
	clear: right;
}

.contacts_and_groups ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 20px; background: #f6f6f6;clear: right;min-height:43px; }
.contacts_and_groups li { margin: 5px; padding: 5px; width: 250px; border: 1px solid black;cursor:pointer; }
.contacts_and_groups ul.userList li {
	width:250px;
}
.list_item_options {
	position:relative;
	display:block;
	float:right;
}
.contacts_and_groups ul.userList li span.edit_user , .contacts_and_groups ul.userList li span.delete_user , .contacts_and_groups ul.group li span.delete_user , .contacts_and_groups ul.group li span.remove_user {
	display:inline-block;
	fl1oat:left;
	ma1rgin-right:6px;
	fo1nt-size:12px;
}
.group li {
	margin-left:30px;
}
.list_item_options .item_separator {
	display:inline-block;
}
.contacts_and_groups ul.userList li span.edit_user {
}
.contacts_and_groups ul.userList li span.delete_user {
}
.contacts_and_groups ul.group li span.edit_user , .contacts_and_groups ul.userList li span.remove_user , .contacts_and_groups ul.group li span.delete_user , .contacts_and_groups ul.group .item_separator {
	display:none;
}
.contacts_and_groups ul.group li span.remove_user {
	display:inline-block;
}
.contacts_and_groups ul.group li span.delete_user {
}
.list_item_options span + span:before {
	con1tent: " | ";
}
.toggle_group {
	position:relative;
	display:inline-block;
	fl1oat:left;
	margin-left:20px;
	width:15px;
	height:21px;
	cursor:pointer;
	background:url(../images/blue_arrow_right.png) no-repeat;
	background-position:left bottom;
}
.group_open {
	background:url(../images/blue_arrow_down.png) no-repeat;
	background-position:left bottom;
}
.group_add {
	background:url(../images/plus.png) no-repeat;
	background-position:left bottom;
}
.toggle_group_sans {
	background:none;
}
.toggle_group + ul {
	display:none;
}
.group_open + ul {
	display:block;
}

.contacts_groups_adduser .form , .contacts_groups_edituser .form {
	width:600px;
}
.contacts_groups_adduser .label , .contacts_groups_edituser .label {
	width:40%;
	float:left;
}
.contacts_groups_adduser .textfield , .contacts_groups_edituser .textfield {
	width:56%;
	float:left;
}


.pointer {
	cursor: pointer;
}
table .borderleft {
	border-left:solid 1px #fff !important;
}
table .center {
	text-align:center;
}
table .white {
	background-color:#fff;
}

/* configuration indeling */
.toggle_indeling {
	position:relative;
	display:inline-block;
	fl1oat:left;
	margin-left:20px;
	width:15px;
	height:21px;
	cursor:pointer;
	background:url(../images/blue_arrow_right.png) no-repeat;
	background-position:left bottom;
}
.indeling_open {
	background:url(../images/blue_arrow_down.png) no-repeat;
	background-position:left bottom;
}
.indeling_options {
	display: none !important;
	margin-left: 0 !important;
	margin-top:3px;
}
.indeling_open + .indeling_options {
	display: block !important;
}
.toggle_plattegrond {
	position:relative;
	display:inline-block;
	fl1oat:left;
	margin-left:20px;
	width:15px;
	height:21px;
	cursor:pointer;
	background:url(../images/blue_arrow_right.png) no-repeat;
	background-position:left bottom;
}
.plattegrond_open {
	background:url(../images/blue_arrow_down.png) no-repeat;
	background-position:left bottom;
}
body.site_configuration h3 + div + table#rcTable , body.site_configuration_new h3 + div + table#rcTable , body.site_configuration h3 + table#rcTable , body.site_configuration_new h3 + table#rcTable {
	display:none;
}
body.site_configuration h3 div , body.site_configuration_new h3 div {
	display:inline-block;
	line-height:inherit;
	font-size:12px;
	color:#000;
	margin-left:10px;
	font-weight:normal;
}
body.site_configuration .plattegrond , body.site_configuration_new .plattegrond {
	position:relative;
	display:none;
	margin-bottom:20px;
	width:100%;
	height:200px;
	border:solid 1px red;
}
/*
body.site_configuration h3.indeling_open + table#rcTable {
	display:block !important;
}
*/
body.site_configuration h3 + div + #rcTable , body.site_configuration_new h3 + div + #rcTable , body.site_configuration h3 + #rcTable , body.site_configuration_new h3 + #rcTable{
	margin-bottom:40px;
}
body.site_configuration h3 , body.site_configuration_new h3 {
	margin-bottom:30px;
}



.custom-combobox {
	position: relative;
	display: inline-block;
}
.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
	/* support: IE7 */
	*height: 1.7em;
	*top: 0.1em;
}
.custom-combobox-input {
	margin: 0;
	padding: 0.3em;
}

/* shift_assignment */
table.shift_assignment {
	
}

table#rcTable.shift_assignment tr + tr , .shifts_table #rcTable tr + tr , body.shift_assignment_defaults #rcTable tr + tr {
	margin:5px 0 0 0 !important;
}
/*
table#rcTable.shift_assignment td , table#rcTable.shift_assignment_defaults td {
	paddi1ng:3px 0px;
	height:27px;
}
toegevoegd, replace
*/
table#rcTable.shift_assignment td , table#rcTable.shift_assignment_defaults td {​
	padding: 3px 0px;​
	height: 28px;​
}
.site_shifts_assign .heading {
	height:28px;
}
​
#rcTable .duration, a.personal_workplan {​
	cursor:pointer;
	font-size:15px;
	line-height:20px;
	color: #477B96;​
}
.site_shifts_assign .psp {
	width:22px;
}
.shift_line .shiftName , .shift_line .duration {
	line-height:20px;
	padding: 5px 0 0 0;
}
.shift_slot {
	width:69px;
	backgr1ound:url(../images/shift_slot.png) repeat;
	bord1er:solid 1px #6c6;
	border:solid 1px #D8D9D9;
	z-index:10;
}
.legend_slot {
	width:69px;
	height:27px;
	z-index:10;
	padding:0 !important;
}
.legend_unassigned {
	backg1round:url(../images/shift_slot.png) repeat;
	border:solid 1px #D8D9D9;
	bor1der:solid 1px #6c6;
}
.legend_assigned {
	background-color: #FDD;
	color: #F00;
	border:solid 1px #F00;
}
.legend_default_assigned {
	background-color:#fff;
	border:solid 1px #999;
}
.legend_holiday {
	background-color: #DDF !important;
	border: solid 1px #00F !important;
}
.legend_empty {
	background-color: #ffd !important;
	border: solid 1px #dd0 !important;
	color:#666 !important;
}
.shift_slot .empty_person {
	background-color: #fff !important;
	bo1rder: solid 1px #dd0 !important;
	color:#f00 !important;
}
td.holiday div {
	background-color: #DDF !important;
	color: #00F !important;
}
td.userListForAssignment {
	width:160px !important;
	paddin1g-top:21px !important;
	padding-left:40px !important;
}
td.userListForAssignment h4 {
	margin:0 0 6px 0;
}
td.userListForAssignment .userList {
	width:150px !important;
}
body.site_shifts td.userListForAssignment {
	width:80px !important;
}
.shifts_table table.shift_assignment {
	position:relative;
}
.shifts_table .people {
	width:130px;
	height:12px;
	font-size:12px;
	line-height:12px;
	padding:8px 0px 8px 8px;
	border:solid 1px #999;
	margin-top:3px;
	cursor:pointer;
	background-color:#fff;

	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.shifts_table .isdragged , .shifts_table .assigned {
	padding:7px 3px 8px 3px !important;
	width:63px !important;
	overflow:hidden;
	max-width:130px;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top:0;
}
.shifts_table .isdragged {
	background-color:#50F25B !important;
	color:#fff;
}
.draggable i {
	margin-right:4px;
}
.shifts_table .isdragged i {
	display:none;
}
.shifts_table .assigned {
	position:relative;
	display:block;
	border:none;
	z-index:10;
}
.shifts_table .assigned {
	backgrou1nd-color:#fdd;
	col1or:#f00;
	background-color:#e4e2dc;
	color:#000;
}
.userListForAssignment div.draggable:hover {
	margin-left:1px;
}
body.site_shifts_assign_defaults .assigned {
	background-color:#e4e2dc;
	/*color:#000;*/
}
.shifts_table .almost_assigned {
	background-color:#ddd;
	z-index:20 !important;
}
.shifts_table .assigned .remove {
	position:absolute;
	display:none;
	right:3px;
	top:3px;
	width:10px;
	height:10px;
	background:url(../images/remove.png) repeat;
}
.shifts_table .assigned:hover .remove {
	display:block;
}
.shifts_table .ui-state-hover {
	background:url(../images/shift_slot_blue.png) repeat;
	border:solid 1px #66c;
	z-index:11;
}
/*
.shifts_table .holiday , .shifts_table .rest_shift {
	background:url(../images/shift_slot_grey.png) repeat !important;
	border:solid 1px #ccc !important;
}
*/
.shifts_table .holiday , .shifts_table .rest_shift {
	background-color: #fcd7d7; 
	/*border:solid 1px #ccc !important;*/
}
.shifts_table .holiday_title {
	co1lor:#f00;
}
.shifts_table .holiday_title {	
	color:#FF3B30;
	font-size: 10px;
	text-transform: uppercase;
}
td.day_title.disabled {
	color:#999;
}

.site_shifts_assign .day_title:not(.disabled) {
	cursor:pointer;
}
/*
.shifts_table #rcTable tr .shift_slot:nth-child(7) , body.site_shifts .shifts_table #rcTable tr .shift_slot:nth-child(9) {
	border-right:solid 2px #000;
}
body.site_shifts .shifts_table #rcTable tr .shift_slot:nth-child(7) {
	border-right:inherit;
}
.day_monday , .day_tuesday , .day_wednesday , .day_thursday , .day_friday {
	font-we1ight:bold;
}
.day_friday {
	borde1r-right:solid 1px #999;
}
*/

.day_monday , .day_tuesday , .day_wednesday , .day_thursday , .day_friday,  .day_saturday, .day_sunday {
	/*font-weight:bold;*/
	font-size: 10px;
	text-transform: uppercase;
}
.day_friday {
	/*border-right:solid 1px #999;*/
}

body.site_shifts .shifts_table #rcTable tr .shift_slot:nth-child(9) , body.site_shifts .shifts_table #rcTable tr .shift_slot:nth-child(10){
	/*background:url(../images/shift_slot.png) repeat;*/
}
body.site_shifts_assign .shifts_table #rcTable tr .shift_slot:nth-child(8) , body.site_shifts_assign_defaults .shifts_table #rcTable tr .shift_slot:nth-child(8) , .shifts_table #rcTable tr .shift_slot:nth-child(9) , .shifts_table #rcTable tr .shift_slot:nth-child(10) ,
body.site_shifts .shifts_table #rcTable tr .shift_slot:nth-child(10) , body.site_shifts .shifts_table #rcTable tr .shift_slot:nth-child(11) {
	/*background:url(../images/shift_slot_light.png) repeat;*/
}
/*
voor tijdens de demo
body.site_shifts_assign .shifts_table #rcTable tr .shift_slot:nth-child(7) , body.site_shifts_assign .shifts_table #rcTable tr .shift_slot:nth-child(8) , body.site_shifts_assign .shifts_table #rcTable tr .shift_slot:nth-child(9) {
	background:url(../images/shift_slot.png) repeat;
}
body.site_shifts_assign_defaults .shifts_table #rcTable tr .shift_slot:nth-child(7) , body.site_shifts_assign_defaults .shifts_table #rcTable tr .shift_slot:nth-child(8) , body.site_shifts_assign_defaults .shifts_table #rcTable tr .shift_slot:nth-child(9) {
	background:url(../images/shift_slot.png) repeat;
}
body.site_shifts .shifts_table #rcTable tr .shift_slot:nth-child(10) {
	background:url(../images/shift_slot.png) repeat;
}

*/
.shift_slot.locked {
	backgr1ound:url(../images/shift_slot_grey.png) repeat !important;
	background-color:#F7F7F7;
}






body.site_shifts_assign .shifts_table #rcTable tr .shift_slot:nth-child(7) , body.site_shifts_assign .shifts_table #rcTable tr .shift_slot:nth-child(8) , body.site_shifts_assign .shifts_table #rcTable tr .shift_slot:nth-child(9) {
	/*background:url(../images/shift_slot.png) repeat;*/
}

body.site_shifts_assign_defaults .shifts_table #rcTable tr .shift_slot:nth-child(7) , body.site_shifts_assign_defaults .shifts_table #rcTable tr .shift_slot:nth-child(8) , body.site_shifts_assign_defaults .shifts_table #rcTable tr .shift_slot:nth-child(9) {
	backgr1ound:url(../images/shift_slot.png) repeat;
}

body.site_shifts .shifts_table #rcTable tr .shift_slot:nth-child(10) {
	/*background:url(../images/shift_slot.png) repeat;*/
}













.shifts_table .default_assigned {
	padding:7px 3px 8px 3px !important;
	width:63px !important;
	max-width:63px !important;
	overflow:hidden;
	max-w1idth:130px;
	white-space: nowrap;
	text-overflow: ellipsis;
	bord1er:solid 1px #999;
	color:#000;
	height:12px !important;
	background:none !important;
	background-color:#fff !important;
	cursor:default;
}
.shifts_table .default_assigned.contains_exception {
	width:69px !important;
}
.shift_slot.people {
	border:solid 1px #D8D9D9;
}
.shifts_table .contains_exception {
	text-indent:-9999px;
	padding:0 !important;
	font-size: 0;
	line-height: 0;
	width:70px;
}
.shifts_table .contains_exception div {
	padding: 7px 3px 8px 3px !important;
	font-size: 12px;
	line-height: 12px;
	text-indent:0;
	width:64px !important;
}

span.legenda {
	font-size:12px;
	font-style:italic;
}
table.legenda {
	position:relative;
	font-size:11px;
	line-height:21px;
	float:left;
}
table.legenda + table.legenda {
	margin-left:100px;
}

#reason_box {
	position: absolute;
	display: none;
	displ3ay: block;
	width: 500px;
	height: 340px;
	background: #fff;
	padding: 12px;
	border: 1px solid #efefef;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index: 100;
	-webkit-box-shadow: 4px 5px 13px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 4px 5px 13px 0px rgba(0,0,0,0.55);
	box-shadow: 4px 5px 13px 0px rgba(0,0,0,0.55);
}
/*
#reason_box {
	position:absolute;
	display:none;
	displ3ay:block;
	width:500px;
	height:340px;
	background: #eaffea;
	padding: 12px;
	border: 1px solid #99ff99;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index:100;
	-webkit-box-shadow: 4px 5px 13px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 4px 5px 13px 0px rgba(0,0,0,0.55);
	box-shadow: 4px 5px 13px 0px rgba(0,0,0,0.55);
}
*/
.reason_box_longer {
	height:370px !important;
}
.reason_box_even_longer {
	height:490px !important;
}
#reason_box .kruisje {
	position:absolute;
	display:block;
	right:12px;
	top:12px;
	background:url(../images/remove.png) repeat;
	width:10px;
	height:10px;
	cursor:pointer;
}
#reason_box #reason_text {
	position:relative;
	display:block;
	width:392px;
	height:80px;
}
/*
#reason_box .submit_reason {
	position:relative;
	display:block;
	float:right;
	width:60px;
	height:12px;
	font-size:12px;
	line-height:12px;
	padding:4px;
	border:solid 1px red;
	background-color:#f99;
	cursor: pointer;
	text-align:center;
}
*/
#reason_box .submit_reason {
	border: solid 1px #00b300;
	background-color: ###00cc00;
	cursor: pointer;
	text-align: center;
	display: inline-block;
	height: auto;
	width: auto;
	webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.1);
	box-shadow: 0 2px 0 rgba(0,0,0,0.1);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 1;
	border: 1px solid #ddd;
	color: #666;
	padding: 0.5em;
	box-shadow: inset 0 -2px 0 rgba(0,0,0,.135);
	-webkit-box-shadow: 0 2px 0 #d6d6d6;
	box-shadow: 0 2px 0 #d6d6d6;
}

#reason_box #replace_options {
	position:relative;
	display:none;
	margin-left:20px;
}

.opacity40 {
	opacity: .4;
	filter: alpha(opacity=40);
}


.plattegrond_space {
    fill: #cccccc;
	cursor:pointer;
}
.plattegrond_space:hover { 
    fill: #999999 !important;
}
.space_line.highlighted td {
	background-color:#f99;
}
.space_line + .space_line {
	border-top:solid 1px #efefef;
}

.plattegrond_space.highlighted {
	fill:#ff9999 !important;
}
.space_line:hover {
	background-color:#efefef !important;
}

.highlighted_method td {
	background-color:#ff9;
}
.fullcover {
	position:absolute;
	display:none;
	left:0;
	top:0;
	bottom:0;
	right:0;
	z-index:999;
	background-color:#fff;
	opacity: .4;
	filter: alpha(opacity=40);
}
.dialog {
	position:absolute;
	display:none;
	width:600px;
	height:500px;
	padding:10px;
	left:50%;
	margin-left:-300px;
	margin-t1op:-250px;
	bor1der:solid 1px red;
	z-index:2001;
}
.dialog .inner_dialog {
	position:absolute;
	display:block;
	padding:20px;
	top:0;
	right:0;
	left:12px;
	bottom:0;
	background-color:#fff;
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 7px rgba(0,0,0,0.4);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.dialog .close {
	position:absolute;
	display:block;
	bor1der:solid 1px red;
	width:12px;
	height:12px;
	top:6px;
	right:6px;
	cursor:pointer;
	background:url(../images/remove.png) no-repeat;
}
.dialog .arrow {
	position:absolute;
	display:block;
	left:0;
	width:12px;
	height:24px;
	top:248px;
	background:url(../images/arrow_left.png) no-repeat;
	border:none;
}
.inner_dialog .label {
	color:#000 !important;
}
.inner_dialog select {
	width:220px;
}
.inner_dialog h4 {
	margin-top:4px;
}
.inner_dialog h4 span {
	line-height:inherit;
	font-size:12px;
	font-weight:normal;
}



.header_tabs {
	width:98%;
	border-bottom:solid 1px #bbb;
	height:33px;
	padding-left:2%;
	margin-top:20px;
	white-space:nowrap;
}
.header_tab {
	position:relative;
	float:left;
	border:solid 1px #bbb;
	background-color:#eee;
	height:12px;
	line-height:12px;
	font-size:12px;
	padding:10px;
}
.header_tab.active {
	border-bottom:solid 1px #fff;
	background-color:#FFF;
}
.header_tabs .pre , .header_tabs .post {
	border:solid 0 0 1px 0 #bbb;
	background-color:#FFF;
}
.header_tabs a {
	cursor:pointer;
}
#header_uren , #header_kosten {
	border-bottom:0;
}

.icon_placeholder {
	position:relative;
	border:solid 1px #97f;
	cursor:pointer;
}
.icon_placeholder_30 {
	width:30px;
	height:30px;
}
.icon_placeholder_40 {
	width:40px;
	height:40px;
}
.italic {
	font-style:italic;
}
.minigap {
	padding:4px 0 !important;
	width:5px;
}

.personal_workplan {
	position:relative;
	float:left;
	width:15px;
	height:15px;
	backgrou1nd:url(../images/wp_icon.png) no-repeat;
	backgro1und-position: top right;
	margin-left:5px;
	margin-top:6px;
	text-decoration:none !important;
	color: #b0b0b0;
}

.indented_label {
	text-indent:20px;
	font-size:13px;
}
.invaller2 {

}
.resttaken {

}
td.marked {
	background-color:#FF7B70;
	color:#fff;
	font-weight:bold;
	/*background-color:#666;
	color:#FF3B30;
	border-top:solid 3px #FF3B30;
	border-left:solid 1px #FF3B30;
	border-right:solid 1px #FF3B30;*/
}
.absent {
	color:purple;
	font-style:italic;
}

.title_day {
	cursor:pointer;
}

#range {
	display:none;
}
#range.show {
	display:table-row;
}
.shifts_table .datepicker {
	width:80px;
}

table.people th {
	
}
.shift_line , .shift_line td {
	height:28px;
}
.highlighter {
	color:#fff;
	font-weight:bold;
	font-style:italic;
}
.highlighter_sick , .shift_slot .highlighter_sick {
	background-color:#fff !important;
}
.highlighter_holidays , .shift_slot .highlighter_holidays {
	background-color:#6f6 !important;
}
.highlighter_absent , .shift_slot .highlighter_absent {
	background-color:#999 !important;
}


.kruis {
	position:absolute;
	display:block;
	right:12px;
	top:12px;
	background:url(../images/remove.png) no-repeat;
	width:10px;
	height:10px !important;
	cursor:pointer;
}

.day_marked {
	border-left:solid 1px red !important;
	border-right:solid 1px red !important;
	z-index:999 !important;
}
.header_tab .notification {
	position:relative;
	display:inline-block;
	border:solid 1px #000;
	background-color:#42577B;
	color:#fff;
	font-weight:bold;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	height:14px;
	width:14px;
	line-height:12px;
	font-size:10px;
	text-align:center;
	top:-1px;
}

#google_translate_element {
	position:absolute;
	display:block;
	right:0;
	top:46px;
}

.unmarked_checkbox {
	background-color:red;
}

article.site_card {
	width: 210px;
	height: 235px;
	float: left;
	margin: 0 20px 20px 0;
	position: relative;
	text-align: left;
	background: #fff;
	padding: 15px;
	text-rendering: optimizeLegibility;
	text-shadow: none;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
	box-shadow: 0 0 6px rgba(0,0,0,0.3);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
span.logo {
	margin: 0 auto 3px;
	width: 98px;
	height: 0;
	background: url() no-repeat left top;
	display: block;
	padding: 70px 0 0;
	overflow: hidden;
	text-decoration: none;
	border: none;
	background-color: none;
	position: relative;
}


.pdf , .print {
	position:relative;
	display:inline-block;
	width:16px;
	height:16px;
	font-size:12px;
	color:#000;
	padding:0;
}
.pdf {
	background:url(../images/icon_pdf.png) no-repeat;
}
.print {
	background:url(../images/icon_print.png) no-repeat;
	margin-left:20px;
}
body.methodcards_create .form , body.methodcards_edit .form {
	width:500px;
}
body.methodcards_create .textfield , body.methodcards_edit .textfield {
	width:290px !important;
	padding:3px;
}


/* method cards */
.methodCard_sheet {
	position:relative;
	display:block;
	width:885px;
	border-collapse: separate;
}
.methodCard_sheet .icon_slot {
	position:relative;
	display:table-cell;
/*	1background-color:#eee;*/
	bor1der:solid 2px #ececec !important​;
	border:solid 2px #ececec;
	padding:3px;
	width:280px;
	height:280px;
	text-align:right;
}
.methodCard_sheet .icon_gap {
	width:10px;
	border:none;
}
.methodCard_sheet .icon_gap_h {
	height:10px;
}
.methodCard_sheet .icon_slot a {
	positi1on:relative;
	disp1lay:block;
	floa1t:left;
	margin-t1op:30px;
	r1ight:0;
	font-size:11px;
}
.methodCard_sheet .icon_slot a + a:before{
	m1argin-left:5px;
	content: " | ";
}
.methodCard_sheet .rightColumn {
	background-color:#C5E2E9;
	width:265px;
}
.icon_number {
	position:absolute;
	left:5px;
	top:5px;
	font-weight:bold;
	text-align:center;
}
.icon_number.circle {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}



/* method cards - images */

.editor {
	position:relative;
	display:block;
	background-color:#eef;
	width:100%;
	min-height:200px;
	overflow:hidden;
	border:solid 1px red;
}
.workarea {
	position:relative;
	display:block;
	float:left;
	width:68%;
	min-height:200px;
	background-color:#fee;
	border:solid 1px red;
}
.current_icon {
	position:absolute;
	display:block;
	background-color:#efe;
	border:solid 1px red;
	width:200px;
	height:200px;
	background-color:#fff;
}
.tools {
	position:relative;
	display:block;
	float:left;
	width:100%;
	height:21px;
	background-color:#eee;
	bo1rder:solid 1px red;
}
.tools .tool {
	position:relative;
	display:block;
	float:left;
	width:21px;
	height:21px;
	margin-right:4px;
	background:url(../images/icon_image_edit_icons.png);
	cursor:pointer;
}
.tools .tool_move {background-position:0 0;}
.tools .tool_scale {background-position:-21px 0;}
.tools .tool_rotate_ccw {background-position:-42px 0;}
.tools .tool_rotate_cw {background-position:-63px 0;}
.tools .tool_upload {background-position:-84px 0;}
.tools .tool_delimiter {border-left:solid 2px gray;margin-left:10px;width:10px;background:none;}
/*
.tools .tool_letter {background:none;background-color:#fff;text-align:center;font-size:12px;font-weight:bold;}
*/
.upload_new {
	position:absolute;
	display:block;
}
.layers {
	position:relative;
	display:block;
	float:left;
	width:267px;
	min-height:200px;
	background-color:#ffe;
	border:solid 1px red;
	overflow:hidden;
}
.layer {
	position:relative;
	display:block;
	border:solid 1px #666;
	color:#fff;
	font-weight:bold;
	width:216px;
	height:12px;
	line-height:12px;
	font-size:12px;
	padding:11px 15px 11px 36px;
	overflow:hidden;
	max-width:245px;
	white-space: nowrap;
	text-overflow: ellipsis;
	background:url(../images/bullet.gif) no-repeat;
	background-color:#999;
}
.layeredImage {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
}
.iconImageThumb {
	position:absolute;
	display:block;
	float:left;
	left:2px;
	top:2px;
	width:30px;
	height:30px;
	background-position:center center;
	background-size:contain;
	background-repeat: no-repeat;
	background-color:#fff;
	margin-right:3px;
}
.layer_delete {
	position:absolute;
	display:block;
	width:12px;
	height:12px;
	line-height:12px;
	font-size:12px;
	color:red;
	font-weight:bold;
	top:2px;
	right:2px;
}

.icon_select {
	position:relative;
	display:block;
	float:left;
	width:200px;
	height:200px;
	margi1n-right:20px;
	margi1n-bottom:20px;
}
.icon_slot .icon_select , .icon_slot .product_icon {
	position:absolute;
	left:45px;
	top:45px;
}
.icon_select img {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
}
/*
.shiftName {
	width:110px !important;
	overflow:hidden;
	max-width:110px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
*/
.shiftName {​
	width: 150px !important;​
	overflow: hidden;​
	/*max-width: 110px;*/​
	white-space: nowrap;​
	text-overflow: ellipsis;​
}
.duration {
	text-align:right;
}
.text-align-right {
	text-align:right;
}
tr.strong td {
	font-weight:bold;
}

.filter_method {
	float:left;
	width:90% !important;
}
.filter_method_clear {
	position:relative;
	display:block;
	float:right;
	cursor:pointer;
	width:10px;
	height:10px;
	margin:7px 5px;
	background:url(../images/remove.png) repeat;
}
.filter_method_case {
	background-color:#fffda9;
}
.filter_method_case input {
	border:none;
	background-color:transparent;
}


body.location .has_buttons h1 {
	font-size: 24px !important;
	line-height: 28px !important;
	margin: 30px 0 10px !important;
	font-weight:bold !important;
}
body.location .has_buttons h1 a {
	color: #477B96;
}
img.client_logo {
	width:150px;
}

.dashboard_column {
	position:relative;
	display:block;
	float:left;
	width:18%;
	margin-right:2%;
	min-height:100px;
	overflow:hidden;
}
.dashboard_column + .dashboard_column {
	width:38%;
}
.dashboard_column + .dashboard_column + .dashboard_column {
	margin-right:0;
	padding-left:10px;
}
.dashboard_column label {
	display: inline-block;
	width:150px;
	float:left;
	font-weight:bold;
}
.border-left {
	border-left:solid 1px #999;
}


body.shifts table.checklist tbody tr + tr , body.site_checklist table.checklist tbody tr + tr , body.log table.checklist tbody tr + tr {
	border-top:solid 1px #efefef;
}
body.shifts table.checklist tbody tr:hover td , body.site_checklist table.checklist tbody tr:hover td , body.log table.checklist tbody tr:hover td {
	background-color:#efefef;
}

.wp_select_1 {
	position:relative;
	display:block;
	float:right;
	min-width:200px;
	wi1dth:200px;
	overflow:hidden;
	white-space:nowrap;
	height:45px;
	font-size:12px;
	color: #42577B;
	font-weight:bold;
}
.wp_select_2 {
	position:relative;
	display:block;
	float:left;
	width:200px;
	height:20px;
	text-align:left;
}
.showing {
	background-color:#f00;
	color:#fff;
	font-weight:bold;
}
#rcTable .duration , a.personal_workplan {
	cursor:pointer;
}

body.location .recentActivities {
	font-size:12px;
}


/*	Tags	*/
.tags{
	margin:0;
	padding:0;
	/*position:absolute;*/
	right:0;
	bottom:-12px;
	list-style:none;
	}
.tags li, .tags a{
	float:left;
	height:24px;
	line-height:24px;
	position:relative;
	font-size:11px;
	}
.tags a{
	margin-left:20px;
	padding:0 10px 0 12px;
	background:#0089e0;
	color:#fff;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;	
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;	
	border-top-right-radius:4px;	
	} 
.tags a:before{
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-12px;
	width:0;
	height:0;
	border-color:transparent #0089e0 transparent transparent;
	border-style:solid;
	border-width:12px 12px 12px 0;		
	}
.tags a:after{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 2px #004977;
	-webkit-box-shadow:-1px -1px 2px #004977;
	box-shadow:-1px -1px 2px #004977;
	}
.tags a:hover{background:#555;}	

.tags a:hover:before{border-color:transparent #555 transparent transparent;}

.methodcard_create {
	position:relative;
	display:block;
	float:left;
	width:17px;
	height:21px;
	background:url(../images/plus.png) no-repeat;
	background-position:left bottom;
	margin-right:10px;
}
body.methodcards .toggle_group {
	/*width:120px;*/
	width:19px;
	height:13px;
	line-height:13px;
	font-size:13px;
	padding:4px 4px 4px 0;
	/*padding:4px 15px 4px 0;*/
	background-position:left bottom;
}
body.methodcards .group_open {
	background-position:left bottom;
	/*margin-left:0;*/
}

.site_shifts_assign h3 , .site_shifts h3 {
	float:left;
	padding-right: 15px;
	padding-bottom: 0;
}

.scl_daysOfTheWeek + label {
	width:auto;
	min-width:15px;
	max-width:30px;
	display:inline-block;
	float:none;
	overflow:hidden;
	line-height:20px;
}
.logo_column img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.logo_column span {
	position:absolute;
	display:none;
	width:100%;
	height:12px;
	line-height:12px;
	font-size:12px;
	top:0;
	left:0;
	text-align:right;
	padding:4px 0;
	color:#000;
	background:rgba(255,255,255,0.50);
}
.logo_column:hover span {
	display:block;
}

.davecomment {
	background:yellow;
	color:red;
	font-style:italic;
}

/******************************************/
.chemical_summary {
	position:relative;
	display:block;
	float:left;
	width:200px;
	min-height:200px;
	overflow:hidden;
	padding:5px;
}
.chemical_summary + .chemical_summary {
	border-left:dotted 2px #ccc;
}
.chemical_summary_icon {
	position:relative;
	display:block;
	width:59px;
	height:59px;
}
iframe html {
	background:none;
}
.site_workplan html {
	background:none !important;
}
.clear_page {
	background-color:#fff;
	background-image:none;
}
.clear_page h2 {
	margin:10px 0;
}



/************************ danger / safety **************************/
.danger , .safety {
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center center;
}
.danger_large , .safety_large , .icon_large {
	width:100px;
	height:100px;
}
.danger_small_icon , .safety_small_icon , .icon_small {
	width:50px;
	height:50px;
}
.danger_medium_icon , .safety_medium_icon , .icon_medium {
	width:59px;
	height:59px;
}
.delimiter_medium {
	width:1px;
	height:59px;
	border-left:solid 1px #999;
	margin:0 3px;
}
.danger_smallest_icon , .safety_smallest_icon , .icon_smallest {
	width:30px;
	height:30px;
}
.danger_serious_health_hazard {
	background-image:url(../images/icons/dangers/serious_health_hazard.gif);
}
.danger_acute_toxity {
	background-image:url(../images/icons/dangers/acute_toxity.gif);
}
.danger_corrosive {
	background-image:url(../images/icons/dangers/corrosive.gif);
}
.danger_explosive {
	background-image:url(../images/icons/dangers/explosive.gif);
}
.danger_flamable {
	background-image:url(../images/icons/dangers/flamable.gif);
}
.danger_gas_under_pressure {
	background-image:url(../images/icons/dangers/gas_under_pressure.gif);
}
.danger_hazardous_to_the_environment {
	background-image:url(../images/icons/dangers/hazardous_to_the_environment.gif);
}
.danger_oxidising {
	background-image:url(../images/icons/dangers/oxidising.gif);
}


.safety_wear_glasses {
	background-image:url(../images/icons/safety/safety_wear_glasses.svg);
}
.safety_wear_appropriateclothing {
	background-image:url(../images/icons/safety/safety_wear_appropriateclothing.svg);
}
.safety_wear_gloves {
	background-image:url(../images/icons/safety/safety_wear_gloves.svg);
}
.safety_wash_hands {
	background-image:url(../images/icons/safety/safety_wash_hands.png);
}
.safety_dont_eat_drink {
	background-image:url(../images/icons/safety/safety_dont_eat_drink.gif);
}
.safety_dont_smoke {
	background-image:url(../images/icons/safety/safety_dont_smoke.gif);
}
.safety_fire_and_open_flame {
	background-image:url(../images/icons/safety/safety_fire_and_open_flame.gif);
}

.centerer {
	position:relative;
	display:block;
	height:50px;
	margin:0px auto;
}
.centerer1 {	width:50px;}
.centerer2 {	width:100px;}
.centerer3 {	width:150px;}
.centerer4 {	width:200px;}


.icon_naspoelen {
	background-image:url(../images/icons/naspoelen.png);
}
.icon_luchtdrogen {
	background-image:url(../images/icons/luchtdrogen.png);
}
.icon_bucket {
	background-image:url(../images/icons/bucket.png);
}



.action_icon {
	width:55px;
	height:55px;
	float:left;
	margin-bottom:2px;
	font-size:11px;
}
.action_icon + .action_icon {
	margin-left:2px;
}
.action_icon_empty {
	border:solid 2px black;
	word-wrap: break-word;
	color:black;
}

.exclamation {
	background:url(../images/exclamation.png) no-repeat;
	background-size:5px 17px;
	background-position:23px 8px;
}



#header_icon_create .header_tab {
	cursor:pointer;
}
#header_icon_create .active {
	cursor:default;
}
.tab_container {
	position:relative;
	display:none;
	width:100%;
	height:390px;
	overflow:auto;
}

.image_select {
	position:relative;
	display:block;
	float:left;
	width:150px;
	height:150px;
	padding:5px;
	border:solid 1px #999;
	margin:5px;
}
.container_dynamic_layers .tool_dynamic_layer {
	position:relative;
	display:block;
	float:left;
	width:150px;
	height:150px;
	padding:5px;
	border:solid 1px #999;
	margin:5px;

	height:16px;
	font-size:16px;
	line-height:16px;
	padding:72px 5px 72px 5px;
	text-align:center;
	font-weight:bold;
	cursor:pointer !important;
}

.alignright {
	text-align:right;
}

.optionButtons {
	position:relative;
	display:block;
	float:right;
	/*width:200px;*/
	/*height:60px;*/
}
.toggleWeekend {
	cursor:pointer;
}
.toggleWeekend_on {
}
.toggleWeekend_off {
	color:#999;
}

.chemicalByClient {
	position:relative;
	display:block;
	height:22px;
	padding-left:20px;
}
.chemicalByClient_in {
	background:url(../images/checkmark_green.gif) no-repeat;
	background-size:16px 16px;
	background-position: center left;
}
.chemicalByClient_out {
}






table.shift_assignment tr {
	height:28px;
}





.site_workplan_personal table.workplan tr + tr td {
	bor1der:none !important;
}
.tags a.selected {
	background-color:#f55;
}
.tags a.selected:before{
	border-color:transparent #f55 transparent transparent;
}
.tags a.selected:after{
	-moz-box-shadow:-1px -1px 2px #774900;
	-webkit-box-shadow:-1px -1px 2px #774900;
	box-shadow:-1px -1px 2px #774900;
}

.area-cl-green select {
	padding:2px;
	background-color: inherit;	/*#57a756;*/
	color:#fff;
	border:none;
}
.area-cl-green select option {
	background-color: inherit;	/*#57a756;*/
}
.black select {
	color:#000;
}
.smallText {
	font-family:Arial, Verdana;
	font-size:12px;
}

.site_shifts_assign_defaults .shiftName , .site_shifts_assign .shiftName {
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 150px;
	width: 150px;
}

.methodcards .group {
	display:none;
}
.chemical_icon_small {
	position:relative;
	display:block;
	width:50px;
	height:50px;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}

.notWorkingDay + label {
	color:#999;
}



table.workplan img {
    /*max-width: 40px !important;
	max-height: 65px;*/
	max-height: 55px;
    margin: 0 auto;
    position: relative;
}


/*summaryMethods*/

.summaryMethods {

}
.summaryMethods th {
	text-align:left;
	backgr1ound-color:#bbb;
	border:solid 1px #666;
	padding:4px;
	font-size:12px;
}
.summaryMethods td {
	border:solid 1px #666;
	padding:4px;
}
.summaryMethods img {
	position:relative;
	display:block;
	width:65px;
	max-height:65px;
	margin:0 auto;
}
.summaryMethods .icon_slot {
	position:relative;
	display:block;
	border:solid 2px #ececec;
	padding:3px;
	width:65px;
	height:65px;
	text-align:right;
}
.summaryMethods .icon_slot a {
	font-size:11px;
}
.summaryMethods .icon_slot a + a:before{
	content: " | ";
}
.summaryMethods .icon_slot .icon_select , .summaryMethods .icon_slot .product_icon {
	position:absolute;
	left:0;
	top:0;
	le1ft:45px;
	to1p:45px;
}

.summaryMethodsIcons img {
	position:absolute;
	width:65px;
	max-height:65px;
}

/*summaryMethods*/

.summaryMethods {
	width:100%;
}
.summaryMethods th {
	text-align:left;
	backgrou1nd-color:#bbb;
	border:solid 1px #ddd;
	padding:2px;
	text-transform:uppercase;
}
.summaryMethods td {
	border:solid 1px #ddd;
	padding:2px;
}
.summaryMethods img {
	position:relative;
	display:block;
	width:40px;
	max-height:40px;
	margin:0 auto;
}
.summaryMethodsIcons .icon_slot {
	position:relative;
	display:block;
	/*border:solid 1px #ececec;*/
	padding:2px;
	width:40px;
	height:40px;
	text-align:right;
	vertical-align: middle;
}
.summaryMethodsIcons .icon_slot a {
	font-size:10px;
}
.summaryMethodsIcons .icon_slot a + a:before{
	content: " | ";
}

.summaryMethodsIcons .icon_slot .icon_select {
	width:40px;
	height:40px;
}
.summaryMethodsIcons .icon_slot .icon_select , .summaryMethodsIcons .icon_slot .product_icon {
	position:absolute;
	left:0;
	top:0;
	le1ft:45px;
	to1p:45px;
}

.summaryMethodsIcons img {
	position:absolute !important;
	left:0;
	top:0;
	width:40px;
	max-height:40px;
}

.summaryMethodsIcons img.top_left , .summaryMethodsIcons img.top_right , .summaryMethodsIcons img.bottom_left , .summaryMethodsIcons img.bottom_right {
	width:20px;
	max-height:20px;
}

.summaryMethodsIcons img.top_left {
	left:0;
	top:0;
}
.summaryMethodsIcons img.top_right {
	right:0 !important;
	left:auto;
	top:0;
}
.summaryMethodsIcons img.bottom_left {
	left:0;
	bottom:0 !important;
	top:auto;
}
.summaryMethodsIcons img.bottom_right {
	right:0 !important;
	left:auto;
	bottom:0 !important;
}


.site_workplan_methods .what {
	width:192px !important;
}
.icon_number {
	width:10px;
	height:8.25px;
	font-size:8px;
	line-height:8px;
	padding-top:1px;
	background-color:#C5E2E9;
	color:#000000;
	border:solid 1px #000000;
	z-index:100;
}
.logoHeader {
	display:none;
}
.sm_what , .sm_waarmee , .sm_waarmee1 {
	/*width:66px;*/
}
.sm_what1 {
	wid1th:200px;
}

@media print{
	table.summaryMethods , .logoHeader {
		/*width:1200px;*/
	}
	.logoHeader {
		/*display:block;*/
		display: inline-table;
	}
	.summaryMethods .icon_number {
		width:20px;height:16.5px;font-size:13px;line-height:13px;padding-top:3.5px;background-color:#C5E2E9;color:#000000;border:solid 1px #000000;z-index:100;
	}
	.sm_what , .sm_waarmee , .sm_waarmee1 {
		width:85px;
	}
	.sm_what1 {
		width:200px;
	}
	.sm_line , .sm_line td {
		/*height:85px;*/
	}
	.summaryMethods th {
		border:solid 1px #ddd;
		padding:4px;
	}
	.summaryMethods td {
		border:solid 1px #ddd;
		padding:4px;
	}
	.summaryMethods img {
		width:65px;
		max-height:65px;
	}
	.summaryMethodsIcons .icon_slot {
		padding:3px;
/*		border:solid 2px #ececec;
		width:65px;
		height:65px;*/
	}
	.summaryMethodsIcons .icon_slot a {
		font-size:11px;
	}
	.summaryMethodsIcons .icon_slot .icon_select {
		width:65px;
		height:65px;
	}
	.summaryMethodsIcons img {
		width:65px;
		max-height:65px;
	}
	.site_workplan_methods .what {
		width:192px !important;
	}
}

th.sort {
	color: #477B96;
	cursor:pointer;
}
.search {
	float:right;
	margin-bottom:20px;
}
/*.search_full {
	font-size: 24px;
	width: 100%;
}*/

.search_bar {
	position:relative;
	width: 100%;
	border: solid 1px #aaa;
	margin:30px 0 10px 0;
	overflow:hidden;
}
.search_bar input {
	font-size: 24px !important;
	width: 92%;
	border:none;
	float:left;
	font-weight: 400 !important;
	padding: 3px 0px 3px 5px;
	height:28px;
}
.search_bar .clearSearch {
	width:4%;
	float:right;
	color:#f66;
	padding-top:8px;
	padding-bottom:8px;
	text-align:center;
	cursor:pointer;
}
.search_bar .clearSearch:before {
	text-align:center;
}
.sort {
	display: table-cell;
	text-decoration: none;
}
.sort:hover {
	color: #1b8aba;
}
.sort:after {
	display:inline-block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	content:"";
	position: relative;
	top:-10px;
	right:-5px;
}
.sort.asc:after {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #477B96;
	content:"";
	position: relative;
	top:4px;
	right:-5px;
}
.sort.desc:after {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #477B96;
	content:"";
	position: relative;
	top:-4px;
	right:-5px;
}

.time {
	color: #999;
}




@page {
	size: A4;
	margin: 2 cm;
}

@media print {
/*	html, body {
		width: 297mm !important;
		height: 210mm !important;;
	}*/
	/*@page {size: landscape}*/
	/*html.landscape, body.landscape {*/
	/*	width: 297mm !important;*/
	/*	height: 210mm !important;*/
	/*	!*transform: rotate(-90deg);*!*/
	/*}*/
	/*html.portrait, body.portrait {*/
	/*	width: 210mm !important;*/
	/*	height: 297mm !important;*/
	/*}*/
	/*html, body {*/
	/*	width: 210mm;*/
	/*	height: 297mm;*/
	/*}*/
	select {
		font-size: 18px;
		font-weight: bold;
	}
	table.workplan tr td.items {
		display:none;
	}
	table.workplan tr td.area-cl-green:nth-child(2) {
		display:none;
	}
	table.workplan td.what {
		width: 140px !important;
		max-width: 160px !important;
	}
	table.workplan td.how {
		width: 140px !important;
		max-width: 160px !important;
	}
	.safety {
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}
	table.workplan img {
		width: 40px;
	}
}

.how-split {
	padding:0 !important;

}
/*
.how-split .how {
	position:relative;
	display:block;
	padding:25px 4px 26px 4px;
	width: 101px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float:left;
	text-align:center;
	line-height:18px;
	height:18px;
	border:none;
}
.how-split .how + .how{
	width: 102px;
}
*//*
.how-split .how {
	position: relative;
	display: block;
	padding: 8px 4px 8px 4px;
	width: 210px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: left;
	!* text-align: center; *!
	line-height: 18px;
	height: 18px;
	border: none;
}*/
.how-split .how + .how{
	width: 210px;
}
.how-split .how {
	padding: 8px 4px 8px 4px;
	width: 210px;
	text-overflow: ellipsis;
	border: none;
}
.stats {
	font-size: 26px;
	position: relative;
}

.numbers[data-badge]::after {
	background: #2c308c;
	border-radius: 50%;
	box-shadow: 0 0 1px #e6e5e5;
	color: white;
	content: attr(data-badge);
	font-size: 0.5em;
	padding: 1px;
	position: absolute;
	right: -3px;
	text-align: center;
	top: -26px;
}

.how-split .how > .stats .numbers[data-badge]::after {
	right: -2px;
	top: -7px;
}


@media print {
	/*html, body {*/
	/*	width: 297mm;*/
	/*	height: 210mm;*/
	/*}*/
    /*@page {size: landscape}*/

	thead {display: table-header-group;}
	tfoot {display: table-header-group;}
	   
	table { page-break-inside:auto }
	tr    { page-break-inside:avoid; page-break-after:auto }

	table.workplan tr + tr td, .site_workplan_personal table.workplan tr + tr td {
		/*border-top: 1px dashed #999;*/
		/*
		https://medium.com/@luclemo/creating-true-dotted-borders-with-css-233f296d8145
		https://codepen.io/luclemo/pen/xbMdEx
		border-style: dotted;
		border-color: rgba(100, 100, 100, 1);
		border-image-source: url('../images/dots.svg');
		border-image-slice: 33% 33%;
		border-image-repeat: round;
		border-bottom-width: 1px;*/
		border-bottom:solid 0.3pt #666;
	}
	.hokje {
		border-right:solid 0.3pt #666;
		/*
		border-right-style: dotted;
		border-right-color: rgba(100, 100, 100, 1);
		border-image-source: url('../images/dots.svg');
		border-image-slice: 33% 33%;
		border-image-repeat: round;
		border-right-width: 1px;*/
	}

	.minigap {
		display:none;
	}
/*
   .nice-border {
		border-style: dotted;
		border-color: rgba(213, 126, 0, 1);
		border-image-source: url('https://cl.ly/3c2J3c0l3r0P/dots.svg');
		border-image-slice: 33% 33%;
		border-image-repeat: round;
   }*/
}

.site_configuration_customizeWorkProgram_editall select.textfield {
	width:100%;
}


.psp_container {
	margin:0;
	padding:0;
}
.psp_container td {
	margin:0;
	padding:0;
}
.vertical_tags {
	background-color:#856ec5;
	width:25%;
}
.vertical_tags + td {
	width:75%;
}

.vertical_tags li , .vertical_tags li a {
	color:#fff;
}
.vertical_tags li a.selected {
	font-weight: bold;
	text-align: center;
}
.vertical_tags li {
	padding:4px 0 4px 4px;
}
.vertical_tags ul ul li + li {
	border-top:solid 1px #8e78ca;
}
.vertical_tags li.active {
	background-image: url(../images/background-angle.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.site_calculation div.sheet > header.has_buttons {
	border-bottom:none !important;
}
.site_checklist_reportMethod #comment {
	width:445px;
}

.help-tab {
	display: block;
	position: fixed;
	top: 50%;
	right: -8px;
	border: solid 2px #fff;
	width: 50px;
	height: 120px;
	background: rgb(197,226,233);
	background: linear-gradient(144deg, rgba(197,226,233,1) 0%, rgba(245,239,230,1) 100%);
	border-radius: 8px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.5);
	writing-mode: vertical-lr;
	text-orientation: mixed;
	color:#42577B;
	font-size:25px;
	font-weight: 500;
	text-align: center;
	line-height: 2em;
	cursor: pointer;
}

.help-tab:hover {
	color:#22375B;
	background: linear-gradient(144deg, rgba(177,206,213,1) 0%, rgba(225,219,210,1) 100%);
}

.help-shade {
	display: block;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: rgba(0, 0, 0, 0.5);
	z-index:2000;
}
.help-container , .shortcuts-container {
	display: block;
	position: fixed;
	top:50px;
	bottom:50px;
	left: 50%;
	margin-left:-600px;
	width:1200px;
	border-radius: 4px;
	border: solid 5px #fff;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	/*background: rgb(197,226,233);*/
	background: #fff;
	z-index:2001;
	padding:10px;
}
.shortcuts-container {
	margin-left:-300px;
	width:600px;
	top:20%;
	bottom:20%;
	background: #fff;
	border-radius: 4px;
}
.line_container_1 {
	top:50%;
	margin-top:-100px;
	height:200px;
	bottom:auto;
}
.line_container_2 {
	top:50%;
	margin-top:-150px;
	height:300px;
	bottom:auto;
}
.line_container_3 {
	top:50%;
	margin-top:-200px;
	height:400px;
	bottom:auto;
}
.line_container_4 {
	top:50%;
	margin-top:-250px;
	height:500px;
	bottom:auto;
}
.line_container_5 {
	top:50%;
	margin-top:-350px;
	height:700px;
	bottom:auto;
}
.line_container_6 {
	top:50%;
	margin-top:-450px;
	height:900px;
	bottom:auto;
}
.line_container_1 h3 , .line_container_2 h3 , .site_configuration_division_edit h3 , .shifts_add h1 {
	margin:0;
}
iframe html {
	background-color: transparent;
}
.help-container iframe , .shortcuts-container iframe {
	width:100%;
	height:97%;
	font-family: sans-serif;
}
.line_container_1 iframe , .line_container_2 iframe , .line_container_3 iframe , .line_container_4 iframe {
	height:90%;
}
.help-container .close , .shortcuts-container .close {
	position:relative;
	display:block;
	float:right;
	text-align: right;
	margin:0 0 5px;
	font-size:22px;
	/*color:#fff;*/
	color:#999;
	font-weight:200;
	height:22px;
	line-height: 22px;
	top:-3px;
	cursor: pointer;
}
.help-container .close:hover , .shortcuts-container .close:hover {
	color:#333;
}
.stop-scrolling {
	overflow:hidden;
}

.container_narrow {
	margin-left:-213px !important;
	width:426px !important;
}

.container_wide {
	margin-left:-600px !important;
	width:1200px !important;
}

.checklist_add_container {
	margin-left:-213px !important;
	width:426px !important;
	height:350px;
	top:50%;
	margin-top:-175px;


	/*top:25% !important;*/
	/*bottom:25% !important;*/
	background: #fff !important;
	border-radius: 4px !important;
}
.checklist_add_container h3 {
	margin-bottom: 15px;
}
.addChecklistForm li {
	float: left;
	width: 130px;
	height: 85px;
	text-align: center;
	margin:5px;
}
.addChecklistForm li a {
	display: block;
	width:100%;
	height:63px;
	padding: 10px 0;
	border: solid 1px #666;
	border-radius: 5px;
	color:#000;
}
.addChecklistForm li + li {
	/*margin-left:5px;*/
}
.addChecklistForm li:hover a {
	color: #477B96;
	border: solid 1px #477B96;
}
.addChecklistForm li a:hover {
	text-decoration: none;
}
.check_details_options {
	display:block;
	float:none;
	width:100%;
	height:auto;
	overflow:hidden;
	line-height: 16px;
}
.check_details_form {
	display:block;
	float:none;
	width:100%;
	margin-top:30px;
}
.check_type span {
	font-size:11px;
	line-height:13px !important;
}
.check_details_options .active a {
	color: #fff;
	border: solid 1px #477B96;
	background-color: #477B96;
}
.check_details_options .active:hover a {
	color: #ddd;
	border: solid 1px #477B96;
	background-color: #477B96;
}
.errorline {
	color:#f00;
}

.selectScores .comment , .selectScores .thumbs {
	display: block;
	width: 100%;
	float: left;
	font-style: italic;
}
.selectScores .thumbs img {
	height:40px;
	width:auto !important;
	margin-right:2px;
	margin-top:10px;
}
.upload-block {
	margin:20px;
	width:162px;
	height:96px;
	float:left;
}
.wp_sign_dialog .upload-block {
	margin:20px;
	width:92px;
	height:58px !important;
}
.uploadProfile .upload-block {
	margin:0;
	width:162px;
	height:46px;
	float:left;
}
.upload-button {
	text-align:center;
	background-color:#329c41;
}
.uploaded-image {
	background-size:cover;
	background-position: center center;
}
.uploadProfile .upload-display i {
	font-size:12px;
}

.uploaded-images .qq-uploader						{
	background-color: #ddd;
	width: 162px !important;
	border-radius: 5px;
}
.wp_sign_dialog .uploaded-images .qq-uploader						{
	width: 92px !important;
}
.uploaded-images .qq-upload-button-selector			{background-color:#ddd;width:162px;height:74px;padding:22px 0 0 0;}
.wp_sign_dialog .uploaded-images .qq-upload-button-selector			{width:92px;height:58px !important;padding:1px 0 0 0;}
.uploaded-images .qq-upload-list-selector			{displ1ay:none !important;}
.uploaded-images .qq-upload-button-selector div		{color:#1f3370;}
.uploaded-images .qq-upload-drop-area				{background-color:#ddd;text-align:center;}
.uploaded-images .qq-upload-drop-area-active			{background-color: #fcc614 !important;}

.wp_sign_dialog .uploadProfile .qq-uploader			{background-color:#329c41;width:92px !important;border-radius: 6px;}
.uploadProfile .qq-uploader							{background-color:#329c41;width:162px !important;border-radius: 6px;}
.uploadProfile .qq-upload-button-selector			{background-color:#329c41;width:162px;height:46px;padding:1px 0 0 0;}
.wp_sign_dialog .uploadProfile .qq-upload-button-selector			{background-color:#329c41;width:92px;height:46px;padding:1px 0 0 0;}
.uploadProfile .qq-upload-list-selector				{displ1ay:none !important;}
.uploadProfile .qq-upload-drop-area					{background-color:#329c41;text-align:center;}
.uploadProfile .qq-upload-drop-area-active			{background-color: #fcc614 !important;}

#fine-uploader						{background-color:#ff0000;}
.qq-uploader-selector				{}
.qq-drop-processing-selector			{background-color:#f000f0;}
.qq-drop-processing-spinner-selector		{background-color:#f0000f;}
.qq-progress-bar-container-selector		{background-color:#000ff0;}

.qq-upload-spinner-selector			{background-color:#ffff00;}
.qq-edit-filename-icon-selector			{background-color:#ff00ff;}
.qq-upload-file-selector			{background-color:#00ffff;display:none !important;}
.qq-edit-filename-selector			{background-color:#ff0ff0;}
.qq-upload-size-selector			{background-color:#0ff0ff;display:none !important;}
.qq-upload-cancel-selector			{background-color:#0ffff0;}
.qq-upload-retry-selector			{background-color:#0fff0f;}
.qq-upload-delete-selector			{background-color:#f0f0f0;}
.qq-upload-status-text-selector			{background-color:#0f0f0f;}

.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid #0000;
	border-radius: 4px;
}





.left.dotted-gradient {
	background-image: linear-gradient(to bottom, #333 40%, rgba(255, 255, 255, 0) 20%);
	background-position: left;
	background-size: 1px 3px;
	background-repeat: repeat-y;
}
body.location .recentActivities p {
	position:relative;
	background-image: linear-gradient(to bottom, #333 40%, #fff0 20%);
	background-position: left;
	background-size: 1px 3px;
	background-repeat: repeat-y;
	padding-left: 10px;
	padding-bottom: 19px;
	margin: 0;
}
body.location .recentActivities p span {
	position:absolute;
	background-color: #477B96;
	left:-7px;
	top:2px;
	width:8px;
	height:8px;
	border-radius: 50%;
	border: solid 4px #fff;
}

.shift_space_done {
	color:#b59ef5 !important;
}






.support-icons {
	position:fixed;
	right:30px;
	bottom:50px;
	width:50px;
	/*height:90px;*/
	height:140px;
}
.support-icon {
	position:absolute;
	right:0;
	width:30px;
	height:30px;
	border-radius: 21px;
	border: solid 4px #999;
	font-size:20px;
	cursor:pointer;
	-webkit-transition: width 0.3s ease;
	-moz-transition: width 0.3s ease;
	-ms-transition: width 0.3s ease;
	-o-transition: width 0.3s ease;
	transition: width 0.3s ease;
	overflow:hidden;
	background-color: #fff;
}
.support-icon i {
	position:absolute;
	left:0;
	float:left;
	font-size:20px;
	width:30px !important;
	text-align:center;
	line-height:30px;
	width:30px;
	height:30px;
	border-radius: 21px;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.75);
}
.support-icon span {
	position:absolute;
	left:38px;
	padding-top:6px;
	display:none;
	font-size:13px;
	line-height:18px;
	font-family:sans-serif;
	font-weight:bold;
	overflow:hidden;
	white-space: nowrap;
	float:left;
	-webkit-transition: display 0.3s ease;
	-moz-transition: display 0.3s ease;
	-ms-transition: display 0.3s ease;
	-o-transition: display 0.3s ease;
	transition: display 0.3s ease;
}

.help_button_position_1 {
	top:100px;
}
.help_button_position_2 {
	top:50px;
}
.help_button_position_3 {
	top:0px;
}
/*
.support-icon.help {
	top:0;
}
.support-icon.shortcuts {
	top:50px;
}
.support-icon.report {
	top:100px;
}*/
.support-icon.help:hover {
	width:162px;
}
.support-icon.shortcuts:hover {
	width:172px;
}
.support-icon.report:hover {
	width:152px;
}
.support-ic1on:hover {
	width:200px;
}
.support-icon:hover span {
	display:inline-block;
}
/*
h1 .site_settings {
	font-size:22px;
	padding:0;
}
h1:hover .site_settings {
	display:inline-block;
}*/
.location_links {
	display:inline-block;
	float:right;
	font-weight: normal;
	color:#999 !important;
	font-size:18px;
}
.location_links a + a {
	margin-left:10px;
}
.site_users span {
	font-size: 11px;
	line-height: 11px;
	display: inline-block;
	/*margin-left: -5px;*/
	/*width: 13px;*/
	text-align: right;
	padding: 1px;
	margin-top: 0;
	margin-left:1px;
	/*border-left: 0;*/
}

.demo_indicator {
	font-family: Arial, Verdana, sans-serif;
	display: inline-block;
	background-color: #477B96;
	color: #fff !important;
	font-weight: bold;
	font-size: 10px;
	padding: 3px 5px 3px 5px;
	height: 10px;
	line-height: 10px;
	text-transform: uppercase;
	border-radius: 3px;
	margin-left: 7px;
	margin-top: -2px;
}
.manage_demo_link {
	float:right;
}



.items65 {
	width:65px;
}

/* Customize the label (the container) */
.checklist_radio_container {
	display: block;
	position: relative;
	padding-left: 45px;
	margin-bottom: 35px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	float:left;
}

/* Hide the browser's default radio button */
.checklist_radio_container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 35px;
	width: 35px;
	background-color: #ddd;
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.checklist_radio_container:hover input ~ .checkmark {
	background-color: #bbb;
}

/* When the radio button is checked, add a blue background */
/*.checklist_radio_container input:checked ~ .checkmark {
	background-color: #2196F3;
}*/
.checklist_radio_2:checked ~ .checkmark {
	background-color: #9c4e4e;
}
.checklist_radio_4:checked ~ .checkmark {
	background-color: #d6932d;
}
.checklist_radio_6:checked ~ .checkmark {
	background-color: #91953c;
}
.checklist_radio_8:checked ~ .checkmark {
	background-color: #4c964b;
}
.checklist_radio_10:checked ~ .checkmark {
	background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.checklist_radio_container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.checklist_radio_container .checkmark:after {
	top: 10px;
	left: 10px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: white;
}

.checklist_comment {
	width:520px;
	height:70px;
}

.checklist_status {
	float:right;
}

.check_top_labels label {
	position:relative;
	padding-bottom:63px;
	margin-bottom:0;
}
.check_label {
	position:absolute;
	left:0;
	bottom:0;
	width:35px;
	text-align:center;
	font-size:10px;
	display:block;
	line-height:14px;
}



.shift_cell {
	width:100px;
	border:solid 1px #D8D9D9;
	z-index:10;
}
.day_title span {
	/*display:block;*/
	/*width:100%;*/
}

.shift_cell {
	font-size:14px;
	padding:3px;
	height:100px;
}
.shift_cell .user {
	float:left;
}
.shift_cell .user.replaced {
	text-decoration: line-through;
}
.shift_cell .user.replacer {
}
.shift_cell .user.assigned {
	color:blue;
	padding:0 !important;
	background: none !important;
	/*width: 130px !important;*/
	/*width:100%;*/
	/*width:auto !important;*/
	overflow: hidden;
	/*max-width: 100px;*/
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 0;
}
.shift_cell .user.defaultAssigned {
}
.shift_cell .fa-times {
	color:red;
}
.shift_cell .replaceLink {
	font-size:11px;
	float:right;
}

.shift_cell .progress {
	display:block;
	width:100%;
	height:12px;

}
.shift_cell .progressContainer {
	display:block;
	width:70%;
	border:solid 1px #999;
	height:12px;
	float:left;
	border-radius: 9px;
	overflow: hidden;
}
.shift_cell .progressBar {
	display:block;
	background-color: #060;
	height:12px;
	/*border-radius: 8px 0 0 8px;*/
}
.shift_cell .progress span {
	float:right;
	color:#000;
	font-size:11px;
	line-height: 11px;
	text-align: right;
}
.shift_cell .duration {
	float:left;
}
.shift_cell .psp_link {
	float:right;
}
.user.unassigned span {
	font-size:10px;
	font-style: italic;
}
.shift_cell_line {
	width:100%;
	min-height: 16px;
	overflow:hidden;
}
.shift_cell_line + .shift_cell_line {
	margin-top:3px;
}
.shift_cell_line .duration {
	padding:0;
}
.shift_cell_line .user {
	cursor: pointer;
}
.shift_cell:hover {
	background-color:#eee;
}



.site_checklist_check .comments a {
	padding: 4px 7px;
}
.selectScores .uncheck {
	display:none;
}
.site_checklist_check .selectScores {
	width:346px;
}
.site_checklist_check .method_line:hover .uncheck {
	display:block;
}
.site_checklist_check td.what {
	font-weight:bold;
	vertical-align: top;
	max-width: 350px !important;
}
.site_checklist_check td.what span {
	font-style:italic;
	color:#666;
	font-weight:normal;
}

.site_workplan_4weekview table.workplan td.how {
	max-width: 170px;
	width:170px;
}
.site_workplan_4weekview .how-split .how {
	width:170px;
}
.site_workplan_4weekview table.workplan td.what {
	max-width: 170px;
	width: 170px;
}

/* icons resize */
.icon_450_png {
	margin:0 auto;
	width:10px !important;
	height:36px !important;
	background-size:contain !important;
}
.icon_337_png {
	margin:0 auto;
	width:20px !important;
	height:51px !important;
	background-size:contain !important;
}

.workplan_day {
	background-color:#f3f3f3;
}
.workplan_day_even {
	background-color: #fff;
}

.site_shifts_assign th.today {
	color: #477B96;
}
#rcTable td.today {
	background-color:#eee;
}
.checkbox_error {
	float: left;
	width: 50%;
}
.icon_exception {
	display:inline-block;
	width:12px;
}

.site_chemicals td.chemicalType {
	width:350px;
}
.site_chemicals td.chemicalType + td {
	width:22px;
}
.site_chemicals tr , .site_chemicals tr td {
	vertical-align: top;
}

.chemicalTypeBlock {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 3px;
	margin-right:2px;
}

body.site_chemicals #defaultChemicalID {
	width:335px;
}
body.site_configuration_customizeWorkProgram select#chemicalID {
	width: 210px;
}

.icon_options_delimiter {
	margin:0 3px;
	width:1;
	border-left: solid 1px grey;
}

.switch {
	position:relative;
	display: inline-block;
	white-space: nowrap;
	border-radius: 5px;
	border: solid 1px #000;
	float:left;
	padding:0;
	min-width: 170px;
	font-size:13px;
	margin-right:10px;
	background-color: #eee;
}
.switch div , .switch a {
	position:relative;
	display: inline-block;
	width:calc(50% - 22px);
	text-align: center;
	padding:1px 10px;
	float:left;
	border-radius: 5px 0 0 5px;
}
.switch div + a , .switch a + div {
	float:right;
	border-radius: 0 5px 5px 0;
}
.switch .on {
	color:#333;
	font-weight: bold;
}
.switch .off {
	background-color: #fff;
	color:#999;
	font-weight: normal;
}
.switch:hover .on {
	background-color: #fff;
	color:#999;
	font-weight: normal;
}
.switch:hover .off {
	background-color: transparent;
	color:#333;
	font-weight: bold;
}
.switch:hover a:hover {
	text-decoration: none;
	color:#333;
}
.switch + .icon_options_delimiter {
	margin-right:10px;
}


.stip_open , .stip_disabled {
	position:relative;
	display:block;
	width:16px;
	height:16px;
	background-color:#fff;
	margin:5px auto;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	border-radius: 6px;
}
.stip_open {
	border: solid 2px #f99;
	color: #f00;
}
.stip_open_today {
	/*border: solid 2px #f00 !important;*/
}
.stip_disabled {
	border: solid 2px #ccc;
	cursor: default !important;
}
.stip_groen {
	background-color:#060 !important;
	color: #fff;
}
.workplan_day .day_slot {
	cursor: pointer;
	text-align: center;
}
.check_all {
	cursor: pointer;
}


.dashboard_body {

}
.dashboard_body .section_line {
	display:block;
	min-height: 100px;
	overflow: hidden;
	vertical-align: top;
}
.dashboard_body section {
	display:inline-block;
	width:410px;
	min-height: 100px;
	overflow: hidden;
	margin-bottom:10px;
	float:left;
}
.dashboard_body section table {
	width:100%;
}
.dashboard_body section table.cols2 td {
	width:50%;
}
.dashboard_body section table.cols3 td {
	width:33%;
}
.dashboard_body section table.cols4 td {
	width:25%;
}
.dashboard_body section .shift_cell {
	height:auto;
	padding:0;
	border:none;
}
.dashboard_body section .shift_cell .progress {
	margin-top:4px;
}
.dashboard_body section .shift_cell:hover {
	background-color: #fff !important;
}
.dashboard_body_left {
	padding-right:9px;
}
.dashboard_body_right {
	padding-left:9px;
}
.dashboard_body span.floatright {
	margin-top:10px;
}
.border-bottom {
	border-bottom:solid 1px #000;
}


.selectWorkplan {

}
.selectWorkplan_none {

}
.selectWorkplan_options , .selectWorkplan_select , .selectWorkplan_copy {
	display:none;
}
.selectWorkplan:hover .selectWorkplan_none {
	display:none;
}
.selectWorkplan:hover .selectWorkplan_options {
	display:block;
}
.showWorkProgramSelection .selectWorkplan_select , .showWorkProgramCopySelection .selectWorkplan_copy {
	display:block;
}
.showWorkProgramSelection .selectWorkplan_options , .showWorkProgramCopySelection .selectWorkplan_options {
	display:none;
}
.showWorkProgramSelection .selectWorkplan:hover .selectWorkplan_options,
.showWorkProgramCopySelection .selectWorkplan:hover .selectWorkplan_options,
.showWorkProgramSelection .selectWorkplan_none,
.showWorkProgramCopySelection .selectWorkplan_none {
	display:none;
}
.selectWorkplan select {
	width:175px;
}




.wp_sign_dialog {
	background-color: #fff;
}
.wp_sign_dialog .head {
	display: block
}
.wp_sign_dialog h3 {
	float:left;
	display:block;
	width:60%;
	margin-top:0;
}
.wp_sign_dialog h5 {
	float:right;
	display:block;
	width:38%;
	margin-top:0;
	text-align: right;
	color:#666;
	font-size:12px;
	font-style: italic;
}
.wp_sign_dialog table {
	width:100%;
}
.wp_sign_dialog table td {
	width:50%;
}
.wp_sign_dialog textarea {
	width:100%;
	height:130px;
}



.day_slot .fa-comment , .day_slot .fa-picture-o {
	margin-top: 2px;
	line-height: 12px;
	position: absolute;
	margin-left: -50%;
	left: 10px;
}
.stip .fa-comment , .stip .fa-picture-o {
	left: 12px;
	margin-top: 4px;
}

.fa-comment.small-icons {
	font-size: 10px;
	left: 1px;
	margin-left: 0;
	margin-top: -2px;
}
.fa-picture-o.small-icons {
	font-size: 9px;
	left: 6px;
	margin-left: 0;
	margin-top: 6px;
}
.stip .fa-comment.small-icons {
	left: 3px;
	margin-left: 0px;
	margin-top: 0px;
}
.stip .fa-picture-o.small-icons {
	left: 8px;
	margin-left: 0;
	margin-top: 8px;
}


.frequencyPick .day_slot {
	cursor: pointer !important;
}

.space_wp .remove_wp {
	display:none;
	color: red;
}
.space_wp:hover .remove_wp {
	display:inline-block;
}

.scroll-to-top {
	position: absolute;
	font-size: 30px;
	right: 20px;
	bottom: 10px;
	z-index: 2002;
	color: #337ab7;
	text-decoration: none;
}

.site_configuration_saved_templates table tbody tr:hover {
	background-color:#efefef;
}


.incl_legenda .legenda_line {
	display:none;
}
.incl_legenda.open .legenda_line {
	display:table-row;
}
.legenda_toggle {
	cursor: pointer;
}
.legenda_toggle div {
	background: url(../images/blue_arrow_right.png) no-repeat;
	background-position: left bottom;
	border:none;
	width: 15px;
	height:21px;
}
.open .legenda_toggle div {
	background: url(../images/blue_arrow_down.png) no-repeat;
	background-position: left bottom;
}

.deviceSelection {
	cursor: pointer;
	display: inline-block;
}
.deviceSelection div {
	display:none;
	position: absolute;
	width:90px;
	border: solid 1px grey;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	left: -35px;
	top:27px;
	padding:4px;
}
.deviceSelection:hover div {
	display:block;
}
.deviceSelection div a {
	margin:0 3px;
	font-size:25px;
}


.printoptions {
	display: inline-block;
}
.printoptions div {
	display:none;
	position: absolute;
	width:280px;
	border: solid 1px grey;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	left: -260px;
	top:15px;
	padding:4px;
	z-index:1001;
	background-color: white;
}
.printoptions:hover div {
	display:block;
}
.printoption {
	display: block;
	float: left;
	width:100px;
	height:100px;
	margin:20px 18px 0 18px;
	text-align: center;
	/*border:solid 1px red;*/
}
.printoption:before {
	content: '';
	display: block;
	border:solid 3px grey;
}
.printoption.portrait:before {
	width:42px;
	height:60px;
	margin:0 auto;
}
.printoption.landscape:before {
	width:60px;
	height:42px;
	margin:9px auto;
}
/************************************************************************/
.pwp_line .what {
	width:206px !important;
}
.pwp_line .how {
	width:200px !important;
	max-width:200px !important;
}
.pwp_button {
	border-radius: 3px;
	padding: 12px 10px 8px 10px;
	text-align: center;
	color: #fff;
	float: right;
	cursor: pointer;
	margin-right:10px;
	width:21px;
	height:21px;
	font-size: 18px;
	line-height: 20px;
}
.skip_button {
	background-color: #ee7441;
}
.defect_button {
	background-color: #e85a5a;
}
.pwp_line .pwp_button {
	padding: 4px 2px 0px 2px;
	width: 16px;
	height:16px;
	display:none;
	font-size:12px;
	line-height:16px;
	margin-right:0px;
	float: left;
}
.pwp_line:hover .pwp_button {
	display:block;
}
.pwp_line .pwp_button + .pwp_button {
	margin-left:5px;
}
.buttons_container {
	width: 46px;
}