.goog-te-banner-frame {
    bottom: 0px !important;
    top: inherit !important;
}



#page-body {
    top: 0 !important;
}


	body {
		margin: 0;
		padding: 0;
		background-color: #f4efea;
		font-family: arial, sans-serif;
		color:#683b15;
	}

	h1 {
		padding:0;
		margin:0;
		color:#cdb8a5;
	}

	hr {
		border-top: none;
		border-right:none;
		border-bottom:1px solid #683b15;
	}

	input, select, textarea, .comiseo-daterangepicker-triggerbutton.ui-button {
		padding:8px;
		border-radius:7px;
		border: 1px solid #9a8471;
		background-color:#f7f3f0;
	} 

	input.colorpicker {
		padding: 0;
	}

	.confirm-registration table.table-fullwidth td label {
		display: none;
	}

	td i.fa-user {
		background-color: #eee;
	    width: 30px;
	    height: 22px;
	    text-align: center;
	    padding-top: 8px;
	    border-radius: 50%;
	}

	.featherlight .featherlight-content {
		padding:0;
		background-color: transparent;
	}


	.hidden {
		display: none;
	}

	.block.expandable label {
		opacity: 0.8;
		color:#333;
	}


	/* SEGMENTED CONTROL BUTTONS */

	.found {
		background-color: #f4dc8b;
		border-radius: 2px;
		font-weight: bold;
	}

	.segmented {
    	display: inline-block;
	}
	.segmented .label {
	    background-color: #eee;
	    background-image: linear-gradient(to bottom, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
	    border: 1px #ccc;
	    border-style: solid none solid solid;
	    color: #777;
	    cursor: pointer;
	    float: left;
	    padding: 8px;
	    text-align: center;
	    text-shadow: 1px 1px #fff;
	    min-width: 80px;
	}
	.segmented :first-child .label {
	    border-radius: 7px 0 0 7px;
	}
	.segmented :last-child .label {
	    border-radius: 0 7px 7px 0;
	    border-right-style: solid;
	}
	.segmented input {
	    display: none;
	}
	.segmented input:checked + .label {
	    background-color: #00f;
	    background-image: linear-gradient(to bottom, hsl(214,90%,40%) 0%, hsl(214,90%,70%) 100%);    
	    border-color: hsl(214, 90%, 60%);
	    box-shadow: 3px 2px 10px rgba(0,0,0,.2) inset, -3px 2px 10px rgba(0,0,0,.2) inset;
	    color: #fff;
	    text-shadow: -1px -1px rgba(0,0,0,.3);
	}

	.segmented .label {
	    background-image: -moz-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
	    background-image: -ms-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
	    background-image: -webkit-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
	    background-image: linear-gradient(to bottom, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
	}
	.segmented input:checked + span {
	    background-image: -moz-linear-gradient(top, hsl(214,90%,40%) 0%, hsl(214,90%,70%) 100%);
	    background-image: -ms-linear-gradient(top, hsl(214,90%,40%) 0%, hsl(214,90%,70%) 100%);
	    background-image: -webkit-linear-gradient(top, hsl(214,90%,40%) 0%, hsl(214,90%,70%) 100%);
	    background-image: -webkit-linear-gradient(to bottom, hsl(214,90%,40%) 0%, hsl(214,90%,70%) 100%);
	}

	form .segmented label {
		font-weight: bold;
		float:none;
		width:auto;
		min-width:none;
	}



/* ---------------- */


	.ui-button-text-icon-secondary .ui-button-text {
		padding:0;
		color:#333;
		font-weight: normal;
		text-shadow: none;
	}

	.clickable {
		cursor: pointer;
	}

	.clickable:hover {
		opacity: 0.7;
	}

	select {
		height:36px;
	}

	body.overview-action td.image img,
	td.image .small,
	img.small {
		height:40px;
	}

	img.circle {
		border-radius: 50%;
		width:40px;
		height: auto !important;
		z-index: 20;
	}

	img.circle.smaller {
		width:30px;
	}

	img.person {
		width:100px;
		border: 1px solid #e0cec0;
	}

	img.person-small {
		width:70px;
		border: 1px solid #e0cec0;
	}

	.align-left {
		float:left;
		margin-right: 10px;
	}

	body.overview-action td.image img.hover-zoom:hover,
	td img.hover-zoom:hover {
		width:150px;
		position: absolute;
		margin-left:-50px;
		margin-top:-75px;
	}

	.customer.overview-action tbody td.points.points {
		font-size: 14px;
	}

	.overview-action tr td:first-child {
		font-weight: bold;
	}

	a,
	a:link,
	a:visited {
		color:#6ebf5d;
		
	}

	a:hover {
		color: #f58a1e;
	}

	a.big {
		color: #683b15;
		border-bottom:1px dotted #cdb8a5;
		text-decoration: none;
		font-size: 16px;
		font-weight: bold;
	}

	i.big-icon {
		color: #cdb8a5; 
		font-size:30px; 
		margin:10px;
	}

	ul.nav a,
	ul.nav a:link,
	ul.nav a:visited {
		color: #f58a1e;
	}

	ul.nav a span {
		padding: 0 0 5px;
	}
	
	ul.nav .menu-info {
		margin-left: -5px;
		white-space: nowrap;
		padding-top: 18px;
		padding-right: 25px;
		padding-left: 25px;
		color:#6ebf5d;
		font-weight: normal;
		font-size: 12px;
	}

	ul.nav a:hover {
		color:#6ebf5d;
	}

	ul.nav a:hover span {
		box-shadow: 0 2px 0 0 #6ebf5d;
		
	}

	ul.nav li.has_children a span:after {
		content: "\f103";
	    margin-left: 0.35em;
	    font-family: "FontAwesome" !important;
	    font-style: normal !important;
	    font-weight: normal !important;
	    text-decoration: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	}


	.file-thumb span:before {
	    margin-right: 0.35em;
	    font-family: "FontAwesome" !important;
	    font-style: normal !important;
	    font-weight: normal !important;
	    text-decoration: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    font-size: 20px;
	}

	.file-thumb.file-doc span:before,
	.file-thumb.file-docx span:before  {
		content: "\f1c2";
	}

	.file-thumb.file-pdf span:before {
		content: "\f1c1";
	}

	.file-thumb.file-xls span:before,
	.file-thumb.file-xlsx span:before  {
		content: "\f1c3";
	}

	a.file-thumb  {
		color:gray !important;
		text-decoration: none;
	}

	form label {
		font-weight: bold;
		float:left;
		width:25%;
		min-width: 220px;
	}

	form label.small {
		min-width: 130px;
	}

	form .value label,
	.filter form label {
		font-weight: normal;
	}

	.form-group {
		margin-top:10px; 
	}

	ul.nav li.has_children li a span:after {
		content: "";
		margin-left: 0em; 
	}

	.truncate {
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}

	.ui-front.comiseo-daterangepicker {
		z-index:7000;
		background-color: #fff;
		box-shadow: 0 6px 6px -2px #683b15;
	}

	.table-sortable .sortable {
		cursor: move;
	}

	.table-sortable .sortable:after { 
		content: "\f0dc";
		margin-left: 0.35em;
	    font-family: "FontAwesome" !important;
	    font-style: normal !important;
	    font-weight: normal !important;
	    text-decoration: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	}

	.sort:after {
		opacity: 0.5;
		content: "\f0dc";
		margin-left: 0.35em;
	    font-family: "FontAwesome" !important;
	    font-style: normal !important;
	    font-weight: normal !important;
	    text-decoration: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	}

	.sort.sort-asc:after {
		content: "\f0de";
		opacity: 1;
	}

	.sort.sort-desc:after {
		content: "\f0dd";
	    opacity: 1;
	}

	.block.tip {
		background-color: #f7f2d6;
		border: 1px solid #c8b23b;
		color:#bfa515;
	}

	.tooltip {
		border-bottom: 1px dotted #ccc;
	}

	 .ui-tooltip {
	    padding: 10px 20px;
	   	background-color: white;
	    border-radius: 10px;
	    box-shadow: 0 0 7px black;
	    font-size:11px;
	  }

	thead a,
	thead a:link,
	thead a:visited {
		color: #683b15;
	}

	.admin #title {
		float: left;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	#title {
		padding-top: 5px;
		padding-bottom: 10px;
		display: block;
	}

	#logo {
		height:59px;
	}
	
	.block {
		clear: both;
		background: #fff;
    	border-radius: 8px;
    	padding:10px;
    	margin-bottom: 15px;
	}

	
	.block.note {
		background: #f6f6cd;
	    padding: 10px;
	    border: 1px solid #ccc;
	}


	.block.transparent {
		padding: 0;
		background:none;
		margin-bottom: 0px;
	}


	.block.block-light-neutral {
		background-color: #ebdfd6;
	}

	.block.block-light-neutral.block-transparent {
		background-color: transparent;
		background-image: url(../img/light-neutral-trans.png);
		background-repeat: repeat;
	}

	.block-transparent {
		background-image: url(../img/light-neutral-trans.png);
		background-repeat: repeat;
	}

	.block.block-light-neutral h2 {
		background-color: #9d7d62;
		color:#fff;
	}

	.block.block-neutral h2 {
		background-color: #876243;
		color:#fff;
	}

	.block.block-dark-neutral h2 {
		background-color: #683b15;
		color:#fff;
	}

	.block.block-dark-neutral .empty {
		color: #683b15;
	}

	.block.block-dark-neutral {
		background-color: #a9927f;
		color:#fff;
	}

	.block.half-size {
		width:47%;
		width: calc(49% - 20px);
		float:left;
		clear:left;
	}
	


	.block.half-size.left {
		clear:left;
		margin-right:2%;
	}

	.block.half-size.right {
		clear: right;
		float: right;
	}

	.bsn span {
		background-color: #e5f0f9;
		border-radius: 7px;
		padding:4px;
		color:#01689b;
		display:inline-block;
		margin-bottom: -5px;
	}

	td.bsn span {
		margin-bottom: 0px;
	}

	.btn-big {

		display: block;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
		background: #000;
		border-radius: 5px;
    	box-shadow: 1px 1px 3px #888888;
    	margin-bottom: 15px;
    	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);

	}

	.btn-big {
		color:#fff;
		cursor: pointer;
		overflow: hidden;
    	text-overflow: ellipsis;
	}

	.btn-big:hover {
		color:#fff;	}

	a.btn-big,
	a.btn-big:link {

		color: #fff;
		text-decoration: none;
	}


	.btn-big.calendar span:after {
		content: "\f073";
	}

	.btn-big.correspondence span:after {
		content: "\f0f6";
	}

	.btn-big.budget span:after {
		content: "\f080";
	}

	.btn-big.ecd span:after {
		content: "\f2b9";
	}
	

	.btn-big.tasks span:after {
		content: "\f233";
	}

	.btn-big span:after {
			display: block;
		    font-size: 60px;
		    font-family: "FontAwesome" !important;
		    font-style: normal !important;
		    font-weight: normal !important;
		    text-decoration: inherit;
		    text-rendering: auto;
		    -webkit-font-smoothing: antialiased;
	}

	.one-fifth-size {
		width:19.25%;
		display: block;
		float:left;
		margin-left:0.75%;
	}

	.one-fifth-size:first-child {
		margin-left: 0%;
	}

	.one-fourth-size {
		width:24.25%;
		display: block;
		float:left;
		margin-left:1%;
	}

	.one-fourth-size:first-child {
		margin-left: 0%;
	}

	.one-third-size {
		width:32%;
		display: block;
		float:left;
		margin-left:2%;
	}

	.one-third-size:first-child {
		margin-left: 0%;
	}

	
	.customer .btn-big {
		min-height: 150px;
	}

	.customer .block.package {
		
	}

	.customer .btn-big {
		padding:10px;
	}

	.customer .btn-big span {
		display: block;
		margin-top:20px;
	}

	.admin.invoicing .block h2 {
		background-color: #c70000;
	}

	.block div.value {
		margin-bottom: 8px;
	}

	.block h2 {
		margin:-10px;
		margin-bottom:0px;
		background-color:#f58a1e;
		color:#fff;
		padding:8px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 18px;
    	border-top-left-radius: 8px;
    	border-top-right-radius: 8px;
	}

	.customer-block {
		background-color: #fbf9f7;
	}

	.customer-block h1 {
		color:#683b15;
	}

	.customer-block  label {
		display: inline-block;
		width: 130px;
		color:#aaa;
	}

	.inner-block {
		padding:10px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
	}

	.inner-block h3 {
		margin:0px;
	}

	#customer-header,
	.inner-block.filter {
		background-color:#ccc;
		margin:-10px;
		margin-bottom: 0px;
		margin-top: 0px;
		padding:10px;
		background-image: url(../img/effect.png);
		background-size: cover;
	}

	.inner-block.filter h3 {
		margin: 0;
	}

	.inner-block .btn {
		margin-top: 5px;
	}

	.table-fullwidth  .virtual-group td:last-child {
		text-align: left;
		line-height: 40px;
		font-size: 23px;
		text-transform: capitalize;
	}

	.filter-wrapper {
		float: left;
		margin-right: 10px;
		margin-bottom: 8px;
	}

	.filter-wrapper label {
		font-size: smaller;
	}

	.filter-buttons {
		float:right;
		margin-top:14px;
	}



	.alert-box {
		clear:both;
		margin-bottom:10px;
	}

	.alert {
		border-radius: 7px;
		border:1px solid;
		padding:9px;
	}

	.alert h2 {
		margin:0;
	}

	.color-preview {
		width: 20px;
		height: 20px;
		border:1px solid #e7dcd1;
		border-radius: 7px;
	}

	.color-preview.status {
		width: 15px;
		height: 15px;
		border:1px solid #e7dcd1;
		border-radius: 15px;
	}

	.alert-success {
		border-color:#6fc05d;
		background-color: #e2efdf;
		color:#49a335;
	}

	.alert-danger {
		border-color:#d72e2e;
		background-color: #f0dede;
		color:#b22b2b;
	}

	.alert-warning {
		background-color: #fffbd3;
	}


	.note {
		background:#f6f6cd; padding:10px; margin-bottom:20px; border:1px solid #ccc; border-radius:5px;
	}


	.note-hidden .bubble {
		background-color: #f4efea;
	}


	.note-hidden .bubble:after {
		
	    border-color: transparent #f4efea;
	}

	.note h3 {
		margin-top: 0;
		margin-bottom: 5px;
	}

	.bubble {
	  	margin-left: -10px;
	    position: relative;
	    width: 100%;
	    padding: 5px;
	    background: #FFFFFF;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	}

	.bubble:after {
	    content: "";
	    position: absolute;
	    top: 14px;
	    left: -10px;
	    border-style: solid;
	    border-width: 6px 10px 6px 0;
	    border-color: transparent #FFFFFF;
	    display: block;
	    width: 0;
	    z-index: 1;
	}

	.bubble.right {
	   right:10px;
	}

	.bubble.right:after {
	    left: auto;
	    right:-10px;
	    border-width: 6px 0 6px 10px;
	}

	.admin #logo {
		height:29px;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
		color:inherit;
	}

	.ui-overlay-a, .ui-page-theme-a {
		background-color: #f4efea;
	}

	.blur-filter {
	    -webkit-filter: blur(2px);
	    -moz-filter: blur(2px);
	    -o-filter: blur(2px);
	    -ms-filter: blur(2px);
	    filter: blur(2px);
	}

	.container {
		max-width:1200px;
		margin-left: auto;
		margin-right: auto;
		padding:10px;
	}

	.content .container {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.customer-block {
		padding-top: 0px;
	}

	.admin .customer-block {
		padding-top: 10px;
	}

	#customer-header {
		padding-bottom: 0px;
		margin-bottom: 10px;
	}

	.count {
		background-color: #4f7748;
		border-radius: 6px;
		color:#fff;
		padding:2px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.admin ul.nav a span.count {
		padding-top: 2px;
		padding-left: 4px;
		padding-right: 4px;
	}

	.count.appointment {
		background-color: #5667a3;
	}

	.container.text {
		padding:20px;
	}

	.header {
		background-color: #fff;
		position: fixed;
		width:100%;
		top:0;
		box-shadow: 0 2px 2px -2px #ccc;
		z-index: 5000;
	}

	.content {
		margin-top:84px;
	}

	.admin .content {
		margin-top:63px;
	}


	.footer {
		text-align: center;
		margin-top: 30px;
	}

	.footer .version {
		font-weight: bold;
		margin-bottom: 15px;
	}

	.footer h3 {
		color: #444;
	}

	#mainmenu {
		float:right;
		position: relative;
	}

	.loginfo {
		font-size:12px; color:#5fb84e;
		font-weight: bold;
	}

	.info {

	}

	ul.nav a {
		color:inherit;
		text-decoration: none;
	}

	ul.nav {
	  text-align: left;
	  display: inline;
	  margin: 0;
	  padding: 15px 4px 17px 0;
	  list-style: none;
	}
	ul.nav li {
	  color: #f58a1e;
	  font-size: 18px;
	  font-weight: bold;
	  display: inline-block;
	  margin-right: -4px;
	  position: relative;
	  cursor: pointer;
	  -webkit-transition: all 0.2s;
	  -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}

	.admin ul.nav li {
		font-size: 14px;
		padding-top: 2px;
	}

	.header.admin .container {
		padding:0;
		padding-left: 5px;
		padding-right: 5px;
	}

	.admin ul.nav li a {
		padding-right:0px;
	}

	.admin ul.nav a span {
		padding: 0 0 2px;
	}


	ul.nav li a {
		display: block;
	  	padding: 20px 15px;
	  	white-space: nowrap;

	}

	ul.nav li li a {
	  	margin: 0px 20px;
	  	padding: 0px;
	  	padding-top: 10px;
	  	padding-bottom: 10px;
	  	border-top: 1px solid #ffe8d1;
	}

		
	ul.nav li.right-alignment li a {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}


	ul.nav li li a.no-line {
		border-top: 0px;
	}

	ul.nav li li:last-child {
	  	padding-bottom: 5px;
	}


	ul.nav li:hover {
	}
	ul.nav li:hover span,
	ul.nav li:hover li:hover span {
	  box-shadow: 0 2px 0 0 #6ebf5d;
	  color: #6ebf5d;
	}

	ul.nav li:hover li span {
	  box-shadow: none;
	  color: #f58a1e;
	}


	ul.nav li a.todo,
	ul.nav li.todo a,
	.admin ul.nav li.todo a span {
		color:#aaa !important;
	}


	ul.nav li ul {
	  padding: 0;
	  position: absolute;
	  top: 60px;
	  left: -5px;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  display: none;
	  opacity: 0;
	  visibility: hidden;
	  -webkit-transiton: opacity 0.2s;
	  -moz-transition: opacity 0.2s;
	  -ms-transition: opacity 0.2s;
	  -o-transition: opacity 0.2s;
	  -transition: opacity 0.2s;
	}



	ul.nav li.separator span {
		border-bottom: 1px solid #cdb8a5;
		display: block;
		margin-left:20px;
		margin-right:20px;
		margin-bottom:0px;

	}


	ul.nav li.separator:hover span,
	ul.nav li:hover li.separator:hover span {
		box-shadow:none;
		border-bottom: 1px solid #cdb8a5;
	  	color: #fff;
	  	cursor: default;
	}

	ul.nav li.separator {

		margin-bottom:-3px;
		z-index: 9000;
	  	padding-top: 8px;
	  	padding-bottom: 8px;
	}


	ul.nav li.right-alignment ul {
		text-align: right;
	  left: auto;
	  right:-15px;
	}



	ul.nav li ul li { 
	  background: #fff; 
	  display: block; 
	}
	ul.nav li ul li:hover {  }
	ul.nav li:hover ul,
	ul.nav li.hovered ul {
	  display: block;
	  opacity: 1;
	  visibility: visible;
	}	

	.banner {
		background: no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.btn-bar {
		margin-top:-4px;
		text-align: right;
		float: right;
		clear:right;
	}

	#inscreen-alert {
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		width: 60%;
		text-align: center;
		position: absolute;
		padding:10px;
		background-color: green;
		color:#fff;
		font-weight: bold;
		border-top: 0px;
	}

	#inscreen-alert.error {
		background-color: red;
	}

	#title-bar {
		z-index:4999;
		padding-top: 10px;
		width: 100%;
		position:fixed;
		background-color: #f4efea;
	}

	#title-bar .bar-holder {
		max-width: 1220px;
		margin-left: auto;
		margin-right: auto;
	}



	#title-bar .btn-bar,
	#title-bar #title {
		padding-left:10px;
		padding-right:10px;
	}


	.btn,
	.btn-big {
		/*
		margin-right: -1px;
		margin-bottom: -1px;
		*/
	} 

	.btn:hover,
	.btn-big:hover {

		box-shadow: 1px 1px 3px #333;
		/*
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: -1px;
		margin-top: -1px;
		*/
	} 

	a.btn {
		text-decoration: none;
		color:#fff;
	}


	.btn span:before {
			margin-left: 0.25em;
		    margin-right: 0.25em;
		    font-size: 16px;
		    font-family: "FontAwesome" !important;
		    font-style: normal !important;
		    font-weight: normal !important;
		    text-decoration: inherit;
		    text-rendering: auto;
		    -webkit-font-smoothing: antialiased;
	}

	.ui-button,
	.btn {
		/* color:#683b15;
		border:1px solid #683b15;
		background: #ebdfd6;
		*/

		color:#fff;
		border:1px solid #333;
		background: #683b15;
		
		cursor: pointer;
		border-radius: 5px;
		padding:8px;
		padding-left: 12px;
		padding-right: 12px;
		display: inline-block;
		font-weight: bold;
    	box-shadow: 1px 1px 3px #888888;
    	min-width: 24px;
    	text-align: center;

    	text-decoration: none;
    	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	}


	.dropdown {
	    position: relative;
	    display: inline-block;
	}

	/* Dropdown Content (Hidden by Default) */
	.dropdown-content {
		display: none;
	    position: absolute;
	    right:0;
	    background-color: #f9f9f9;
	    min-width: 160px;
	    width: 250px;
	    font-size:11px;
	    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	    z-index: 1;
	}

	/* Links inside the dropdown */
	.dropdown-content a {
	    color: black;
	    padding: 12px 16px;
	    text-decoration: none;
	    display: block;
	}

	/* Change color of dropdown links on hover */
	.dropdown-content a:hover {background-color: #f1f1f1}

	/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
	.show {display:block;}


	.ui-button {
		padding:0;
	}

	table.table-fullwidth tr td .btn,
	table.table-fullwidth-not-responsive tr td .btn {
		padding:2px;
		margin-bottom: 2px;
	}

	body.registration .table-fullwidth td  {
		/*vertical-align: top;*/
	}

	a.canvasjs-chart-credit {
		display: none;
	}

	.page:not(.admin) {
		background-image: url(../img/bg-cover-white.jpg);
	    background-color: rgba(0, 0, 0, 0);
	    background-size: cover;
  		background-attachment: fixed;
	    background-position: 50% 50%;
	    background-repeat: no-repeat;
	}

	.page.auth,
	.page.password {
		background-image: url(../img/bg-cover.jpg);
	    background-color: #444;
	    background-size: cover;
  		background-attachment: fixed;
	    background-position: 50% 50%;
	    background-repeat: no-repeat;
	}



	.page.auth #title,
	.page.auth #title h1,
	.page.password #title,
	.page.password #title h1 {
		color:#fff;
		margin-top: 20px;
		display: block;
		float:none;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.68);
		font-size: 40px;
	}

	.page.auth .block,
	.page.password .block {
		background: url(../img/white-trans-60.png);
	}

	html, body {height: 100%;}
	.page .content {
		min-height: 90%;
	}

	.page.registration .table-wrapper {
		margin-bottom: -10px;
	}

	.page.registration .table-wrapper tfoot tr {
		background-color:#f58a1e;
		color:#fff;
	}

	.page.registration .block h2 {

	}

	.page.registration .est label,
	.page.registration .task label {
		display: none;
	}

	tr.new.employee-line .postpone,
	tr.new.employee-line .change-employee {
		display: none;
	}

	tr.employee-line.change-employee .employee {
		display: none;
	}

	tr.employee-line .employee {
		display: none;
	}

	tr.marked-for-deletion {
		opacity: 0.7;
		background:#b22b2b;
		color:#fff;
	}

	tr.change-employee {
		background:#5667a3;
		color:#fff;
	}

	tr.change-employee input,
	tr.change-employee select {
		opacity: 0.7;
	}

	tr.change-employee select.employee {
		opacity: 1;
	}

	tr.change-employee .line-modifiers .btn.hide-line {
		display: none;
	}
	tr.change-employee .line-modifiers .btn.undo {
		display: inline-block;
	}

	tr.change-employee .line-modifiers .employee {
		display: inline-block;
	}
	tr.marked-for-deletion .line-modifiers .btn.hide-line {
		display: none;
	}
	tr.marked-for-deletion .line-modifiers .btn.undo {
		display: inline-block;
	}

	tr.marked-for-postpone {
		opacity: 0.7;
		background:#1d7bcb;
		color:#fff;
	}

	tr.marked-for-postpone .line-modifiers .btn.hide-line {
		display: none;
	}
	tr.marked-for-postpone .line-modifiers .btn.undo {
		display: inline-block;
	}

	tr .line-modifiers .status {
		display: inline-block;
	}

	tr .line-modifiers .status:before {
			margin-left: 0.25em;
		    margin-right: 0.25em;
		    font-size: 20px;
		    font-family: "FontAwesome" !important;
		    font-style: normal !important;
		    font-weight: normal !important;
		    text-decoration: inherit;
		    text-rendering: auto;
		    -webkit-font-smoothing: antialiased;
		    opacity: 0.7;
	}

	tr.marked-for-postpone .line-modifiers .status:before {
		content: "\f254";
	}
	tr.marked-for-deletion .line-modifiers .status:before {
		content: "\f00d";
	}

	tr .line-modifiers .btn.undo {
		display: none;
	}

	.table-wrapper tfoot td:first-child {
		border-bottom-left-radius:8px;
	}

	.table-wrapper tfoot td:last-child {
		border-bottom-right-radius:8px;
	}


	.table-fullwidth.with-specification tr.specification td {
		border-top: 0px;
	}

	.sub-header-row {
		background-color: #eee6df;
	}

	.table-fullwidth .sub-header-row td,
	.table-fullwidth.with-specification tr.sub-header-row  td {
		text-align: left;
		font-weight: bold;
		padding:10px;
		border-top: 1px solid #cdb8a5;
	}

	.table-fullwidth  .specification td , 
	.table-fullwidth-not-responsive .specification td {
		opacity: 0.7;
		font-size: 11px;
	}


	table tr.sp {
		display: none;
	}

	.btn.tiny span:before {
		font-size: 9px;
	}

	a.btn.tiny {
		background-color:#f4efea !important;
		border: 0 !important;
		color:#333;
		text-shadow:none;
		box-shadow: none !important;
	}

	.table-fullwidth td a.btn.tiny {
		font-size:10px;
	}

	.relative-inline{ 
		display:inline-block; 
		position:relative;
	}

	.btn.delete,
	.btn.unlink {
		/*border-color:#d72e2e;*/
		background-color: #b22b2b;
		border:1px solid #900404;
	}

	.btn.undo {
		/*border-color:#d72e2e;*/
		background-color: #333;
		border:1px solid black;
	}
	.btn.undo span:before {
		content: "\f0e2";
	}

	.btn.list span:before {
		content: "\f03a";
	}

	.btn.check span:before {
		content: "\f14a";
	}

	.btn.postpone {
		/*border-color:#d72e2e;*/
		background-color: #1d7bcb;
		border:1px solid #1d5687;
	}
	.btn.postpone span:before {
		content: "\f254";
	}

	.btn.change-employee {
		background-color: #5667a3;
		border: 1px solid #888;
	}

	.btn.change-employee:hover {
		background: green;
    	border: 1px solid #216705;
	}

	.btn.change-employee span:before {
		content: "\f061";
	}
	
	.btn.change-employee span:after {
		margin-left: 0em;
	    margin-right: 0.25em;
	    font-size: 16px;
	    font-family: "FontAwesome" !important;
	    font-style: normal !important;
	    font-weight: normal !important;
	    text-decoration: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
		
		content: "\f234";
	}

	.btn.limit,
	.block.limit h2 {
		background-color:#5a346e;
	}

	.btn.custom,
	.btn.btn-dark,
	.btn.link,
	.btn.add,
	.btn.save {
		background: green;
		border:1px solid #216705;
	}

	.btn.edit {
		background:#df7409;
		border:1px solid #8f5113;
	}

	.btn.file span:before {
		content: "\f15b";
	}

	td.align-right {
		text-align: right;
	}

	.block h2 {
		display: block;
	}
	
	.block h2 .btn,
	.block .btn.small {
		float:right;
		margin:-4px;
		font-size: 14px;
		padding:5px;
		min-height:20px;
	}

	.right-aligned-in-block {
		float:right;
		margin:4px;
		margin-right:10px;
	}

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

	.right-aligned-in-block:after,
	.block .actions:after {
	  visibility: hidden;
	  display: block;
	  font-size: 0;
	  content: " ";
	  clear: both;
	  height: 0;
	}

	.clearfix {clear:both;}

	.block .actions:before,
	.block .actions:after {
	  content: "";
	  display: table;
	} 
	.block .actions:after {
	  clear: both;
	}
	.block .actions {
	  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
	}

	.ui-menu .ui-state-focus {
		margin: 0;
	}

	.btn.calendar span:before {
		content: "\f073";
	}

	.btn.unlink span:before {
		content: "\f127";
	}

	.btn.print span:before {
		content: "\f02f";
	}

	.btn.info span:before {
		content: "\f05a";
	}

	

	.btn.edit span:before {
		content: "\f040";
	}

	.btn.mail span:before {
		content: "\f0e0";
	}

	.btn.pdf,
	.btn.invoice {
		background-color:#c70000;
	}

	.btn.period,
	.period .block h2 {
		background-color: #7e2461;
	}
	.btn.word span:before {
		content: "\f1c2";
	}
	.btn.pdf span:before {
		content: "\f1c1";
	}
	.btn.invoice span:before {
		content: "\f153";
	}

	


	.btn.debtor span:before {
		content: "\f153";
	}

	.btn.tasks span:before {
		content: "\f233";
	}

	.btn.saldo span:before {
		content: "\f009";
	}

	.btn.correction span:before {
		content: "\f069";
	}

	
	.btn.history span:before {
		content: "\f1da";
	}
	.btn.finished span:before {
		content: "\f11e";
	}
	.btn.accorderen span:before {
		content: "\f017";
	}
	.btn.accorderen span:after {
		content: "✓"; 
		padding-right: 5px;
		font-size: 12px;
	}
	.btn.delete span:before {
		content: "\f00d";
	}
	.btn.hide span:before {
		content: "\f070";
	}

	.btn.undelete span:before {
		content: "\f0e2";
	}

	.btn.duplicate span:before {
		content: "\f0c5";
	}

	.auto-fill {
		background-color:#fdebad;
	}

	.block.history {
		box-shadow: 10px 10px rgba(0,0,0,0.2); margin-left:-10px; margin-bottom:25px; margin-right:10px;
	}

	.block.history h2 {
		background-color: #999;
	}

	.block.history h2:before {
		content:"\f1da";		
		margin-left: 0em;
	    margin-right: 0.25em;
	    font-size: 16px;
	    font-family: "FontAwesome" !important;
	    font-style: normal !important;
	    font-weight: normal !important;
	    text-decoration: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	}
	
	.care-icon {
		background-color:red; 
		width:18px;
		padding:5px;
		border-radius: 50%;
		font-size: 18px;
		color:#fff;
	}

	#add-goal {
		 margin:0; margin-top:10px;width:100%; background-color:transparent;
		border-top:1px solid rgba(255,255,255,0.3);
	}

	#add-goal td {
		vertical-align: top;
		background-color:transparent;
		border:0;
	}

	.evaluation_moment {
		font-size: 12px;
		border-radius: 4px;
		padding:2px;
		padding-left:5px;
		padding-right:5px;
		color:#fff;
		white-space: nowrap;
	}

	.manual-show {
		display: none;
	}

	.ecd-action .table-wrapper {
		overflow-y: scroll;
	}

	.ecd-log td,
	.ecd-particularity td {
		vertical-align: top;
	}

	.ecd-header {
		margin-top: -20px;
		margin-bottom: -20px;
		padding:10px;
	}

	.ecd-header small,
	h3 small { 
		font-weight: 300;
	}

	.ecd-header a {
		color:;
	}

	.ecd-occurance.new {
		background-color: #d8d6cb;
		margin-bottom:10px;
	}

	.occurance-details-table {
		width: 100%;
	}

	.closed-collection-timeline {
		display: none;
	}

	.edit-inline {
		opacity:0.4;
	}

	a:hover .edit-inline {
		opacity:1;
	}

	.ecd-timeline .occurance-details-table tr td {
		border-top:1px solid #c1c0ba !important;
		padding-left:0;
	}


	form  .ecd-occurance.new label {
		font-weight: normal;
		margin-bottom:10px;
	}

	.ecd-log hr,
	.ecd-timeline hr {
		border-color:#c1c0ba;
	}

	.ecd-log.table-fullwidth td {
		padding-bottom:0;
		padding-top: 0px;
	}

	.ecd-timeline {

		background-image:url(../img/dashed-line.png);
		background-repeat: repeat-y;
		background-position:38px;
	}

	.collection {
		border-bottom:2px solid #61384b;
	}

	.closed-collection:not(.history) {
		background-color:#f1f1f1;
	}

	.closed-collection:not(.history) .ecd-timeline {
		background-image:none;
	}

	.closed-collection:not(.history) {
		opacity: 0.7;
	}

	.closed-collection:not(.history) .block-light-neutral {
		/*background-color:#eee !important;*/
	}

	.ecd-timeline .timeline-event > div {
		flex: auto;
	}

	.ecd-timeline .timeline-event {
		padding-bottom:20px;
		display: flex;
		width:100%;
	}

	.ecd-timeline tr td {
		border:none !important;
	}


	.ecd-timeline .tiny-label {
		font-size:20px; 
		width:15px; 
		display:inline-block;
		margin-right:10px;
		font-weight: bold;
		text-align:center;
	}

	.ecd-timeline .days {
		font-size:11px;
		padding:5px;
		border:1px solid #9a8471;
		display: inline-block;
		margin-bottom: 5px;
		width:140px;
		text-align: center;
		background-color:#fff;
	}

	.ecd-timeline .timeline-event-box img {

		border:1px solid #9a8471;
	}

	.ecd-timeline .timeline-event-box {
		position: relative;
		padding:7px;
		border:1px solid #9a8471;
		background-color:#eee;
		display: flex;
		flex-wrap: wrap;
		width:100%;
	}


	.timeline-event.add .timeline-event-box {
		border:1px dashed #9a8471;
		background-color:#d8d6cb;
	}

	.timeline-event.last-event {
		/*background-color:#fff;*/
	}

	.ecd-timeline .timeline-event-box > div {
		flex: auto;
	}

	.ecd-timeline .timeline-details {
		flex-basis:50%;
	}

	.ecd-log h3,
	.ecd-timeline h3 {
		padding:0;
		margin:0;
		font-size:20px; 
	}

	.ecd-timeline h3 span {
		font-weight: normal !important;
	}

	h3 span {
		font-weight: normal !important;
	}

	.compare-different {
		font-weight:bold;
	}

	span.daypart {
		display: block;
		font-size:80%;
		opacity: 0.6;
	}

	.btn.ecd span:before {
		content: "\f2b9";
	}


	.btn.view span:before {
		content: "\f054";
	}
	
	.btn.add span:before {
		content: "\f067";
	}

	.btn.save span:before {
		content: "\f0c7";
	}
	.btn.opslaan span:before {
		content: "\f0c7";
	}
	.btn.back span:before {
		content: "\f053";
	}

	.btn.link span:before {
		content: "\f0c1";
	}

	.btn.user span:before {
		content: "\f007";
	}
	
	.btn.login span:before {
		content: "\f090";
	}

	.btn.fields span:before {
		content: "\f022";
	}
	.btn.fields span:after {
		content: " veld(en)";
	}
	.btn.options span:before {
		content: "\f0ca";
	}

	input.float, input.int {
		width:80px;
	}

	.odd-even-contrast tr:nth-child(even) {background: #eee} 

	.fa.btn {
		padding:2px;
	}

	.stickyness {
		color:#ccc;
		cursor:pointer;
	}

	.ecd-action .block {
		border: 1px solid #ccc;
	}

	tbody tr.is-sticky td {
		border-bottom: 2px solid #ccc;
	}

	.is-sticky .stickyness {
		text-shadow: 1px 1px #000; color:#FFAD33;
	}

	.is-sticky td {
		background-color:#ffeed5;
	}

	.add-field-values-table {
		margin-bottom: 0px !important;
		display: none;
	}

	.add-field-values-table td {
		background-color:#d8d6cb;
	}

	.block.expandable .add-field-values-table label {
		opacity: 1;
		text-shadow: 1px 1px #fff;
	}

	.btn.disabled {
		background:#aaa; 
		border: 1px solid #aaa;
		cursor: default;
    	box-shadow: 1px 1px 3px #888888;
	}

	ul.nav li.disabled,
	ul.nav li.disabled a,
	ul.nav li:hover li.disabled span,
	ul.nav li:hover li.disabled:hover span {
		color:#ccc !important; 
		text-decoration: none;
		cursor: default;
		box-shadow: none;
	}



	.btn-big.calendar,
	.calendar.block h2,
	.btn.calendar {
		background-color: #5667a3;
	}

	.edit-availability .calendar.block h2 {
		background-color: #a8a59a;
	}

	.btn-big.tasks,
	.tasks.block h2,
	.btn.tasks {
		background-color: #558e8b;
	}	

	.btn.saldo {
		background-color: #876243;
	}


	.btn-big.correspondence,
	.correspondence.block h2,
	.btn.correspondence {
		background-color: #c86a17;
	}


	.btn-big.budget,
	.budget.block h2,
	.btn.budget {
		background-color: #876243;
	}

	.table-fullwidth-not-responsive {
		width: 100%;
	    border-collapse: collapse;
        border-spacing: 0;
	}

	.table-fullwidth {
		width: 100%;
	    border-collapse: collapse;
        border-spacing: 0;
	}

	.table-fullwidth td:last-child {
		text-align: right;
	}

	.table-fullwidth td.left-align:last-child {
		text-align: left;
	}


	.table-wrapper:not(.add-field-values-table) tbody tr:last-child td:last-child {
		border-bottom-right-radius:7px;
	}
	.table-wrapper:not(.add-field-values-table) tbody tr:last-child td:first-child {
		border-bottom-left-radius:7px;
	}

	.balance-add td {
		background-color: #efefef;
	}




	thead td a {
		text-decoration: none;
		color:#683b15;
	}

	td.sort-col {
		width: 32px;
	}

	td.image {
		width: 32px;
	}

	.table-wrapper {
		margin:-10px;
		margin-top:0px;
		
		overflow-x:scroll;
	}

	.full-wrapper {
		margin:-10px;
		margin-top:0px;
		margin-bottom:-10px;
	}

	.block .table-fullwidth {

	}

	table thead tr {
		background-color:#cdb8a5;
	}

	table thead td {
		background-color:#cdb8a5;
		font-weight: bold;
		padding:8px;
	}

	.block-dark-neutral .table-fullwidth thead td {
		background-color:#8b7059;
		font-weight: bold;
		padding:8px;
	}

	.block-dark-neutral .table-fullwidth tr td {
		border-top:1px solid #8b7059;
	}
	
	.table-wrapper tr.separator td {
		border-top: 1px solid #ccc;
	}

	.table-fullwidth td {
		font-size: 14px;
	}

	.table-fullwidth td,
	.table-fullwidth-not-responsive td {
		padding: 4px;
		padding-left:8px;
		padding-right:8px;
	}

	.period .table-fullwidth td, 
	.period .table-fullwidth-not-responsive td {

		padding-top: 0px;
		padding-bottom: 0px;
	}

	.period tr.direct-debit {
		background-color: #e5e5e5;
	}

	.period .hide-for-period {
		display: none;
	}

	.table-fullwidth tr td {
		
		border-top:1px solid #cdb8a5;

	}



	.table-fullwidth thead tr td {
		vertical-align: top;
	}


	.table-fullwidth.no-lines tr td {
		border-top:none;
	}


	tr.highlight-row {
		background:#e7dcd1;
	}

	table .price {
		text-align: right;
	}

	.empty {
		padding-top: 7px;
		color:#aaa;
		font-style: italic;
	}

	table td.empty:last-child {
		text-align: left;
		border-top:0px;
	}

	ul.pager {
		list-style-type: none;
		text-align: center;
		margin:0;
		padding:5px;
	}


	.filter form .btn {

		background-color: #683b15;
		border-radius: 7px;
		color:#fff;
		border:0px;
	}


	ul.pager li {
		display: inline-block;
		padding:3px;
		padding-left:8px;
		padding-right:8px;
		background-color:#683b15;
		border-radius: 7px;

	}

	ul.pager li.disabled {
		text-decoration: none;
		color:#999;		

	}

	ul.pager li a {
		text-decoration: none;
		color:#fff;		
		padding:3px;

	}

	.block-footer {
		margin:-10px;
		margin-top: 10px;
		background-color: #e6dbd2;
	    border-bottom-left-radius: 8px;
	    border-bottom-right-radius: 8px;
	}

	.title-image {
		float: left;
		border:1px solid #e7dcd1;
		background-color: #fff;
		padding:3px;
		width:36px;
		height:36px;   
		line-height:36px;
   		border-radius: 7px;
   		margin-right: 7px;

	}


	#title h1 {
		float: left;
	}



	.title-image img {
		width: 36px;
	}

	#mobile-menu-button {
		display: none;
	}

	.first-66 {
		width:66%;
		float:left;
	}

	.last-33 {
		width:33%;
		float:right;
	}

	.center-33 {
		float:left;
		width:32%;
		padding-left:1%;
	}

	.first-33 {
		width:33%;
		float:left;
	}

	.last-66 {
		width:66%;
		float:right;
	}


	.item-active {
		background-color:#00d300;
		color:#fff;
		font-weight: bold;
		padding:4px;
		border-radius: 5px;
		text-align: center;
		width: 60px;
	}

	.item-inactive {
		background-color:red;
		color:#fff;
		font-weight: bold;
		padding:4px;
		border-radius: 5px;
		text-align: center;
		width: 60px;
	}

	.custom-file-input::-webkit-file-upload-button {
		visibility: hidden;
	}
	.custom-file-input::before {
		content: '\f15b';
		display: inline-block;
		border: 1px solid #999;
		border-radius: 3px;
		padding: 3px 5px;
		outline: none;
		white-space: nowrap;
		-webkit-user-select: none;
		cursor: pointer;
		margin-left: 0em;
	    font-family: "FontAwesome" !important;
	    font-style: normal !important;
	    font-weight: normal !important;
	    text-decoration: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	}
	.custom-file-input:hover::before {
		
	}
	.custom-file-input:active::before {
		
	}


	input.custom-file-input {
		border:none;
		background:transparent;
		padding: 0px;
		font-size: 12px;
		margin-bottom:2px; 
	}

	input.time,
	input.quantity,
	input.duration {
		width:40px;
	}

	.less-important {
		color:#aaa;
	}

	.delivered-confirmed {
		opacity: 0.7;
	}

	.delivered-confirmed .btn,
	.delivered-confirmed .delete {
		display: none;
	}

	.table-calendar .cluster.effectual.delivered-confirmed .head {
		background: #5667a3;
	}

	.table-calendar .cluster.delivered-confirmed .customer-name {
		cursor: default;
	}






	/*
	POINTS
	*/

	.points .negative {
		border: 1px solid red;
		background: #f3e8e8;
		border-radius: 8px;
		padding-right: 4px;
	}

	.viewbalancedetails-action .points-history h2,
	.viewbalancedetails-action .block.points table.table-fullwidth-not-responsive  td:last-child,
	.viewbalancedetails-action .block.points table.table-fullwidth-not-responsive  td:first-child {
		border-radius: 0;
	}

	.points-block {
		width:140px;
		min-height: 150px;
		padding:5px;
		text-align: center;
		color:#fff;
		font-weight: bold;
		margin: 10px;
		float:left;
		border-radius: 10px;
	}

	.customer .right .points-block {
		float: right;
		width:50%;
		margin:0;
		padding:0;
		margin-bottom: 10px;
	}


	.block.points {
		padding-bottom: 0px;
	}

	.block.points table.table-fullwidth-not-responsive {
		table-layout: fixed;
	}

	.block.points table.table-fullwidth-not-responsive tr:last-child td:last-child {
		text-align: center;
		border-bottom-right-radius:10px;
	}

	.block.points table.table-fullwidth-not-responsive tr:last-child td:first-child {
		border-bottom-left-radius:10px;
	}

	.viewbalancedetails-action .block.points table.table-fullwidth-not-responsive tr:last-child td:last-child {
		border-bottom-right-radius:0px;
	}

	.viewbalancedetails-action .block.points table.table-fullwidth-not-responsive tr:last-child td:first-child {
		border-bottom-left-radius:0px;
	}

	td.points-block {
		width: auto;
		float:none;
		border-radius: 0;
		vertical-align: top;
		border-left: 1px solid #cdb8a5;
	}

	td.points-block:first-child {
		border-left: 0px;
	}


	td.points-block .points-specification {
		
		background-image: url(../img/white-trans.png);
		margin-top:10px;
		margin-bottom: 5px;
		border-radius: 6px;
	}

	.points-specification a {
		 color:#fff;
		 padding:3px; 
		 border-radius:5px; 
		 text-decoration:none;
	}

	.points-specification a:hover,
	a.points-block-link:hover {
		color:#683b15;

	}


	a.points-block-link  {
		color:#fff;
		text-decoration:none;
	}


	.table-fullwidth-not-responsive td.points-block tr td {
		border-top: 0px;
	}

	.right .points-block {
		border-radius: 0px;
	}

	.right .points-block:last-child {
		border-bottom-left-radius:8px;
	}

	.right .points-block:first-child {
		border-bottom-right-radius:8px;
	}

	.points-block.small {
		width: auto;
		height: auto;
	}

	.points-block.small .points {
		display: inline-block;
	}

	.points-block-head {
		height:65px;
		padding:5px;
		padding-bottom: 0px;
	}

	.points-block .points-cat {
		font-size: 16px;
	}

	.points-block .points-cat-sub {
		font-size: 12px;
		font-weight: normal
	}

	.points-block .points {
		font-size: 43px;
		display: block;
		  overflow: hidden;
	
	
	}

	.points .smaller {
		font-size: 80%;
	}

	.points-block .points .smaller {
		font-size: 60%;
	}

	.points-block .points-units {
		margin-top:-8px;
		font-size: 16px;
		display: block
	}

	tbody td.points.points {
		text-align: right;
		font-size: 18px;
		font-weight: bold;
	}

	tbody td.points.points span {
		/*font-size: 13px;*/
	}

	tbody tr.inactive td {
		opacity: 0.4;
	}

	tbody tr.inactive td:last-child,
	tbody tr.inactive td:first-child {
		opacity: 1;
	}

	.table-vlinders tr.vlinder {
	    display:none;
	}

	.table-vlinders tr.vlinder:nth-child(-n+4){
	    display:table-row;
	}

	/*
	CALENDAR
	*/



	.calendar.employee-view .filter {
		display: none;
	}

	.calendar.employee-view #employee_schedule .employee-cluster {
		display: none;
	}

	.calendar.employee-view #employee_schedule td {
	
	}

	.calendar.employee-view .person-data.employee {
		background-color:#006800;

	}

	.calendar.employee-view .person-data.employee td {
		border: 1px solid #999;
	}

	.calendar.employee-view #person-data- td {
		border: 1px solid #cdb8a5;
	}


	.calendar.employee-view #person-data- .cluster {
		border:1px solid #ccc;
	}

	.calendar.employee-view #person-data- {
		background-color:#fff;
	}

	.calendar .person-data td {
		position: relative;
	}

	.calendar .person-data {
		overflow: hidden;
	}

	.calendar.employee-view .ui-state-active {
		background-color: green;
	}

	.table-calendar thead td:last-child {
		text-align: left;
	}


	.page.registration.confirm-action .content .container, 
	.calendar.scheduling-action .content .container
	 {
		max-width: 100%;
	}


	.table-calendar td {
		font-size: 12px;
		vertical-align:top;
		min-width: 20%;
		border-right: 1px solid  #ebdfd6;
	}



