body {
	background-color: #f1f3f6;
	padding-top: 5rem;
	padding-bottom: 2rem;
}

body.bottomToolbar {
	padding-bottom: 4rem;
}

body.notificationTop {
	/*padding-top: 8rem !important;*/
}

body.login {
	padding-top: 2rem;
}

body.addressdata {
	padding-top: 1rem;
}

body.login #pageLoader {
	display: none;
}

a {
	cursor: pointer;
}

nav a.navbar-brand img.logo {
	height: 43px;
	position: relative;
	/*	top: -2px;*/
}

.navbar-nav .nav-link {
	cursor: pointer;
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255,.75);
}

p.explanation {
	font-size: 0.75rem;
}

.dropdown-item.active { 
	background-color: #318C2C;
}

.dropdown-item:active {
	color: #212529;
	background-color: #F8F9FA;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
	color: #b2b4b7 !important;
}

.tableNonDatatables th,
.tableNonDatatables td {
	font-size: 0.8rem;
}

.tableSupportzone th,
.tableSupportzone td {
	font-size: 0.8rem;
	padding: 0.35rem 0.5rem;
}

.tableSupportzone thead>tr>th.sorting_asc,
.tableSupportzone thead>tr>th.sorting_desc,
.tableSupportzone thead>tr>th.sorting,
.tableSupportzone thead>tr>td.sorting_asc,
.tableSupportzone thead>tr>td.sorting_desc,
.tableSupportzone thead>tr>td.sorting {
	padding-right: 20px !important;
}

.tableSupportzone td.icons i {
	margin-right: 5px;
}

.tableSupportzone td.icons i:last-child {
	margin-right: 0px;
}

table.font-sm tr th,
table.font-sm tr td {
	font-size: 0.8rem;
}

table tr.sumAfter {
	border-bottom: solid 2px #c3c3c3;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
	background-color: rgba(0,0,0,0.1);
}

table.dataTable.hover tbody tr.bg-success:hover, table.dataTable.display tbody tr.bg-success:hover {
	background-color: rgba(40,167,69,0.8) !important;
}

div.dataTables_wrapper div.dataTables_paginate .page-item .page-link {
	color: #212529;
}

div.dataTables_wrapper div.dataTables_paginate .page-item .page-link:focus {
	box-shadow: none;
}

div.dataTables_wrapper div.dataTables_paginate .page-item.active .page-link {
	background-color: #28a745;
	border-color: #dee2e6;
	color: #fff;
}

div.headbuttons div {
	margin: 0px;
}

div.headbuttons .btn,
div.headbuttons-lg .btn {
	display: block;
	width: 100%;
}

div.headbuttons-lg div.btn-group {
	display: block;
}

div.headbuttons-lg div.dropdown-menu {
	width: 100%;
}

div.headbuttons div.dt-buttons {
	display: inline-block;
}

div.headbuttons.mobile-full div.btn-group {
	width: 100%;
}

i.icon {
	font-size: 1rem;
}

#notificationTop {
	z-index: 1029;
	top: 59px;
}

#notificationTop .topAlert {
	border-radius: 0px;
}

#toolbar,
#toolbarKunde {
	color: rgba(255,255,255,.75);
}

#toolbar a {
	display: block;
	color: rgba(255,255,255,.75);
}

#toolbar a:hover,
#toolbarKunde a:hover {
	text-decoration: none;
}

#pageLoader,
#overlayAlert,
#addressMaintenanceAlert {
	z-index: 1071;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

#overlayAlert {
	display: none;
}

#overlayAlert div.container,
#overlayAlert div.container div.row {
	height: 100%;
}

#addressMaintenanceAlert {
	display: flex;
	align-items: center;
}

#addressMaintenanceAlert > div.jumbotron-fluid {
	flex-basis: 100%;
	max-height: 100%;
	overflow: auto;
}

#addressMaintenanceAlert > div.jumbotron-fluid > div {

}

#addressMaintenanceAlert span.close {
	position: absolute;
	top: 0px;
	right: 0px;
}

.card.card-toggle .card-header {
	cursor: pointer;
}

div.imgAttachment a.szThumb {
	outline: none;
	display: inline-block;
	border: 1px solid #E0E1E1;
}

div.imgAttachment a.szThumb.icon {
	width: 135px;
	height: 135px;
	box-sizing: border-box;
	position: relative;
}

div.imgAttachment a.szThumb.icon > span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

div.imgAttachment a.szThumb.icon > span.fiv-viv {
	font-size: 3em;
	filter: grayscale(100%);
}

div.imgAttachment a.szThumb.icon > span.extensionText {
	font-weight: bold;
	font-style: italic;
	background-color: #e3e3e3;
	color: #686868;
	padding: 17px 7px;
}

div.imgAttachment a.szThumb:hover {
	border: 1px solid #E0E1E1;	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(140,140,140,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(140,140,140,0.5);
	box-shadow: 0px 0px 5px 0px rgba(140,140,140,0.5);
}

div.imgAttachment a.sz-del {
	display: none;
	font-size: 1.2rem;
    position: absolute;
    right: 5px;
    top: -11px;
}

