A:link      { color : #1E0091; text-decoration : none;}
	A:active  { color : #1E0091; text-decoration : none;}
	A:visited { color : #1E0091; text-decoration : none;}
	A:hover  { color : #000000; text-decoration : underline;}

	body { margin:0px; }
	form { margin:0px; }

	fieldset { padding:5px;}


.fa-hover  .fa{width:32px;font-size:14px;display:inline-block;text-align:right;margin-right:10px}

.fa-hover:hover .fa{font-size:18px;vertical-align:-6px}

.btn  {
  position: relative;
  top: -1px;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.ui-dialog {
	top: 0;
	left: 0;
	padding: .2em;
    border:10px;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
    border:10px;
    background-color: #7D7D7D;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
    
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
    
}
.ui-dialog .ui-dialog-content #dialoghistory {
	border: 0;
	padding: 20px;
    font-size:18px;
    color:#FFFFFF;
    background-color: rgb(238, 255, 205);
	overflow: auto;
    
    
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}


	td {
	font-family: Verdana;
	font-size: 11px;
	color:#3a5463;
	border: black;
	}
	
	td.naam {
	font-family: Verdana;
	font-size: 1.4em;
	 font-weight: bold;
	color:white;
	border: black;
	}
	
	table.regels  tr td {
	border-bottom: 1px solid #fcfcfc;
	}

	.kalin { font-weight:bold; }
	
	.orta {
		padding:5px;
		height:410px;
		vertical-align:top;
	}
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
	
	.glyphicon2 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon2-file:before {
  content: "\e022";
}

.glyphicon2-eur:before, .glyphicon2-euro:before {
    content: "\20ac";
}

.glyphicon2-duplicate:before {
    content: "\e224";
}

.glyphicon2-arrow-down:before {
  content: "\e094";
}
.glyphicon2-earphone:before {
    content: "\e182";
}
.glyphicon2-arrow-up:before {
  content: "\e093";
}

.glyphicon2-arrow-left:before {
  content: "\e091";
}	

.glyphicon2-arrow-right:before {
  content: "\e092";
}

.glyphicon2-print:before {
  content: "\e045";
}

.glyphicon2-folder-open:before {
  content: "\e118";
}

.glyphicon2-upload:before {
  content: "\e027";
}

.glyphicon2-floppy-save:before {
  content: "\e175";
}

.glyphicon2-floppy-saved:before {
  content: "\e173";
}
	
.glyphicon2-triangle-bottom:before {
   content: "\e252";
}

.glyphicon2-triangle-top:before {
    content: "\e253";
}

.glyphicon2-plus-sign:before {
  content: "\e081";
}

.glyphicon2-share:before {
  content: "\e066";
}

.glyphicon2-ok-sign:before {
  content: "\e084";
}

.glyphicon2-ok:before {
  content: "\e013";
}

.glyphicon2-minus-sign:before {
  content: "\e082";
}

.glyphicon2-pencil:before {
  content: "\270f";
}
.glyphicon2-remove:before {
  content: "\e014";
}

.glyphicon2-floppy-disk:before {
  content: "\e172";
}

.glyphicon2-share-alt:before {
  content: "\e095";
}

.glyphicon2-remove-sign:before {
  content: "\e083";
}

.glyphicon2-floppy-remove:before {
  content: "\e174";
}
.glyphicon2-envelope:before {
  content: "\2709";
}
.glyphicon2-edit:before {
    content: "\e065";
}

.glyphicon2-info-sign:before {
    content: "\e086";
}
	.edit {
		font-family: Verdana;
		font-size: 11px;
		border: 1px solid #b0b6b9;
		height:21px;
		Padding:3px;
		Padding-left:4px;
	}

	.edit1 {
		font-family: Verdana;
		font-size: 11px;
		border: 1px solid #7f9db9;
		height:19px;
		Padding:2px;
		Padding-left:2px;
	}

	.edit2 {
		font-family: Verdana;
		font-size: 11px;
		border: 0px;
		height:19px;
		Padding:2px;
		Padding-left:2px;
	}

	.edit3 {
		font-family: Verdana;
		font-size: 11px;
		border: 1px solid #b6b6b6;

		border-radius: 6px;
		padding: 7px;
		 background-image: url('searchicon.png');
    background-position: 4px 4px; 
    background-repeat: no-repeat;
     padding: 7px 20px 7px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	}
	
	
	.image { 
   position: relative;  
   display:inline;
   width: 100%; /* for IE 6 */
}

h2 { 
   position: absolute; 
   top: 30px; 
   left: 50px; 
   width: 100%; 
}
	.betaaldstempel {		
	background-image: url(betaald.jpg);
    background-repeat: no-repeat;
	}
	.isocp3{
		font-family: ISOCP3;
		font-size: 13px;
		font-weight: bold;
	}
	.combo {
		font-family: Tahoma;
		font-size: 13px;
		border: 1px solid #BFBFC5;
		height:25px;
	}

	.font10 {
	font-size:10px;
	text-align: left;
	}
	
	.font10border {
	font-size:10px;
	text-align: left;
	border-bottom: 1px solid #BFBFC5;
	}
	
	.font10statiegeld {
	font-size:10px;
	text-align: center;
	border-bottom: 1px solid #BFBFC5;
	font-style: italic;
	}

	.font10verkoop {
	font-size:10px;
	text-align: left;
	color:blue;
	}

	.font10bestelling {
	font-size:10px;
	text-align: left;
	color:red;
	}
	.titel {
	font-size:25px;
	color:red;
	text-align: left;
	}
	.font8 td {
	font-size:6px;
	text-align: center;
	}
	.font9 td {
	font-size:8px;
	text-align: center;
	}
.font20 td {
	font-size:22px;
	text-align: center;
	}
	
	.font11 {
	font-size:11px;

	text-align: center;
color:red;
	}
	
	.font111 {
	font-size:11px;

	text-align: left;
color:red;
	}
	
	.font12 {
	font-size:12px;
	font-family: Verdana;
	color:#3a5463;
	text-align: center;
	}
	
	.font122 {
	font-size:8px;
	font-family: Verdana;
	color:#3a5463;
	text-align: center;
	}
	
.fontraporshoarma {
	font-size:13px;
	font-weight: bold;
	text-align: center;
	}
.font16 {
	font-size:16px;

	text-align: center;
	}
	
.font14 {
	font-size:14px;

	text-align: center;
	}

.font13 {
	font-size:11px;

	text-align: center;
	color:green;
	}

	.menu {
		border: 1px solid #F1F1EA;
		cursor:pointer;
		padding-left:2px;
	}

	.okx {
		cursor:pointer;
	}


	.buton1 {
		font-family: Verdana;
		color: #FFFFFF;
		font-size:11px;
		font-weight: bold;
		border: 0px;
		cursor:pointer;
		background-image: url(resim/b2.jpg);
		height:26px;
	}

	.buton2 {
		font-family: Verdana;
		color: #FFFFFF;
		font-size:10px;
		font-weight: bold;
		border: 1px solid #a0a1b7;
		cursor:pointer;
		background-image: url(resim/buton1.gif);
		height:21px;
		overflow:visible;
	}

	.buton3 {
		font-family: Verdana;
		font-size:10px;
		font-weight: bold;
		border: 1px solid #a0a1b7;
		cursor:pointer;
		background-image: url(resim/buton3.gif);
		height:21px;
		overflow:visible;
	}

	.buton4 {
		font-family: Verdana;
		font-size:10px;
		font-weight: bold;
		border: 1px solid #68779d;
		cursor:pointer;
		background-image: url(resim/bar6.gif);
		height:40px;
	}

	.kare {
		font-family: verdana;
		color: #333333;
		font-size:11px;
		border: 1px solid #BFBFC5;
		background-color:#FFF6FB;
		Padding:3px;	
	}		
	
	#karebt td {
		font-family: verdana;
		color: #333333;
		font-size:11px;
		border-top: 3px solid #000000;
		Padding:3px;	
		border-collapse: collapse;
	}
	
	#karebb td {
		font-family: verdana;
		color: #333333;
		font-size:11px;
		
		Padding:3px;	
	}
	
	.kare1 {
		font-family: Verdana;
		color: #333333;
		font-size:11px;
		border: 1px solid #BFBFC5;
		background-color:#FFF6FB;
		cursor:pointer;
		padding-left:5px;
	}
	
	.kare2 {
		font-family: Tahoma;
		color: #333333;
		font-size:11px;
		border: 0px solid #BFBFC5;
		Padding:2px;
	}

	.kare3 {
		height:30;
		text-align:center;
		background-color:#ffdcff;
		border-bottom:1px solid #D0D0D0;
		border-top:1px solid #D0D0D0;
		font-family:Arial;
		font-size:14px;
		font-weight:bold;		
	}
	
	
	.kare4 {
		font-family: verdana;
		color: #333333;
		font-size:11px;
		border: 1px solid #BFBFC5;
		Padding:3px;
		line-height: 130%;
	}

	.gecis1 {
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#f7f8fa');
		border:1px solid #c4d1d9;
	}

	.gecis2 {
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#fdfdfd', EndColorStr='#f6f6f6');
		border-left:2px solid #e3e9ec;
		border-right:2px solid #e3e9ec;
	}

	.arial1 {
		font-family:Arial;
		font-size:15px;
		font-weight:bold;
	}
	
	.menu1 {
		background:url(resim/bu1.gif) no-repeat center 0px; 0px;
		padding-left:15px;
		cursor:pointer;
		font-size:11px;
		color:#864188;
		font-weight:bold;
		height:24px;
	}
	
	.menu2 {
		background:url(resim/bu1.gif) no-repeat center -24px; 0px;
		padding-left:15px;
		cursor:pointer;
		font-size:11px;
		color:#0000FF;
		font-weight:bold;
		height:24px;	
	}

	.menu3 {
		background:url(resim/bu2.gif) no-repeat center 0px; 0px;
		padding-left:20px;
		cursor:pointer;
		font-size:10px;
		color:#864188;
		height:20px;
	}
	
	.menu4 {
		background:url(resim/bu2.gif) no-repeat center -20px; 0px;
		padding-left:20px;
		cursor:pointer;
		font-size:10px;
		color:#0000FF;
		height:20px;	
	}	

	.menu5 {
		background:url(resim/bu6.gif) no-repeat center 0px; 0px;
		cursor:pointer;
		font-size:10px;
		color:#864188;
		font-weight:bold;
		text-align:center;
		height:29px;
		width:74px;
	}
	
	.menu6 {
		background:url(resim/bu6.gif) no-repeat center -29px; 0px;
		cursor:pointer;
		font-size:10px;
		color:#000000;
		font-weight:bold;
		text-align:center;
		height:29px;	
		width:74px;
	}	
.bar0 {
		
		border-top:1px solid #9eb6ce;
		
		font-weight:bold;
		height:22px;
	}		

	.bar1 {
		background-image:url(resim/bar4.gif);
		border-bottom:1px solid #9eb6ce;
		font-size:10px;
		color:#27413e;
		font-weight:bold;
		height:22px;
	}	
	.bar2 {
		border:1px solid #FFFFFF;
		font-size:10px;
		color:#FFFFFF;
		font-weight:bold;
		height:22px;
	}
	.bar3 {
		background-image:url(resim/bar5.gif);
		font-size:10px;
		font-weight:bold;
		border-bottom: 1px solid #BFBFC5;
	}
	.bar4 {
		background-image:url(resim/bar10.gif);
		height:25px;
		font-size:10px;
		font-weight:bold;
	}

	.planing {
		text-align:center;
		border-top:1px solid #e0e0e0;
		cursor:pointer;
		font-size:10px;
	}

/*general styles for all CSS Checkboxes*/
label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input[type=checkbox].css-checkbox {
	  position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:20px;
	height:15px; 
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -15px;
}



/*specific classes related to Checkbox skins*/

.lite-green-check{background-image:url(resim/lite-green-check.png);}

input[type=checkbox].css-checkbox.med + label.css-label.med {
	padding-left:22px;
    height:17px; 
	display:inline-block;
	line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.med:checked + label.css-label.med {

    background-position: 0 -17px;
}
input[type=checkbox].css-checkbox.sme + label.css-label.sme {
	padding-left:22px;
    height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.sme:checked + label.css-label.sme{

    background-position: 0 -16px;
}
input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
	padding-left:22px;
    height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{

    background-position: 0 -20px;
}

@font-face {
      font-family: 'fontello';
      src: url('font/fontello.eot?27774573');
      src: url('font/fontello.eot?27774573#iefix') format('embedded-opentype'),
           url('font/fontello.woff?27774573') format('woff'),
           url('font/fontello.ttf?27774573') format('truetype'),
           url('font/fontello.svg?27774573#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
     			  
	.demo-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: right;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }