/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

/* Main Elements */
html, body {
	padding: 0;
	margin: 0;
}
@media screen {
	html, body {
		height: 100%;
	}

	.table > tbody > tr > th.rotated-90 > div {
		transform: rotate(-90deg) translate(5px, 0px);
	}

	.table>thead>tr>th {
		padding-left: 0px;
		padding-right: 0px;
		border-top: 0;
	}
}
@media print {

	table.printing-layout {
		width: 100%;
	}

	body {
		font-size: 10px;
	}
	.col-print-1, .col-print-2, .col-print-3, .col-print-4, .col-print-5, .col-print-6, .col-print-7, .col-print-8, .col-print-9, .col-print-10, .col-print-11, .col-print-12 {
		float: left;
	}
	.col-print-12 {
		width: 100%;
	}
	.col-print-11 {
		width: 91.66666666666666%;
	}
	.col-print-10 {
		width: 83.33333333333334%;
	}
	.col-print-9 {
		width: 75%;
	}
	.col-print-8 {
		width: 66.66666666666666%;
	}
	.col-print-7 {
		width: 58.333333333333336%;
	}
	.col-print-6 {
		width: 50%;
	}
	.col-print-5 {
		width: 41.66666666666667%;
	}
	.col-print-4 {
		width: 33.33333333333333%;
	}
	.col-print-3 {
		width: 25%;
	}
	.col-print-2 {
		width: 16.666666666666664%;
	}
	.col-print-1 {
		width: 8.333333333333332%;
	}
	.col-print-pull-12 {
		right: 100%;
	}
	.col-print-pull-11 {
		right: 91.66666666666666%;
	}
	.col-print-pull-10 {
		right: 83.33333333333334%;
	}
	.col-print-pull-9 {
		right: 75%;
	}
	.col-print-pull-8 {
		right: 66.66666666666666%;
	}
	.col-print-pull-7 {
		right: 58.333333333333336%;
	}
	.col-print-pull-6 {
		right: 50%;
	}
	.col-print-pull-5 {
		right: 41.66666666666667%;
	}
	.col-print-pull-4 {
		right: 33.33333333333333%;
	}
	.col-print-pull-3 {
		right: 25%;
	}
	.col-print-pull-2 {
		right: 16.666666666666664%;
	}
	.col-print-pull-1 {
		right: 8.333333333333332%;
	}
	.col-print-pull-0 {
		right: 0%;
	}
	.col-print-push-12 {
		left: 100%;
	}
	.col-print-push-11 {
		left: 91.66666666666666%;
	}
	.col-print-push-10 {
		left: 83.33333333333334%;
	}
	.col-print-push-9 {
		left: 75%;
	}
	.col-print-push-8 {
		left: 66.66666666666666%;
	}
	.col-print-push-7 {
		left: 58.333333333333336%;
	}
	.col-print-push-6 {
		left: 50%;
	}
	.col-print-push-5 {
		left: 41.66666666666667%;
	}
	.col-print-push-4 {
		left: 33.33333333333333%;
	}
	.col-print-push-3 {
		left: 25%;
	}
	.col-print-push-2 {
		left: 16.666666666666664%;
	}
	.col-print-push-1 {
		left: 8.333333333333332%;
	}
	.col-print-push-0 {
		left: 0%;
	}
	.col-print-offset-12 {
		margin-left: 100%;
	}
	.col-print-offset-11 {
		margin-left: 91.66666666666666%;
	}
	.col-print-offset-10 {
		margin-left: 83.33333333333334%;
	}
	.col-print-offset-9 {
		margin-left: 75%;
	}
	.col-print-offset-8 {
		margin-left: 66.66666666666666%;
	}
	.col-print-offset-7 {
		margin-left: 58.333333333333336%;
	}
	.col-print-offset-6 {
		margin-left: 50%;
	}
	.col-print-offset-5 {
		margin-left: 41.66666666666667%;
	}
	.col-print-offset-4 {
		margin-left: 33.33333333333333%;
	}
	.col-print-offset-3 {
		margin-left: 25%;
	}
	.col-print-offset-2 {
		margin-left: 16.666666666666664%;
	}
	.col-print-offset-1 {
		margin-left: 8.333333333333332%;
	}
	.col-print-offset-0 {
		margin-left: 0%;
	}
    a.list-group-item {
	    text-decoration: none;
    }
	div#bodyPlaceHolder {
		margin-top: 0;
	}
	.modal {
		position: absolute;
		left: 0;
		top: 0;
		margin: 0;
		padding: 0;
		overflow: visible!important;
	}
	#smrtmodal.modal.modal-wide .modal-dialog {
		width: unset;
	}
	.modal-content {
		border: 0 none;
	}
	.modal-body {
		padding: 0;
	}
	.table-responsive {
		border: 0 none !important;
	}
	.table {
		border-collapse: unset !important;
	}
	.table > tbody > tr > td {
		border-width: 0;
		border-left: 1px solid #a6a6a6;
	}
	.table > tbody > tr > td:first-child {
		border-left-width: 0;
	}
	.table > thead > tr > th:not(:first-child) {
		border-style: solid;
		border-width: 0 0 2px 1px;
		border-left-color: #a6a6a6;
	}
	.table > thead > tr > th > div > a {
		padding: 0;
	}
	.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
		background-color: #eeeeee !important;
	}
	.table-striped > tbody > tr > td a.btn {
		text-decoration: none;
		border: 0 none;
		padding: 0;
	}
	.table-striped > tbody > tr > td a.btn[href]:after {
		content: none;
	}
	table.table > thead > tr > th.rotated-90 > div {
		transform: rotate(-90deg) translate(7px);
	}
	.sorting {
		display: none;
	}
}

