* {
	font-size: 14px;
}

.wrapper {
	margin-top: 6px;
}

.navbar-brand {
	position: relative;
	z-index: 2;
	padding: 16px 10px;
	height: 55px;
}

.navbar-nav.navbar-right .btn {
	position: relative;
	z-index: 2;
	padding: 4px 20px;
	margin: 10px auto;
}

.navbar .navbar-collapse {
	position: relative;
}

.navbar .nav-collapse {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding-right: 120px;
	padding-left: 80px;
	width: 100%;
}

.navbar.navbar-default .nav-collapse {
	background-color: #f8f8f8;
}

.navbar.navbar-inverse .nav-collapse {
	background-color: #222;
}

.navbar .nav-collapse .navbar-form {
	border-width: 0;
	box-shadow: none;
}

.nav-collapse>li {
	float: right;
}

.btn.btn-circle {
	border-radius: 50px;
}

.btn.btn-outline {
	background-color: transparent;
}

@media screen and (max-width: 767px) {
	.navbar .navbar-collapse .navbar-right>li:last-child {
		padding-left: 15px;
		padding-right: 15px;
	}

	.navbar .nav-collapse {
		margin: 7.5px auto;
		padding: 0;
	}

	.navbar .nav-collapse .navbar-form {
		margin: 0;
	}

	.nav-collapse>li {
		float: none;
	}
}

@media (min-width: 768px) {
	.navbar-right {
		margin-right: 0;
	}
}

.panel-primary {
	border-color: #58c5c7;
}

.panel-primary .panel-heading {
	background: #58c5c7 !important;
	border-color: #58c5c7;
}

.panel-primary.events-expected {
	border-color: #fa8fc5 !important;
}

.panel-primary.events-expected>.panel-heading {
	background: #fa8fc5 !important;
	border-color: #fa8fc5 !important;
}

.table.table-striped td {
	border-top: none;
}

.btn-primary {
	background: #58c5c7 !important;
	border-color: #58c5c7 !important;
}

.btn-small {
	font-size: 10px;
	padding: 4px 10px;
}

.btn-transparent {
	background: transparent;
	border: 1px solid #ddd;
	color: #333;
}

a {
	color: #58c5c7;
}

.pagination>li>a,
.pagination>li>span {
	color: #58c5c7;
}

.navbar-gds {
	background-color: #58c5c7;
	border-color: #58c5c7;
	margin: 0 -15px;
	border-radius: 0;
	color: white;
	font-family: "Montserrat", sans-serif;
}

.navbar-gds .navbar-nav>li>a {
	color: #55565a;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
}

.nav>li>a {
	padding: 10px 13px;
}

.container-gds .row {
	margin-left: 0;
	margin-right: 0;
}

.table-title {
	color: white;
	font-size: 18px;
}

.table-label {
	background: #58c5c7 !important;
	color: white !important;
}

.panel-title {
	color: white !important;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	/***
  border-bottom: 1px solid #DDD;
  border-right: 1px solid #DDD;
  */
}

footer {
	text-align: center;
	font-family: "Open Sans", sans-serif;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	font-size: 16px;
}

a.icon {
	color: #58c5c7;
}

a.icon:hover {
	text-decoration: none;
}

.login .wrapper {
	margin-top: 80px;
	margin-bottom: 20px;
}

.form-signin {
	max-width: 300px;
	padding: 30px;
	background-color: #eee;
	border-radius: 5px;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}

.form-signin .form-signin-heading {
	text-align: center;
	margin-bottom: 30px;
}

.form-signin .form-control {
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
	width: 100%;
	padding: 10px;
}

