@import url(https://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext);

body {
	background-color: #e8f7ff;
	color: #000000;
	margin: 5px;
}
body.zeiltochten {
	background-color: #e1dbcb;
}

.develop {
	background-color: rgba(255,255,255,.75);
}
.blok.develop {
	padding: 10px;
}

table.bodyzeiltochten {
	background-color: #d7cfba;
}
table.body, table.bodyzeiltochten {
	width: 900px;
}

body.layout2014 {
	background-color: #fff;
}
body.layout2014 table.body {
	border-collapse: collapse;
	min-width: 1000px;
	width: auto;
}
body.layout2014 table.body > tbody > tr > td {
	background-color: #ddeeff;
	padding: 10px;
}
body.layout2014 table.body td.header {
	background-color: #fff;
}
body.layout2014 table.body td.toptitel {
	border-radius: 4px 0 0 0;
}
body.layout2014 table.body td.topmenu {
	border-radius: 0 4px 0 0;
}
body.layout2014 table.body td.content {
	border-radius: 0 0 4px 4px;
	box-shadow: 0 2px 0 0 rgba(0,0,0,.2);
}
body.layout2014 table.body td.footer {
	background-color: #fff;
	padding: 30px;
}

body.layout2014 {
	background: #f7f7f7 url('../2014/images/bg.jpg') no-repeat top center;
}
body.wadden {
	background-image: url('../2014/images/bg-wadden.jpg');
}
body.layout2014 table.body td.header {
	background-color: transparent;
	padding: 5px 10px 10px 0;
}
body.layout2014 table.body td.header img {
	background-color: #fff;
	border: 10px solid #fff;
	border-radius: 5px;
	box-shadow: 0 2px 0 0 rgba(0,0,0,.2);
}
body.layout2014 table.body td.footer {
	background-color: transparent;
}

#slogan {
	color: #5E5E5E;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 15px;
	font-style: italic;
	margin-left: 50px;
	vertical-align: 150%;
	white-space: nowrap;
}

td.header img {
	border: 0;
}
td.footer {
	text-align: center;
}

body, td, th, input, select, textarea {
	font-family: verdana, sans-serif;
	font-size: 12px;
}
th {
	border-bottom: 1px dotted #000000;
	text-align: left;
}
tfoot th {
    border-bottom: 0;
    border-top: 1px dotted #000000;
}
span {
	font-family: verdana;
}
a {
	color: #0000cc;
}
a img {
	border: 0;
}
img.txt {
	vertical-align: middle;
}
tr.head a {
	color: #99ccff;
}
a.site {
	color: #000099;
	font-size: 14px;
	font-weight: bold;
}
a:viewed {
	color: #0000cc;
}
a:hover {
	color: #6699cc;
}
body.layout2014 a:hover {
	color: #006;
}

.text-through {
	text-decoration: line-through;
}
.text-through span[style] {
	text-decoration: line-through;
}

hr {
	background-color: #000000;
	border-width: 0;
	color: #000000;
	height: 1px;
}
.ui-tooltip hr {
	background-color: #ffffff;
	color: #ffffff;
	margin: 1em 0;
}

h1 {
	font-size: 15px;
}
h2 {
	font-size: 13px;
}

p.code {
	background-color: #fff;
	border: 1px solid grey;
	padding: .5em;
}
code {
	color: navy;
}

.hidden {
	display: none;
}

.img-float-margin img[align=right], .img-float-margin img[style*="float:right"] {
	margin: 0 0 1em 1em;
}
.img-float-margin img[align=left], .img-float-margin img[style*="float:left"] {
	margin: 0 1em 1em 0;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.cl-left {
	clear: left;
}
.cl-right {
	clear: right;
}
.ta-right {
	text-align: right;
}

.center {
	text-align: center;
}

.w-full {
	width: 100%;
}

.ma-30 {
	margin: 30px;
}
.ma-30-0 {
	margin: 30px 0;
}

.alpha50 {
	opacity: .5;
}
.disabled form {
	display: none;
}
.glyphicon.disabled {
	cursor: not-allowed;
	opacity: .5;
}

.glyphicon-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}

