/*********************************************************
 *  Body Style
 *********************************************************/
body {
/*	background: #ffffff url("../images/boeken-bg.png") repeat fixed;  */
}

/*********************************************************
 *  Link Styles
 *********************************************************/
#page-header-top-large {
  background-color: #ffffff;
  height: 80px;
  	  color: #666666;
	  font-size: 45px;
	  		font-weight: bold;
	  /*	  margin-left: 20px;  */
	  padding: 0px 0px 0px 20px;
  }
#page-header-top-large > img.logo {
	float: left;
	}
#page-header-top-large > .biebgegevens, #page-header-top-large > .biebgegevens > a {
	float: right;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 10px;
	text-decoration: none;
/*	cursor: pointer;   */
}
#page-header-top-small, #page-header-top-small > a {
  background-color: #f5f5f5;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  height: auto;
  cursor: pointer;
  text-decoration: none;
  padding: 0 0 0 8px;
}
.page-header-menu {
  background-color: #ffffff;
  padding: 0px 0px 1px 0px;
}
.show_or_hide {
	color: #666666;
	top: 61px;
	left: 0px;
	position: absolute;
	font-size: 16px;
	font-weight: normal;
	z-index: 1;	
}

/*  NAVIGATIE BALK   */
.page-header-menu > .navbar {
  background-color: #00ddff;
}
.page-header-menu > .navbar-text{
  color:#0000ff}
.page-header-menu > .navbar-inverse {
    border-color: #0000ff;
}
.page-header-menu > .navbar-inverse .navbar-nav > li > a {
    color: #0000ff;
}
.page-header-menu > .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus{
    background-color: #0066ff;
}
.page-header-menu > .navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #00aaff;
 }
.page-header-menu > .navbar-inverse .navbar-nav > li > a:hover {
    background-color: #00aaff;
	color: #ffffff;
 }
.page-header-menu > .navbar-inverse .navbar-toggle {
    border-color: #0000ff;
}
.page-header-menu > .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #00aaff;
}
.page-header-menu > .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #0000ff;
}
.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #0066ff;
}
.navbar-inverse .navbar-nav > .open > a, .page-header-menu > .navbar-inverse .navbar-nav > .open > a:hover {
    background-color: #00aaff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #0000ff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a.submenu {
    color: #ffffff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #00aaff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: #0066ff;
	color: #ffffff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
    background-color: #00aaff;
    color: #0000ff;
}
.dropdown-menu {
    background-color: #00ddff;
	box-shadow: 5px 5px 3px #ccc;
	padding: 2px 1px 1px 0px;
}
.dropdown-menu .divider {
	background-color: #0000ff;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-menu > li  {
    background-color: #00ddff;
    color: #ffffff;
}
.dropdown-menu > li > a {
    background-color: #00ddff;
    color: #00aaff;
}
.dropdown-menu > li > a:hover, .dropdown-submenu > li > a:hover {
    background-color: #00aaff;
    color: #ffffff;
}
.dropdown-menu > li > a:focus {
    background-color: #0066ff;
}
.dropdown-submenu > li > a {
    background-color: #00ddff;
    color: #0000ff;
	text-decoration: none;
}

.page-container {
	clear: both;
	background: #ffffff url(../images/boeken-bg.png) repeat fixed;
}
.page-content {
	background-color: #ffffff;
}
.page-content > .container {
	background-color: #ffffff;
	margin: 0px 0px 20px 5px !important;
	max-width: none !important;
	width: 100%;
/*	border: 0px 0px 0px 15px groove #73AD21;  */
	border-width: 0px 1px 1px 15px;
	border-style: solid solid solid groove;
	border-color: #00aaff;
}

#xInfo {
	position: relative;
	width: calc(100% - 30px);
	top: -20px;
	margin:0 15px;
	min-height: 15px;
	display: inline-block;
    color: #666;
	font-size: 11.5px;
	font-weight: normal;
}
#proginfo {
	float: left;
}
#userinfo {
	float: right;
}

@media (min-width: 1250px) {
  /* > 1250px */
	.show_or_hide {
	  display: block;
	}
	#page-header-top-large {
	  display: block;
	}
	#page-header-top-small {
	  display: none;
	}
	.page-content {
		padding: 15px 0;
		width: 1250px;
		margin: auto;
	}
}

@media (min-width: 992px) and (max-width: 1249px) {
  /* 992px - 1249px */
	.show_or_hide {
	  display: block;
	}
	#page-header-top-large {
	  display: block;
	}
	#page-header-top-small {
	  display: none;
	}
	.page-content {
		padding: 15px 0;
		width: 992px;
		margin: auto;
	}
}
@media (min-width: 769px) and (max-width: 991px) {
  /* 769px - 991px */
	.show_or_hide {
	  display: block;
	}
	#page-header-top-large {
	  display: block;
	}
	#page-header-top-small {
	  display: none;
	}
	.page-content {
		width: 100%;
		padding: 15px 0;
	}
}
@media (min-width: 481px) and (max-width: 768px) {
  /* 481 px - 768px */
	#page-header-top-large, .show_or_hide {
	  display: none;
	}
	#page-header-top-small {
	  display: block;
	  padding: 0px;
	}
	.page-content {
		width: 100%;
		padding: 15px 0;
	}
}
@media (max-width: 480px) {
  /* < 480px */
	#page-header-top-small {
	  display: block;
	  padding: 0px;
	}
	#page-header-top-large, .show_or_hide, .page-content > .navmenu {
	  display: none;
	}
	.page-content > .container {
		border-width: 0px 0px 1px 15px;
	}	
}
.breadcrumb {
	background-color: rgba(0,221,255,0.1);
	margin-bottom: 10px; 
	margin-top: -38px;
    padding: 4px 15px;
}