.form-signin input[type="text"] {
	margin-bottom: 0px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.form-signin input[type="password"] {
	margin-bottom: 20px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.form-signin .colorgraph {
	height: 7px;
	border-top: 0;
	background: #3e3e3e;
	border-radius: 5px;
}

.gc-container {
	margin-bottom: 100px;
}

.data-row {
	margin-bottom: 6px;
}

.contracten-container .control-label {
	margin-bottom: 0px;
	text-align: right;
}

h1.navbar-title {
	margin: 0;
	color: white;
	/* font-size: 20px; */
}

.importform {
	max-width: 350px;
}

.chosen-container-multi .chosen-choices {
	background-image: none;
}

.chosen-container-single .chosen-single {
	border-radius: 0px;
	height: 29px;
}

.backofficeInfo label {
	margin-bottom: 0;
}

.backofficeInfoButtons .btn-default {
	min-width: 105px;
}

.form-horizontal .form-group {
	margin-left: 0;
}

.zi-container .control-label {
	padding-right: 0;
	padding-left: 0;
}

.zi-container .field {
	padding-right: 0;
}

.zi-container .field select,
.zi-container .field input {
	width: 100%;
}

.zi-container {
	clear: both;
}

.zi-row label {
	margin-left: 15px;
}

.zi-row:first-child label {
	margin-left: 0px;
}

.form-horizontal .control-label {
	background: #e0e0e0;
	padding-right: 15px;
	min-height: 29px;
}

.zi-row .field {
	padding-left: 0;
}

.zi-veld .control-label {
	display: flex;
	align-items: center;
}

@media (min-width: 768px) {
	.zi-row .col-sm-2 {
		width: 14.5%;
	}

	.zi-veld.col-sm-2 {
		width: 19%;
	}
}

.htmlinputfield-primary h3 {
	margin-top: 2px;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 600;
}

.htmlinputfield-primary {
	background: #58c5c7 !important;
}


label {
	font-weight: normal;
}

.panel-title {
	font-weight: 600;
}


.duplicateRowButton {
	margin-right: 15px;
	margin-top: 10px;
	position: absolute;
	top: -24px;
	right: -17px;
	padding: 0;
}

.btn-extraregel {
	position: absolute;
	top: -14px;
	right: 34px;
}

.zi-header .control-label {
	text-align: left;
}

.zi-main.col-sm-12 {
	padding: 0;
}

.zi-header {
	background: #e0e0e0 !important;
	margin-right: 0;
	margin-left: 0;
}

.zi-header .control-label {
	border-bottom: 0;
}

.zi-main .zi1 {
	width: 8% !important;
}

.zi-main .zi2 {
	width: 10% !important;
}

.zi-main .zi3 {
	width: 8% !important;
}

.zi-main .zi4 {
	width: 10% !important;
}

.zi-main .zi5 {
	width: 10% !important;
}

.zi-main .zi6 {
	width: 10% !important;
}

.zi-main .zi7 {
	width: 12% !important;
}

.zi-main .zi8 {
	width: 15% !important;
}

.zi-main .zi9 {
	width: 15% !important;
}

.zi-main .zi-delete {
	width: 2% !important;
	text-align: center;
}

.row-delete {
	float: right;
	position: absolute;
	top: 3px;
	right: 7px;
}

.table-label {
	padding: 10px 15px;
	font-size: 16px;
	border-bottom: 3px #3e3e3e solid;
}

i.rotate {
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.beheerContainer a:hover,
.beheerContainer a:active {
	cursor: pointer;
	text-decoration: none;
}

.inputDisabled {
	cursor: no-drop !important;
}

.intropage {
	margin-top: 30px;
	margin-bottom: 150px;
}

.intropage,
.intropage p,
.intropage span,
.intropage ul,
.intropage li {
	color: #333333;
	font-size: 16px;
}

.intropage h1,
.intropage h2,
.intropage h3 {
	color: #58c5c7;
}

.intropage h1 {
	font-size: 28px;
}

.intropage h2 {
	font-size: 20px;
}

.intropage .row {
	margin-top: 15px;
}

.intropage .numberlist {
	font-weight: 600;
	color: #e7b035;
}

.intropage ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.intropage li {
	padding-left: 25px;
	/* text-indent: -.7em; */
	margin-bottom: 10px;
}

.intropage li:before {
	content: "\f058";
	color: #e7b035;
	font-family: "Font Awesome 5 Free";
	position: absolute;
	left: 15px;
	font-size: 18px;
	font-weight: 900;
}

.intropage li i.custom {
	position: absolute;
	line-height: 24px;
	color: #58c5c7;
}

.intropage li span {
	padding-left: 20px;
	display: block;
}

a.contact {
	background: #f2ad00;
	color: #fff;
	padding: 10px 20px;
	display: inline-block;
	border: none;
}

.navbar {
	border: none;
	min-height: 55px;
}

.navbar li a.red {
	background-color: #b70303;
}

.navbar li a.red:hover {
	background-color: #e20404 !important;
}

.navbar li a.green {
	background-color: #199600;
}

.navbar li a.green:hover {
	background-color: #1fa704 !important;
}

.grocerycrud-container {
	margin-bottom: 100px;
}

.changeBeheerForm {
	display: inline-block;
	margin-right: 10px;
}

.updateContainer {
	padding: 15px;
}

table.groceryCrudTable {
	display: block;
	overflow-x: scroll;
	font-size: 11px;
}

.groceryCrudTable .DataTables_sort_wrapper {
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #333;
	font-weight: bold;
}

.groceryCrudTable th {
	padding: 2px !important;
}

table.dataTable thead th {
	border-bottom: 2px solid #ddd;
}

.fg-toolbar {
	font-size: 10px;
}

table.dataTable tr.odd,
table.dataTable tr.odd td.sorting_1,
table.dataTable tr.even td.sorting_1 {
	background-color: transparent;
}

input.search_Hulpstoffen {
	width: 100%;
}

table.dataTable>tbody>tr:hover {
	background: #ededed !important;
}

.ui-widget-header {
	background: #fff;
	border: 1px solid #ddd;
}

.ui-state-default {
	background: #fff;
	border: 1px solid #ddd;
	border-top: none;
}

table.dataTable td {
	border: 1px solid #ddd;
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.selected-buttons .btn {
	margin-bottom: 4px;
}

.notitieForm textarea {
	max-width: 100%;
}

.update-button {
	border: none;
	background: transparent;
	color: white;
	font-size: 20px;
	line-height: 10px;
	padding: 4px 2px 2px 5px;
}

.update-button:hover {
	background: white;
}

.tree,
.tree ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tree ul {
	margin-left: 1em;
	position: relative;
}

.tree ul ul {
	margin-left: 0.5em;
}

.tree ul:before {
	content: "";
	display: block;
	width: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	border-left: 1px solid;
}

.tree li {
	margin: 0;
	padding: 0 0 0 1em;
	line-height: 2em;
	color: #58c5c7;
	font-weight: 700;
	position: relative;
	cursor: pointer;
}

.tree ul li:before {
	content: "";
	display: block;
	width: 10px;
	height: 0;
	border-top: 1px solid;
	margin-top: -1px;
	position: absolute;
	top: 1em;
	left: 0;
}

.tree ul li:last-child:before {
	background: #fff;
	height: auto;
	top: 1em;
	bottom: 0;
}

.indicator {
	margin-right: 5px;
}

.tree li a {
	text-decoration: none;
	color: #58c5c7;
}

.tree li button,
.tree li button:active,
.tree li button:focus {
	text-decoration: none;
	color: #58c5c7;
	border: none;
	background: transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	outline: 0;
}

.tree .fileIcons {
	float: right;
}

#fileUpload,
#folderUpload {
	border: 1px solid #ddd;
	padding: 5px;
	margin-top: 10px;
}

#fileUpload input,
#folderUpload input {
	display: inline-block;
}

#fileUpload input[type="submit"],
#folderUpload input[type="submit"] {
	height: 20px;
	line-height: 7px;
	font-size: 12px;
	float: right;
}

#folderUpload input[type="text"] {
	border: 0;
	width: 260px;
}