.table > thead > tr > th.rotated-90 > div {
	width: 25px;
	overflow: visible;
}
.table > thead > tr > th.rotated-90 > div {
	display: inline-block;
	transform: rotate(-90deg) translate(-5px);
}
.fs-10 {
	font-size: 10px;
}

@media screen and (min-width: 768px) {
	.fix-container-fluid {
		margin-left: 100px;
		margin-right: 100px;
	}

	div[data-name="areaList"] {
		height: 500px;
	}

	div[data-name="areaList"] > .panel {
		height: 100%;
	}

	div[data-name="areaList"] > .panel > .panel-body {
		max-height: calc(100% - 41px);
	}
}

.fix-container-fluid {
	margin-left: 15px;
	margin-right: 15px;
}

.navbar {
	margin-bottom: 0;
	min-height: inherit;
}
.navbar-default .navbar-toggle {
	border-color: transparent;
}
.navbar-header .navbar-nav {
	float:left; margin: 0;
}

#bodyPlaceHolder {
	margin-top: 20px;
}

.bg-image {
	background-image: url("../images/spbg.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: fixed;
	left: 0;
	width: 100%;
	height: 100%;
}

.main-background {
	margin-top: -20px;
}

@media screen {
	.bar-margin {
		padding: 50px 0;
	}
}

.no-padding {
	padding: 0;
}
.no-margin {
	margin: 0;
}

.centered-element {
	margin-left: auto;
	margin-right: auto;
}

.center-vertically {
	vertical-align: middle;
}

.top-vertically {
	vertical-align: top;
	margin: 0 0;
}

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

.fixed-size-menu-item {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 4px;
}

.filter-bar {
	display: none;
}

.panel-title .btn .fa:before {
	content: "\f068";
}
.panel-title .btn.collapsed .fa:before {
	content: "\f067";
}

.left-inside {
	text-align: left;
}

.down-10 {
	margin-top: 10px;
}

.top-10 {
	margin-bottom: 10px;
}

.pad-top-7 {
	padding-top: 7px;
}


.pad-top-10 {
	padding-top: 10px;
}

.fix-row {
	padding: 0 15px;
}

.margin-5 {
	margin-left: 5px;
	margin-right: 5px;
}

.margin-left {
	margin-left: .4em;
}

.wider-16 {
	padding-left: 16px;
	padding-right: 16px;
}

.extra-wider {
	padding-left: 36px;
	padding-right: 36px;
}

.btn-group-wrap {
	text-align: center;
}

.dropdown-menu>li>a {
	text-align: left;
}

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

.table>tbody>tr.no-border-top>td {
	border-top: none !important;
}

.no-float {
	float: none;
}

.full-width {
	width: 100% !important;
}

.drop-checkbox {
	display: block;
	margin-bottom: 5px;
	font-weight: normal;
	line-height: 20px;
	cursor: pointer;
	padding-left: 10px;
	text-align: left;
}

.right-tick {
	display: inline-block;
	position: absolute;
	right: 15px;
	margin-top: 2.5px;
}

.right-10 {
	margin-right: 5px !important;
}

li.padding-10 {
	padding-left: 10px;
	padding-right: 10px;
}

.plain-color {
	color: rgb(85, 85, 85);
}

.filter_column {
	text-align: center;
}

.modal.modal-wide .modal-dialog {
	width: 75%;
}

.modal-wide .modal-body {
	overflow-y: auto;
}

.modal-date-width {
	min-width: 35%;
}

.hand {
	cursor: pointer;
}

.panel-group .panel {
	overflow: visible;
}

.inline {
	display: inline-block !important;
}

.block {
	display: block !important;
}

@media screen and ( max-width : 767px) {
	.block.hidden-xs {
		display: none !important;
	}
	.panel.inverse-margin {
		margin-bottom: 0;
		margin-top: 20px;
	}
}

.hover-pill {
	background-color: #C7EDFF;
}

.hover-pill>a {
	color: #333;
}

.hover-pill>a:hover {
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

/* IMAGE MAP */

/* Image map styles */
.imageMap {
	width: 100%;
	position: relative;
}

.imageMap img {
	display: block;
	width: 100%;
	border-radius: 15px;
}

.imageMap .hotspots {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.imageMap .spot {
	display: block;
	position: absolute;
	background: #ff5000;
	z-index: 100;
	opacity: 0.3;
	filter: alpha(opacity = 30);
	border: 1px solid transparent;
	border-radius: 10px;
}

.imageMap .hotspots .active {
	display: block;
	position: absolute;
	background: red;
	z-index: 120;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	border: 1px solid transparent;
	border-radius: 10px;
	visibility: visible;
	!
	important;
}

.imageMap:hover .hotspots {
	visibility: visible;
}

@media ( max-width : 767px) {
	.imageMap .hotspots {
		visibility: visible !important;
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	.imageMap .hotspots {
		visibility: visible !important;
	}
}

.imageMap .hotspots .spot:hover, .imageMap .hotspots .spot .hover {
	z-index: 100;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	border: 1px solid red;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.imageMap .hotspots .spot:ACTIVE, .imageMap .hotspots .spot:LINK {
	display: block;
	position: absolute;
	background: red;
	z-index: 120;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	border: 1px solid transparent;
	border-radius: 10px;
	visibility: visible;
	!
	important;
}

.btn-file {
	position: relative;
	overflow: hidden;
}

.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 999px;
	text-align: right;
	filter: alpha(opacity = 0);
	opacity: 0;
	background: red;
	cursor: inherit;
	display: block;
}

input[readonly], textarea[readonly] {
	background-color: white !important;
	cursor: text !important;
}

.noWrapWS {
	white-space: nowrap;
}

.upload_pic {
	height: 120px;
	width: auto;
	border: 1px solid #333;
	float: left;
	margin: 5px;
	cursor: pointer;
}

.fix-checkbox {
	padding-top: 7px !important;
}

.fix-filter-dropdown {
	padding: 10px 20px;
	min-width: 200px;
}

.fix-dropdown-right {
	right: 0px;
	left: auto;
}

.list-group-item.selectable {
	cursor: pointer;
	background: #fff;
	font-weight: normal;
}

.list-group-item.selectable.active {
	cursor: pointer;
	background: #ff5000;
	color: #fff;
}

select.input-lg[multiple="multiple"] {
	height: inherit;
}

.table>thead>tr>th {
	white-space: nowrap;
}

#reportPanel {
	padding: 5px;
}

.list-group-item>.badge.no-events {
	color: rgba(0, 0, 0, 0.8);
	background-color: #ccc;
}

.list-group-item>.badge.handheld {
	background-color: rgba(0, 210, 127, 1);
	color: #FFF;
}

.list-group-item>.badge.web {
	background-color: rgba(255, 80, 0, 1);
	color: #FFF;
}

.list-group-item>.badge.mobile {
	background-color: rgba(0, 176, 255, 1);
	color: #FFF;
}

.list-group-item:hover {
	background-color: #C7EDFF;
}

.nav-pills>li.inactive>a {
	color: #ccc;
	background-color: #eee;
}

.nav-pills>li.inactive>a>.badge {
	color: #ccc;
	background-color: #eee;
}

.info-box {
	padding: 6px 8px;
	background: white;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
}

.right {
	text-align: right;
}

th>div>a {
	border-radius: 4px;
	position: relative;
	display: block;
	padding: 10px;
	color: #666;
	text-decoration: none;
	background-color: transparent;
}

th>div>a>i {
	opacity: 0;
}

th>div>a:hover {
	text-decoration: none;
	background-color: #C7EDFF;
	color: #333;
}

th>div>a:hover>i {
	opacity: 1;
}

th>div>a.active {
	text-decoration: none;
	background-color: #EEE;
	color: #ff5000;
}

th>div>a.active>i {
	opacity: 1;
}

@media screen and (max-width: 767px) {
	.fix-padding {
		padding: 1px;
	}
	.filter-line.row > div {
		padding-left: 12px;
		padding-right: 12px;
	}
}

input.has-error {
	border-color: #CC0026 !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(204, 0, 38, 0.6) !important;
}

input.has-success {
	border-color: #0B6F2C !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(11, 111, 44, 0.6) !important;
}

.label.full {
	font-size: 100% !important;
}

.label.label-fixed {
	background-color: #6a34a3;
}

.label.label-rest {
	background-color: #777777;
}

.label.label-import {
	background-color: #492eff;
}


button.focus {
	border-color: #ff5000 !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 80, 0, 0.6);
}

.fixed-width {
	padding: 5px;
	display: inline-block;
	width: 100px;
	text-align: left;
	background-color: #333;
}

.with-scrollbars {
	overflow-y: scroll;
	max-height: 300px;
}

.with-scrollbars-small {
	overflow-y: auto;
	max-height: 100px;
}

.filter-list {
	float: left;
	width: 85%;
}

.filter-list.small-list {
	width: 70%;
}

.clear-filter {
	float: right;
	width: 12%;
}
.clear-filter.large {
	width: 30%
}

.filter-label {
	font-size: 100% !important;
	font-weight: normal !important;
	padding: .4em .6em;
	margin: .4em;
	display: inline-block;
}

.filter-label>i {
	cursor: pointer;
}

.include-deleted-filter {
	font-size: 100% !important;
    font-weight: normal !important;
    padding: 8px 13px;
    margin: 1px 0;
}

.scrollable-menu {
    height: auto;
    max-height: 267px;
    overflow-y: auto;
}
.table-responsive {
	overflow-x: auto;
}
.modal-body .table-responsive {
	max-height: calc(100vh - 256px);
}

.table-responsive table > tbody > tr > td {
	vertical-align: middle;
	position: relative;
}
.table-responsive table > tbody > tr[data-child] > td > div {
	height: 50%;
	width: 9px;
	display: block;
	position: absolute;
	border-left: 2px solid #333;
}
.table-responsive table > tbody > tr[data-child] > td > div.child-top {
	top: 0;
	border-bottom: 2px solid #333;
}
.table-responsive table > tbody > tr[data-child] > td > div.child-full {
	width: 20px;
}
.table-responsive table > tbody > tr[data-child] > td > div.child-bottom {
	bottom: 0;
}
.table-responsive table > tbody > tr[data-child="1"] > td > div {
	left: 16px;
}
.table-responsive table > tbody > tr[data-child="1"] > td > .expand-collapse {
	margin-left: 16px;
}
.table-responsive table > tbody > tr[data-child="2"] > td > div {
	left: 32px;
}
.table-responsive table > tbody > tr[data-child="2"] > td > .expand-collapse {
	margin-left: 32px;
}
.table-responsive table > tbody > tr[data-child="3"] > td > div {
	left: 48px;
}
.table-responsive table > tbody > tr[data-child="3"] > td > .expand-collapse {
	margin-left: 48px;
}
.table-responsive table > tbody > tr[data-child="4"] > td > div {
	left: 64px;
}

#picture-canvas {
	position: relative;
	display: inline-block;
}
#user-media-error-message, #picture-canvas, #switch-camera, #mobile-photo-input {
	display: none;
}
.toggle-attach-input {
	margin-right: 15px;
}
#picture-input {
	text-align: center;
	position: relative;
}
#picture-canvas > canvas, #picture-input .video-container {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}
.modal-dialog #picture-input .video-container {
	z-index: 1051;
}