.glyphicon-stack-1x {
	line-height: inherit;
	margin-top: 3px;
}

.glyphicon-stack-1x, .glyphicon-stack-2x {
	position: absolute !important;
	left: 0;
	width: 100%;
	text-align: center;
}

.glyphicon-circle {
	position: relative;
	border-radius: 50%;
	width: 100%;
	height: auto;
	padding-top: 100%;
	background: white;
}

.pl-2 {
	padding-left: 2em !important;
}

.wait {
	cursor: wait;
	opacity: .5;
}

.dot {
	background: white;
	border-radius: 50%;
	color: black;
	display: inline-block;
	font-weight: bold;
	padding: 5px;
}
.dot.red {
	background: red;
	color: white;
}

.quote {
	font-family: times,serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
}
.grey {
	color: #666;
}
.info {
	color: #666;
}
.prijs-info {
	color: #999;
	font-size: 10px;
	font-weight: bold;
}

.filter-active {
	font-weight: bold;
}

/* *** */

tr.actief td,
li.actief {
	font-weight: bold;
}
tr.totaal td {
	border-top: 1px solid #000;
}
tr.deleted {
    color: #888;
    text-decoration: line-through;
}
tr.deleted a {
    color: #888;
}

input.t {
	width: 200px;
}
input.btn {
	padding: 5px;
}
.btn-rood {
	background-color: #b71b4e;
	border: 2px solid #b71b4e;
	border-radius: 5px;
	color: #fff;
}
.btn-rood:hover {
	background-color: #9c1742;
	border-color: #9c1742;
}
.btn-orange {
    background-color: orange;
    border: 2px solid orange;
	border-radius: 5px;
    color: #fff;
}
.btn-orange:hover {
    background-color: orangered;
    border-color: orangered;
}
button {
	background-color: #eaeaea;
	background: linear-gradient(#f6f6f6,#dddddd);
	border-width: 1px;
	border-radius: 3px;
	cursor: pointer;
	font-weight: bold;
	padding: 5px 15px 5px 10px;
}
button.btn {
	padding: 5px 10px;
}
button:hover {
	background: linear-gradient(#dddddd,#f6f6f6);
}
button.del,
button.order {
	background: none;
	border: none;
	padding: 0;
}
button img {
	margin-right: 5px;
	vertical-align: -50%;
}
.knop {
	/* blauw */
	background: #1f9bda;
	border: 0;
	border-radius: 2px 2px 3px 3px;
	box-shadow: 0 2px 0 0 rgba(0,0,0,.2);
	color: #fff !important;
	cursor: pointer;
	display: inline-block;
	font-family: 'Roboto',sans-serif;
	font-size: 13px;
	font-weight: bold;
	height: 34px;
	line-height: 36px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	text-shadow: rgba(0,0,0,.3) 1px 1px 0;
}
.knop-round {
	border-radius: 20px;
}
.knop:hover {
	background-color: #0e79b1;
}
button.knop:hover {
	background: #0e79b1;
}
.knop-red {
	background: #b71b4e;
}
.knop-red:hover {
	background: #9c1742 !important;
}
.knop.wait {
	cursor: wait;
}
.knop-delete {
	background: #f00;
}
.knop-delete:hover {
	background: #d00 !important;
}
button.knop .glyphicon {
	color: #fff;
	margin-right: 10px;
}
button.knop .glyphicon:hover {
	color: #fff !important;
}

td.knoppen {
	background-color: #a2aab3;
	border-top: 8px solid #ddeeff;
	padding: 13px;
	text-align: center;
}
.mainzeiltochten td.knoppen {
	background-color: #aaaaaa;
	border-top: 8px solid #e5e3dd;
}
td.knoppen .knop.save {
	float: right;
}
td.knoppen a {
	color: #000;
	margin-top: .5em;
}
td.knoppen .cancel,
td.knoppen .reset {
	background-color: rgba(255, 255, 255, .1);
	border-radius: 3px;
	color: #fff;
	float: left;
	font-weight: bold;
	margin-top: 3px;
	padding: .5em;
	text-decoration: none;
}
td.knoppen .cancel + .cancel,
td.knoppen .cancel + .reset,
td.knoppen .reset + .reset,
td.knoppen .reset + .cancel {
	margin-left: 5px;
}
td.knoppen .cancel:hover,
td.knoppen .reset:hover {
	background-color: rgba(255, 255, 255, .2);
	color: #fff;
}
td.knoppen .save .glyphicon,
td.knoppen .cancel .glyphicon,
td.knoppen .reset .glyphicon {
	color: #fff;
	font-size: 13px;
}
td.knoppen .save .glyphicon:hover,
td.knoppen .cancel .glyphicon:hover,
td.knoppen .reset .glyphicon:hover {
	color: #fff !important;
	opacity: 1;
}
td.knoppen .save .glyphicon {
	margin-left: .5em;
}

span.change {
	color: #006600;
	font-weight: bold;
}
span.error {
	color: #660000;
	font-weight: bold;
}

p.atzemichel {
	background-color: rgba(255,0,0,.2);
	border-radius: 5px;
	border-bottom: 2px solid rgba(0,0,0,.2);
	color: rgba(0,0,0,.5);
	font-weight: bold;
	margin: 10px 0;
	padding: 10px;
}

div.change, p.change, div.error, p.error, div.warning, p.warning, div.notification, p.notification {
	border-radius: 5px;
	border-bottom: 2px solid rgba(0,0,0,.2);
	clear: left;
	font-weight: bold;
	padding: 12px;
}
div.change, div.error, div.warning, div.notification {
	margin: 2px 0 12px 0;
}
div.change, p.change {
	background-color: #6fd080;
}
div.error, p.error {
	background-color: #cf7780;
	color: #fff;
}
div.error a:hover, p.error a:hover {
	color: #fff;
}
div.warning, p.warning {
	background-color: rgba(0,0,0,.2);
	font-weight: normal;
}
div.notification, p.notification {
	background-color: rgba(111, 208, 128, .5);
	font-weight: normal;
	max-width: 976px;
}
div.notification.close, p.notification.close {
	opacity: 0;
	transition: all 1s;
}
div.notification.closed, p.notification.closed {
	display: none;
}
.remove-notification {
	cursor: pointer;
	margin-left: 1em;
}

.kleiner {
	font-size: 10px;
}

a.nol {
	text-decoration: none;
}

tr.head td, td.head, thead td, thead th {
	background-color: #666666;
	color: #ffffff;
	padding-top: 4px;
	padding-bottom: 4px;
}
tr.head td a, td.head a, thead td a, thead th a {
	color: #ffffff;
}
.head .info {
	color: #c2c2c2;
	font-size: 11px;
	max-width: 180px;
}
.head .new {
	color: red;
}
tfoot.tfoot td {
	font-weight: bold;
}

tr.headsub td, td.headsub {
	background-color: #d5e5f5;
}
.mainzeiltochten tr.headsub td, .mainzeiltochten td.headsub {
	background-color: #e5e5e5;
}
tr.head.order td {
	border-top: 2px solid #ddeeff;
}
tr.head.order td.order {
	border-top: 2px solid black;
}
td, th {
	padding: 2px 6px;
}
td.omschrijving {
	padding-left: 200px; padding-right: 200px;
}

table.kieshuisje td, table.kiescharterschip td {
	padding: 4px 4px 0 4px;
}
td.menua a {
	color: #000000;
}
td.menu {
	border-bottom: 4px solid #ddeeff;
}
td.menua {
	background-color: #86b3fd;
	border-bottom: 4px solid #86b3fd;
	border-radius: 4px 4px 0 0;
}
td.tussen {
	background-color: #86b3fd;
	border-top: 8px solid #ddeeff;
	padding: 13px;
	text-align: center;
}
td.tussen div.profiel {
	margin: auto;
	width: 600px;
}
table.kiescharterschip td.menu {
	border-bottom: 4px solid #e5e3dd;
}
table.kiescharterschip td.menua {
	background-color: #cccccc;
	border-bottom: 4px solid #cccccc;
}
table.kieshuisje td.lijn {
	background-color: #86b3fd;
}
table.kiescharterschip td.lijn {
	background-color: #999999;
}

table.licht, tr.licht td {
	background-color: #eef6ff;
}
tr.licht2 td {
	background-color: #eef6ff;
	border-top: 1px solid #999;
}
tr.normaal td {
	border-top: 1px solid #999;
}
tr.normaalwit td {
	background-color: #ffffff;
	border-top: 1px solid #999;
}

td.main {
	background-color: #ddeeff;
	/*border: 1px dashed #000000;*/
	padding: 4px;
	margin: 2px 8px 2px 8px;
}
td.mainzeiltochten {
	background-color: #e5e3dd;
	/*border: 1px dashed #000000;*/
	padding: 4px;
	margin: 2px 8px 2px 8px;
}
div.main {
	min-width: 1000px;
	max-width: 1200px;
	padding: 5px;
}

a.taal img, a.taalactief img {
	margin: 0px 5px;
}
a.taal img {
	opacity: .5;
}
a.taalactief img {
	opacity: 1;
}
a.taal:hover img {
	opacity: .75;
}

/* * */

.wi-250 {
	display: inline-block;
	min-width: 250px;
}

.blok {
	background-color: rgba(255,255,255,.5);
	border-radius: 5px;
	box-shadow: 0 2px 0 0 rgba(0,0,0,.2);
	margin-bottom: 10px;
	padding: 20px;
}
.blok > h2 {
	margin-top: 0;
}

.bs-img {
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.2);
	margin: 10px;
}

/* * */

blockquote label {
	cursor: pointer;
}

/* * */

table.kosten {
	border-collapse: collapse;
	width: 90%;
}
table.kosten label {
	cursor: pointer;
}
table.kosten td {
	font-weight: bold;
	padding: 10px 5px;
}
table.kosten tr.rule-bottom td {
	border-bottom: 1px solid #999;
}
table.kosten tr.rule-top td {
	border-top: 1px solid #999;
}
table.kosten tr.labels td, table.kosten td .labels {
	color: #1f9bda;
}
table.kosten td.aantal {
	text-align: right;
}
table.kosten td.item {
	min-width: 50%;
}
table.kosten tr.item-info td, table.kosten td .item-info {
	font-weight: normal;
	line-height: 150%;
}
table.kosten td .item-info, table.kosten td .labels {
	font-size: 90%;
}
table.kosten td.prijs {
	padding-right: 35px;
	text-align: right;
}
table.kosten td.totaalprijs {
	font-size: 150%;
	white-space: nowrap;
}

/* * */

table.rand, form.rand, p.rand {
	background-color: #ffffff;
	border: 2px solid #000000;
	border-radius: 5px;
	padding: 5px;
}
form.rand + form.rand {
	margin-top: 1em;
}
table.rand.smal, form.rand.smal, p.rand.smal {
	background-color: rgba(255,255,255,.5);
	border-width: 1px;
}
table.rand.right, form.rand.right, p.rand.right {
	margin-bottom: 5px;
}
table.rand tfoot tr:first-child td {
	border-top: 1px solid #909090;
	padding-top: 10px;
}
table.rand tr.active td {
	font-weight: bold;
}
table.rand tr.offline td {
	color: #999;
}
tbody#list tr:not(.no-hover):hover {
	background-color: rgba(0, 0, 0, .1);
}
tbody#list tr.no-hover td {
	cursor: default;
}
tbody#list td {
	cursor: pointer;
	padding: 3px 6px;
}
.cursor-default td,
tbody#list td.actions,
tbody#list td.infos,
tbody#list td.order {
	cursor: default !important;
}
tbody#list td.actions button.del .glyphicon {
	color: red;
}
tbody#list td.actions button.del + a,
tbody#list td.infos .glyphicon + a {
	margin-left: 5px;
}
tbody#list h3 {
	font-weight: normal;
}
tbody#list tr.active h3 {
	font-weight: bold;
}