/**** CUSTOM ****/

.gc-container .table-container {
	border: 0;
}

.form-container {
	border-left: 1px solid #797979 !important;
	border-right: 1px solid #797979 !important;
	border-bottom: 1px solid #797979 !important;
	display: table;
	width: 100%;
}

.table-label {
	border-left: 1px solid #797979;
	border-right: 1px solid #797979;
	border-top: 0;
}

.backofficeInfo {
	border: 1px solid #797979 !important;
}

.crud-form .form-container {
	border-bottom: 1px solid #797979 !important;
}

.inputfield:hover .previousValue {
	display: block !important;
}

.previousValue {
	background: yellow;
	padding: 10px;
	position: absolute;
	top: -42px;
	border: 1px solid #ddd;
	font-style: italic;
	left: 30px;
}

.inputfield.previousValueContainer {
	background: yellow;
}

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

.logo {
	margin: 15px 0;
}

#footer-wrapper {
	background: #3e3e3e;
	padding: 30px 0 20px 0;
	font-size: 14px;
	font-weight: 300;
}

#footer-wrapper p.version {
	font-size: 12px;
	margin-bottom: -16px;
}

#footer-wrapper a,
#footer-wrapper span {
	color: #fff;
	padding: 0 10px;
}

#footer-wrapper p {
	color: #fff;
}

