body {
	color:#7e7e7e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#FFF;
	padding:0;
	margin:0;
}

input, select {
	font-size: 11px !important;
}

.wrapper {
	width:1100px;
	height:auto;
	margin:0 auto;
}

h1 {
	padding:0;
	margin:0;
	font-family: 'Lato', sans-serif;
	letter-spacing:0.6px;
	font-size:28px;
	font-weight:300;
	width:300px;
}
h2 {
	padding:0;
	margin:0;
	color:#303030;
	font-family: 'Lato', sans-serif;
	letter-spacing:0.6px;
	font-size:17px;
	font-weight:300;
}
h3 {
	font-size:13px;
	color:#404040;
	padding:0 0 0 10px;
}

.fstatus_ok {
	border-left:4px solid green;
}
.fstatus_not {
	border-left:4px solid red;
}
.fstatus_of {
	border-left:4px solid blue;
}

img.home_profile {
	border-radius:50%;
	-moz-border-radius:50%;
    -webkit-border-radius:50%;
   -khtml-border-radius:50%;
}


.margin30 {
	padding:30px 0 0 10px;
}

input.cijfertje{
	width:30px;
}
.uitgeschreven { /* bij kvk */
	text-decoration: line-through;
	border-color:#C33;
}
input#zoeknaam {
	width:884px;
	padding:8px;
	margin:0 0 20px 0;
	border:1px solid #dbdbdb;
}
.product {
	display:block;
	float:left;
	padding:6px;
	clear:both;
	background:#CCC;
	width:900px;
}
.product_even {
	background:#DDD;

}
.smal {
	width:80px;
	float:left;
}
.breed {
	width:300px;
	float:left;
}
.hide {
	display:none;
}


th {
	text-align:left;
	color:#b1b1b1;
	background-color:#FFF;
	border-bottom:1px solid #d6d6d6;
}
th.header {
	background-color:#FFF;
    background-image:url('https://www.offsys.nl/sys/images/sort.png');
    cursor: pointer;
    font-weight:100;
    background-repeat: no-repeat;
    background-position:center left; /* kan ook right, maar dan lijntjes gebruiken */
    padding:14px 0 14px 13px;
}
th.headerSortUp {
    background-image: url('https://www.offsys.nl/sys/images/sortup.png');
}
th.headerSortDown {
    background-image: url('https://www.offsys.nl/sys/images/sortdown.png');
}



label {
	float:left;
	clear:both;
	width:200px;
	text-align:right;
	padding:6px 6px 0 0;
	font-size:11px;
}
input {
	width:245px;
	border:1px solid #d6d6d6;
	padding:8px;
}
input:focus {
	border:1px solid #0098ef;
}


#myProducts textarea {
	width:390px;
	min-height: 50px;
	border:1px solid #d6d6d6;
	padding:8px;
	font-size:10px;
	resize:vertical;
}

.offerte_opmerking {
	height:70px;
	width:400px;
	margin-bottom:20px;
}



.label {
	position:absolute;
	margin:0 0 0 -68px;
	height:150px;
	width:44px;
}

/* MENU UP */

.top {
	background-color:#262626;
	display:block;
	width:100%;
	height:60px;
}

.logo {
	outline:none;
	border:none;
	display:block;
	float:left;
	width:200px;
	margin:11px 0 0 0;
}

#menu {
	float:left;
	width:730px;
	height:60px;
	padding:0 0 0 0;
	color:#FFF;
	font-weight:400;
	font-size:12px;
}
.menu_items a {
	display:block;
	text-decoration:none;
	letter-spacing:0.3px;
	color:#999;
	display:block;
	background-color:#666;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	height:30px;
	width:30px;
	margin:15px 15px 0 0;
	transition-duration:300ms;
	-moz-transition-duration:300ms; /* Firefox 4 */
	-webkit-transition-duration:300ms; /* Safari and Chrome */
	-o-transition-duration:300ms; /* Opera */
}
.menu_items a:hover {
	background-color:#FFF;
}
a.menu_stats {		background-image:url('https://www.offsys.nl/sys/images/icn_menu_stats.png');}
a.menu_planning {	background-image:url('https://www.offsys.nl/sys/images/icn_menu_planning.png');}
a.menu_todo {		background-image:url('https://www.offsys.nl/sys/images/icn_menu_todo.png');}

.top input {
	border:none;
	background-color:#444;
	transition-duration:300ms;
	-moz-transition-duration:300ms; /* Firefox 4 */
	-webkit-transition-duration:300ms; /* Safari and Chrome */
	-o-transition-duration:300ms; /* Opera */
	-moz-border-radius:2px;
    -webkit-border-radius:2px;
    -khtml-border-radius:2px;
    border-radius:2px;
	background-image:url('https://www.offsys.nl/sys/images/icn_zoeken.png');
	background-repeat:no-repeat;
	background-position:207px center;
}
.top input:focus {
	border:none;
	background-color:#FFF;
}

#superresults {
	position:absolute;
	width:420px;
	top:50px;
	margin:0 0 0 200px;
	padding:0 0 10px 0;
	display:none;
	border:1px solid #d9d9d9;
	background-color:#FFF;
	height:auto;
	z-index:999;
	-moz-box-shadow:    0px 2px 3px 0px #bbb;
  	-webkit-box-shadow: 0px 2px 3px 0px #bbb;
  	box-shadow:         0px 2px 3px 0px #bbb;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
}

