@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 {
	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 {
	background: #404040;
	color: #fff;
	padding: 17px;
	margin-left: -2px;
	margin-right: -2px;
	margin-bottom: -7px;
}

/* 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;
}

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

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

.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: #6dbe00;
	background-color: #f0f0f0;
}

.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: #00b777;
}

.status-deleted {
	background-color: red;
}

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

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

.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
}

.togglesidebar {
	cursor: pointer;
	position: fixed;
	top: 90%;
	left: 280px;
	z-index: 25;
	padding-top: 10px;
	padding-bottom: 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 {
		color: white;
	}

.fa-trash, 
.fa-times, 
.fa-trash-alt {
	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;
}

/* 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: #a7a7a7;
}

.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: #7cd700 !important;
}

.buttons-columnVisibility.active a:hover {
	background-color: #c7c7c7 !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: #005ab2;
	color: #ffffff;
	text-decoration: underline
}

	.fuelux .wizard > .steps li.active .chevron:before {
		border-left-color: #005ab2
	}

/* 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;
}