#copyright-wrapper {
	background-color: #f9f9f9;
	padding: 30px 0px;
	color: #999;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.7px;
}

#copyright-wrapper p {
	margin: 0;
}

.navbar-nav {
	margin: 0;
}

.navbar-nav>ul {
	margin: 20px 0;
	width: 100%;
}

.navbar-nav>li>a:hover,
.navbar-nav>li>a.active {
	border-left: 4px solid #58c5c7;
}

.navbar-nav>li>a {
	padding: 10px 0 10px 30px;
	font-size: 16px;
	border-left: 4px solid transparent;
}

.navbar-nav>li {
	width: 100%;
}

.navbar-collapse {
	padding: 0;
}

body.home>.container-fluid.head {
	background-color: rgb(231, 176, 53);
}

body.home>.container-fluid.head>nav.navbar {
	max-width: 1170px;
	margin-right: auto;
	margin-left: auto;
}

.loginBlock {
	border: #dedede solid 1px;
	padding: 4px;
}

.cancel-form {
	margin-top: -120px;
}

.dupplist .nav-tabs {
	border-bottom: 0;
}

.dupplist .panel-default>.panel-heading {
	color: #333;
	background-color: transparent;
	border-color: transparent;
}

.dupplist .panel-default {
	border: none;
}

.dupplist .panel {
	margin-bottom: -17px;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.dupplist .nav-tabs>li>a,
.dupplist .nav-tabs>li>a:focus,
.dupplist .nav-tabs>li>a:hover {
	color: #333;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

.dupplist .nav-tabs>li.active>a,
.dupplist .nav-tabs>li.active>a:focus,
.dupplist .nav-tabs>li.active>a:hover {
	color: #fff;
	background-color: #1e3b72;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

.list-icons a {
	margin-right: 5px;
}

#overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 99;
	cursor: pointer;
}

#overlay>i {
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
}

#overlay>p {
	position: absolute;
	top: 60%;
	left: 45%;
	color: #fff;
	font-size: 20px;
}

.product_exceeded {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	border-radius: 0.25rem;
	padding: 10px 15px;
	margin: 15px 0 2px;
}

.analysis>#overlay {
	display: block;
}

.upper-head tr th {
	border-color: #ddd;
}

.upper-head tr th:hover {
	background: #ededed;
}

thead.head-search tr th {
	padding: 5px !important;
	border: 1px solid #ddd;
}

thead.head-search tr th>input {
	font-size: 14px;
	font-weight: normal;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 6px 12px;
}

thead.head-search tr th>input:focus {
	outline: none;
	border: 2px solid #c8c8c8;
}

thead.head-search tr th>input::placeholder {
	color: #9f9f9f;
	opacity: 1;
}

thead.head-search tr th>input:-ms-input-placeholder {
	color: #9f9f9f;
}

thead.head-search tr th>input::-ms-input-placeholder {
	color: #9f9f9f;
}

a.ui-button {
	margin-right: 8px !important;
	padding: 6px 12px;
	font-weight: 400 !important;
	background: none;
	box-shadow: none;
	border-radius: 4px;
	border: 1px solid #cacaca;
	transition: 0.2s;
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.42857143;
	color: black;
}

a.ui-button:hover {
	background-color: #e6e6e6;
	border-color: #adadad;
}

.dataTables_filter label input {
	margin-right: 8px;
}