#superresults h2 {
	padding:7px 0 7px 10px;
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	letter-spacing:-0.1px;
	border-bottom:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
}

#superresults .rij {
	clear:both;
	display:block;
	width:100%;
	width:400px;
	padding:5px 10px;
	text-decoration:none;
	color:#555;
}

#superresults .rij:nth-child(even) {	background-color: #f2f2f2;}
#superresults .rij:nth-child(odd) {		background-color: #FFF;}

#superresults .rij:hover {
	background-color:#0098EF;
	color:#FFF;
}
#superresults .resultmatch {
	font-weight:700;
	text-decoration:underline;
}

#account {
	float:right;
	height:60px;
	width:250px;
}

/* DROP DOWN MENU */
	.account {
		text-align:right;
		height:60px;
		float:right;
		margin:13px 0 0 0;
		color:#cfcfcf;
	}
	.account a {
		text-align:left;
		display:block;
		color:#cfcfcf;
		height:32px;
		width:150px;
		padding:12px 0 0 20px;
		text-decoration:none;
		-moz-transition-duration:100ms; /* Firefox 4 */
		-webkit-transition-duration:100ms; /* Safari and Chrome */
		-o-transition-duration:100ms; /* Opera */
	}

	.account img {
		padding:0 0 0 20px;
		outline:none;
		border:none;
	}
	.todo_aantal {
		width:14px;
		height:14px;
		padding:1px 0 0 0;
		text-align: center;
		margin:2px 0 0 18px;
		position:absolute;
		font-family: 'Montserrat', sans-serif;
		background-color:#0098ef;
		color:#FFF;
		font-size:10px;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		-khtml-border-radius:50%;
		border-radius:50%;
	}

	.account ul {
		font-weight:200;
		color:#FFF;
		margin:0;
		padding:0;
		list-style:none;
	}
	.account ul li {
		display:block;
		position:relative;
		float:left;
	}
	.account li {
		list-style:none;
	}
	.account li ul {display:none}

	.account ul li a {
		display:block;
		margin-left:1px;
		text-decoration:none;
		color:#FFF;
		border-top:1px solid #333;
		padding:10px 0 0 20px;
		height:25px;
		background:#0098ef;
		white-space:nowrap;
	}
	.account ul li a:hover {
		background:#0098ef;
		color:inherit;
	}
	.account li:hover ul {
		display:block;
		position:absolute;
	}
	.account li:hover li {
		font-size:11px;
		font-weight:500;
		clear:left;
		display:block;
		width:140px;
		height:35px;
		margin:0;
	}
	.account li:hover a {
		background:#262626;
		color:inherit;
	}
	.account li:hover li a:hover {
		background:#0098ef;
		color:FFF;
	}

/* EINDE DROP DOWN MENU */
/* EINDE MENU UP */


/* MENU LEFT */

.btn_left a {
	display:block;
	padding:15px 0 15px 43px;
	margin:0 0 25px 0;
	background-color:#0098ef;
	background-image:url('https://www.offsys.nl/sys/images/icn_offerte_white.png');
	background-repeat:no-repeat;
	background-position:15px 11px;
	font-family: 'montserrat', sans-serif;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	-moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.btn_left a:hover {
	background-color:#27b1ff;
}

#menu_left {
	display:block;
	height:auto;
	width:170px;
}
a.item_left {
	float:left;
	text-decoration:none;
	font-family: 'montserrat', sans-serif;
	font-size:11px;
	color:#606060;
	padding:10px 0 10px 2px;
	width:168px;
	border-top:1px solid #d6d6d6;
	-moz-transition-duration:100ms; /* Firefox 4 */
	-webkit-transition-duration:100ms; /* Safari and Chrome */
	-o-transition-duration:100ms; /* Opera */
}
a.item_left:hover {
	background-color:#f8f8f8;
	color:#505050;
}

a.subitem_left {
	float:left;
	font-size:10px;
	text-decoration:none;
	color:#929292;
	padding:6px 0 6px 15px;
	width:155px;
	border-top:1px solid #d6d6d6;
	-moz-transition-duration:100ms; /* Firefox 4 */
	-webkit-transition-duration:100ms; /* Safari and Chrome */
	-o-transition-duration:100ms; /* Opera */
}
a.subitem_left:hover {
	background-color:#f8f8f8;
	color:#505050;
}


.menu_nr {
	float:right;
	margin:0 15px 0 0;
	color:#0083eb;
	font-family: 'Montserrat', sans-serif;
	font-size:11px;
	-moz-border-radius:2px;
    -webkit-border-radius:2px;
    -khtml-border-radius:2px;
    border-radius:2px;
}

/* EINDE MENU LEFT */


/* MENU ZOEKEN */

.zoeken_bg {
	display:block;
	width:100%;
	height:100px;
	background-color:#f4f4f4;
	border-bottom:1px solid #d9d9d9;
}
.buttons {
	display:block;
	width:170px;
	height:50px;
	margin:0 30px 0 0;
	float:left;
	border:1px solid red;
}
.zoekbalk {
	width:900px;
	float:left;
}
#zoeken {
	border:1px solid #d9d9d9;
	padding:10px 10px 10px 15px;
	margin:16px 10px 0 0;
	width:575px;
	height:15px;
	font-size:12px;
	color:#a4a4a4;
}
#vind {
	cursor:pointer;
	width:120px;
	height:38px;
	background-color:#0083eb;
	background-image:url('https://www.offsys.nl/sys/images/icn_zoek_white.png');
	background-repeat:no-repeat;
	background-position:center;
	-moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