#picture-input .video-container video {
	width: 100%;
}

#take-pic, #qr-scanner-container .btn-group-wrapper, .camera #switch-camera, .camera #switch-light {
	position: absolute;
	bottom: 10px;
	z-index: 2;
}

#take-pic {
	margin-left: -20px;
	left: 50%;
}

.camera #switch-camera {
	right: 5px;
}

.camera #switch-light {
	left: 5px;
}

.remove-pic {
	position: absolute;
	color: red;
	right: 7px;
	top: 0;
	cursor: pointer;
	font-size: 1.8em;
	z-index: 2;
}

#take-pic, .camera #switch-camera, .remove-pic, .camera #switch-light {
	z-index: 1052;
	-webkit-transform: translateZ(0);
}

#qr-button, #camera-select {
	display: none;
}
#qr-scanner-container {
	position: relative;
	overflow: hidden;
	display: inline-block;
}
#qr-scanner-container > video, #qr-scanner-container .btn-group-wrapper {
	width: 100%;
	min-width: 100px;
}
img[src=""], #qr-scanner-container > canvas {
	display: none;
}
.scanner-laser {
	position: absolute;
	margin: 7%;
	height: 30px;
	width: 30px;
	opacity: 0.5;
}
.laser-leftTop {
	top: 0;
	left: 0;
	border-top: solid red 5px;
	border-left: solid red 5px;
}
.laser-leftBottom {
	bottom: 0;
	left: 0;
	border-bottom: solid red 5px;
	border-left: solid red 5px;
}
.laser-rightTop {
	top: 0;
	right: 0;
	border-top: solid red 5px;
	border-right: solid red 5px;
}
.laser-rightBottom {
	bottom: 0;
	right: 0;
	border-bottom: solid red 5px;
	border-right: solid red 5px;
}