.paging_full_numbers .ui-button {
	padding: 4px 8px;
}

.dataTables_info {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.dataTables_length label,
.dataTables_filter label {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.dataTables_length select {
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.logslist td pre {
	display: none;
}

.dataTables_wrapper.fullscreen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	padding-top: 10px;
	background: white;
}

.groceryCrudTable.dataTable {
	background: white;
}

.zinummerscolumn {
	width: 145px;
	overflow: hidden;
	max-height: 20px;
}

td:hover .zinummerscolumn {
	max-width: unset;
	width: auto;
	max-height: unset;
	overflow: visible;
	cursor: pointer;
}

.btn-right {
	float: right;
}

.btn-yellow,
.btn-yellow:hover {
	background: yellow;
}

.zideleted {
	top: -19px;
	position: relative;
}

body.not_loggedin {
	background-image: url("../img/olexx_background.png");
	background-size: cover;
	background-position: right;
	background-repeat: no-repeat;
	background-color: #61c4c7;
}

body,
html {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.olexx-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	align-items: stretch;
	width: 100%;
	height: 100%;
}

.olexx-content-wrapper {
	padding-left: 0;
	padding-top: 80px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.olexx-content-wrapper.toggled {
	padding-left: 300px;
}

#sidebar-wrapper {
	z-index: 1000;
	position: fixed;
	left: 300px;
	width: 0;
	height: 100%;
	margin-left: -300px;
	overflow-y: auto;
	background: #000;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#sidebar-wrapper .menu {
	white-space: nowrap;
}

.olexx-content-wrapper.toggled #sidebar-wrapper {
	width: 300px;
}

.olexx-header {
	background-color: white;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

.navbar-toggle {
	display: block;
	position: relative;
	float: left;
	padding: 12px 10px;
	margin-top: 19px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: #fff;
	background-image: none;
	border: 1px solid #58c5c7;
	border-radius: 4px;
}

.navbar-toggle .icon-bar {
	background-color: #58c5c7;
}

.login .wrapper {
	padding-top: 80px;
}

.not_loggedin .olexx-header {
	background-color: transparent;
	box-shadow: none;
}

.table-section {
	background: #f3f5f7;
}

.table-label {
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 3px solid #bfc5d2;
}

.table-bordered {
	border: 1px solid #bfc5d2;
}

.gc-container .header-tools,
table.grocery-crud-table,
.grocery-crud-table th,
.grocery-crud-table tr,
.grocery-crud-table td {
	border-left: 0 !important;
	border-right: 0 !important;
}

.container-fluid {
	width: 100%;
}

.user-avatar-container {
	height: 80px;
	width: 80px;
	float: right;
	padding: 10px;
	margin-right: -20px;
}

.user-avatar {
	height: 100%;
	border-radius: 50%;
}

.profilecontainer {
	white-space: nowrap;
	overflow: hidden;
}

.profile-text {
	padding-left: 170px;
	padding-top: 18px;
}

.danger {
	color: red;
}

.avatar-chooser {
	margin-left: 25% !important;
}

.avatar-chooser img {
	display: inline-block;
	margin: 3px;
}

.avatar-chooser img:hover {
	cursor: pointer;
}

.avatar-chooser input {
	display: none;
}

.avatar-chooser img.selected {
	box-shadow: 0px 0px 5px 2px #2073af;
	border-radius: 50%;
}

.panel.with-nav-tabs .panel-heading {
	padding: 5px 5px 0 5px;
}

.panel.with-nav-tabs .nav-tabs {
	border-bottom: none;
}

.panel.with-nav-tabs .nav-justified {
	margin-bottom: -1px;
}

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

/*** PANEL DEFAULT ***/

.with-nav-tabs.panel-default .nav-tabs>li>a,
.with-nav-tabs.panel-default .nav-tabs>li>a:hover,
.with-nav-tabs.panel-default .nav-tabs>li>a:focus {
	color: #777;
}

.with-nav-tabs.panel-default .nav-tabs>.open>a,
.with-nav-tabs.panel-default .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-default .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-default .nav-tabs>li>a:hover,
.with-nav-tabs.panel-default .nav-tabs>li>a:focus {
	color: #777;
	background-color: #ddd;
	border-color: transparent;
}

.with-nav-tabs.panel-default .nav-tabs>li.active>a,
.with-nav-tabs.panel-default .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-default .nav-tabs>li.active>a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}

.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu {
	background-color: #f5f5f5;
	border-color: #ddd;
}

.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>li>a {
	color: #777;
}

.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
	background-color: #ddd;
}

