@media (max-width: 1024px) {
	.am-top-header .navbar-nav a .menu-arrow {
		display: none;
	}

	.am-top-header .navbar-collapse .navbar-nav > li > a {
		padding: 0 10px;
	}
}

.groups {
	margin-left: 30px;
	margin-bottom: 5px;
	color: #7b7b7b;
}

	.groups a {
		color: #7b7b7b;
	}

/* Global style */
.main-content {
	padding: 30px 30px 0 30px;
}

.text-success {
	color: #6dbe08;
}

/* Panel style */
.panel,
.user-profile .user-display .bottom,
.widget {
	border: 1px solid #DEDEDE;
}

.panel-danger {
	border-color: #EF6262;
}

.panel-warning {
	border-color: #f0ad4e;
}

.panel-info {
	border-color: #5bc0de;
}

.panel-success {
	border-color: #6dbe00;
}

.panel-heading {
	padding: 15px 0px;
	font-size: 16px;
	font-weight: 400;
	min-height: 48px;
}

	.panel-heading .panel-title,
	.panel-heading .title,
	.panel-heading h3,
	.panel-heading h4 {
		font-size: 16px;
		font-weight: 400;
	}

	.panel-heading .tools {
		margin-top: -5px;
		font-size: 1em;
	}

		.panel-heading .tools .btn {
			height: 34px;
			padding: 7px 12px;
			position: relative;
			top: -0.5px;
		}

.panel-body {
	width:100%;
	padding: 10px 20px 15px;
}

.panel-footer {
	padding: 15px 20px;
}

/* Widgets */
.widget.widget-tile {
	margin-bottom: 30px;
}

/* Tabs */
.nav-tabs > li a:not(.btn):hover {
	background-color: #fff;
}

.nav-tabs > li a:not(.btn) {
	font-weight: 500;
	background: #fafafa;
}

.tab-container {
	margin-bottom: 40px;
}

	.tab-container .nav-tabs > li.active a {
		border-left: 1px solid #DEDEDE;
		border-right: 1px solid #DEDEDE;
		border-top: 1px solid #DEDEDE;
	}

.tab-strip {
	border: 1px solid #DEDEDE;
}

	.tab-strip ul {
		background-color: white;
	}

	.tab-strip .nav-tabs > li.active a:not(.notabstyle) {
		background-color: #6dbe00;
		color: white;
	}

	.tab-strip .nav-tabs > li.active a:not(.notabstyle) {
		border-bottom: 1px solid #DEDEDE;
	}

.tab-container .nav-tabs {
	border-bottom: 1px solid #DEDEDE;
}

.tab-content {
	border-left: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	margin-bottom: 0;
}

/* Table */
.table > thead > tr > th {
	padding-left: 4px;
	font-weight: 600;
}

.table > tbody > tr > td {
	vertical-align: top;
}

.table-responsive {
	width: 100%;
}

/* Datatable */
.datatable-header {
	overflow: auto;
}

.datatable-body {
}

.datatable-footer {
	padding: 15px 0;
}

.dataTables_info {
	text-align: center;
}

table.fixedHeader-floating {
	top: 64px !important;
}

/*
.dt-button-collection.dropdown-menu {
	padding: 0;
	margin-top: -30px !important;
}
*/

/* Modals*/
.ui-draggable-handle {
	cursor: move;
}

/* Typeahead */
.ta-more-results, .ta-no-results {
	background: #404040;
	color: #fff;
	padding: 12px;
	margin-left: -2px;
	margin-right: -2px;
	margin-bottom: -7px;
}

.ta-more-results, .ta-no-results:hover {
	cursor: default;
}

/* Filter panel */
#FilterPanel .control-label {
	display: block;
}

#FilterPanel > .panel-body {
	padding: 15px;
}

#FilterPanel .panel-default > .panel-heading {
	border-color: transparent;
}

#FilterPanel .panel-default {
	margin-bottom: 0;
}

#FilterPanel .panel-heading {
	padding: 17px 0;
}

#FilterPanel .am-checkbox {
	line-height: 16px;
	padding: 3px 0;
}

	#FilterPanel .am-checkbox input[type="checkbox"] + label:before {
		width: 16px;
		height: 16px;
		font-size: 12px;
		margin-bottom: 2px;
		padding-top: 1px;
		line-height: 12px;
		vertical-align: bottom;
		cursor: pointer;
	}

	#FilterPanel .am-checkbox input[type="checkbox"] + label {
		font-size: 11px;
	}

