/* Minification failed. Returning unminified contents.
(26,25): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(54,25): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(65,25): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(104,15): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(113,15): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(128,25): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(159,25): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(283,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(284,32): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(290,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(291,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(313,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(314,32): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(320,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(321,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(344,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(345,32): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(351,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(352,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(369,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(374,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(405,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
 */
/*************
  Intranet Theme
 *************/
/* overall */
.tablesorter-blue {
	width: 100%;
/*	background-color: #fff;*/
	margin: 10px 0 15px;
	text-align: left;
	border-spacing: 0;
	border: none;
	border-width: 1px 0 0 1px;
}
.tablesorter-blue th,
.tablesorter-blue td {
	border: none;
	border-width: 0 1px 1px 0;
}

/* header */
.tablesorter-blue th,
.tablesorter-blue thead td {
	/*! font: 12pt; */
	font-weight: bold;
	color: #fff;
	background-color: var(--bg-color);
	border-collapse: collapse;
	padding: 4px;
	text-shadow: 0 1px 0 rgba(204, 204, 204, 0.7);
}
.tablesorter-blue tbody td,
.tablesorter-blue tfoot th,
.tablesorter-blue tfoot td {
	padding: 4px;
	vertical-align: top;
}
.tablesorter-blue .header,
.tablesorter-blue .tablesorter-header {
	/* black (unsorted) double arrow */
/*	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);*/
	/* white (unsorted) double arrow */
	 background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); 
	/* image */
	/* background-image: url(images/black-unsorted.gif); */
	background-repeat: no-repeat;
	background-position: center right;
	padding: 4px 18px 4px 4px;
	white-space: normal;
	cursor: pointer;
}
.tablesorter-blue .headerSortUp,
.tablesorter-blue .tablesorter-headerSortUp,
.tablesorter-blue .tablesorter-headerAsc {
	background-color: var(--bg-color);
	/* black asc arrow */
	/*background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);*/
	/* white asc arrow */
	 background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); 
	/* image */
	/* background-image: url(images/black-asc.gif); */
}
.tablesorter-blue .headerSortDown,
.tablesorter-blue .tablesorter-headerSortDown,
.tablesorter-blue .tablesorter-headerDesc {
	background-color: var(--bg-color);
	/* black desc arrow */
	/*background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);*/
	/* white desc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); 
	/* image */
	/* background-image: url(images/black-desc.gif); */
}
.tablesorter-blue thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 4px;
}

/* tfoot */
.tablesorter-blue tfoot .tablesorter-headerSortUp,
.tablesorter-blue tfoot .tablesorter-headerSortDown,
.tablesorter-blue tfoot .tablesorter-headerAsc,
.tablesorter-blue tfoot .tablesorter-headerDesc {
	/* remove sort arrows from footer */
	background-image: none;
}

/* tbody */
.tablesorter-blue td {
	/*color: var(--stedin-color);*/
	padding: 4px;
	vertical-align: top;
}

	.tablesorter-blue tbody > tr.hover > td,
	.tablesorter-blue tbody > tr:hover > td,
	.tablesorter-blue tbody > tr:hover + tr.tablesorter-childRow > td,
	.tablesorter-blue tbody > tr:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td,
	.tablesorter-blue tbody > tr.even.hover > td,
	.tablesorter-blue tbody > tr.even:hover > td,
	.tablesorter-blue tbody > tr.even:hover + tr.tablesorter-childRow > td,
	.tablesorter-blue tbody > tr.even:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td {
		/*	font-weight:bold; background-color: var(--bg-color);*/
		color: var(--bg-color);
		background-color: #E3E3E3;
	}
	.tablesorter-blue tbody > tr.odd.hover > td,
	.tablesorter-blue tbody > tr.odd:hover > td,
	.tablesorter-blue tbody > tr.odd:hover + tr.tablesorter-childRow > td,
	.tablesorter-blue tbody > tr.odd:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td {
		/*	background-color: var(--bg-color);  
  font-weight:bold; */
		color: var(--bg-color);
		background-color: #E3E3E3;
	}


/* table processing indicator */
.tablesorter-blue .tablesorter-processing {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	/* background-image: url(images/loading.gif) !important; */
	background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}

/* Zebra Widget - row alternating colors */
.tablesorter-blue tbody tr.odd > td {
	background-color: var(--bg-color);
}
	.tablesorter-blue tbody tr.even > td {
		background-color: #E3E3E3;
	}

/* Column Widget - column sort colors */
.tablesorter-blue td.primary,
.tablesorter-blue tr.odd td.primary {
	background-color: #99b3e6;
}
.tablesorter-blue tr.even td.primary {
	background-color: #c2d1f0;
}
.tablesorter-blue td.secondary,
.tablesorter-blue tr.odd td.secondary {
	background-color: #c2d1f0;
}
.tablesorter-blue tr.even td.secondary {
	background-color: #d6e0f5;
}
.tablesorter-blue td.tertiary,
.tablesorter-blue tr.odd td.tertiary {
	background-color: #d6e0f5;
}
.tablesorter-blue tr.even td.tertiary {
	background-color: #ebf0fa;
}