.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
	color: #fff;
	background-color: #555;
}

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

/*** PANEL PRIMARY ***/

.with-nav-tabs.panel-primary .nav-tabs>li>a,
.with-nav-tabs.panel-primary .nav-tabs>li>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li>a:focus {
	color: #fff;
}

.with-nav-tabs.panel-primary .nav-tabs>.open>a,
.with-nav-tabs.panel-primary .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-primary .nav-tabs>li>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li>a:focus {
	color: #fff;
	background-color: #3071a9;
	border-color: transparent;
}

.with-nav-tabs.panel-primary .nav-tabs>li.active>a,
.with-nav-tabs.panel-primary .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li.active>a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu {
	background-color: #428bca;
	border-color: #3071a9;
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a {
	color: #fff;
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
	background-color: #3071a9;
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
	background-color: #4a9fe9;
}

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

/*** PANEL SUCCESS ***/

.with-nav-tabs.panel-success .nav-tabs>li>a,
.with-nav-tabs.panel-success .nav-tabs>li>a:hover,
.with-nav-tabs.panel-success .nav-tabs>li>a:focus {
	color: #3c763d;
}

.with-nav-tabs.panel-success .nav-tabs>.open>a,
.with-nav-tabs.panel-success .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-success .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-success .nav-tabs>li>a:hover,
.with-nav-tabs.panel-success .nav-tabs>li>a:focus {
	color: #3c763d;
	background-color: #d6e9c6;
	border-color: transparent;
}

.with-nav-tabs.panel-success .nav-tabs>li.active>a,
.with-nav-tabs.panel-success .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-success .nav-tabs>li.active>a:focus {
	color: #3c763d;
	background-color: #fff;
	border-color: #d6e9c6;
	border-bottom-color: transparent;
}

.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu {
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>li>a {
	color: #3c763d;
}

.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
	background-color: #d6e9c6;
}

.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
	color: #fff;
	background-color: #3c763d;
}

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

/*** PANEL INFO ***/

.with-nav-tabs.panel-info .nav-tabs>li>a,
.with-nav-tabs.panel-info .nav-tabs>li>a:hover,
.with-nav-tabs.panel-info .nav-tabs>li>a:focus {
	color: #31708f;
}

.with-nav-tabs.panel-info .nav-tabs>.open>a,
.with-nav-tabs.panel-info .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-info .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-info .nav-tabs>li>a:hover,
.with-nav-tabs.panel-info .nav-tabs>li>a:focus {
	color: #31708f;
	background-color: #bce8f1;
	border-color: transparent;
}

.with-nav-tabs.panel-info .nav-tabs>li.active>a,
.with-nav-tabs.panel-info .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-info .nav-tabs>li.active>a:focus {
	color: #31708f;
	background-color: #fff;
	border-color: #bce8f1;
	border-bottom-color: transparent;
}

.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu {
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>li>a {
	color: #31708f;
}

.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
	background-color: #bce8f1;
}

.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
	color: #fff;
	background-color: #31708f;
}

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

/*** PANEL WARNING ***/

.with-nav-tabs.panel-warning .nav-tabs>li>a,
.with-nav-tabs.panel-warning .nav-tabs>li>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li>a:focus {
	color: #8a6d3b;
}

.with-nav-tabs.panel-warning .nav-tabs>.open>a,
.with-nav-tabs.panel-warning .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-warning .nav-tabs>li>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li>a:focus {
	color: #8a6d3b;
	background-color: #faebcc;
	border-color: transparent;
}

.with-nav-tabs.panel-warning .nav-tabs>li.active>a,
.with-nav-tabs.panel-warning .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li.active>a:focus {
	color: #8a6d3b;
	background-color: #fff;
	border-color: #faebcc;
	border-bottom-color: transparent;
}