.message-result {
	text-align: left;
}

.scan-success {
	position: absolute;
	bottom: 50%;
	display: none;
	width: 100%;
}
#scan-bubble {
	display: inline-block;
	padding: 8px;
	margin: -10px 0;
}
.bg-white {
	background-color: #fff;
}
.bg-primary {
	color: #ffffff;
	background-color: #ff5000;
	border-color: #e64800;
}
.navbar-default .navbar-nav > .open > a.bg-primary,
.navbar-default .navbar-nav > .open > a.bg-primary:hover,
.navbar-default .navbar-nav > .open > a.bg-primary:focus,
.navbar-default .navbar-nav > li > a.bg-primary:hover,
.navbar-default .navbar-nav > li > a.bg-primary:focus {
	color: #ffffff;
	background-color: #d64300;
	border-color: #a83500;
}
.inf-scroll-loading {
	padding: 20px;
}

@media (max-width: 767px) {
	.navbar-fixed-bottom ul.navbar-nav {
		margin: 0;
	}
	.navbar-fixed-bottom ul.navbar-nav > li {
		float: left;
	}
	.navbar-fixed-bottom ul.navbar-nav > li > a {
		padding: 7.5px 15px;
	}
}
.dropdown.disabled.open > .dropdown-menu {
	display: none;
}