#vind:hover {
	background-color:#33a0f7;
}

/* EINDE MENU ZOEKEN */

/* TITEL BALK */

.page_menu {
	display:block;
	width:100%;
	height:90px;
	margin:0 0 80px 0;
	padding:60px 0 0 0;
	background-color:#000;
	background-image:url('https://www.offsys.nl/sys/images/bg_top.png');
	background-repeat:no-repeat;
	background-position:center;
	color:#FFF;
}
.page_titel {
	width:170px;
	margin:0 30px 0 0;
	float:left;
}
.sub_titel {
	width:600px;
	float:left;
	padding:3px 0 0 0;
	font-family: 'Lato', sans-serif;
	letter-spacing:0.6px;
	font-size:26px;
	font-weight:300;
}

/* EINDE TITEL BALK */


#invullen {
	width:650px;
	margin:25px 0 0 25px;
	padding:0;
	color:#404040;
}

#left {
	/*position:fixed;*/
	float:left;
	width:170px;
	margin:0 30px 0 0;
	min-height:500px;
}

#right {
	float:right;
	height:auto;
	width:900px;
	min-height:700px;
}
table {
	border-spacing:0;
	width:100%;
}



td {
	height:40px;
	vertical-align:middle;
	border-bottom:1px solid #d9d9d9;
	margin:0;
	color:#585858;
}