div.imgAttachment:hover a.sz-del {
	display: block;
}

a.action-icon:hover,
i.action-icon:hover {
	cursor: pointer;
	text-decoration: none;
}

div.feedback {
	display: none;
}

.uploadifive-queue {
	margin-top: 10px;
}

.formhighlight {
	background-color: #D9DADD;
}

div.modal-loader {
	display: none;
	position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.7);
    z-index: 1000;
    border-radius: .3rem;
}

div.context-menu {
	display: none;
}

div.context-menu.open {
	display: block;
}

div.context-menu.open div.dropdown-menu {
	position: static;
	display: block;
}

a.force-hover-underline:hover {
	text-decoration: underline !important;
}

div.card.tasknote .card-body,
div.card.assetnote .card-body,
div.task-card .card-body {
	font-size: 0.8rem;
}

div.card.tasknote .card-body div.actions,
div.card.assetnote .card-body div.actions {
	position: absolute;
	top: 5px;
	right: 5px;
}

div.card.tasknote .card-footer,
div.card.assetnote .card-footer {
	line-height: 0.8rem;
}

div.card.tasknote .card-footer small,
div.card.assetnote .card-footer small {
	font-size: 0.7rem;
}

div.card.tasknote .card-footer .col small,
div.card.assetnote .card-footer .col small {
	display: inline-block;
	margin-top: 0.20rem;
}

div.card.tasknote i.note-action:hover,
div.card.assetnote i.note-action:hover {
	cursor: pointer;
}

form.formUserCredentials label {
	font-weight: 600;
}

form.formUserCredentials div.input-group-append.clipboardcopy {
	cursor: pointer;
}

div.toast.copiedClipboardToast {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
}

div.tagcontainer span.ttag > span {
	font-size: 1rem;
}

div.tagcontainer span.ttag > i:hover {
	cursor: pointer;
}

table.tableSoftwareComparison tr td .badge-pill {
	font-size: 85%;
}

.ui-timepicker-standard a {
	font-size: 0.8rem;
	margin-right: 20px;
}

.ui-timepicker-standard a.ui-state-hover {
	border: 1px solid #28A745;
	background-color: #28A745;
	color: #fff !important;
}

.text-smaller {
	font-size: 0.8rem;
}

table.table-dashboard {
	max-width: 100%;
}