fieldset {
	background-color: #ffffff;
	border: 2px solid #909090;
	border-radius: 5px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 1em;
	padding: 10px;
}
legend {
	font-weight: bold;
}
fieldset fieldset {
	background-color: #eef7ff;
}
fieldset div#vermelding fieldset p {
	margin: 0;
	padding: 10px 0;
}

div.zmotekst {
	color: #606060;
	font-size: 10px;
	margin-top: 16px;
	margin-bottom: 16px;
}
div.zmotekst a, a.z {
	color: #606060;
	text-decoration: none;
	white-space: nowrap;
}

td.spacer {
	height: 8px;
}
div.nieuws {
	margin-left: 4px;
	margin-top: 4px;
	margin-bottom: 16px;
}
div.nieuws div.item {
	background-color: #ffffff;
	border: 1px solid #000000;
	margin-bottom: 16px;
	padding: 1%;
	width: 98%;
}
div.nieuws div.item p {
	padding-bottom: 0;
	margin-bottom: 0;
}

td.menu a.nieuws {
	color: #ff0000;
}

table.backlink {
	border-collapse: collapse;
}
table.backlink td {
	border-bottom: 1px solid #aaaeb2;
	margin: 0;
	padding: 2px 8px 4px 4px;
	vertical-align: top;
}
table.backlink tr.head td {
	border-right: 2px solid #ddeeff;
	border-bottom: 2px solid #ddeeff;
}
table.backlink tr.even td {
	background-color: #eef6ff;
}
table.backlink td.controle input.red {
	background-color: red;
}
table.backlink a.zwart {
	color: black;
}