.condition-group .btn-default.btn-success:not(.active),
.condition-group .btn-default.btn-danger:not(.active){
	color: #ff5000;
	background-color: #ffffff;
	border-color: #cccccc;
}

.order-menu, .save-menu {
	display: none;
}
.ordering .table-striped > tbody.ui-sortable {
	cursor: move;
}
.ordering .table-striped > tbody.ui-sortable > tr:first-child > td {
	border-top: 4px dashed #e64800;
}
.ordering .table-striped > tbody.ui-sortable > tr:last-child > td {
	border-bottom: 4px dashed #e64800;
}
.ordering .table-striped > tbody.ui-sortable > tr > td:first-child {
	border-left: 4px dashed #e64800;
}
.ordering .table-striped > tbody.ui-sortable > tr > td:last-child {
	border-right: 4px dashed #e64800;
}
.table-striped > tbody.ui-sortable > tr.placeholder > td {
	background-color: #ffede5;
}

#comparison tr>td:not(:first-child), #comparison tr>th:not(:first-child) {
	text-align: center;
}

.fa-check {
	color: #0f9e3e;
}
.fa-cross {
	color: #cc0026;
}
.fa-cross:before {
	content: "\f00d";
}

.fancy-switch {
	display:inline-block;
	line-height: 0;
}
@media screen and (min-width: 991px) {
	.fancy-switch {
		padding-top: 10px;
	}
}
.fancy-switch .pre-switch-label {
	margin-right: -8px;
	padding-left: 12px;
}
.fancy-switch .switch-input {
	display: none;
}
.fancy-switch .switch-label {
	position: relative;
	display: inline-block;
	cursor: pointer;
	text-align: left;
	font-weight: normal;
	margin: 0 16px;
	padding: 6px 0 16px 44px;
}
.fancy-switch .switch-label:before,
.fancy-switch .switch-label:after {
   content: "";
   position: absolute;
   margin: 0;
   outline: 0;
   top: 6px;
   -ms-transform: translate(0, -50%);
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.fancy-switch .switch-label:before {
	 left: 1px;
	 width: 34px;
	 height: 14px;
	 background-color: #444444;
	 border-radius: 8px;
 }
.fancy-switch .switch-label:after {
	 left: 0;
	 width: 20px;
	 height: 20px;
	 background-color: #333333;
	 border-radius: 50%;
	 box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}

.switch-input:checked + .switch-label:before {
	background-color: #e64800;
}
.switch-input:checked + .switch-label:after {
	background-color: #ff5000;
	-ms-transform: translate(80%, -50%);
	-webkit-transform: translate(80%, -50%);
	transform: translate(80%, -50%);
}

#coordinate-lookup #leaflet-map {
	width: 100%;
	height: 256px;
}