/* Icon styles */
.dropdown-menu > li > a [data-icon] {
	font-size: 16px;
	line-height: 15px;
	vertical-align: middle;
	margin-right: 6px;
	margin-top: -1px;
}

.panel-heading .tools {
	display: table;
	height: 33px;
}

	.panel-heading .tools > a,
	.panel-heading .tools > span {
		display: table-cell;
		padding-right: 10px;
		vertical-align: middle;
	}


.tab-pane .tools {
	display: table;
	height: 33px;
	float: right;
	margin-top: -5px;
	font-size: 20px;
}

	.tab-pane .tools > a,
	.tab-pane .tools > span {
		display: table-cell;
		padding-left: 10px;
		vertical-align: middle;
	}

.panel-heading .tools [data-icon],
.panel-heading .tools .fa-stack {
	display: inline-block;
	margin-left: 5px;
	font-size: 18px;
	line-height: 28px;
	vertical-align: middle;
	cursor: pointer;
}

/* Button styles */
.btn-warning {
	border-color: #DA455A;
	background-color: #DA455A;
}

	.btn-warning:hover,
	.btn-warning:focus {
		color: #fff;
		background-color: #ffb955 !important;
		border-color: #ffb955 !important;
	}

	.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
		color: #fff;
		background-color: #f0ad4e;
		border-color: #f0ad4e;
	}

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

	.btn-info:hover,
	.btn-info:focus {
		color: #fff;
		background-color: #61ceef !important;
		border-color: #61ceef !important;
	}

	.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
		color: #fff;
		background-color: #5bc0de;
		border-color: #5bc0de;
	}

.btn-success {
	border-color: #6dbe00;
	background-color: #6dbe00;
}

	.btn-success:hover,
	.btn-success:focus {
		color: #fff;
		background-color: #7cd800 !important;
		border-color: #7cd800 !important;
	}

	.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
		color: #fff;
		background-color: #5ea500;
		border-color: #5ea500;
	}

.btn-default {
	border-color: #00A87A;
	background-color: #00A87A;
	color: #EDE7D4;
}

.statusIndicator {
	border: 2px solid #ffffff;
	border-radius: 50%;
	height: 15px;
	width: 15px;
	position: relative;
	top: 3px;
	display: inline-block;
	margin-right: 3px;
}

.status-active {
	background-color: #00a87a;
}

.status-deleted {
	background-color: #e06478;
}

.status-contact, .status-inactive {
	background-color: #ca0ee6;
}

.background-2baGreen {
	background-color: #004b71;
}

.foreground-2baGreen {
	color: #6dbe00;
}

/* For font-awesome icons in user-profile tables */
.user-profile .info-block table tr td.item svg {
	float: left;
	margin-right: 5px;
	font-size: 20px;
	color: #6dbe00;
	min-width: 25px;
}

.user-profile .info-block table tr td.item {
	display: inline-block
}

.fa-trash,
.fa-trash-alt,
.fa-times,
.fa-xmark{
	color: red;
}

.fa-check {
	color: green;
	/* color: rgb(109, 190, 0) */
}

td.dimmedtext {
	color: #9b9b9b;
}

/* Style for all tooltip (not the tooltip itself, but the element which appends the tooltip on hover)*/
[data-toggle="tooltip"] {
	cursor: pointer;
}

.switch-button {
	text-align: left !important;
}

.switch-button.switch-button-yesno input[disabled="disabled"]:disabled + span label:before {
	color:black;
}
/* Label:before  in an am-checkbox */
.am-checkbox input[type="checkbox"]:focus + label:before, .am-radio input[type="checkbox"] + label:before, .am-checkbox input[type="radio"] + label:before, .am-radio input[type="radio"] + label:before {
	border-color: #DBD7C8;
	background-color: #DBD7C8;
}

.dt_searchBox {
	top: -7px;
	position: relative;
}

#TicketForm .note-editor p, .ticketreaction p {
	margin: 0px;
}

@keyframes slideDown {
	0% {
		transform: translateY(-20%);
	}

	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-20%);
	}

	100% {
		-webkit-transform: translateY(0%);
	}
}

.dropDown * {
	animation: 0.25s ease-out 0s 1 slideDown;
}

/*Typeahead full width */
.form-control.twitter-typeahead.generatedTypeahead {
	min-width: 100%;
}