table tr.rij td {
	border-top: 1px solid #606060;
	vertical-align: top;
}
table tr.rij.actief td {
	background-color: #eef7ff;
}
table.teksten tr.rij td a img {
	height: 20px;
	width: 20px;
}
table.teksten tr.rij td h1, table.teksten tr.rij td h2, table.teksten tr.rij td h3 {
	display: inline;
}

td.caph {
	font-weight: bold;
}
td.capv {
	font-weight: bold;
}

span.radio, span.checkbox {
	background-color: #efefef;
	border: 2px solid #efefef;
	border-radius: 5px;
	cursor: pointer;
	float: left;
	margin-right: 10px;
	padding: 5px;
}
span.radio img, span.checkbox img {
	cursor: pointer;
}
span.radio.actief, span.checkbox.actief {
	border: 2px solid #000;
}
span.radio.saved, span.checkbox.saved {
	border: 2px solid #0f0;
}
span.radio.not-saved, span.checkbox.not-saved {
	border: 2px solid #f00;
}
span.radio input, span.checkbox input {
	display: none;
}

span.s {
	color: #999;
	font-style: italic;
}

/* * */

img.recensie {
	max-height: 80px;
	max-width: 80px;
}

/* * */

img.fac-wijzigen {
	cursor: pointer;
}
tr.fac-wijzigen td {
	background-color: #fff;
	padding: 10px;
}
span.fac-close {
	cursor: pointer;
	float: right;
	padding: 10px;
}
hr.fac-divider {
	clear: both;
}