#myProducts td {
	vertical-align:top;
}
td.amount	{	text-align:right; padding-right:4px;}
td.info		{	width:225px; }
td.bijaf	{	color:white; height:15px; width:16px; }
td.bij 		{	background:#303030;border:none;	}
td.af		{	background:#303030;border:none;	}

tr.bedrag		{	background:#EEE;	}
tr.omschrijving {	background:#FFF;	}

.clear { clear:both;	}

hr {
	clear:both;
}

.knop  {
	margin:20px 0;
	padding:13px;
	cursor:pointer;
	background-color:#333;
	font-weight:bold;
	color:white;
}
.allesamenwerkingen, .allebeurzen {
	display:none;
}

.kvk_link {
	text-decoration:none;
	color:#555;
}
.kvk_link:hover {
	text-decoration:underline;
}
.kvk_link img {
	display:block;
	float:left;
	margin:-1px 5px 0 0;
}


/* NIEUWE OFFERTE */

.scroll_menu2 {
	z-index:1;
	background-color:#FFF;
	border:1px solid #d9d9d9;
	width:100%;
	height:40px;
	top:210px;
	margin:0 0 20px 0;
	position:fixed;
	-moz-box-shadow:    0px 3px 5px -2px #ddd;
  	-webkit-box-shadow: 0px 3px 5px -2px #ddd;
  	box-shadow:         0px 3px 5px -2px #ddd;
}
.scroll_menu2 a {
	text-decoration:none;
}

.wrapper_scroll {
	width:1102px;
	margin:0 auto;
}
.scroll_titel {
	float:left;
	display:block;
	height:40px;
	width:200px;
}


.scroll_menu {
	background-color:#f8f8f8;
	border:1px solid #d9d9d9;
	width:900px;
	height:40px;
	margin:0 0 20px 0;
	position:fixed;
	-moz-box-shadow:    0px 3px 4px -2px #bbb;
  	-webkit-box-shadow: 0px 3px 4px -2px #bbb;
  	box-shadow:         0px 3px 4px -2px #bbb;
}
.scroll_menu h3 {
	float:left;
	color:#929292;
	margin:13px 0 0 165px;
}
.scroll_save {
	float:right;
	cursor:pointer;
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/icn_save.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-top:none;
	border-bottom:none;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.scroll_stats {
	float:right;
	cursor:pointer;
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/icn_stats.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-top:none;
	border-bottom:none;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.scroll_tb-online {
	float:right;
	cursor:pointer;
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/icn_tb-online.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #d9d9d9;
	border-right:0px solid #d9d9d9;
	border-top:none;
	border-bottom:none;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.scroll_back {
	float:left;
	cursor:pointer;
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/icn_back.png');
	background-repeat:no-repeat;
	background-position:center;
	border-right:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-top:none;
	border-bottom:none;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.scroll_view {
	float:right;
	cursor:pointer;
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/icn_scroll_view.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #d9d9d9;
	border-right:none;
	border-top:none;
	border-bottom:none;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.scroll_draaiboek {
	float:right;
	cursor:pointer;
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/icn_scroll_draaiboek.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #d9d9d9;
	border-right:none;
	border-top:none;
	border-bottom:none;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.scroll_mail {
	float:right;
	cursor:pointer;
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/icn_mail.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #d9d9d9;
	border-right:none;
	border-top:none;
	border-bottom:none;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.scroll_offerte {
	float:right;
	cursor:pointer;
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/icn_new_offerte.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #d9d9d9;
	border-right:none;
	border-top:none;
	border-bottom:none;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.scroll_duplicate {
	float:right;
	cursor:pointer;
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/icn_duplicate.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #d9d9d9;
	border-right:none;
	border-top:none;
	border-bottom:none;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.scroll_pakbon {
	float:right;
	cursor:pointer;
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/icn_scroll_pakbon.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #d9d9d9;
	border-right:none;
	border-top:none;
	border-bottom:none;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.scroll_save:hover, .scroll_back:hover, .scroll_view:hover, .scroll_mail:hover, .scroll_offerte:hover, .scroll_duplicate:hover, .scroll_pakbon:hover {
	background-color:#f8f8f8;
}

.blok1 h3, .blok2 h3, .blok4 h3 {
	margin:0 0 0 -10px;
}
.blok1 {
	background-color:#FFF;
	border:1px solid #d9d9d9;
	width:860px;
	height:auto;
	padding:20px;
	margin:0 0 30px 0;
}
.blok2 {
	background-color:#fafafa;
	border:1px solid #d9d9d9;
	width:860px;
	height:auto;
	padding:20px;
	margin:0 0 30px 0;
}
.blok3 {
	float:left;
	background-color:#fafafa;
	border:1px solid #d9d9d9;
	width:436px;
	height:auto;
	padding:20px 30px;
	margin:0 30px 30px 0;
}
.blok4 {
	float:left;
	background-color:#FFF;
	border:1px solid #d9d9d9;
	width:330px;
	height:410px;
	padding:20px;
	margin:0 0 30px 0;
}
.blok5 {
	float:left;
	background-color:#FFF;
	border:1px solid #d9d9d9;
	width:200px;
	height:auto;
	padding:20px;
	margin:0 0 30px 0;
}
.blok5 label {
	text-align:left;
	width:120px;
}
.blok5 input {
	width:auto;
}
.offerte_opmerking {
	height:80px;
	width:413px;
	padding:10px;
	border:1px solid #d9d9d9;
	resize:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
}
.opmerking_new {
	font-size:11px;
	font-weight:bold;
	color:#505050;
}
.blok_left label, .blok_right label, .blok_full label, .blok_mail label {
	text-align:left;
	width:130px;
	height:22px;
	padding:8px 0 0 0;
	margin:0 0 5px 0;
}
.blok_left input, .blok_right input, .blok_full input {
	margin:0 0 5px 0;
	color:#555;
}
.blok_left select, .blok_right select, .blok_full select {
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/icn_select.png');
	background-repeat:no-repeat;
	background-position:right;
	overflow: hidden;
	text-transform:none;
	border:1px solid #d9d9d9;
	height:32px;
	width:263px;
	padding:8px;
	margin:0 0 5px 0;
	color:#555;
	float:left;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-webkit-appearance: none;
}
.blok_full textarea, .blok_full input[type='text'] {
	width:686px;
	color:#555;
}
.blok_left [name=postcode], .blok_right [name=aflever_postcode] {
	width:60px;
}
.blok_left [name=plaats], .blok_right [name=aflever_plaats] {
	width:164px;
}


.blok_left {
	float:left;
	width:415px;
	height:auto;
	padding:0 10px 0 0;
	margin:10px 0 0 0;
}
.blok_right {
	float:right;
	width:415px;
	height:auto;
	padding:0 0 0 10px;
	margin:10px 0 0 0;
}
.blok_full {
	width:860px;
	margin:10px 0 0 0;
}

.ui-datepicker-calendar td {
	height:auto;
}

.icn_row {
	float:left;
	cursor:move;
	background-color:#f4f4f4;
	background-image:url('https://www.offsys.nl/sys/images/icn_row.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	height:auto; /* 40px; */
	min-height:104px;
	width:10px;
	margin:0 4px 0 0;
	padding:0;
}
.icn_row_down, .icn_row_up, .icn_row_normal {
	float:right;
	cursor:pointer;
	background-color:#f4f4f4;
	background-image:url('https://www.offsys.nl/sys/images/icn_row_down.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	height:auto; /* 40px; */
	min-height:104px;
	width:10px;
	margin:0 0 0 4px;
	padding:0;
}
.row_invisible {
	display: none;
}
.icn_row_up {
	background-image:url('https://www.offsys.nl/sys/images/icn_row_up.png') !important;
}
.icn_row_normal {
	background-image: none;
	cursor: auto;
}
th {
	font-weight:100;
}
#total_left {
	float:left;
	background-color:#FFF;
	border-top:1px solid #d9d9d9;
	width:580px;
	padding:10px;
	margin:20px 0 30px 0;
}
#total_right {
	float:right;
	background-color:#FFF;
	border-top:1px solid #d9d9d9;
	width:260px;
	padding:10px;
	margin:20px 0 30px 0;
}
#total_left label, #total_right label {
	text-align:left;
}
#ex, #btw {
	text-align:right;
}
#amount {
	text-align:right;
	font-weight:bold;
	color:#555;
}

/* BETAALPLAN */

#addPlan {
	position:absolute;
	margin:-27px 0 0 315px;
	color:#7E7E7E;
	text-decoration:none;
}
#addPlan:hover {
	text-decoration:underline;
}
#b_plan p {
	padding:10px 0 0 0;
	border-top:1px solid #d9d9d9;
}
#remScnt, #remPrsnl, #remDgdl {
	cursor:pointer;
	height:25px;
	width:25px;
	margin:3px 0 0 0;
	padding:0;
	float:right;
	background-color:#f9cdcd;
	background-image:url('https://www.offsys.nl/sys/images/icn_delete2.png');
	background-repeat:no-repeat;
	background-position:center;
	transition-duration:250ms;
	-moz-transition-duration:250ms; /* Firefox 4 */
	-webkit-transition-duration:250ms; /* Safari and Chrome */
	-o-transition-duration:250ms; /* Opera */
	-moz-border-radius:50%;
    -webkit-border-radius:50%;
    -khtml-border-radius:50%;
    border-radius:50%;
}
#remScnt:hover, #remPrsnl:hover, #remDgdl:hover {
	background-color:#dc5f55;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}


/* EINDE BETAALPLAN*/

/* EINDE NIEUWE OFFERTE */


#filter {
	float:right;
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/icn_select.png');
	background-repeat:no-repeat;
	background-position:right;
	overflow: hidden;
	text-transform:none;
	letter-spacing:0px;
	width:250px;
	height:30px;
	padding:7px 5px;
	margin:5px 0 0 0;
	border:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-webkit-appearance: none;
}



/* KLANT PROFIEL */

#btn_add_contact {
	float:right;
	margin:-25px 0 0 0;
	cursor:pointer;
	color:#7E7E7E;
	text-decoration:none;
}
#btn_add_contact:hover {
	color:#505050;
	text-decoration:underline;
}
.icn_add {
	float:right;
	margin:-4px 0 0 10px;
}
#add_contact {
	background-color:#FFF;
	position:absolute;
	margin:-367px 0 0 585px;
	padding:15px 22px;
	height:auto;
	width:240px;
	-moz-box-shadow:    0px 0px 5px 1px #ccc;
  	-webkit-box-shadow: 0px 0px 5px 1px #ccc;
  	box-shadow:         0px 0px 5px 1px #ccc;
}
.add_pijl {
	position:absolute;
	margin:35px 0 0 261px;
}
#add_contact label {
	text-align:left;
	margin:0 0 5px 5px;
}
.add_input {
	width:220px;
}
.add_line {
	background-color:#d9d9d9;
	height:1px;
	width:283px;
	margin:20px 0 25px -21px;
}
#cancel_add_contact {
	color:#505050;
	float:left;
	cursor:pointer;
	margin:0 0 10px 0;
}
#cancel_add_contact:hover {
	text-decoration:underline;
}
.save_nieuw_cont {
	float:right;
	position:absolute;
	color:#FFF;
	background-color:#0083eb;
	padding:10px 30px;
	margin:-10px 0 0 132px;
	cursor:pointer;
	transition-duration:300ms;
	-moz-transition-duration:300ms; /* Firefox 4 */
	-webkit-transition-duration:300ms; /* Safari and Chrome */
	-o-transition-duration:300ms; /* Opera */
}
.save_nieuw_cont:hover {
	background-color:#63ade8;
}