table.table-dashboard.nowrap td {
	max-width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

table.table-dashboard tr:first-child td {
	border-top: none;
}

span.badge-danger-pulsing {
	background-color: #f8f9fa;
	color: #dc3545;
	animation-name: badge-danger-pulsing;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}

ul.nav-pills {
	border: 1px solid #28a745;
	border-radius: 0.45rem;
}

.nav-pills .nav-link {
	color: #28a745;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: #28a745;
}

.pover.up:after {
	display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
}

ul.popover-attachments li {
	list-style-type: none;
}

span.bugtrackingFlag {
    display: inline-block;
    width: 12px;
    height: 12px;
}

i.alert-sign {
	font-size: 1.5rem;
}

div.topAlert.alert-danger table tr td {
	border-color: rgba(114, 28, 36, 0.15);
}

div.topAlert.alert-danger table {
	border-bottom: 1px solid rgba(114, 28, 36, 0.15);
}

.no-outline {
	outline: none !important;
	border: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

div.supportzoneFilter div.dropdown-menu {
	z-index: 1031;
}

div.dropdown button.custom-select {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.ddContainer {
	min-height: 150px;
}

div.ddContainer div.card {
	margin-bottom: 0.5rem;
	font-size: 0.8rem;
	cursor: default;
}

div.ddContainer div.card:last-child {
	margin-bottom: 0rem;
}

div.ddContainer div.card h6 {
	font-size: 0.8rem;
}

div.ddContainer div.card div.msg {
	position: absolute;
	top: 5px;
	right: 5px;
}

div.ddContainer div.card div.msg a.d-30 {
	opacity: 0.3;
}

div.ddContainer div.card div.msg a.badge {
	top: -1px;
}

div.ddContainer div.card i.invoicing {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

a.messagesCount i {
	font-size: 1.5rem;
}

a.messagesCount span {
	position: absolute;
    font-size: 0.7rem;
    left: 50%;
    transform: translateX(-50%);
    top: 3px;
    font-weight: bold;
}

i.actionicon,
i.projectactions {
	cursor: pointer;
}

.detailstatus-popover p:last-of-type {
	margin-bottom: 0px;
}

.context-menu-item.context-menu-hover {
	color: #2f2f2f;
	background-color: #F8F9FA;	
}

.context-menu-icon.context-menu-icon--fa span {
	font-weight: normal;
}

.cursor-pointer {
	cursor: pointer !important;
}

.taskdescription p:last-child {
	margin-bottom: 0px !important;
}

.task-card .card-body p:last-child,
.asset-card .card-body p:last-child {
	margin-bottom: 0px !important;
}

.tree-container {
	margin-bottom: 15px;
}

.tree-container:last-of-type {
	margin-bottom: 0px;
}

ul.rights-tree {
	margin-bottom: 0px;
	display: inline-block;
}

ul.rights-tree,
ul.rights-tree *
{
	list-style: none;
	font-size: 0.90rem;
}

ul.rights-tree li {
	position: relative;
}

ul.rights-tree label {
	font-weight: normal;
	display: inline-block;
	position: relative;
	margin-left: 20px;
	margin-bottom: 0px;
}

ul.rights-tree label.cursorDefault {
	cursor: default;
}

ul.rights-tree label > span {
	display: inline-block;
	position: relative;
	top: 0px;
	margin-left: 20px;
}

ul.rights-tree label > span > a.folderAction {
	color: #333;
	text-decoration: none;
	cursor: pointer;
	margin-left: 3px;
	display: none;
}

ul.rights-tree label > span > a.folderAction:first-child {
	margin-left: 0px;
}

ul.rights-tree label > span:hover > a.folderAction {
	display: inline-block;
}

ul.rights-tree label > span > a.folderAction > img {
	position: relative;
	left: 5px;
	top: 0px;
}

ul.rights-tree label > span.hasFreitext {
	background-color: #e5e5e5;
	padding: 0px 3px 3px 3px;
}

ul.rights-tree label > span > span {
	display: block;
}

ul.rights-tree label > span > input.freitext {
    width: 150px;
    padding: 1px 5px;
    margin-bottom: 0px;
    font-size: 12px;
    border: none;
    border-radius: 0px;
}

ul.rights-tree input[type=checkbox],
ul.rights-tree img {
	width : 16px;
	height :16px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 3px;
}

ul.rights-tree ul {
	display: none;
	padding-left: 22px;
}

ul.rights-tree .fa {
	position: absolute;
	top: 4px;
	font-style: normal;
	color: #343a40;
}

ul.rights-tree .fa.fa-plus,
ul.rights-tree .fa.fa-minus {
	cursor: pointer;
}

ul.rights-tree .fas {
	position: absolute;
	top: 4px;
	font-style: normal;
}

.mh-250 {
	min-height: 250px;
}

div.attachmentSmall {
	font-size: 0.8em;
}

.btn-mobile-block {
	width: 100%;
}

.cssload-loader {
	position: absolute;
	left: calc(50% - 48px);
	top: calc(50% - 48px);
	width: 96px;
	height: 96px;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	perspective: 1200px;
}

.cssload-loader.relative {
	position: relative !important;
	margin: auto;
	left: 0px;
	top: 0px;
}

.cssload-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;	
}

.cssload-inner.cssload-one {
	left: 0%;
	top: 0%;
	animation: cssload-rotate-one 1.15s linear infinite;
		-o-animation: cssload-rotate-one 1.15s linear infinite;
		-ms-animation: cssload-rotate-one 1.15s linear infinite;
		-webkit-animation: cssload-rotate-one 1.15s linear infinite;
		-moz-animation: cssload-rotate-one 1.15s linear infinite;
	/*border-bottom: 5px solid rgb(49,140,44);*/
	border-bottom: 5px solid rgb(255,255,255);
}

.cssload-loader.dark .cssload-inner.cssload-one {
	border-bottom: 5px solid rgb(33,37,41);	
}

.cssload-inner.cssload-two {
	right: 0%;
	top: 0%;
	animation: cssload-rotate-two 1.15s linear infinite;
		-o-animation: cssload-rotate-two 1.15s linear infinite;
		-ms-animation: cssload-rotate-two 1.15s linear infinite;
		-webkit-animation: cssload-rotate-two 1.15s linear infinite;
		-moz-animation: cssload-rotate-two 1.15s linear infinite;
	/*border-right: 5px solid rgb(49,140,44);*/
	border-right: 5px solid rgb(255,255,255);
}

.cssload-loader.dark .cssload-inner.cssload-two {
	border-right: 5px solid rgb(33,37,41);
}

.cssload-inner.cssload-three {
	right: 0%;
	bottom: 0%;
	animation: cssload-rotate-three 1.15s linear infinite;
		-o-animation: cssload-rotate-three 1.15s linear infinite;
		-ms-animation: cssload-rotate-three 1.15s linear infinite;
		-webkit-animation: cssload-rotate-three 1.15s linear infinite;
		-moz-animation: cssload-rotate-three 1.15s linear infinite;
	/*border-top: 5px solid rgb(49,140,44);*/
	border-top: 5px solid rgb(255,255,255);
}

.cssload-loader.dark .cssload-inner.cssload-three {
	border-top: 5px solid rgb(33,37,41);
}

@keyframes cssload-rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-one {
	0% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-one {
	0% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-one {
	0% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-two {
	0% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-two {
	0% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-two {
	0% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-three {
	0% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-three {
	0% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-three {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-three {
	0% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@keyframes badge-danger-pulsing {
	0% {
		background-color: #dc3545;
		color: #fff;
		border: 1px solid #f8f9fa;
	}
	50% {
		background-color: #f8f9fa;
		color: #dc3545;
	}
	100% {
		background-color: #dc3545;
		color: #fff;
		border: 1px solid #f8f9fa;
	}
}