div.facs {
	float: left;
}
div.fac {
	float: left;
	margin: 0 40px 10px 0;
}
label.fac-naam {
	float: left;
	width: 180px;
}
input.fac-keuze {
	float: left;
}

input.fac-opslaan {
	float: right;
	margin: 10px;
}

/* sterren - beoordeling **************************************************** */

span.star {
	background: url(../2014/images/rating/star.gif) no-repeat 0 0px;
	display: inline-block;
	height: 16px;
	width: 16px;
}
span.star.active {
	background-position: 0 -32px;
}
span.star.groot {
	background-image: url(../2014/images/rating/star-groot.png);
	height: 24px;
	width: 24px;
	vertical-align: -5px;
}
span.star.groot.active {
	background-position: 0 -48px;
}
span.star.groot:last-child {
	margin-right: 10px;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(../2014/images/rating/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(../2014/images/rating/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -32px!important}
div.star-rating-hover a{background-position:0 -16px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}

.star-groot div.rating-cancel, .star-groot div.star-rating { width: 24px; height: 24px; }
.star-groot div.rating-cancel, .star-groot div.rating-cancel a { background: url(../2014/images/rating/delete-groot.png) no-repeat 0 -24px; }
.star-groot div.star-rating, .star-groot div.star-rating a { background-image: url(../2014/images/rating/star-groot.png); }
.star-groot div.rating-cancel a, .star-groot div.star-rating a { width: 24px; background-position: 0 0px; }
.star-groot div.star-rating-on a { background-position: 0 -48px!important; }
.star-groot div.star-rating-hover a { background-position: 0 -24px; }

.star-groot .rating-cancel, .star-groot .star-rating {
	margin-top: 5px;
}

.star-uitleg {
	background-color: #82a93e;
	border-radius: 0 2px 2px 0;
	color: white;
	display: none;
	float: left;
	margin-top: 5px;
	margin-left: 50px;
	min-width: 100px;
	padding: 4px;
	position: relative;
}
.star-uitleg:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 12px solid #82a93e;
	position: absolute;
	top: 0px;
	left: -12px;
}
.su-1 {
	background-color: #bb221f;
}
.su-1:before {
	border-right-color: #bb221f;
}
.su-2 {
	background-color: #ad4327;
}
.su-2:before {
	border-right-color: #ad4327;
}
.su-3 {
	background-color: #9f652e;
}
.su-3:before {
	border-right-color: #9f652e;
}
.su-4 {
	background-color: #908736;
}
.su-4:before {
	border-right-color: #908736;
}

/* TARIEVEN & KOSTEN ******************************************************** */

.blok.tarieven {
	padding-top: 0;
}
.blok.tarieven h2 {
	background-color: rgba(31,155,218,.25);
	border-radius: 5px 5px 0 0;
	font-size: 13px;
	margin: 0 -20px 10px -20px;
	padding: 10px 20px;
}

tr.bewerken span.currency {
	background-color: #eee;
	border: 1px solid #ccc;
	border-right: 0;
	border-radius: 3px 0 0 3px;
	display: inline-block;
	float: left;
	padding: 2px 4px;
	text-shadow: 0 1px 0 #fff;
	width: auto;
}
tr.bewerken span.currency + input {
	border-radius: 0 3px 3px 0;
}
tr.bewerken span.percentage {
}

table.tarieven-lijst {
	border-collapse: collapse;
	width: 100%;
}
table.tarieven-lijst td {
	padding: 1px;
}
table.tarieven-lijst tr.header {
	font-weight: bold;
}
tr.tarief-regel.alpha50.bewerken {
	opacity: 1;
}
tr.tarief-regel td {
	border-top: 1px solid #a9a9a9;
	padding-top: 3px;
	position: relative;
}
tr.tarief-regel .text {
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 3px;
	cursor: default;
	padding: 2px;
}
tr.tarief-regel select.text {
	padding: 1px 2px;
}
tr.tarief-regel input.aantal {
	text-align: center;
}
tr.tarief-regel.bewerken .text {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	cursor: text;
}
tr.tarief-regel.bewerken select.text {
	cursor: default;
}
tr.tarief-regel td.disabled, tr.tarief-regel td.disabled input {
	cursor: not-allowed !important;
}
tr.tarief-regel td.disabled {
	opacity: .5;
}
tr.tarief-regel a.disabled {
	opacity: .5;
}
tr.tarief-regel.wait input, tr.tarief-regel.wait a {
	cursor: wait !important;
}
tr.tarief-regel.new a.delete {
	display: none;
}

tr.tarief-regel :disabled {
	color: rgb(0, 0, 0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
tr.tarief-regel [name=prijssoort]:disabled {
	display: none;
}
tr.tarief-regel [type=checkbox]:checked:disabled {
	/*
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
	*/
}
tr.tarief-regel [type=checkbox]:checked:disabled:before {
	content: '\00b7';
	display: inline;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	top: 4px;
}

/* TARIEVEN TOELICHTING ***************************************************** */

.wait textarea#toelichting, .wait input#toelichting-opslaan {
	cursor: wait !important;
}
textarea#toelichting {
	border: 1px solid #a9a9a9;
	border-radius: 3px;
	line-height: 1.5em;
	padding: 5px;
}

/* TOOLTIP ****************************************************************** */

.ui-tooltip, .arrow:after {
	background: black !important;
	border: 0 !important;
}
.ui-tooltip {
	color: white !important;
	box-shadow: 0 0 7px black !important;
}
.ui-tooltip-content {
	text-align: center;
}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}