#sub-header-row {
	position: fixed;
	z-index: 1000;
}

.scroll-wrapper {
	height: 62px;
	overflow-x: auto;
	overflow-y: hidden;
	z-index: 99;
	background: #ffffff;
}

.scroll-wrapper table {
	table-layout: fixed;
}

.scroll-wrapper th {
	white-space: nowrap;
}

.scroll-wrapper th>div>a:hover {
	background-color: #fff;
	color: #666;
	cursor: default;
}

.scroll-wrapper th>div>a:hover>i {
	opacity: 0;
}

.clickable {
	cursor: pointer;
}

.filter-box, .filters {
	margin-bottom: 12px;
}

.filter-line {
	margin-bottom: 8px;
}

.filters .filter-line .filter-types>option,
.filters .filter-line input,
.filter-box,
.show-filters .hide-filters-text, .show-filters-text {
	display: none;
}

.show-filters .show-filters-text {
	display: inline;
}
.show-filters-group ul.dropdown-menu .remove-saved-filter {
	margin: -1.5em 5px 5px 0;
}

.filters .filter-line[data-type=STRING] .filter-types>option.str-filter,
.filters .filter-line[data-type=STRING].with-contains .filter-types>option.contains,
.filters .filter-line[data-filter-name=businessId] .filter-types>option.contains,
.filters .filter-line[data-filter-name=location] .filter-types>option.contains,
.filters .filter-line[data-filter-name=sublocation] .filter-types>option.contains,
.filters .filter-line[data-filter-name=tag] .filter-types>option.has-filter,
.filters .filter-line[data-filter-name=parentItem] .filter-types>option.has-filter,
.filters .filter-line[data-filter-name=location] .filter-types>option.has-filter,
.filters .filter-line[data-filter-name=sublocation] .filter-types>option.has-filter,
.filters .filter-line[data-type=INT] .filter-types>option.nr-filter,
.filters .filter-line[data-type=DOUBLE] .filter-types>option.nr-filter,
.filters .filter-line[data-type=DATE] .filter-types>option.date-filter,
.filters .filter-line[data-type=DATETIME] .filter-types>option.date-filter,
.filters .filter-line[data-type=STRING]:not(.has-filter-enabled) input[type=text],
.filters .filter-line[data-type=BOOLEAN] input[type=checkbox],
.filters .filter-line.has-filter-enabled input[type=checkbox],
.filters .filter-line[data-type=INT]:not(.has-filter-enabled) input[type=number],
.filters .filter-line[data-type=DOUBLE]:not(.has-filter-enabled) input[type=number],
.filters .filter-line[data-type=DATE]:not(.has-filter-enabled) input[type=date],
.filters .filter-line[data-type=DATETIME]:not(.has-filter-enabled) input[type=datetime-local] {
	display: block;
}