.form-control.generatedTypeahead, .twitter-typeahead {
	width: 100%;
}

.dataTables_info {
	text-align: right;
}

.nav-tabs > .tools {
	float: right;
	position: relative;
	top: 14px;
	right: 8px;
	font-size: 1.5em;
}

	.nav-tabs > .tools + .SearchBox {
		position: relative;
		top: 17.5px;
	}

	.nav-tabs > .tools .buttons-collection.buttons-colvis {
		cursor: pointer;
	}

.dataTables_wrapper {
	overflow-y: hidden;
}


.datatable-footer .dataTables_paginate {
	position: relative;
	/*top: 14.4px;*/
}

.datatable-footer .dataTables_length select {
	height: 36px;
	margin-left: 5px;
}

.datatable-footer {
	white-space: nowrap;
}


	.datatable-footer .dataTables_paginate.paging_simple_numbers, .dataTables_length {
		display: inline;
	}

.dataTables_paginate .paging_simple_numbers {
	position: relative;
	top: 40px;
}

.datatable-footer {
	padding-top: 0px;
	padding-bottom: 0px;
}

	.datatable-footer .dataTables_info {
		/*top: 10px;*/
		position: relative;
		padding-top: 0px;
	}

.dt-button.buttons-columnVisibility a {
	cursor: pointer;
}

.buttons-columnVisibility a:hover {
	background-color: #007f5c !important;
}

.buttons-columnVisibility.active a:hover {
	background-color: #007f5c !important;
}

@media (min-width: 767px) {
	#am-navbar-collapse {
		display: none;
	}
}

.am-fixed-sidebar .am-left-sidebar .nano-pane {
	width: 10px;
}

.strike {
	display: block;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
}

	.strike > span {
		position: relative;
		display: inline-block;
		left: 40px;
		font-weight: bold;
	}

		.strike > span:before,
		.strike > span:after {
			content: "";
			position: absolute;
			top: 50%;
			width: 9999px;
			height: 1px;
			background: black;
		}

.strike-info > span:before,
.strike-info > span:after {
	background: #8dcadf
}

.strike-warning > span:before,
.strike-warning > span:after {
	background: #FFC870
}

.strike-danger > span:before,
.strike-danger > span:after {
	background: #EF6262
}

.strike-primary > span:before,
.strike-primary > span:after {
	background: #6dbe00
}

.strike-success > span:before,
.strike-success > span:after {
	background: #6dbe08
}

.strike > span:before {
	right: 100%;
	margin-right: 15px;
}

.strike > span:after {
	left: 100%;
	margin-left: 15px;
}

.am-top-header .navbar-collapse .am-user-nav > li.dropdown > a > [data-icon] {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 22px;
	top: 5px;
	position: relative;
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .be-connections .content a .logo {
	padding-top: 4px;
}

	.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .be-connections .content a .logo [data-icon] {
		font-size: 20px;
	}

/* Style for the bar on top of a given page in Internet Explorer */
.ie-nosupport {
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
}

.am-checkbox input[type="checkbox"] {
	position: absolute;
	left: -99999999px;
	display: initial;
}

.am-checkbox input[type="checkbox"] {
	position: absolute;
	left: -99999999px;
	display: initial;
}

.required.offset-number:after {
	right: 45px;
	top: 31px;
}

.required.offset-addon:after {
	right: 57px;
	top: 31px;
	z-index: 2;
}

.fuelux .wizard > .steps li.active {
	background: #004b71;
	color: #EDE7D4;
	text-decoration: underline
}

.fuelux .wizard > .steps li.active .chevron:before {
	border-left-color: #004B71;
}

/* Joost; dit is te globaal, specifieker klasse van maken, aantal functies vallen hierdoor om.
	
	.tooltip, .popover {
	pointer-events: none;
}*/

.dataTables_wrapper .table > tbody > tr > td.text-right:not(.no-extra-padding) {
	padding-right: 30px;
}

.typeahead-input-group .form-control {
	float: none !important;
}

.typeahead-input-group .input-group-addon {
	border-bottom: 1px;
}

.checkbox-pretty-wrapper {
	position: relative;
	left: 30px;
	max-width: calc(100% - 30px);
}

	.checkbox-pretty-wrapper label::before {
		position: absolute;
		left: -30px;
		top: 6.5px;
	}

@media (min-width: 768px) {

	.dropdown-submenu {
		position: relative;
	}

		.dropdown-submenu:after {
			content: none !important;
		}

		.dropdown-submenu > .dropdown-menu {
			top: 0;
			left: 100%;
			margin-top: 0px;
			margin-left: 0px;
			position: absolute;
		}
}

@media (min-width: 991px) {
	.dropdown-menu {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	}
}

/* Begin sidebar toggle */
.togglesidebar {
	cursor: pointer;
	position: fixed;
	top: 90%;
	z-index: 9999999;
	width: 20px;
	height: 35px;
	padding: 10px;
	background-color: #b9b9b9;
	border-left: none;
	box-shadow: 0 0 1px 0px white inset, 0 0 1px 0px white;
	border-width: 2px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

	.togglesidebar > * { /* svg in Admin, but i or span in my. */
		position: relative;
		color: white;
		left: -6px;
	}


.nowidth {
	width: 0px !important;
}

.transition1sec {
	transition: 1s;
}

#sidebar:before {
	content: none;
}

.am-content-fullwidth {
	margin-left: 0px;
}

@media(max-width: 767px) {
	#sidebartoggler {
		display: none;
	}
}