.table-calendar .person td:last-child { 
	text-align: left;
	font-size: 18px;
	background-color: #683b15;
	color:#fff;
	border-bottom: 1px solid #333;
}

.table-calendar .person.done td:last-child,
.calendar.employee-view .table-calendar .person.done td:last-child {
	background-color: #054100;
	color:#2db123;
}

.table-calendar .person.done .suggested {
	display: none;
}

.person .countings {
	margin-left: 22px;
	display: inline-block;
}

.person .countings_per_cat {
	font-size: 12px;
	margin-left: 10px;
	display: none;
	color: #fff;
}

color:#fff; margin-left:10px

.person.done .countings:before {

	content:"\f00c";
	font-family: "FontAwesome" !important;

}

.person .title.collapsed .countings .btn.add {
	display: none;
}

.person.done .countings .btn.add {
	display: none;
}

.table-calendar #person-title-  td:last-child {
	
	background-color: #683b15;
}

.table-calendar #person-title- {
	border-top: 5px solid #fff;
}

#title-bar-content {
	margin-bottom: 6px;
}

.edit-availability .init-new,
.edit-availability .person.employee {
	display: none;
}

.page:not(.edit-availability) .init-availability{
	display: none;
}

.btn.init-availability {
	background-color: green;
}

#employee_schedule {

		/* ENABLE THIS TO SHOW THE GREEN BLOCK */
}

	#selectable-employees {
		clear:both;
		text-align: center;
	}

	.selectable-employee {
		display: inline-block;
		background-color: #c0beb5;
		color:#fff;
		cursor: pointer;
		border:1px solid  #a8a59a;
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	}

	.selectable-employee .thumb {
		float:left;
		line-height: 36px;
		width: 36px;
		height: 36px;
		overflow:hidden;
	}

	.selectable-employee .thumb img {
		width:50px;
		margin:-6px;
	}

	.selectable-employee .name {
		padding-left:6px;
		padding-right:6px;
		line-height: 36px;
		float:right;
		text-align: left;
		font-size: 13px;
	}

	.edit-availability .selectable-employee:not(.picked) {
		opacity: 0.7;
	}

	#selectable-team .name {
		padding-left:0px;
	}

	.selectable-employee .menu {
		right:-1px;
		margin-top:-1px;
		position:absolute;
		font-size: 13px;
		background-color: #a8a59a;
		border:1px solid  #a8a59a;
		white-space: nowrap;
		display: none;
		z-index:5100;
	}

	.selectable-employee .menu a {
		padding:8px;
		line-height: 20px;
		color:#fff;
		display: block;
		text-align: right;
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	}

	.selectable-employee .menu-btn:hover .menu {
		display: block;
	}

	.selectable-employee .menu-btn {
		position: relative;
		float:right; 
		height:36px; 
		line-height:36px; 
		border-left:1px solid #a8a59a;
		padding-left: 8px;
		padding-right: 8px;
		background-color: rgba(33,33,33,0.1)
	}

	.selectable-employee .menu-btn:before {
	    font-size: 16px;
	    font-family: "FontAwesome" !important;
	    font-style: normal !important;
	    font-weight: normal !important;
	    text-decoration: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
		content: "\f0d7";
	}

	.selectable-employee .menu-btn:hover {
		color:#fff;
		background-color: #a8a59a;
	}

	.selectable-employee.picked{
		background-color:green;
		border:1px solid green;
	}

	.selectable-employee.active {
		background-color:#cae5c6;
		color: #006800;
		text-shadow:none;
	}

	.calendar.employee-view .table-calendar .person.employee td:last-child { 

	}

	.table-calendar .person a {
		color:#fff;
		text-decoration: none;
	}

	.table-calendar .person {
		cursor: pointer;
		color:#fff;
		text-decoration: none;
	}

	.table-calendar .person .title:before {
		content: "\f0d7";
	    margin-right: 0.35em;
	    font-family: "FontAwesome" !important;
	    font-style: normal !important;
	    font-weight: normal !important;
	    text-decoration: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	}

	.table-calendar .person .title.collapsed:before {
		content: "\f0da";
	}

	.interval {
		font-weight: bold;
	}
	.interval-2W,
	.interval-2WE {
		color:#00746d;
	}

	.interval-1M {
		color:purple;
	}

	.customer-data {
	}

	.table-calendar .body{
    	padding:2px;
	}

	.table-calendar .interval {
		text-align: right;
		font-size: 11px;
		background-color:#cdb8a5;
    	padding-right:2px;
	}

	.table-calendar .cluster {
		background-color: #e8e8e8;
		margin-bottom: 8px;
		border: 1px solid #999;
		margin-left:2%;
		margin-right:2%;
		width:96%;
		z-index: 10;
	}


	#availability-new {
		display: none;
		background-color: rgba(255,255,255,0.8);
		position: fixed;
		z-index: 6000;
		top: 50%;
	  	left: 50%;
	  	/* bring your own prefixes */
	  	transform: translate(-50%, -50%);

	  	padding:20px;

	  	border:1px solid #555;
	  	-webkit-box-shadow: 0px 0px 55px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 55px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 55px 0px rgba(0,0,0,0.75);
		text-align: left;
	}

	#availability-new h2 {
		text-align: left;
	}

	#availability-new label {
		margin-top: 15px;
		display:inline-block;
		float: left;
		clear:left;
		width:160px;
	}

	#availability-new input,
	#availability-new select {
		margin-top: 8px;
		display:inline-block;
		float: left;
		clear:right;
	}



	.overlay {
		width: 100%;
	}

	.overlay .occupied {
		width:100%; 
		background-color: #ffdfd7;
		border: 1px solid #ff6f6f ;
		color:#ff6f6f;
		position:absolute;
		left:0px;
		margin-left:-1px;
		opacity:0.7;
		overflow: hidden;
	}

	.overlay .occupied:hover {
		overflow:visible;
	}

	.overlay .av-block span {
		margin:1px;
	}



	.overlay .available {
		width:100%; 
		background-color: #cae5c6;
		border: 1px solid #56944d;
		color:#56944d;
		position:absolute;
		left:0px;
		margin-left:-1px;
		opacity:0.4;
		z-index: 0;
		overflow: hidden;
		text-align: left;
	}


	.overlay.editable .av-block.available.editing {
		background-color: orange;
	}


	.overlay.editable .available {
		opacity:0.8;
		cursor: pointer;
		background-color:#56944d;
		color:#fff;
		border:1px solid green;
	}

	.overlay.editable .available:hover {
		opacity:1;
	}

	.overlay .available.team {
		background-color: #56944d;
		border: 1px solid #317128;
		color:#fff;
		opacity:0.35;
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	}

	.overlay .overal-available {
		/*background: url(../img/diagonal-lines.png);*/
	}


	.overlay .not-available {
		width:100%; 
		background-color: #ccc;
		color:#000;
		position:absolute;
		left:0px;
		padding:1px;
		opacity:0.4;
		z-index: 0;
		overflow: hidden;
		text-align: center;
		background: url(../img/diagonal-lines.png);
	}

	.scheduling-action h2 {
		text-align: center;
	}

	.calendar .filter {
		padding: 0px;
	}

	.calendar .pick {
		margin-right: 7px;
		margin-top: 5px;
		background-color: #006800;
		float:right;
		padding:5px;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
	}

	.table-calendar { table-layout:fixed; }


	.table-calendar .cluster .interval,
	.table-calendar .cluster .body {
		
	}

	.table-calendar .cluster.effectual {
		background-color: #ebdfd6;
		border: 1px solid #485347;
	}

	.table-calendar .cluster.effectual .head {
		background-color:#5ba651;
	}

	.table-calendar .cluster.effectual div {
		opacity: 1;
	}

	.table-calendar .cluster.overlaps .head {
		background-color:red;
	}

	.table-calendar .cluster.effectual.employee-unavailable .head {
		background-color:red;
	}

	.table-calendar .cluster.effectual .interval {
		background-color: #cdb8a5;
	}

	.table-calendar .cluster .interval  {
		background-color: #999;
		color:#444;
	}


	.table-calendar .cluster .suggestion  {
		padding-left: 1px;
		font-size: 10px;
		color:#666;
    	padding-right:1px;
    	font-weight: bold;
    	margin-bottom: 4px;
	}

	.table-calendar .cluster.suggested-based-on-earlier, 
	.table-calendar .cluster.suggestion  {
			opacity: 0.7;
			border:1px solid #999;
	}

	.table-calendar .cluster.suggested-based-on-earlier:hover, 
	.table-calendar .cluster.suggestion:hover  {
			opacity: 1;
	}

	.table-calendar .cluster.effectual .btn.add {
		display: none;
	}

	.table-calendar .cluster .customer-name {
		color:#444;
	}

	.table-calendar .person-data:not(.fixed-pos) .cluster .customer-name,
	.table-calendar .person-data:not(.fixed-pos) .cluster .head {
		color:#fff;
		cursor:move;
		cursor:-moz-grab;
	}

	.view-only .table-wrapper input,
	.view-only .table-wrapper select
	{
		width:auto;
		max-width:none;
	}

	.view-only .table-wrapper .btn:not(.to-profile),
	.view-only .cluster .ignore,
	.view-only .cluster .date-select,
	.view-only .cluster .delete,
	.view-only .pick,
	.view-only #copy_week
	{
		display: none !important;
	}

	.cluster .head .btn.delete,
	.cluster .head .btn.add
	{
		float:right;
	}

	.cluster .head a {
		cursor:pointer; color:black;text-decoration:underline;
	}

	.table-calendar .cluster .head {
		font-weight: bold;
		background-color: #ccc;
    	color: #fff;
    	padding:2px;
	}

	.table-calendar .cluster .head { 
		padding:1px;
	}

	.table-calendar .cluster .head a.cluster-btn {
		color:#fff; 
		cursor:pointer;
	}

	.table-calendar .cluster .head a.cluster-btn:hover {
		color:#ccc; 
		cursor:pointer;
	}

	.table-calendar .cluster.new .head { 
		background-color: purple;
	}
	
	.table-calendar form label {
		width: auto;
		display: block;
		float: none;
	}

	.calendar-view .table-calendar .person-data:not(.fixed-pos) .cluster {
		position:absolute;
		left:0;
	}

	.fixed-pos .overlay {
		display: none;
	}

	.table-calendar .form-cluster  {

		position: relative;
	}

	.table-calendar .cluster {
		-webkit-box-shadow: 1px 1px 6px 2px rgba(0,0,0,0.75);
		-moz-box-shadow: 1px 1px 6px 2px rgba(0,0,0,0.75);
		box-shadow: 1px 1px 6px 2px rgba(0,0,0,0.75);
	}

	.table-calendar .cluster:not(.collapsed) .gradient {
		display: none;
	}

	.table-calendar .cluster.collapsed .form-cluster:hover {
		
		overflow-y:visible;

	}
	.table-calendar .cluster.collapsed:hover {
		-webkit-box-shadow: 1px 1px 6px 2px rgba(0,0,0,0.75);
		-moz-box-shadow: 1px 1px 6px 2px rgba(0,0,0,0.75);
		box-shadow: 1px 1px 6px 2px rgba(0,0,0,0.75);

	}

	.table-calendar .cluster.collapsed:hover .gradient {
		display: none;
	}

	.table-calendar .cluster.collapsed {
		box-shadow: none;
		-webkit-box-shadow:none;
		-moz-box-shadow: none;
	}

	.table-calendar .cluster.collapsed .form-cluster {
		overflow-y:hidden; 
		border:none;
	}




	.tracker {
		position:absolute;
		left:-1px;
		width:6px;
		bottom:-2px; 
		top:-1px; 
	    margin-left: -6px;
	    border-bottom:	1px solid rgba(0,0,0,0.6);
	    border-top:		1px solid rgba(0,0,0,0.6);
	    border-left:	1px solid rgba(0,0,0,0.6);
	    background-color: #ccc;
	    opacity:0.4 !important;
	}

	.gradient {
	    position:absolute;
	    z-index:2;
	    right:0; bottom:-1px; left:0;
	    height:8px; /* adjust it to your needs */
	    background: url(data:image/svg+xml;base64,alotofcodehere);
	    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 70%);
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(70%,rgba(255,255,255,1)));
	    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);
	    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);
	    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);
	    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);
	}​

	.table-calendar .cluster .btn,
	.table-calendar td .btn { 
		
		min-width: 15px;
		font-size: 12px;
		text-align: center;
	}


	.table-calendar input {
		padding:0px;
		width:34px;
	}

	.table-calendar select {
		padding:0px;
		height: auto;
		max-width: 100%;
	}

	.stacked-view .show-btn {
		display: none;
	}

	.show-btn {
		float:left;
		cursor:pointer;
		font-size:10px;
	}

	.cluster .show-btn:before {
		content: "\f066";
	    margin-right: 0.35em;
	    font-family: "FontAwesome" !important;
	    font-style: normal !important;
	    font-weight: normal !important;
	    text-decoration: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    background-color:orange;
	    padding:1px;
		cursor:pointer;
	}

	.cluster.collapsed .show-btn:before {
		content: "\f065";
	    background-color:rgba(255,255,255,0.3);
	}

	.calendar .inner-block.filter {
		background: #444d6b;
		color:#fff;
	}

	input.error, select.error {
		border:1px solid red;
		background-color: #f9e4e4;
	}

	.info-block table td {
		padding:10px;
		font-size: 12px;
	}

	.info-block table thead td {
		font-weight: bold;
	}

	.info-block table tr.fieldnames td {
		color:#999;
		font-weight: bold;
		font-size:14px;
	}

	.show-details {
		font-size:12px;
	}

	.ui-state-active {
		background-color: #eee;
	}


	.calendar .status {
		position: absolute;
		bottom:0;
		min-height:16px;
		margin-bottom: -22px;
		display: none;
		padding:2px;
		color:#fff;
		font-weight: bold;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		border: 1px solid #555;
	}

	.calendar .status.error {
		background-color: #c92020;
	}

	.calendar .status.success {
		background-color: green;
	}

	.employee-cluster {
		background-color: #7b8cca;
		color:#fff;
		padding:3px;
		margin-bottom: 4px;
		border-radius: 6px;
	}

	.employee-cluster a {
		color:#fff;
		cursor: pointer;
	}

	.employee-cluster.overlaps {
		background-color: red;
	}


	#employee_pick_id {
		font-weight:bold;
	}
	
	.employee-wrapper {
		display: inline-block;
		
	}

	.cluster .head select,
	.cluster .head input,
	.cluster .interval select,
	.cluster .interval input
	 {
		background-color: rgba(0,0,0,0.2);
		color:#fff;
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
		font-weight: bold;
		border: none;
		margin-bottom: 2px;
		height: 18px;
		border-radius: 0px;
	}

	.cluster .head select.employee {
		display:block;
		float:left;
		margin-bottom: -5px;
		max-width:100px;
	}

	.cluster .head input,
	.cluster .interval input {
		padding-left: 3px;
	}


    .cluster .recurring {
    	width:100%;
    }

 	.cluster .product_id {
    	width:100%;
    }

	.calendar-view .btn.init-new {
		position:absolute;
		z-index:4900;
	}

	.calendar-view.employee-view .fixed-pos .btn.init-new {
		display: none;
	}

	.calendar-view #cluster-new {
		position:absolute;
		z-index:100;
		left:0px;
	}

	/* 
	CLIENT CAL 
	*/



	.calendar-list .date {
		color: #7b8cca;
		font-weight: bold;
		background-color:#eee;
		border-radius: 7px;
		border: 1px solid #ccc;
		text-align: center;
		min-width:67px;
		
		text-transform: lowercase;
		line-height: 18px;
		position:absolute;
		margin-top: 5px;
	}

	.table-wrapper .calendar-list .date {
		position: relative;

	}

	.calendar-list .employee-name {
		width:250px;
	}

	.calendar-list .employee-image{
		width:60px;
	}
	
	.calendar-list .date .day {
		font-size: 24px;
		line-height: 24px;
	}

	.calendar-list .clusters {
		margin: 5px;
		margin-left:100px;
	}

	.calendar-list .cluster.within-24h {
		color:#5667a3;
	}

	.cluster-table-wrapper {
		display: table;
		width: 100%;
	}

	.calendar-list .cluster {
		padding-top: 10px;
		border-top: 1px solid #eee;
		display: table-row;
		width: 100%;
	}
	
	.calendar-list .time-details {
		padding-top: 4px;
		min-width:120px;
		padding-bottom: 6px;
	}

	.calendar-list .cluster div {
		border-top: 1px solid #eee;
		display: table-cell;
		vertical-align: middle;
		padding-right: 10px;
		padding-top: 4px;
	}


	.calendar-list  div.cluster:first-child div {
		border-top: 0;
		
	}

	.calendar-list .cluster .time-details {
		text-align: right;
	}

	.customer.view-action .time-details {
		font-size: 11px;
	}

	.calendar-list .row {
		border-bottom: 1px solid #eee;
	}

	.calendar-list .row:last-child {
		border-bottom:0;
	}

	.calendar-list .time-range {
		width: 120px;
	}

	.calendar-list.previous {
		opacity: 0.7;
	}

	.time-label {
		position: absolute;
		right:-3px;
		z-index:90;
		background-color: #fff;
		border-radius:3px; 
		padding-left:2px;
		padding-right:2px;
		opacity: 0.7;
	}
	.time-label-small {
		font-size:10px;
		color:#777;
	}

	.show_more {
		background-color:#683b15;
		color:#fff;
		padding:3px;
		border-radius: 5px;
		margin-bottom:3px;
		cursor: pointer;
	}

	.show_more:before {
		content: "\f0d7";
		margin-right: 0.2em;
	    font-family: "FontAwesome" !important;
	    font-style: normal !important;
	    font-weight: normal !important;
	    text-decoration: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	}

	.show_more.collapsed:before {
		content: "\f0da";
	}

	input[name="street_number"],
	input[name="street_number_addition"] {
		width: 60px;
	}

	.odd-even tr:nth-child(even) {background: #eee}
	.odd-even tr:nth-child(odd) {background: #FFF}

	#ui-datepicker-div {
		background-color: #fff;
		border: 1px solid #ccc;
	}

	.ui-datepicker .ui-datepicker-prev:before {
		content: "\f060";
		margin-right: 0.2em;
	    font-family: "FontAwesome" !important;
	    font-style: normal !important;
	    font-weight: normal !important;
	    text-decoration: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	}

	.ui-datepicker .ui-datepicker-next:before {
		content: "\f061";
		margin-right: 0.2em;
	    font-family: "FontAwesome" !important;
	    font-style: normal !important;
	    font-weight: normal !important;
	    text-decoration: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	}

	/*
	MEDIA QUERIES
	*/

	@media (max-width: 640px) {

		.admin.page .table-fullwidth td {
			font-size: 12px;
		}


		table.table-fullwidth tr {
			border: 0 !important;
		}

		table.table-fullwidth td {
			border: 0 !important;
		}


	.confirm-registration table.table-fullwidth td {
		padding-left: 0;
	}
	.confirm-registration table.table-fullwidth td label {
		display: block;
		float: none;
	}
	.confirm-registration table.table-fullwidth tr {
		padding:10px;
		padding-top: 0;
	}

	.confirm-registration tfoot {
		width: 100%;
		display: block;
	}

		/*

		table.table-fullwidth {
			overflow-x: auto;
			display: block;
		}

		table.table-fullwidth td, 
		table.table-fullwidth tr,
		table.table-fullwidth thead,
		table.table-fullwidth tbody {
			display: block;
			width: 100%;
		}

		tbody td.points.points {
			text-align:left;
		}

		tbody td.color {
			float:left;
		}


		table.table-fullwidth td:last-child {
			text-align: left;
		}

		table.table-fullwidth td {
			border-top: 0;
		}

		table.table-fullwidth tr {
			border-top: 1px solid #cdb8a5;
		}

		*/

	}

	@media (min-width: 1000px) { 



		#title-bar-placeholder {
			height:46px;
		}

		#title-bar .move-up {
			font-size: 16px;
			display: none;
			float:right;
			padding-left: 10px;
			padding-top:12px;
			cursor:pointer;
			opacity: 0.6;
		}

		#title-bar.darken #title {
			cursor:pointer;
		}

		#title-bar.darken .move-up {
			display: block;
		}

		#title-bar.darken {
			background-color: #cdb8a5;
			color:#f4efea;
		}

		#title-bar h1 {
			margin-top: -5px;
			margin-bottom: 5px;
		}

		#title-bar.darken h1 {
			color:#f4efea;
		}

	}

	@media (max-width: 1220px) {

		.btn {
			min-width: 24px;
			text-align: center;
		}

		.table-fullwidth .btn {
			margin-bottom: 4px;
			width: 22px;
		}

		.table-fullwidth .btn span,
		.btn-bar .btn span,
		.customer-block .btn span {
		    font-size: 0;
		}

		.btn-bar .btn span i{
			font-size: 16px;
		}

	}

	@media (max-width: 1000px) {

		.google-maps {
			display: none;
		}

		.calendar-list .cluster div {
			border: 0px;
		}

		.btn.print {
			display: none;
		}

		.btn-big span:after {
		    font-size: 40px;
		}


		#title-bar {
			position: relative;
			margin-top: 0px;
		}


		#title-bar .bar-holder {
			margin-left: 5px;
			margin-right: 5px;
		}

		#title-bar #title,
		#title-bar .btn-bar {
			padding-right: 0px;
			padding-left: 0px;
		}

		#title-bar .move-up { 
			display: none;
		}

		.block h2 span {
			display: block;
			margin-bottom: 3px;
		}

		.block .btn.small {
			/*margin-bottom: 5px;*/
		}

		.block h2 .btn span {
			margin-bottom: 0;
		}

		.points-block .points-cat {
			font-size: 11px;
		}

		.block h1 {
			display: block;
			clear: both;

		}

		td.align-right {
			text-align: inherit;
		}

		ul.nav li.right-alignment ul {
			text-align: left;
		  	left: auto;
		  	left:-15px;
		}



		.customer .block.package {
			min-height:0px;
		}

		.btn-big {
			font-size: 13px;
		}

		.header.admin .container {
			padding:10px;
		}

		body {
			font-size: smaller;
		}


		img.person-small {
			width:50px;
		}


		.first-66,
		.first-33,
		.last-33,
		.last-66,
		.center-33 {
			padding:0%;
			width:100%;
			float:none;
		}

		.header {
			position: relative;
		}

		.admin #logo {
			margin-top: 0;
			margin-bottom: 0;
		}

		.content,
		.admin .content {
		    margin-top: 4px;
		}

		#mobile-menu-button {
			display: block;
			cursor: pointer;
			float: right;
			margin-top:-3px;
		}

		#mobile-menu-button:after {
			content: "\f0c9";
		    margin-left: 0.35em;
		    font-size: 30px;
		    color:#f58a1e;
		    font-family: "FontAwesome" !important;
		    font-style: normal !important;
		    font-weight: normal !important;
		    text-decoration: inherit;
		    text-rendering: auto;
		    -webkit-font-smoothing: antialiased;
		}

		#mainmenu.shown {
			display: block;
		}

		#mainmenu {
			margin-top: 6px;
	  		border-top: 1px solid #ffe8d1;
			float:none;
			display: none;
		}
		ul.nav {
			display: inline;
			text-align: right;
			margin: 0;
			padding: 0;
			list-style: none;
		}
		ul.nav li {
			color: #f58a1e;
			font-size: 18px;
			font-weight: bold;
			display: block;
			margin-right: -4px;
			position: relative;
			cursor: pointer;
			-webkit-transition: all 0.2s;
			-moz-transition: all 0.2s;
			-ms-transition: all 0.2s;
			-o-transition: all 0.2s;
			transition: all 0.2s;

		}

		ul.nav li.has_children ul {

		}

		ul.nav li.has_children a span:after {
			content: "";
		}

		ul.nav li {
			margin-right:18px;
		}

		ul.nav li.has_children {
			margin-right: 12px;
			padding-right: 12px;
		}

		ul.nav li.has_children:before {
			content: "\f0fe";
		    margin-right: 0em;
		    position:absolute;
		    right:0px;
		    margin-top:8px;
		    font-family: "FontAwesome" !important;
		    font-style: normal !important;
		    font-weight: normal !important;
		    text-decoration: inherit;
		    text-rendering: auto;
		    -webkit-font-smoothing: antialiased;
		}

		ul.nav li.has_children.expanded:before {
			content: "\f146";
		}

		ul.nav li ul li:hover {  }
		ul.nav li:hover ul {
			display:none;
		}	


		ul.nav li a {
			display: inline-block;
		  	padding: 10px 15px;
		  	white-space: nowrap;
		}

		ul.nav li.expanded ul { 
			top:0;
			margin-right: 0px;
			display: block;
			opacity: 1;
			position: relative;
	  		visibility: visible;
		}

		ul.nav li.expanded ul li {
			margin-right: -10px;
	  		background-color: #f3f3f3;
		}

		ul.nav .menu-info,
		ul.nav li  {
			text-align: right;
		}

		.block {
			margin-left:-10px;
			margin-right:-10px;
			border-radius: 0px;
		}

		.block h2 {
			border-radius: 0px;
		}

		.block.half-size.left {


			position: relative;
			clear:left;
			margin-right:1%;
			border-top-right-radius: 7px;
			border-bottom-right-radius: 7px;
		}

		.block.half-size.right {

			clear: right;
			margin-left:1%;
			border-top-left-radius: 7px;
			border-bottom-left-radius: 7px;
		}

		.block.half-size.left h2 {
			border-top-right-radius: 7px;
		}

		.block.half-size.right h2 {
			border-top-left-radius: 7px;
		}

		.block.half-size.full-if-small.left,
		.block.half-size.full-if-small.right
		{
			width:100%;
			border-radius:0px;
			float: left;
		}

		.block.half-size.full-if-small.left h2,
		.block.half-size.full-if-small.right h2 {
			width:100%;
			border-radius:0px;
		}

		.block.half-size.full-if-small.right {
			margin-left: -10px;
		}
}
	