/* Oceanco meerwerk v2 : SMRT-762 Larger lower menu */
.navbar-nav.bottom-menu, .navbar-nav.bottom-menu .dropdown-menu {
	font-size: 16px;
}
.navbar-nav.bottom-menu > li > a {
	line-height: 26px;
}
.navbar-nav.bottom-menu .dropdown-menu > li > a {
	padding: 5px 20px;
}


.aggregation-tooltip, .warn-tooltip {
	padding-top: 7px;
	cursor: pointer;
}

.form-control-feedback {
	display: none;
}
.has-feedback .form-control-feedback, .has-feedback.form-control-feedback {
	display: block;
}
.has-success .form-control-feedback, .has-success.form-control-feedback {
	color: #0f9e3e;
}
.has-warning .form-control-feedback, .has-warning.form-control-feedback {
	color: #d98200;
}
.has-error .form-control-feedback, .has-error.form-control-feedback {
	color: #cc0026;
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th,
.table > tbody > tr.warning > td, .table > tbody > tr.warning > th {
	font-weight: bold;
}

.table-hover > tbody > tr.warning.active > td,
.table-hover > tbody > tr.danger.active > td {
	background-color: #e64800 !important;
}
tr.deleted > td, tr.deleted > td > a, tr.deleted > td a {
	text-decoration: line-through;
}

#contentTable th>div>a:hover,
#sortableTable th>div>a:hover {
	background-color: transparent;
}
.table-header {
	width: calc(100% - 12px);
	float: left;
}
.sort-toggle > a {
	cursor: pointer;
}
.sorting {
	width: 12px;
	float: right;
	text-align: center;
}
.sorting > div {
	display: block;
	height: 10px;
	cursor: pointer;
	color: #cccccc;
	box-sizing: content-box;
}
.sorting > div:hover, .sorting > div.active {
	color: #333333;
}
.sorting > div.order-asc {
	padding-top: 7px;
}
.sorting > div.order-desc {
	padding-bottom: 7px;
}

p.line {
	min-height: 20px;
}

.p-0 {
	padding: 0;
}

.slash-trough:after {
	font-size: 1.4em;
	font-weight: bold;
	margin-left: -0.55em;
	padding-right: 0.25em;
	content: "/";
}

table.hide-columns tr th.hidden-column,
table.hide-columns tr td.hidden-column {
	display: none;
}

.unread {
	font-weight: bold;
}