/* End sidebar toggle*/


/* Beautiful alerts */
.alert-icon.alert-primary > .icon {
	background-color: #6dbe00;
}

.alert-icon.alert-success > .icon {
	background-color: #7accbe;
}

.alert-icon.alert-info > .icon {
	background-color: #8dcadf;
}

.alert-icon.alert-warning > .icon {
	background-color: #ffc870;
}

.alert-icon.alert-danger > .icon {
	background-color: #ef6262;
}

.alert-icon > .icon {
	position: relative;
	display: table-cell;
	width: 55px;
	text-align: center;
	vertical-align: middle;
	cursor: default;
}

	.alert-icon > .icon:after {
		position: absolute;
		right: -10px;
		top: 50%;
		margin-top: -11px;
		width: 0;
		height: 0;
		content: '';
		z-index: 2;
		border-left: 11px solid #fff;
		-moz-transform: scale(.9999);
		border-bottom: 11px solid transparent;
		border-top: 11px solid transparent;
	}

.alert-icon.alert-primary > .icon:after {
	border-left-color: #6dbe00;
}

.alert-icon .icon > * {
	margin-right: 0px;
}

.alert .message {
	padding-top: 7px;
	padding-bottom: 7px;
}

/* End beautiful alerts */

/* flatPickr background for non readonly fields. */
.flatpickr:not([readonly]) input[readonly] {
	background-color: white;
}


.user-profile .info-block table tr td.item,
.modal .modal-content, .md-modal .modal-content, .modal .md-content, .md-modal .md-content,
.form-control 
{
	color: #333333;
}



.user-profile .info-block table tr td.item,
.modal .modal-content, .md-modal .modal-content, .modal .md-content, .md-modal .md-content,
.form-control 
{
	color: #333333;
}
.dt-button-collection ul.dropdown-menu {
	display: inline;
}

.dt-button-collection {
	position:absolute;
	z-index: 500
}

.note-group-select-from-files {
	display: none;
}

.tooltip {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	padding: 1px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-break: auto;
	line-height: 1.42857143;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	white-space: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	font-size: 13px;
	background-color: #f7f7f7;
	/*background-clip: padding-box;*/
	border: 1px solid #f7f7f7;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0;
	box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
	opacity: 1 !important;
}

	.tooltip .tooltip-inner {
		background-color: #f7f7f7;
		color: black;
	}

	.tooltip .tooltip-arrow {
		border-top-color: #f7f7f7 !important;
		bottom: -5px !important;
	}

	.tooltip.right .tooltip-arrow {
		border-right-color: #f7f7f7 !important;
		left: -5px !important;
	}

	.tooltip.left .tooltip-arrow {
		border-left-color: #f7f7f7 !important;
		right: -5px !important;
	}

.popover {
	background-color: #f7f7f7;
}

.tooltip-inner {
	max-width: initial;
}

@media (max-width: 768px) {
    .am-nav-right > li > a.dropdown-toggle.menu { font-size: 0; }
    .am-nav-right > li > a.dropdown-toggle.menu::before {
        font: var(--fa-font-light); /* font-awesome */
          content: "\f0c9"; /* fa-bars as a generic icon, swap per item */
          font-size: 14px;
      }
  }