.breadcrumb  > li > a {
    color: #00aaff;
}
.breadcrumb > .active {
    color: #0000ff;
}
.breadcrumb > li + li::before {
    color: #0000ff;
    content: "- ";
}
.navbar-right > li.dropdown span.glyphicon-alert {
	color: #0000ff;
}
.page-footer {
  background-color: #f5f5f5;
  bottom: 0;
  font-size: 11px;
  height: 80px;
  padding-top:10px;
  position: relative;
  margin-top: -20px;
  text-align: center;
  width: 100%;
} 

.h1, .h2, .h3, h1, h2, h3 {
    margin-bottom: 10px;
    margin-top: 0px;
}

th.primary, td.primary  {
	border: solid 1px #0af;
	padding: 2px 5px 2px 5px;
}
th.noborder, td.noborder  {
	border: none;
	padding: 2px 5px 2px 5px;
}
th.noborder, th.primary {
	font-size: 15px;
}
th.center, td.center {
  text-align: center;
}

a.mshortcut{
	text-decoration: none;
	font-size: 25px;
}

select {
	cursor: pointer;
	padding: 4px 0;
}
input[type="radio"] {
    line-height: normal;
    margin: 4px 3px 0 10px;
}

.helpbtn {
    background:url('../images/help.png') center;                           
	height: 24px;
	width: 24px;
}
.printbtn {
	background:url('../images/print.png') center;                           
	height: 30px;
	width: 30px;
}
.delbtn {
	background:url('../images/cancel.png') center;                           
	height: 24px;
	width: 24px;
}
.editbtn {
	background:url('../images/editbtn.png') center;                           
	height: 24px;
	width: 24px;
}
.addbtn {
	background:url('../images/add.png') center;                           
	height: 24px;
	width: 24px;
}
.savebtn {
	background:url('../images/save.png') center;                           
	height: 24px;
	width: 24px;
}
.historybtn {
	background:url('../images/history2.png') center;                           
	height: 30px;
	width: 30px;
}
.infobtn {
	background:url('../images/info.png') center;                           
	height: 24px;
	width: 24px;
}
.helpbtn, .printbtn, .delbtn, .editbtn, .addbtn, .savebtn, .historybtn, .infobtn, .yesbtn, .nobtn {
	background-size: contain;
	border: none;
    cursor:pointer;
    display:block;
}
.yesbtn {
	background:url('../images/check.png') center;                           
	height: 20px;
	width: 20px;
}
.nobtn {
	background:url('../images/bullet_ball_red.png') center;                           
	height: 20px;
	width: 20px;
}
.yesbtn, .nobtn {
	background-size: contain;
	border: none;
    cursor:default;
    display:block;
}
.actionBtn {
	border-radius: 0px;
	padding: 4px 5px;
	float: right;
}

font.error {
	background-color: #ffffff;
	color: #990000;
	font-weight: bold;
}

.modal-body {
  font-size: 14px;
}
.glyphicon-blue {
	color: #00f;
}
.badge-blue {
	background-color: #0df !important;
}
.btn-blue {
	padding-top: 6px !important;
	padding-bottom: 3px !important;
	font-size: 25px;
}
#myMessages {
	padding-left: 0px;
	padding-right: 0px;
}
.dropdown-li > a {
	background-color: #00ddff !important;
    color: #0000ff !important;
}
.dropdown-li > a:hover {
	background-color: #00aaff !important;
    color: #0000ff !important;
}
.nav-tabs .nav-link.active {
	border-color: #dee2e6 #dee2e6 #fff;
}

/*  BEGIN    KLEUREN VAN DE TABELLEN OPMAKEN  */

table.dataTable {
	border-collapse: collapse;
}
.table-bordered {
	border-color: #00aaff;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #00aaff;
	line-height: 1;
	padding: 5px 6px;
}
select[name="gtable_length"] {
	border-color: #00aaff;
	padding: 3px 3px;
}
input[type="search"] {
	border-color: #00aaff;
	font-weight: normal;
	padding: 3px 5px;
}

/*  EIND    KLEUREN VAN DE TABELLEN OPMAKEN  */


/*  BEGIN   INPUT FILTER IN DATATABLE OPMAKEN  */
table thead input {
	width: 100%;
	font-weight: normal;
}
/*  EIND    INPUT FILTER IN DATATABLE OPMAKEN  */

body {
	overflow-x: hidden;
}

div.modal-content.modal-info {
	width: 800px;
}

/*  HELP - OPMAKEN VAN LINK LIJST  */
ul.linklist {
	padding-inline-start: 0;
}
ul.linklist li {
	margin: 0 0 0 40px;
}
nadruk {
	padding: 0 3px;
    letter-spacing: 0.4px;
    font-weight: 600;
	font-size: 14.2px;
	background-color: #eee;
	margin-bottom: 2px;
}
/*  EINDE     HELP - OPMAKEN VAN LINK LIJST  */