.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu {
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a {
	color: #8a6d3b;
}

.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
	background-color: #faebcc;
}

.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
	color: #fff;
	background-color: #8a6d3b;
}

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

/*** PANEL DANGER ***/

.with-nav-tabs.panel-danger .nav-tabs>li>a,
.with-nav-tabs.panel-danger .nav-tabs>li>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>li>a:focus {
	color: #a94442;
}

.with-nav-tabs.panel-danger .nav-tabs>.open>a,
.with-nav-tabs.panel-danger .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-danger .nav-tabs>li>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>li>a:focus {
	color: #a94442;
	background-color: #ebccd1;
	border-color: transparent;
}

.with-nav-tabs.panel-danger .nav-tabs>li.active>a,
.with-nav-tabs.panel-danger .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>li.active>a:focus {
	color: #a94442;
	background-color: #fff;
	border-color: #ebccd1;
	border-bottom-color: transparent;
}

.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu {
	background-color: #f2dede;
	/* bg color */
	border-color: #ebccd1;
	/* border color */
}

.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>li>a {
	color: #a94442;
	/* normal text color */
}

.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
	background-color: #ebccd1;
	/* hover bg color */
}

.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
	color: #fff;
	/* active text color */
	background-color: #a94442;
	/* active bg color */
}

.notes ul,
.notes li {
	list-style: none;
}

.notes ul {
	overflow: hidden;
	padding: 3em;
}

.notes ul li {
	text-decoration: none;
	color: #000;
	background: #58c5c782;
	/* display:flex; */
	/* height:10em;*/
	width: 100%;
	padding: 1em;
	-moz-box-shadow: 5px 5px 7px rgba(33, 33, 33, 1);
	-webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
	box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
	transition: 0.15s linear;
	-moz-transition: -moz-transform 0.15s linear;
	-o-transition: -o-transform 0.15s linear;
	-webkit-transition: -webkit-transform 0.15s linear;
}

.notes ul li {
	margin: 1em;
	float: left;
}

.notes ul li h2 {
	font-size: 100%;
	font-weight: bold;
	padding-bottom: 0;
}

.notes ul li p {
	font-size: 100%;
}

.notes ul li .date {
	font-size: 80%;
	line-height: 30px;
}

.notes ul li {
	transform: rotate(-6deg);
	-webkit-transform: rotate(-6deg);
	-o-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
}

.notes ul li:nth-child(even) {
	transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	position: relative;
	top: 5px;
	background: #ec008c82;
}

.notes ul li:nth-child(3n) {
	transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	position: relative;
	top: -5px;
	background: #f89f6582;
}

.notes ul li:nth-child(5n) {
	transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	position: relative;
	top: -10px;
}

/* .notes ul li a:hover,
.notes ul li a:focus{
  box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
  transform: scale(1.25);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  position:relative;
  z-index:5;
} */

.notes ol {
	text-align: center;
}

.notes ol li {
	display: inline;
	padding-right: 1em;
}

.notes ol li {
	color: #fff;
}

.company-inner {
	background-color: #eee;
	height: 212px;
	margin-bottom: 20px;
	padding: 25px;
}

.company-inner a.action {
	margin-right: 15px;
}

.company-title {
	background: #58c5c7;
	color: #fff;
	padding: 10px 25px;
	border-bottom: 3px solid #58c5c7;
}

table.profile-table {
	margin-bottom: 1rem;
}

table.profile-table tr>td:nth-child(1) {
	padding-right: 10px;
}

.float-right-user {
	float: right;
}

@media (max-width: 560px) {
	.float-right-user {
		display: table;
		margin-top: 10px;
		float: none;
	}
}

.mceEditor table.mceLayout {
	width: 100% !important;
}

.mceIframeContainer iframe {
	height: 250px !important;
}

.eventdetails {
	margin-top: 20px;
}

.eventpic {
	margin: auto;
	width: 50%;
}

.olexx-header .langswitch {
	float: left;
	padding: 0 20px;
}