@media only screen and  (max-width: 1000px) {


		.timeline-details {
			flex-basis:100% !important;
		}

		.calendar-list .date {
			width:50px;
		}

		.calendar-list .employee-name {
			width:auto;
		}

		.calendar-list .employee-image {
			clear:left;
		}

		.calendar-list .cluster:first-child {
			padding-top: 4px;
		}

		.calendar-list .cluster,
		.calendar-list .cluster div {
			display: block;
			float:left;
			margin-left:0px;
		}

		.calendar-list div.time-details {
			margin-bottom: 20px;
			min-width: auto;
			float: right;
		}

		.calendar-list .date {
			
		}

		.calendar-list .clusters {
			margin-top: 10px;
			margin-left:70px;
		}

		.table-calendar { table-layout:inherit; }


	}

  @media print {
    #title-bar {
    	-webkit-box-shadow:none;
    	box-shadow:none;
    }
    .btn {
    	display: none;
    }

    .content .calendar-list .cluster {
    	display:table-row;
    	float:none;
    }
    .content .calendar-list .cluster div {
    	display:table-cell;
    }

    .calendar-list .time-range {
    	font-size: 20px;
    	width:340px;

    }


    .content .calendar-list.with-info .cluster {

    }
    .content .calendar-list.with-info .cluster div {

    }

     .calendar-list.with-info .employee-image {
     }

     .calendar-list.with-info .employee-name {

     }

     .calendar-list.previous {
     	display: none;
     }

     .calendar-list.with-info .time-range {
     	width: 80px;
     }

     .calendar-list.with-info .time-details {
     	min-width: 300px;
     	font-size:12px;
     }

    .calendar-action .footer {
    	display: none;
    }
    
    .fa-info-circle {
    	display: none;
    }

    .customer-map {
    	display: none;
    }

    #mobile-menu-button {
    	display: none;
    }

    .no-print {
    	display: none;
    }

  }