/* ************************************************************************** */

.actions {
	white-space: nowrap;
}
.full-width {
	width: 100%;
}
.text-nowrap {
	white-space: nowrap;
}

/* BOOTSTRAP ************************************************************************** */

.form-control {
	width: 100%;
}

.col-xs-6 {
	float: left;
	width: 50%;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}

/* TIPS BEHEER *** */

#tips tr:not(.hr):hover td {
	background-color: rgba(31, 155, 218, .05);
}

#tips tr:not(.hr) td {
	cursor: pointer;
}

#tips td.actions {
	cursor: default;
}

/* FORMS *** */

.input-text {
	box-sizing: border-box;
	border: 1px solid #a9a9a9;
	border-radius: 3px;
	max-width: 100%;
	padding: 3px 6px;
	width: 100%;
}

.input-group {
	display: table;
}

.input-group + .input-group {
	margin-top: .5em;
}

.input-group .input-text {
	display: table-cell;
}

.input-group .input-group-addon {
	display: table-cell;
	padding-left: .5em;
	width: 1%;
}

.input-group .delete {
	color: red;
	font-weight: bold;
	text-decoration: none;
	font-size: 150%;
}

/* INVOICES */

#invoices-list .highlighted td {
	background-color: rgba(255,230,0,.25);
}
#invoices-list .highlighted.normaal td {
	background-color: rgba(255,255,0,.25)
}
#invoices-list .fieldset-close {
	color: #000;
	display: inline-block;
	font-size: 150%;
	font-weight: bold;
	margin-left: 2em;
	text-decoration: none;
}

/* *** */

.float-end {
    float: right;
}

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

.text-strike {
	text-decoration: line-through;
}

.valign-top {
	vertical-align: top;
}

.valign-middle {
	vertical-align: middle;
}

.color-999 {
    color: #999999;
}

img.icon {
    vertical-align: middle;
    height: 16px;
    width: 16px;
}

.cursor-help {
    cursor: help;
}

.left-0 {
    left: 0;
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
}

.bg-white {
    background-color: white;
}

.z-2000 {
    z-index: 2000;
}

.field-sizing-content {
    field-sizing: content;
}

.size-4 {
    width: 1rem;
}

.no-underline {
    text-decoration: none;
}

.ml-4 {
    margin-left: 1rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.align-top {
    vertical-align: top;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.pb-4 {
    padding-bottom: 1rem;
}

.invisible {
    visibility: hidden;
}

.text-center {
    text-align: center;
}

.leading-6 {
    line-height: 1.5rem;
}

.\!text-red-500 {
    color: rgb(239 68 68) !important;
}

.pull-right {
    float: right;
}