.olexx-header .langswitch a {
	float: left;
	margin-top: 17px;
	padding: 0 5px
}

.faq-accordion section {
	margin-top: 20px;
}

.faq-accordion section:first-child {
	margin-top: 0px;
}

button.accordion {
	width: 100%;
	text-align: left;
	border: none;
	padding: 15px 20px;
	background-color: #ededed;
	transition: .2s;
	font-size: 20px;
}

button.accordion:hover {
	background-color: #dadada !important;
}

button.accordion:focus {
	outline: none;
}

button.accordion p {
	margin-bottom: 0;
}

.answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	padding: 0px 20px;
}

body.userpanel table {
	margin-bottom: .5em;
}

body.userpanel .panel-heading {
	font-weight: bold;
}

body table.annuals th.subhead {
	line-height: 2.4em;
	background-color: #58c5c7;
}

.panel.clubpanel .lib-panel img {
	width: 100%;
	background-color: transparent;
}

.panel.clubpanel .lib-panel .row,
.panel.clubpanel .lib-panel .col-md-6 {
	padding: 0;
	background-color: #ffffff;
}

.panel.clubpanel .lib-panel .lib-row {
	padding: 0 20px 0 20px;
}

.panel.clubpanel .lib-panel .lib-row.lib-header {
	background-color: #ffffff;
	font-size: 20px;
	padding: 10px 20px 0 20px;
}

.panel.clubpanel .lib-panel .lib-row.lib-header .lib-header-seperator {
	height: 2px;
	width: 26px;
	background-color: #d9d9d9;
	margin: 7px 0 7px 0;
}

.panel.clubpanel .lib-panel .lib-row.lib-desc {
	position: relative;
	height: 50%;
	display: block;
	font-size: 13px;
}

.lib-panel .lib-row.lib-desc a {
	width: 100%;
	bottom: 10px;
	left: 20px;
}

.panel.clubpanel .row-margin-bottom {
	margin-bottom: 20px;
}

.panel.clubpanel .box-shadow {
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.panel.clubpanel .no-padding {
	padding: 0;
}

.panel.clubpanel .row {
	margin-bottom: 4px;;
}

.bulkgeneratecertificates input,
.bulkgeneratecertificates select {
	margin-left: 12px;
}

.bulkgeneratecertificates table tr {
	line-height: 3em;
}

body.profile .head {
	font-size: 1.1em;
	color: #58c5c7;
}

.crud-form .btn-success {
	background-color: #5cb85c;
}

.crud-form .btn-info {
	background-color: #5bc0de;
}

.panel-heading.factuuradres {
	background-color: #f5f5f5 !important;
	border-color: #ccc !important;
	color: black;
}

.panel.panel-primary.factuuradres {
	border-color: #ccc !important;
}

.userpanel .basetable tr :first-child,
.userpanel .addresstable tr :first-child {
	width: 25%;
}

.alert.growl-animated {
	min-width: 400px;
}

.show-sm {
	display: none;
	visibility: hidden;
}

.membership {
	border: 2px #58c5c7 solid;
	border-radius: 4px;
	display: flex;
	margin: 6px;
	;
	padding: 6px;
}

.membership .logo {
	height: 100px;
	width: 100px;
	;
	margin: 6px;
	padding: 6px;
}

.membership .content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 12px;
	width: 100%;
}

.membership .content .title {
	font-family: sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.clubpanel .panel-body {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: unset;
	padding-top: unset;
}
.kader {
	display: flex;
	margin-left: 6px;
	width: 100%;
}

.kader .logo {
	align-items: center;
	display: flex;
	max-width: 80px;
	justify-content: center;
}

.kader .info {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.kader .info .main {
	display: flex;
	flex-direction: column;
	flex: 1;
	margin: 8px;
}

.kader .info .main .title {
	font-size: 20px;
}

.kader .info .footer {
	flex-shrink: 0;
	margin-right: 16px;
	text-align: right;
}

.panel-primary .blocked {
	background: red !important;
}

table.annuals tfoot tr {
	border-top: 2px solid #ddd;
}

@media (max-width: 767px) {
	.show-sm {
		display: block;
		visibility: visible;
	}
}