table {
	padding: 0px;
	font-size: 10pt;
}
.table-new {
	table-layout:fixed;
}
.table-new * th, .table-new * td {
	text-align:left;
}
.totaal  {border-top:solid 1px;}
.clear   {clear:both;}
td {
	vertical-align: top;
}
img {
	border: none;
}
body {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	color: #000000;
	scrollbar-arrow-color:#333333;
    scrollbar-3dlight-color:#EEEEEE;
    scrollbar-face-color:#EEEEEE;
    scrollbar-darkshadow-color:#EEEEEE;
    scrollbar-track-color:#FFFFFF;
    scrollbar-highlight-color:#EEEEEE;
    scrollbar-shadow-color:#333333;
}
.foutmelding {
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.groen {
	color: #009900;
}
.rood {
	color: red;
}
.ruim  { padding-right:5px!important;}
.inactief {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #cccccc;
	font-style: inherit;
	text-decoration: none;
}
.kop {
	font-family: Trebuchet MS;
	font-size: 15pt;
	font-weight: bold;
	color:#666666;
}
.kop2 {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
}
.regelkop {
	font-family: Tahoma, Arial;
	font-size: 9pt;
	color: #666666;
}
.regels {
	font-family: Tahoma, Arial;
	font-size: 8pt;
	color: #333333;
}
.kopu {
	margin-top: 10px; 
	margin-bottom: 10px; 
	font-family: Tahoma, Arial;
	font-size: 10pt;
	line-height:5px;
}
a:link {
	text-decoration: none;
	color: #0000FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt
}
a:visited {
	text-decoration: none;
	color: #0000FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
a:hover {
	text-decoration: underline;
	color: #0000FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
a:active {
	text-decoration: underline;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.select {
	width:177px;
}
.selectSmall {
	width:128px;
}
.selectlong {
	width:265px;
}
.transArea {
	border-color:#999999;
	border:solid 0 #fff;
	background: transparent;
	font-family: Trebuchet MS;
	font-size: 10pt;
	font-weight: bold;
	color:#666666;
	width:190px;
	height:130px;
}
.transArea2 {
	border-color:#999999;
	border:solid 0 #fff;
	background: transparent;
	font-family: Trebuchet MS;
	font-size: 10pt;
	font-weight: bold;
	color:#666666;
	width:190px;
	height:110px;
}
.resultaten_pagina {
	width: 15px;
	border: 1px solid silver;
	text-align: center;
	font-size: 8pt;
	color: gray;
	cursor: pointer;
}

.resultaten_pagina_over {
	background: rgb(240,240,240);
	text-align: center;
	border: 1px solid gray;
	width: 15px;
	color: black;
	font-size: 8pt;
	cursor: pointer;
}

.resultaten_huidig {
	font-size: 8pt;
	width: 15px;
	color: gray;
	text-align: center;
}	

.resultaten_pijl {
	width: 15px;
	text-align: center;
	font-size: 8pt;
	cursor: pointer;
	color: gray;
}

.resultaten_pijl_over {
	width: 15px;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
	cursor: pointer;
	color: black;
}
.factuurkop2 {
	font-family:Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	color:#333333;
}
.factuursmall {
	font-family:Tahoma, Arial;
	font-size:11px;
	color:#333333;
}
.factuurinput {
	font-family:Tahoma, Arial;
	font-size:9px;
}
.factuurbottom {
	font-family:Tahoma, Arial;
	font-size:10px;
	color: #999999;
}
.clWin {
	position:absolute; 
	z-index:2; 
	visibility:hidden; 
	overflow:hidden; 
	background-color:white;
}
.clWindow {
	position:absolute; 
	background-color:white; 
	overflow:hidden; 
	z-index:15; 
	width:200px;
}
.clWinHead {
	position:absolute; 
	width:200px; 
	top:0px; 
	font-family:arial,arial,helvetica; 
	font-size:11px; 
	font-weight:bold; 
	color:white; 
	background-color:transparent;
}
.clText {
	position:absolute; 
	z-index:50; 
	font-family:arial,helvetica; 
	font-size:11px; 
	background-color:transparent;
}
.clWinResize {
	position:absolute; 
	z-index:30; 
	width:30px; 
	height:30px; 
	clip:rect(0px,30px,30px,0px); 
	background-image:url(../images/resize.gif); 
	/* layer-background-image:url(../images/resize.gif);*/
}
.clUp {
	position:absolute; 
	width:0px; 
	height:0px; 
	z-index:0;
}
.clDown {
	position:absolute; 
	width:0px; 
	height:0px; 
	z-index:0;
}
.clWinButtons {
	position:absolute; 
	font-family:arial,helvetica; 
	font-size:12px;
} 
.bedrag {
	text-align: right!important;
	padding-right:5px;
}
.icon {
	width:16px;
	height:16px;
	border:none;
}
.thumb {
	max-width:100px;
	max-height:80px;
	border:none;
	float:left;
}
.artikel_logo {
	max-width:250px;
	max-height:180px;
	border:1px solid lightgrey;
	float:left;
}
.noshow {display:none;}
.show {display:initial;}
.myshow {display:initial;}
.headL {text-align:left;}
.log {font-size:10px;}
.padl20 {padding-left:20px;
		 margin-top: -3px;
}
.right {float:right;}
.left {float:left;}

.kasadd {display:none;}
tr.kasadd > td, tr.kasex > td {width:300px;}
tr.kasadd > td.small, tr.kasex > td.small {width:100px;vertical-align:middle;}
tr.kasex * input[type=text], tr.kasadd * input[type=text] {width:236px;}
tr.kasex * select, tr.kasadd * select {width:240px;}

.button {width: 80px; border: 1px solid grey; margin:10px 2px 2px 15px;}
#ui-datepicker-div {
	background-color:lightgrey;
}
#ui-datepicker-div a {text-decoration:none;}
.ui-state-default a {border: 1px solid grey;}
.ui-datepicker-prev {background: url(../images/icon_prev.gif) no-repeat;}
.ui-datepicker-next {background: url(../images/icon_next.gif)no-repeat;}
.ui-datepicker-trigger {padding-left:2px;}
.deleted {text-decoration: line-through;}



/* \\\\\\\\\\\\\\\\\    MODAL CODE   ///////////////////////////////// */
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

.modal {
  background: #eee;
  width: 600px;
  min-height: 475px;
  border:2px solid black; 
  padding:5px;
  bottom: 600px!important;
  opacity: 1;
  font-size: 14px;
  font-weight: 100;
  line-height: 1.4;
}

/* \\\\\\\\\\\\\\\\\    END MODAL CODE   ///////////////////////////////// */
.closeBtn {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}

.cel50  { max-width:  50px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.cel100 { max-width: 100px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.cel150 { max-width: 150px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.cel200 { max-width: 200px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}


/* login bootstrap */
legend {font-size:10pt!important;width:initial!important;border:initial!important;margin-bottom:initial!important;}
.tooltip-inner {white-space:pre-wrap;}
.tooltip {z-index:10;}
fieldset { padding: .35em .625em .75em!important; margin: 0 2px; border: 1px solid silver!important;}
}
.panel-heading {
    padding: 5px 35px;
}

.panel-footer {
	padding: 1px 15px;
	color: #A0A0A0;
}

.profile-img {
	width: 88px;
	height: 54px;
	margin: 0 auto 10px;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
input:disabled, textarea:disabled {opacity: 0.5 !important;}
input[type='text'], textarea {padding-left:8px;}

.tooltip-inner {background-color:grey!important;  text-align:left!important; }
.tooltip-inner span {color:black;font-weight:400;}
.tooltip.right .tooltip-arrow{border-right-color:grey!important;}
.tooltip.left .tooltip-arrow{border-left-color:grey!important;}

@media print { .noprint {display:none!important; }}
@media print { a[href]:after {content: none !important; }}

table.res {
/*  border: 1px solid #ccc;
  border-collapse: collapse; */
  margin: 0 0 5px 0;
  padding: 0;
  width: 100%;

}

table.res caption {
  font-size: medium;
  color: gray;
  text-align:left;
  caption-side:top;
}

.no_background{
  background-color: white!important;
  border: none!important;
}
table.res tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table.res th, table.res td {
  padding: .625em;
  text-align: left;
}

table.res th {
  font-size: medium;
}
.form-control {padding: 0.4px 5px 0.4px 5px!important;}

@media screen and (max-width: 800px) {
  table.res {
    border: 0;
  }

  table.res caption {
    font-size: medium;
	caption-side:top;
  }
  
  table.res thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.res tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
	padding: 0 5px 0 5px;
  }
  
  table.res td {
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: right;
	padding: 0 5px 0 5px;
  }
  
  table.res td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table.res td:last-child {
    border-bottom: 0;
  }
}
div#grbk {overflow-y:auto;height:100%;}
/* search table */	
.results tr[visible='false'],.no-result{display:none;}
.results tr[visible='true']{display:table-row;}
.counter{padding:8px;color:#ccc;font-size:medium;}
.modal {border:none!important;}


/* todo */
legend {font-weight:bold;}
.card, .btn {border:none!important;}
.list-group-item {padding: 0px!important;border: none!important;}
.btn-icon { padding: 0rem 0.25rem!important;}
.todoalert {background-color:gold!important;border-radius:5px!important;padding:0 0 0 5px!important;}
/*
.todopassed{background-color:#FF9933!important;border-radius:5px!important;padding:0 0 0 5px!important;}
*/
.todo-passed { display:inline-block;margin-top:2px;}
.float-left {float:left;}
legend.todo {float:none;width:100%!important;
	padding:0 10px 0 10px;background-color: lightgrey;}
legend.todo-mdw {float:none;padding:0 10px 0 10px;}
.todo-wrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.todo-actions{min-width:60px;}
fieldset.todo-border {border-style:solid!important;border-color:red!important;border-width:medium!important;}
.todo-box {width:400px!important;margin-right:5px;}
.todo-container	{min-width:100%;}
@media screen and (max-width: 720px) {
	.todo-box {width:100%!important;}
}
#search-input {max-width:150px;}
li.todo-results.no-result { display:none!important;}
li.todo-results.found { background-color:aquamarine;}
div.no-result { display:none!important;}

.todo-nav > li > a.nav-link:hover { 
  text-decoration: none!important; 
  background-color: aquamarine!important;
} 
.todo-nav > li > a.nav-link.active { 
  text-decoration: none; 
  font-weight:bold!important;
  background-color: gold!important;
}
.todo-nav > li > .nav-link {padding: 3px 15px 3px 15px!important;}
.todo-tabs, .todo-tabs > .tab-pane {padding:2px 0 0 0;}
-todo-nav {border-bottom:1px solid grey;}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
input:read-only, 
textarea:read-only, 
select.todo-select:read-only {border:none!important;font-weight:bold;box-shadow:none!important;}

input[type=checkbox] { border:1px solid grey!important;}
.taak-btn { right:2px;position:relative;float:right}
.badger {
  position: relative;
  display: inline-block;
  padding-left: 20px; /* Ruimte voor de cirkel */
}

.badger::after {
  content: ' ';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: red;
  color: white;
  text-align: center;
  line-height: 10px;
  font-weight: bold;
}
#editModal {background-color:transparent;}