/* caption */
caption {
	background-color: var(--bg-color);
}

/* filter widget */
.tablesorter-blue .tablesorter-filter-row {
	background-color: #eee;
}
.tablesorter-blue .tablesorter-filter-row td {
	background-color: #eee;
	line-height: normal;
	text-align: center; /* center the input */
	-webkit-transition: line-height 0.1s ease;
	-moz-transition: line-height 0.1s ease;
	-o-transition: line-height 0.1s ease;
	transition: line-height 0.1s ease;
}
/* optional disabled input styling */
.tablesorter-blue .tablesorter-filter-row .disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: not-allowed;
}
/* hidden filter row */
.tablesorter-blue .tablesorter-filter-row.hideme td {
	/*** *********************************************** ***/
	/*** change this padding to modify the thickness     ***/
	/*** of the closed filter row (height = padding x 2) ***/
	padding: 2px;
	/*** *********************************************** ***/
	margin: 0;
	line-height: 0;
	cursor: pointer;
}
.tablesorter-blue .tablesorter-filter-row.hideme * {
	height: 1px;
	min-height: 0;
	border: 0;
	padding: 0;
	margin: 0;
	/* don't use visibility: hidden because it disables tabbing */
	opacity: 0;
	filter: alpha(opacity=0);
}
/* filters */
.tablesorter-blue input.tablesorter-filter,
.tablesorter-blue select.tablesorter-filter {
	width: 98%;
	height: auto;
	margin: 0;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #bbb;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: height 0.1s ease;
	-moz-transition: height 0.1s ease;
	-o-transition: height 0.1s ease;
	transition: height 0.1s ease;
}
/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
	display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
	text-align: center;
	cursor: pointer;
	background-color: #e6bf99;
}

    /* Fixed column scroll bar spacer styling */
.tablesorter-scroller-bar-spacer {
	background: #eee;
}
/* add border to right side (LTR pages) of fixed column */
.tablesorter-scroller-fixed:after {
	content: '';
	border-right: 1px solid #444;
	width: 1px;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 2;
	/* set to zero for non-jquery ui themes; use "left" here for RTL pages */
	right: 0;
	/* match the margins set to the table to keep the border the same height as the table */
	margin: 10px 0 15px;
}

/* using-x-theme added by the demo code */
.using-jui-theme .tablesorter-scroller-fixed:after {
	/* set to -2px for jquery ui themes; use "left" here for RTL pages */
	right: -2px;
}
.using-green-theme .tablesorter-scroller-fixed:after,
.using-black-ice-theme .tablesorter-scroller-fixed:after,
.using-dark-theme .tablesorter-scroller-fixed:after,
.using-dropbox-theme .tablesorter-scroller-fixed:after {
	/* match the margins set to the table to keep the border the same height as the table */
	margin: 0;
}

/* OPTIONAL CSS! */
#fixed-columns-table tbody td {
	/* force "Notes" column to not wrap, so we get a horizontal scrolling demo! */
	white-space: nowrap;
	/* Add min column width, or "Index" column filter gets too narrow to use */
	min-width: 60px;
}


/* FBE leden portaal css*/


@media only screen and (max-width: 600px) {

    body {
        font-size: 1em;
        padding-bottom: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 19px;
        color: var(--white-color);
        background-color: var(--black-color);
    }

    .menu {
        font-size: 0.8em;
        font-family: cinzel,serif;
        color: var(--black-color);
        background-color: var(--white-color);
    }

    .footer {
        font-size: 1em;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        text-align: center;
        background-color: #757575;
        padding-top: 10px;
    }
}

@media only screen and (min-width: 768px) {

    body {
        font-size: 1em;
        padding-bottom: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 19px;
        color: var(--white-color);
        background-color: var(--black-color);
    }

    .menu {
        font-size: 0.8em;
        font-family: cinzel,serif;
        color: var(--black-color);
        background-color: var(--white-color);
    }

    .footer {
        font-size: 1em;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        text-align: center;
        background-color: #757575;
        padding-top: 10px;
    }


}

@media only screen and (min-width: 992px) {

    body {
        padding-bottom: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 19px;
        color: var(--white-color);
        background-color: var(--black-color);
    }

    .menu {
        font-size: 14px;
        font-family: cinzel,serif;
        color: var(--black-color);
        background-color: var(--white-color);
    }
}

    .logo {
        padding: 0px 0px;
    }

    /* Set padding to keep content from hitting the edges */

    .body-content {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .modal-title {
        color: var(--black-color);
        color: #303131;
    }

    .modal-body {
        color: var(--black-color);
        color: #303131;
    }

    .footer {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        text-align: center;
        background-color: #757575;
        font-size: 18px;
        padding-top: 10px;
    }


    /* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
    .dl-horizontal dt {
        white-space: normal;
    }

    /* Set width on the form input elements since they're 100% wide by default */
    input,
    select,
    textarea {
        max-width: 280px;
    }

    a, a:hover {
        color: var(--white-color);
    }


    .radioedit, .radionoedit {
        width: 35px;
        max-width: 35px;
        display: inline;
        vertical-align: middle;
    }