.klant_opmerking {
	resize:none;
	border:1px solid #d9d9d9;
	width:870px;
	height:180px;
	padding:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#606060;
}
.extra_opmerking {
	resize:none;
	border:1px solid #d9d9d9;
	width:870px;
	height:100px;
	padding:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#606060;
}
.del_contact {
	float:right;
	cursor:pointer;
	background-image:url('https://www.offsys.nl/sys/images/icn_delete.png');
	background-repeat:no-repeat;
	background-position:center;
	height:40px;
	width:40px;
	margin:0;
	padding:0;
	border-left:1px solid #d9d9d9;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.edit_contact {
	float:right;
	cursor:pointer;
	background-image:url('https://www.offsys.nl/sys/images/icn_edit.png');
	background-repeat:no-repeat;
	background-position:center;
	height:40px;
	width:40px;
	margin:0;
	padding:0;
	border-left:1px solid #d9d9d9;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.icn_view {
	float:right;
	cursor:pointer;
	background-image:url('https://www.offsys.nl/sys/images/icn_view.png');
	background-repeat:no-repeat;
	background-position:center;
	height:40px;
	width:40px;
	margin:0;
	padding:0;
	border-left:1px solid #d9d9d9;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.icn_offerte {
	float:right;
	cursor:pointer;
	background-image:url('https://www.offsys.nl/sys/images/icn_offerte.png');
	background-repeat:no-repeat;
	background-position:center;
	height:40px;
	width:40px;
	margin:0;
	padding:0;
	border-left:1px solid #d9d9d9;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.icn_pakbon {
	float:right;
	cursor:pointer;
	background-image:url('https://www.offsys.nl/sys/images/icn_pakbon.png');
	background-repeat:no-repeat;
	background-position:center;
	height:40px;
	width:40px;
	margin:0;
	padding:0;
	border-left:1px solid #d9d9d9;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.save_contact {
	float:right;
	cursor:pointer;
	background-image:url('https://www.offsys.nl/sys/images/icn_save_contact.png');
	background-repeat:no-repeat;
	background-position:center;
	height:40px;
	width:40px;
	margin:0;
	padding:0;
	border-left:1px solid #d9d9d9;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}

.opm_important {
	height:40px;
	width:40px;
	margin:0;
	padding:0;
	cursor:pointer;
	background-image:url('https://www.offsys.nl/sys/images/icn_important_off.png');
	background-repeat:no-repeat;
	background-position:center;
}

.opm_actief {
	height:40px;
	width:40px;
	margin:0;
	padding:0;
	cursor:pointer;
	background-image:url('https://www.offsys.nl/sys/images/icn_nonactief.png');
	background-repeat:no-repeat;
	background-position:center;
}
.actief {
	background-image:url('https://www.offsys.nl/sys/images/icn_actief.png');
	background-repeat:no-repeat;
	background-position:center;
	/*transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	/*-webkit-transition-duration:200ms; /* Safari and Chrome */
	/*-o-transition-duration:200ms; /* Opera */
}
.important {
	background-image:url('https://www.offsys.nl/sys/images/icn_important.png');
	background-repeat:no-repeat;
	background-position:center;
	/*transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	/*-webkit-transition-duration:200ms; /* Safari and Chrome */
	/*-o-transition-duration:200ms; /* Opera */
}

.del_contact:hover, .edit_contact:hover, .save_contact:hover, .icn_view:hover, .icn_offerte:hover, .icn_pakbon:hover {
	background-color:#f4f4f4;
}
.contactrow td, {
	padding:0;
	vertical-align:middle;
}
.contactrow input {
	width:140px;
}
.contactrow input[name=telefoon] {
	width:70px;
}
.contactrow input[name=edit_email] {
	width:245px;
}
.blok_right [name="kvk"], .blok_right [name="facebook"], .blok_right [name="twitter"], .blok_right [name="website"] {
    width: 210px;
}
.blok_left [name="levermoment"], .blok_left [name="tijd"] {
	width:112px;
}
.blok_right [name="offertemoment"], .blok_right [name="factuurmoment"], .blok_right [name="vervalofferte"], .blok_right [name="vervalfactuur"] {
	width:112px;
}
.openurl {
	cursor:pointer;
	float:right;
	background-color:#f9f9f9;
	background-repeat:no-repeat;
	background-position:center;
	height:30px;
	width:30px;
	margin:0 22px 0 0px;
	border:1px solid #d9d9d9;
}

.url_website {	background-image:url('https://www.offsys.nl/sys/images/icn_url.png');}
.url_kvk {		background-image:url('https://www.offsys.nl/sys/images/icn_klant_kvk.png');}
.url_facebook {	background-image:url('https://www.offsys.nl/sys/images/icn_klant_facebook.png');}
.url_twitter {	background-image:url('https://www.offsys.nl/sys/images/icn_klant_twitter.png');}
.url_maps {		background-image:url('https://www.offsys.nl/sys/images/icn_klant_maps.png');}

.openurl:hover {
	background-color:#f0f0f0;
}

.etiket {
	position:absolute;
	color:#FFF;
	padding:6px 14px;
	background-color:#0098EF;
	font-family: 'Montserrat', sans-serif;
	text-decoration:none;
	-moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;
	margin:-50px 0 0 380px;
}
.etiket:hover {
	background-color:#27b1ff;
}


/* EINDE KLANT PROFIEL */


.klant_naam {
	color:#929292;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.klant_naam:hover {
	color:#0083eb;
}


/* PRODUCTEN */


.top_menu {
	float:right;
	margin:0;
	padding:0;
	height:42px;
}
.top_save {
	float:right;
	cursor:pointer;
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/icn_save.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-top:none;
	border-bottom:none;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.top_back {
	float:right;
	cursor:pointer;
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/icn_back.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #d9d9d9;
	border-right:none;
	border-top:none;
	border-bottom:none;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.top_view {
	float:right;
	cursor:pointer;
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/icn_scroll_view.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #d9d9d9;
	border-right:none;
	border-top:none;
	border-bottom:none;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.top_send {
	float:right;
	cursor:pointer;
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/icn_send.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-top:none;
	border-bottom:none;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.top_save:hover, .top_back:hover, .top_send:hover, .top_view:hover {
	background-color:#f8f8f8;
}
.blok2 input#zoeknaam {
	width:840px;
}
.blok_left .offerte_opmerking {
	width:240px;
}
.top_offertes1 {
	float:right;
	cursor:pointer;
	background-color:#f4f4f4;
	background-image:url('https://www.offsys.nl/sys/images/icn_open_offerte.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.top_offertes2 {
	float:right;
	cursor:pointer;
	background-color:#f4f4f4;
	background-image:url('https://www.offsys.nl/sys/images/icn_verlopen_offerte.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:none;
	border-right:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.top_offertes3 {
	float:right;
	cursor:pointer;
	margin:0 0 0 10px;
	background-color:#f4f4f4;
	background-image:url('https://www.offsys.nl/sys/images/icn_accept_offerte.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.top_offertes4 {
	float:right;
	cursor:pointer;
	background-color:#f4f4f4;
	background-image:url('https://www.offsys.nl/sys/images/icn_afgewezen_offerte.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:none;
	border-right:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.top_offertes1:hover, .top_offertes2:hover, .top_offertes3:hover, .top_offertes4:hover {
	background-color:#e9e9e9;
}

#niet-betaald {
	float:right;
	cursor:pointer;
	background-color:#f4f4f4;
	background-image:url('https://www.offsys.nl/sys/images/icn_niet_betaald.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:none;
	border-right:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
#niet-bekeken {
	float:left;
	cursor:pointer;
	margin:0 0 0 10px;
	background-color:#f4f4f4;
	background-image:url('https://www.offsys.nl/sys/images/icn_niet_bekeken.png');
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	height:40px;
	width:110px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
#niet-betaald:hover, #niet-bekeken:hover {
	background-color:#e9e9e9;
}


/* TOOLTIP uitleg */
.info img {
	position:absolute;
	margin:-3px 0 0 3px;
	display:none; /* paul vind de tooltip posititie kudt */
}
a.tooltip span {
    display:none;
    margin:-35px 0 0 -3px;
}
a.tooltip:hover span{
	font-size:10px;
	font-weight:100;
	letter-spacing:0.3px;
    display:inline;
    position:absolute;
	height:15px;
	width:auto;
    background-color:#333;
	padding:5px 10px;
    color:#f2f2f2;
}
.tip {
	width: 0;
	height: 0;
	margin:6px 0 0 0;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-top:8px solid #333;
}



/* TOOLTIP offertes */

.tooltip2 span, .tooltip3 span {
    display:none;
	color:#FFF;
    margin:40px 0 0 0px;
}
.tooltip2:hover span, .tooltip3:hover span {
	font-family: 'Montserrat', sans-serif;
	font-size:10px;
	font-weight:400;
	text-align:center;
    display:inline !important;
    position:absolute;
	width:109px;
	height:23px;
    background-image:url('https://www.offsys.nl/sys/images/tooltip2.png');
	background-repeat:no-repeat;
	background-position:center;
	padding:17px 0 0 0;
}
#tooltip2 {
	float:right;
	margin:30px 20px 0 0;
}
.spanright {
	float:right;
}

.tooltip4 {
	margin-top: 70px !important;
}

.tooltip3 span {
	margin:20px 0 0 -80px !important;
}

.tooltip_dubbel span {
	height: 35px !important;
	background-image:url('https://www.offsys.nl/sys/images/tooltip_dubbel.png') !important;
}

/* EINDE TOOLTIP */


a.excel_btn {
	display:block;
	padding:10px 0 10px 43px;
	margin:0 0 25px 0;
	width:80px;
	background-color:#d5d5d5;
	background-image:url('https://www.offsys.nl/sys/images/icn_excel.png');
	background-repeat:no-repeat;
	background-position:5px center;
	color:#FFF;
	font-size:13px;
	text-decoration:none;
	-moz-border-radius:2px;
    -webkit-border-radius:2px;
    -khtml-border-radius:2px;
    border-radius:2px;
	-moz-transition-duration:300ms; /* Firefox 4 */
	-webkit-transition-duration:300ms; /* Safari and Chrome */
	-o-transition-duration:300ms; /* Opera */
}
a.excel_btn:hover {
	background-color:#27b1ff;
}



/* EINDE PRODUCTEN */



/* TOEVOEGEN */

#zoekkvk {
	width:790px;
	margin:0 0 20px;
}
#zoek {
	cursor:pointer;
	float:right;
	width:80px;
	height:32px;
	background-color:#0083eb;
	background-image:url('https://www.offsys.nl/sys/images/icn_zoek_white.png');
	background-repeat:no-repeat;
	background-position:center;
	-moz-border-radius:2px;
    -webkit-border-radius:2px;
    -khtml-border-radius:2px;
    border-radius:2px;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
#zoek:hover {
	background-color:#33a0f7;
}



.uitgeschreven {
	color:#dadada;
}
.kvk {
	font-size:11px;
	cursor:pointer;
	padding:10px 0 10px 10px;
	border-top:1px solid #d9d9d9;
}
.kvk:hover {
	background-color:#f4f4f4;
}

/* EINDE TOEVOEGEN */


/* MAIL */

.mail_bericht {
	resize:vertical;
	border:1px solid #d9d9d9;
	width:870px;
	height:250px;
	padding:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#606060;
}
/*. label {
	float:left;
	text-align:left;
	width:125px;
	min-height:50px;
	height:auto;
}
.mail_adressen {
	color:#555555;
	float:left;
	width:700px;
	margin:0 0 10px 0;
}
.mail_adressen b {
	font-size:11px;
	font-weight:100;
	color:#8d8d8d;
}*/

.blok_mail input[type='checkbox'] {
	width:13px;
	margin:3px 8px 3px 0;
}
.blok_mail {
	width:860px;
	margin:10px 0 0 0;
}
.blok_mail label {
	float:left;
}

/* EINDE MAIL */

.add_layout {
	color:#929292;
	float:right;
	margin:-35px 25px 0 0;
	cursor:pointer;
}
.add_layout:hover {
	color:#505050;
}


/* FOOTER */

#footer {
	bottom:0;
	display:block;
	background-color:#0083eb;
    height:20px;
	width:100%;
	margin:60px 0 0 0;
	padding:6px 0 0 0;
	color:#FFF;
	font-size:11px;
	font-weight:700;
	font-family: 'Lato', sans-serif;
}
.btn_top {
	cursor:pointer;
	display:block;
	float:right;
	height:13px;
	width:85px;
	margin:-15px 0 0 0;
	padding:10px 10px 10px 15px;
	background-color:#1294fb;
	background-image:url('https://www.offsys.nl/sys/images/icn_footer.png');
	background-repeat:no-repeat;
	background-position:80px 8px;
	font-size:12px;
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
	transition-duration:300ms;
	-moz-transition-duration:300ms; /* Firefox 4 */
	-webkit-transition-duration:300ms; /* Safari and Chrome */
	-o-transition-duration:300ms; /* Opera */
}
.btn_top:hover {
	height:18px;
	margin:-20px 0 0 0;
}

/* EINDE FOOTER */





/* SPIN BOX */

.ch_grid {
	position:absolute;
	width:180px;
	height:180px;
}

.ch-item {
	background-color:#303030;
	position:absolute;
	margin:50px 0 0 120px;
	width:180px;
	height:180px;
	border-radius: 50%;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	cursor: default;
}

.ch-info-wrap{
	position: absolute;
	width:160px;
	height:160px;
	border-radius: 50%;

	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	margin:10px 0 0 10px;
	background-color:#6bc4fe;
	box-shadow: 0 0 0 20px rgba(255,255,255,0.2), inset 0 0 3px #111;
}

.ch_img {
	background-image:url('https://www.offsys.nl/sys/images/bg_item2.png');
}

.ch-info{
	position:absolute;
	width:160px;
	height:160px;
	border-radius:50%;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

}

.ch-info > div {
	display: block;
	position: absolute;
	width:160px;
	height:130px;
	border-radius: 50%;
	background-position: center center;
	background-image:url('https://www.offsys.nl/sys/images/bg_item.png');

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ch-info-front {
	padding:30px 0 0 0;
	color:#FFF;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	text-shadow:0 1px 5px #777;
}
.ch-info-front strong {
	font-size:70px;
}
.ch-info-front p {
	font-size:12px;
	font-weight:100;
	padding:0;
	margin:0;
	line-height:0px;
}

.ch-info .ch-info-back {
	width:160px;
	height:160px;
	-webkit-transform: rotate3d(0,1,0,180deg);
	-moz-transform: rotate3d(0,1,0,180deg);
	-o-transform: rotate3d(0,1,0,180deg);
	-ms-transform: rotate3d(0,1,0,180deg);
	transform: rotate3d(0,1,0,180deg);
	background: #333;
	box-shadow: 0 0 0 20px rgba(255,255,255,0.2), inset 0 0 3px #111;
}


.ch-info h2 {
	font-size:16px;
	font-weight:600;
	color:#d5d4d4;
	text-align:center;
	text-transform:uppercase;
	padding:0;
	margin:40px 0 5px 0;
	text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);
}

.ch-info-back p {
	text-align:center;
	text-transform: uppercase;
	font-weight:bold;
	color:#adadad;
	padding:10px 5px;
	margin:0 30px;
	font-size:10px;
	line-height:15px;
	border-top:1px solid #f5f5f5;
}


.ch-item:hover .ch-info-wrap {
	box-shadow:
		0 0 0 0 rgba(255,255,255,0.8),
		inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item:hover .ch-info {
	-webkit-transform: rotate3d(0,1,0,-180deg);
	-moz-transform: rotate3d(0,1,0,-180deg);
	-o-transform: rotate3d(0,1,0,-180deg);
	-ms-transform: rotate3d(0,1,0,-180deg);
	transform: rotate3d(0,1,0,-180deg);
}

/* EINDE SPIN BOX */



.box {
	float:left;
	width:370px;
	height:420px;
}
.tekst {
	float:left;
	width:320px;
	height:420px;
	font-size:12px;
	text-align:justify;
	color:#999;
	line-height:20px;
}

#label_tb {
	z-index:98;
	position:absolute;
    bottom:0;
    right:0;
	float:right;
	display:block;
	width:182px;
	height:27px;
	margin:0 40px 0 0;
	padding:15px 0 0 52px;
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/trouwbeleving.png');
	background-repeat:no-repeat;
	background-position:10px 5px;
	color:#888;
	font-size:11px;
	-moz-border-radius:8px 8px 0 0;
    -webkit-border-radius:8px 8px 0 0;
    -khtml-border-radius:8px 8px 0 0;
    border-radius:8px 8px 0 0;
}
#label_tb a {
	color:#555;
	font-weight:bold;
	text-decoration:none;
}
#label_tb a:hover {
	text-decoration:underline;
}


/* EINDE INLOGGEN */


.btn_klantprofiel {
	position:absolute;
	display:block;
	width:30px;
	height:30px;
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/icn_profiel.png');
	background-repeat:no-repeat;
	background-position:center;
	margin:-10px 0 0 360px;
	padding:0;
	border:1px solid #d9d9d9;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.btn_klantprofiel:hover {
	background-color:#f5f5f5;
}


/* TELEFOON */

.oproep {
	float:left;
	height:28px;
	padding:12px 0 0 10px;
	margin:0 10px 5px 0;
	width:275px;
	border:1px solid #d9d9d9;
	font-family: 'Montserrat', sans-serif;
	color:#333;
}
.oproep_time {
	float:left;
	margin:0 15px 0 0;
	color:#7e7e7e;
	font-family: 'Lato', sans-serif;
	font-weight:600;
}
.oproep .bellen {
	position:relative;
	display:block;
	float:right;
	height:40px;
	width:40px;
	margin:-12px 0 0 0;
	border-left:1px solid #d9d9d9;
	border-right:none;
	border-top:none;
	border-bottom:none;
}


.bellen {
	position:absolute;
	width:30px;
	height:30px;
	background-color:#FFF;
	background-image:url('https://www.offsys.nl/sys/images/icn_bellen.png');
	background-repeat:no-repeat;
	background-position:center;
	margin:-8px 0 0 5px;
	padding:0;
	border:1px solid #d9d9d9;
	transition-duration:200ms;
	-moz-transition-duration:200ms; /* Firefox 4 */
	-webkit-transition-duration:200ms; /* Safari and Chrome */
	-o-transition-duration:200ms; /* Opera */
}
.bellen:hover {
	background-color:#f5f5f5;
}

.blok2 .bellen {
	margin:-8px 0 0 320px;
}

/* EINDE TELEFOON */

.alert {
	position: relative;
    padding: 1rem 1rem;
	margin: 0;
    /*border: 1px solid transparent;*/
    /*border-radius: .25rem;*/
}

.alert-warning {
	color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.alert-danger {
	color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}