:root {
    --jcd-bg-color: #FAFAFA;
    --jcd-font-color: #212121;
    --jcd-link-color: #234263;

    --jcd-topbar-bg-color: #F5F5F5;
    --jcd-topbar-color: #212121;

    --jcd-menu-bg-color: #2A3F54;
    --jcd-menu-hover-bg-color: #1c2c3c;
    --jcd-menu-selected-bg-color: #1c2c3c;
    --jcd-menu-open-bg-color: #556576;
    --jcd-menu-open-color: #fff;
    --jcd-menu-color: #E7E7E7;
    --jcd-menu-child-color:  #ffffffbf;
	--jcd-menu-child-active-color: #fff;
    --jcd-menu-accent-color: #b51f2a;

	--jcd-default-color: #e0e0e0;
	--jcd-default-contrast: #212121;
	--jcd-default-hover-color: #D8D8D8;

	--jcd-info-color: #026fff;
	--jcd-info-contrast: #fff;
	--jcd-info-hover-color: #0d5caf;

    --jcd-success-color: #008554;
	--jcd-success-contrast: #fff;
    --jcd-success-hover-color: #009f64;

    --jcd-success-block-bg-color: #badddd;
    --jcd-success-block-color: var(--jcd-font-color);

	--jcd-warning-color: #FAD15D;
	--jcd-warning-contrast: #234263;
	--jcd-warning-hover-color: #e2a908;

	--jcd-danger-color: #c34d4d;
	--jcd-danger-contrast: #fff;
	--jcd-danger-hover-color: #d32f2f;

	--jcd-primary-color: #2a3f54;
	--jcd-primary-contrast: #fff;
	--jcd-primary-hover-color: #3b5976;

    --jcd-button-accent-color: #234263;

    --jcd-callback-bg-color: #ff9700;
    --jcd-callback-bg-hover-color: #2A3F54;
    --jcd-callback-color: #2A3F54;
}

html {
	min-height: 100%;
	height: auto;
	position: relative;
}

body
{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	background: var(--jcd-bg-color);
	color: var(--jcd-font-color);
	min-height: 100%;
	height: initial;
	-ms-overflow-style: scrollbar; /* damit im IE der Inhalt nicht hinter der Scrollbar ist */
	font-weight: 400;
    line-height: 1.471
}

a {
	color: var(--jcd-link-color);

	&:has(i.fa-info-circle) {
		color: var(--jcd-info-color);

		&:hover {
			color: var(--jcd-info-hover-color);
		}
	}
}

/* ab md */
body.notLoggedInArea {
	padding-bottom: 80px;
}

select.form-control {
	box-shadow: none;
}

.form-control,
.input-group-btn > button {
	height: 35px;
}

.help-block,
.dropdown-menu > li > a,
.modal-dialog .dropdown-menu > li > a {
	color: inherit;
}

.dropdown-menu { /*Dropdown bootstrap-select */
	font-size: inherit;
}

.bootstrap-select .bs-actionsbox {
	margin-bottom: 5px;
}

.bootstrap-select .dropdown-toggle {
	height: 100%;
}

.bootstrap-select .dropdown-toggle .filter-option {
	display: flex;
    align-items: center;
	overflow: hidden;
}

b, strong , label
{
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 700;
}

h3, .h3 {
	font-size: 16px;
}

/* ab md */
@media (min-width: 992px) {
	h3, .h3 {
		font-size: 17px;
	}
}

.text-jobcluster {
	color: #d30031;
}

.has-error .input-group-btn > button {
	border-color: #a94442;
}

/* IE8 Fix */
input[type=password] {
	font-family: Arial!important;
}
/* Opera Fix */
select {
	/*font-family: Arial!important;*/
}
/* IE8 Fix Ende */

/* Allgemeine Styles */
/* Bootstrap - Validation states */
.has-changed .help-block,
.has-changed .control-label {
	color:#4581cb
}

.has-changed .form-control {
	border-color:#4581cb;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)
}

.has-changed .form-control:focus {
	border-color:#3c71b3;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #88addb;
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #88addb
}

.has-changed .input-group-addon {
	color:#4581cb;
	background-color:#e3e7fc;
	border-color:#4581cb
}
a.text-danger:focus, a.text-danger:hover {
	color: #de090b;
}
/* Allgemeine Styles Ende */

/* JobAd + MicroHP + Keywords */
.jobAd.new .wrapper_extended,
.microHP .wrapper_extended{
	display: none;
}

/* Keywords */
.form-group.keywords .badge {
	color: #000;
	background-color: #DCDCDC;
	padding: 7px 11px;
	font-size: 14px;
    margin: 5px 10px 5px 0;
	font-weight: 400;
	border: solid 1px #b2b2b2;
}

.form-group.keywords .badge a {
	color: #777777;
	margin-left: 10px;
}

#showJobAd > .modal-dialog {
	/*width: 890px;*/
	/*width: 910px;*/
	max-width: 910px;
	width: inherit;
}

/*#CategorizationModal > .modal-dialog {
	width: 880px;
}*/

.jobAd .nav-tabs.extended a {
	background-color: #EEEEEE;
}

.jobAd .nav-tabs.extended a:hover {
	background-color: #DDEEFF!important;
}
.jobAd .keywordInfo{
	cursor: pointer;
}

.jobAd .suggestionWrapper {
	border: 1px solid #204d74;
	padding: 5px;
	/*max-height: 181px;*/
	max-height: 116px;
	background-color: #286090;
	color: #fff;
	overflow-y: auto;
	overflow-x: hidden;
}
.jobAd .suggestionWrapper a {
	color: #fff;
}
.jobAd .contact .suggestionWrapper {
	overflow-x: auto;
}
.jobAd .suggestionWrapper .glyphicon {
	font-size: 12px;
	position: relative;
	top: 0;
	display: inline;
}
.jobAd .contractForm #occupationDurationMonth {
	white-space: nowrap;
}
.jobAd a.btnDeleteUsageSite {
	position: relative;
	top: 8px;
}

.jobAd #btnCreateNewUsageSite {
    margin-top: 20px;
}

.jobAd #jobAdTemplate {
    padding: 30px 0px;
}

.jobAd #maxUsageSites {
    margin-top: 30px;
}

/* JobAd end */

/* Micro HP */
.microHP .microHPWrapper {
	border: 2px solid #B0B0B0;
	padding: 10px;
	margin-bottom: 20px;
}

.microHP .lblFileJCD img {
    margin-top: 10px;
}
/* Micro HP end */


/* JobAdList */
.jobAd span.info {
	font-family: 'Roboto',sans-serif;
	font-size: 14px;
}




/* Medium devices (desktops, 992px and up) */
/* Breite fest - @screen-md */
@media (min-width: 992px) {

	/* Höhenanpassung - sonst Verschiebung der darunterliegenden Elemente */
	.help-block {
		min-height: 22px;
	}

	.jobAd .occupationDuration.suggestion {
		margin-top: -37px;
	}
}






/* Suche im Kunden-Account */
hr.hrBeforeSearch {
	border-color: #C0C0C0;
}

#frmSearchCustomer #txtSearch, .searchSection .txtSearch {
    padding-right: 30px;
	height: 37px;
}

#frmSearchCustomer #searchIcon, .searchSection .searchIcon {
	position: absolute;
	right: 20px;
	top: 11px;
	color: var(--jcd-font-color);
	pointer-events: none;
}

#frmSearchCustomer #button_wrapper, .searchSection .button_wrapper {
	float: right;
	width: 100%;
}

#frmSearchCustomer #btnSearch, .searchSection .btnSearch {
	margin-right: 3%;
	width: 55%;
}

#frmSearchCustomer #btnReset, .searchSection .btnReset {
	width: 42%;
}

#frmSearchCustomer #btnSearch, .searchSection .btnSearch , .searchSection .btnReset,
#frmSearchCustomer #btnReset  {
	float: left;
}

#frmSearchCustomer #customSearch, .searchSection .customSearch  {
	margin-top: 10px;
}

@media screen and (max-width: 490px) {
	#frmSearchCustomer #btnReset, .searchSection .btnReset {
		display: none;
	}
	#frmSearchCustomer #btnSearch, .searchSection .btnSearch {
		margin-right: 0;
		width: 100%;
	}
}
/* Suche im Kunden-Account Ende*/

/* Search Rest */
.search-query {
    position: relative;
}

.search-query input {
    padding-left: 30px;

}

.search-query .field {
    position: absolute;
	top: 4px;
	left: 2px;
    padding: 6px 8px;
    pointer-events: none;
	color: #BBBBBB;
	z-index: 100;
}

.search-query .input-group {
	margin: 0;
	position: relative;
	width: 100%;
}

.extendedSearch {
	margin-top: 10px;
}

.search-query .glyphicon-chevron-down, .search-query .glyphicon-chevron-up {
	color: #565656;
}
/* Search Rest Ende */

/* userPopup Anfang */
.userPopupImage {
	margin-left: 15px;
	margin-bottom: 15px;
	border: 1px solid #8f8f8f;
}
/* userPopup Ende */

/* Tipps Tricks Popup Anfang */
#showTipp .modal-body h4 {
	border-bottom: 2px solid #c3c3c3;
	padding-bottom: 5px;
	margin-top: 30px;
}
#showTipp .modal-body h4:first-child {
	margin-top: 0px;
}
#showTipp .modal-body ul {
	margin-left: 8px;
	padding-left: 15px;
}
.tipp .panel-title a,
.tipp .panel-title .a {
	display: inline-block;
    margin-left: 18px;
    position: relative;
}
.tipp .panel-title span.glyphicon {
    position: absolute;
	left: -23px;
	top: -1px;
	font-size: 18px;
	color: #1c73bf;
}
.tipp .panel-title span.smaller{
	font-size: 14px;
	font-family: Roboto;
}
.modal-dialog-tipp {
	max-width: 1200px!important;
	width: auto!important;
	padding: 20px!important;
}
#showTipp .modal-body strong,
#userPopup .modal-body strong {
	font-size: 15px;
}
/* Tipps Tricks Popup Ende */


@media (max-width: 768px) {
    .btn-lg {
		padding: 3px;
	}

	.userPopupImage {
		display: none!important;
	}
}

/* Pagination Anfang */
@media (max-width: 430px) {
	.pagination .middle {
		display: none;
	}
	.pagination .middle.active {
		display: inline;
	}
}

@media (max-width: 600px) {
	.pagination .firstPage,
	.pagination .lastPage,
	.pagination .morePages {
		display: none;
	}
}

@media (min-width: 601px) {
	.pagination li {
		display: inline;
	}
}

.pagination .morePages a:hover {
	border: 1px solid #BEBEBE;
	color: #6d6d6d;
	background-color: #DEDEDE;
}

.pagination .backward a {
	margin-right: 10px;
}

.pagination .forward  a {
	margin-left: 10px;
}

.pagination .disabled a {
	color: #6d6d6d;
}

/* Pagination Ende */

/* Popup für Bestellungen */
.popup .modal-dialog {
	width: auto;
	margin-top: 0;
	padding-top: 10px;
}
.popup .row-service > div {
	min-height: 40px;
}
.popup .serviceDesc {
	margin-bottom: 10px;
}
.popup .serviceDesc p {
	margin-bottom: 0;
}
.popup .serviceDesc table {
	width: auto;
}
.popup .serviceDesc table td, .popup .serviceDesc table th {
	border: 1px solid #c3c3c3;
	line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}
@media (max-width: 768px) {
	.popup .serviceDesc table td, .popup .serviceDesc table th {
		padding: 1px;
	}
}
/* ab lg */
@media (min-width: 1200px) {
	.popup .modal-dialog {
		width: 1100px;
	}
}

/* weiter */

/* ladda spinner bei popup von weiß auf grau ändern  */
.modal  .modal-dialog .btn-default .ladda-spinner > div > div > div {
	background: #606060!important;
}

.popup .modal-body {
	padding-top: 10px;
	padding-bottom: 0px;
}

.popup .modal-footer {
	margin-top: 0px;
}

.popup .modal-footer .msg p {
	margin-bottom: 10px;
}

.popup .help-block {
	min-height:0px;
}

.popup .calendar{
	position: absolute;
	top: 3px;
}

.popup .chkLabel{
	position:absolute; left: 40px; top:11px;
	width: 100%;
}

.popup .popupWrapper {
	/*max-height: 400px;*/
	min-height: 250px;
	padding:2px;
	overflow-y:auto;
	overflow-x:hidden;
}

.popup .help-blockWrapper {
	width: 300px;
}

.popup .form-groupWrapper {
	margin-bottom: 0px;
}

.popup .categoryImage {
	max-height: 50px;
}

.popup .singleServiceInPopup {
	padding-bottom:0px;
	padding-top:0px;
}

.popup .panel-title,
.popup .panel-title	img{
	cursor: pointer;
}

.popup .panel-title .glyphicon {
	font-size: 20px;
	position: relative;
	top: 15px;
}

.popup .servicePreselection {
	position: relative;
}

.popup .serviceMoreInfo {
	margin-top: 10px;
	cursor: pointer;
}

.popup .disabledColor {
	background: #dfdfdf;
	cursor: not-allowed;
}

.popup .singleCredit {
	position: relative;
	top: 10px;
	left: 8px;
}
/* Popup für Bestellungen Ende */


/* Carousel */

.carousel-control.left, .carousel-control.right {
    background-image: none;
}
/* Carousel Ende */


/* Posti */
.rotate-6.posi {
	display: none;
}
@media (min-width: 992px) {
	.rotate-6.posi {
		display: block;
	}
}
.rotate-6.posi {
	position: absolute;
	left: 430px;
	top: -20px;
	z-index: 1000;
}

.closei.posti {
top: 0px;
position: absolute;
left: 180px;
z-index: 1001;
background: none;
border: none;
font-size: 18px;
}

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

/* Allgemein */
.radio label, .checkbox label {
	padding-left: 0;
}
/* Allgemein Ende */

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	top: 120px!important;
	color: 	#1F5E9B;
	opacity: 1!important;
}

/* CRM Notizen */
#showAllNotesPopup .modal-dialog {
	max-width: 900px;
    width: auto;
}

.crmIframe {
	width: 100%;
	border-width: 0;
}

#iframeShowAllNotes {
	min-height: 450px;
}

#createNewNote .cke_editable {
	margin-top: 2px;
	margin-bottom: 2px;
}

.noteWrapper .cke_editable {
	border: 2px inset #dfdfdf;
	margin: -2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	min-height: 20px;
	padding: 2px;
	min-height: 51px;
}

/*.noteWrapper .cke_focus {
	border: 2px inset #a6bbff;
	margin: -2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	outline: none;
}*/

.noteWrapper p {
	margin: 0;
}

.noteWrapper ul, .noteWrapper ol {
	padding-left: 15px;
	margin: 0;
}
/* CRM Notizen Ende*/

.fullwidth {
	width: 100%;
}

.btnMore {
	cursor: pointer;
}

.transparentBg {
	background: transparent!important;
}

/* JCD Chat */
#jcd-chat-admin-settings {
	position: fixed;
	top: -1px;
	right: -1px;
	z-index: 1010;
	background-color: #fff;
	border: solid 1px #c0c0c0;
	padding: 5px;
	border-radius: 0 0 0 4px;
}
@media screen and (min-width: 1200px) {
	#jcd-chat-admin-settings {
		top: 55px;
	}
}
#jcd-chat-admin-settings .btnCloseWrapperJCD {
	position: relative;
	top: -5px;
	margin-left: 15px;
	left: 2px;
	float: right;
}

#jcd-chat-admin-settings a {
	outline: none;
}

#jcd-chat-admin-settings a.btnChangeChatStatus {
	font-size: 20px;
}

#jcd-chat-admin-settings a.disabled {
	color: #bfbfbf;
	font-size: 18px;
}

#jcd-chat-admin-settings .x_title > span {
	position: relative;
	top: -3px;
	margin-right: 10px;
}

#jcd-chat {
	position: fixed;
	/*bottom: -1px;*/
	bottom: 0px; /*new*/
	right: 0;
	z-index: 1010;
	width: 300px;
}

#jcd-chat .x_panel {
	margin-bottom: 0;
	background: #fff;
	padding: 0;
}

#jcd-chat .chat-footer {
	text-decoration: none;
}

#jcd-chat #btnChatFooter {
	display: inline-block;
	width: 100%
}

#jcd-chat .chat-footer .x_title {
	background: #b61f29;
	color: #fff;
	/*-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;*/
	padding-top: 5px;
	margin: 0;
	border-bottom-width: 0;
}

#jcd-chat .x_content {
	padding: 0 10px;
	margin: 0;
}

#jcd-chat .chat-footer:hover .x_title {
	background: #960009;
}

#jcd-chat .chat-footer .panel-title {
	text-align: right;
	/*margin: 0;*/
}

.chat-footer#btnChatFooterMinimized {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: -1;
}

.chat-footer#btnChatFooterMinimized .x_title {
	-webkit-border-radius: 3px 0 0 0;
	border-radius: 3px 0 0 0;
	border-bottom-width: 0;
}

.chat-footer#btnChatFooterMinimized .newChatMessageInfo {
	bottom: 33px;
    position: fixed;
    right: 0;
}

.chat-footer#btnChatFooterMinimized .newChatMessageInfo .glyphicon {
	color: #b61f29;
	right: 5px;
	font-size: 32px;
}

.chat-footer#btnChatFooterMinimized .newChatMessageInfo .newMessageInfo {
	color: #fff;
	bottom: 45px;
    position: fixed;
    right: 9px;
}

#jcd-chat .bubble-right,
.jcd-chat .bubble-right {
	position: relative;
	padding: 10px;
	background: #bdf3c9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}

#jcd-chat .bubble-right:after,
.jcd-chat .bubble-right:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent #bdf3c9;
	display: block;
	width: 0;
	z-index: 1;
	right: -10px;
	top: 16px;
}

#jcd-chat .bubble-left,
.jcd-chat .bubble-left {
	position: relative;
	padding: 10px;
	background: #dfdfdf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}

#jcd-chat .bubble-left:after,
.jcd-chat .bubble-left:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 6px 10px 6px 0;
	border-color: transparent #dfdfdf;
	display: block;
	width: 0;
	z-index: 1;
	left: -10px;
	top: 16px;
}

#jcd-chat .headerRow {
	background: #606060;
	color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 12px;
}

#jcd-chat .headerRow .panel-title {
	line-height: 23px;
}

#jcd-chat .headerRow a {
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}

#jcd-chat .headerRow a:hover {
	color: #dfdfdf;
}

#jcd-chat .headerRow a.btnCloseChat {
	position: relative;
	top: 3px;
}

#jcd-chat .headerRow a.btnMinimizeChat {
	position: relative;
	top: 6px;
	margin-right: 7px;
}

#jcd-chat .headerRow a.btnChatUserInfostyle {
	margin-right: 10px;
    position: relative;
    top: 3px;
}

#jcd-chat .form-group {
	margin-bottom: 15px;
}

#jcd-chat .help-block {
	min-height: 0;
}

#jcd-chat #chat-output {
	max-height: 175px;
	overflow-y: auto;
	padding-left: 9px;
}

#jcd-chat #chat-output .bubble {
	width: 230px;
	line-height: 17px;
	word-wrap: break-word;
}

#jcd-chat #chat-output .bubble .time,
.jcd-chat .bubble .time {
	color: #6f6f6f;
    font-size: 11px;
    height: 6px;
    line-height: 14px;
    text-align: right;
}


#jcd-chat-admin-settings #chat-admin-list {
	max-height: 300px;
	overflow-y: auto;
	margin-bottom: 10px;
}

#jcd-chat-admin-settings .x_panel {
	background: #fff;
	padding: 0;
	margin: 0;
}

#jcd-chat-admin-settings .x_title {
	margin-bottom: 0;
	padding-bottom: 0;
}

#jcd-chat-admin-settings #chat-admin-list > table {
	margin-bottom: 0;
}
#jcd-chat-admin-settings #chat-admin-list.x_content {
	padding: 0;
	margin: 0;
}

#jcd-chat-admin-settings #chat-admin-list td.singleChat {
	cursor: pointer;
}

#jcd-chat-admin-settings #chat-admin-list td.chatUserInfo {
	border-top-width: 0;
}

#jcd-chat-admin-settings #chat-admin-list td.chatUserInfo .btnChatUserInfostyle {
	display: block;
}
/* JCD Chat Ende*/

/* neu neu neu custom overrides */
/* Allgemein */
.modal-dialog .tooltip {
    z-index: 10001 !important;
}
.right_col a:hover:not(.btn) {
	text-decoration: underline;
}
.right_col {
	padding-bottom: 0!important;
}
.radio, .checkbox {
	padding-left: 20px;
}
.btn, .buttons, .modal-footer .btn + .btn, button {
	margin: 0; /* ??!! */
}
.visible-xs .fa, .visible-xs-inline .fa {
	/*font-size: 18px;*/
}
.modal {
	z-index: 10000;
}
h4.modal-title {
	font-size: 18px;
	font-weight: 700;
}
.fa.bigger {
	font-size: 18px;
}
.fa.xxl {
	font-size: 22px;
}
td span {
	line-height: inherit; /* Benutzerübersicht - löschen Button */
}
/* Allgemein Ende */

/* left_col */
.nav-sm .container.body .col-md-3.left_col,
.nav-md .container.body .col-md-3.left_col {
	background: var(--jcd-menu-bg-color);
	padding: 98px 0 0 0;
}
.left_col .scroll-view {
	width: 100%;
}
@media screen and (min-width: 1125px) {
	.nav-sm .container.body .col-md-3.left_col,
	.nav-md .container.body .col-md-3.left_col {
		padding: 55px 0 0 0;
	}
}
.nav-sm .container.body .col-md-3.left_col {
	z-index: 1;
}

/* Titel */
.left_col .nav_title {
	background: var(--jcd-menu-selected-bg-color);
	height: auto;
	min-height: unset;
	border-right: 5px solid var(--jcd-menu-accent-color)!important;
}
.left_col .nav_title .site_title {
	height: auto;
	line-height: normal;
	padding: 10px 5px 10px 15px;
	font-size: 16px;
	font-weight: 500;
}
.left_col .btnBackToControlcenter {
	color: #E7E7E7;
	float: right;
	margin-right: 10px;
	display: inline-block;
	text-align: right;
	padding: 15px 0;
	width: 100%;
}
.left_col .btnBackToControlcenter:hover, .btnBackToControlcenter:focus {
	text-decoration: none;
	color: #F2F5F7 ;
}
.left_col .menu_section h3 {
	text-decoration: underline;
}
.left_col .admin-menu {
	background-color: rgba(0, 0, 0, 0.5);
}
.left_col  .admin-menu .nav.side-menu > li > a {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 0;
}
.left_col .nav.side-menu > li > a {
	padding: 8px 15px 8px;
	margin-bottom: 0;
}
.left_col .nav.side-menu > li > a:hover {
	color: #fff!important;
}
.nav-md .left_col ul.nav.child_menu li.no-list-style-type {
	padding-left: 23px;
}
.nav-md .left_col ul.nav.child_menu li.no-list-style-type input {
	width: 95%;
}
.left_col ul.nav.child_menu li.no-list-style-type {
	padding-top: 5px;
	padding-bottom: 5px;
}
.nav-md .left_col ul.nav.child_menu li.no-list-style-type:after {
	border-left-width: 0;
}
.nav-md .left_col ul.nav.child_menu li.no-list-style-type:before {
	background: none;
}
.nav-sm .left_col .menu_section h3 {
	display: block;
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 15px;
}
.nav-md .left_col .menu_section,
.nav-sm .left_col .menu_section {
	margin: 15px 0;
}
.menu_section>ul {
	margin-top: 0px
}
.nav-sm .left_col .nav.side-menu li a {
	font-size: 11px;
}

/* Anrede */
.left_col .profile .profile_info {
	width: 100%;
	padding: 5px 0 10px 15px;
}


/* ab md new */
@media (min-width: 992px) {
	/* Menu left */
	.nav-md .left_col .nav_title {
		width: 100%;
	}
	.nav-md .nav.side-menu > li > a {
		font-size: 16px;
	}
	.nav-md .nav.child_menu > li > a {
		font-size: 14px;
	}

	#showAllAccountInformation .modal-dialog {
		width: 800px;
	}
	.nav-md #sidebar-menu.fixed {
		position: fixed;
		width: 230px;
	}
}

/* ab lg new */
@media (min-width: 1200px) {
	/* Menu left */
	.nav-md .container.body .col-md-3.left_col,
	.nav-md #sidebar-menu.fixed {
		width: 300px;
		z-index: 10;
	}
	.nav-md .container.body .right_col {
		margin-left: 300px;
	}
	.nav-md .nav.side-menu > li > a,
	.nav-md .nav.child_menu > li > a,
	.nav-md .menu_section h3	{
		padding-left: 25px;
		padding-right: 25px;

	}
	.nav-md .left_col .nav_title .site_title {
		padding-left: 25px;
	}

	/* rechte Seite */
	.maincontentwrapper {
		/*max-width: 1150px;*/
		max-width: 1024px;
		margin: 0 auto;
	}
}

/* left_col Ende */




/* Topnav */
.main_container .top_nav {
	margin-left: inherit;
}
.nav_menu {
	border-bottom: none;
	background-color: var(--jcd-topbar-bg-color);
	z-index: 1000;
	position: fixed;
}
.top_nav .header-left .toggle{
	width: 12%;
	max-width: 60px;
	padding-top: 14px;
}
.toggle a {
	color: var(--jcd-topbar-color);
}
.top_nav .header-left .logo-wrapper{
	width: 88%;
	float: left;
}

.nav-sm .main_container .top_nav {
	margin-left: 0;
}
.nav.navbar-nav>li>a {
	color: var(--jcd-topbar-color)!important;
}

.top_nav .nav>li>a:focus, .top_nav .nav>li>a:hover, .top_nav .nav .open>a, .top_nav .nav .open>a:focus, .top_nav .nav .open>a:hover {
	background: none;
}

/* ab sm */
@media (min-width: 768px) {
	.top_nav .header-left .toggle{
		width: 20%;
	}
	.top_nav .header-left .logo-wrapper{
		width: 80%;
}
}

.top_nav .nav.navbar-nav .jcd-info a,
.left_col .nav .jcd-info a {
	color: #169F85!important;
}
.top_nav .nav.navbar-nav .jcd-warning a,
.left_col .nav .jcd-warning a {
	color: #f0ad4e!important;
}
.top_nav .nav.navbar-nav > li > a {
	padding-top: 12px;
	padding-bottom: 5px;
	padding-right: 20px;
	font-size: 15px;
}
/* ab md */
@media (min-width: 992px) {
	.top_nav .nav.navbar-nav > li > a {
		font-size: 14px;
	}
}
.top_nav .nav.navbar-nav > li > a .badge{
	font-size: 12px;
	position: absolute;
	top: 7px;
	right: 2px;
	padding: 2px 6px 0px 6px;
}
.top_nav .navbar-brand {
	height: auto;
	padding-bottom: 0;
	padding-top: 0;
}
.navbar-brand.logo-wrapper img {
    height: 45px;
    margin: 5px 0 !important;
	max-width: none !important;
}
.top_nav .navbar-right {
	width: 100%;
	display: flex;
    justify-content: end;
}

@media (max-width: 767px) {
	.top_nav .navbar-right {
		margin-top: 0px;
	}
}

.top_nav .navbar-nav .open .dropdown-menu {
	width: auto;
}
.top_nav .navbar-nav .open .dropdown-menu li.with-badge a {
	padding: 12px 43px 12px 20px;
}
.top_nav .navbar-nav .open .dropdown-menu li.with-badge .badge {
	position: relative;
	right: -33px;
}

.nav.navbar-nav > li.head-nav-btn > a {
    padding-right: 7px;
    padding-left: 7px;
}

.top_nav .head-nav-btn-inner {
	display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
	color: #212121;
    background-color: #e0e0e0;
    line-height: 1;
	font-weight: 500;
    border-radius: 4px;
	position: relative;
	height: 32px;
}

.top_nav .head-nav-btn-inner:hover {
    background-color: #D8D8D8;
}

.top_nav .nav.navbar-nav > li.head-nav-btn .badge {
	top: -5px;
    right: -10px;
}

.top_nav .user-profile svg {
	fill: var(--jcd-topbar-color);
}

.top_nav jcd-product-chooser {
	margin-top: 9px;
	fill: var(--jcd-topbar-color);
}

.top_nav .new {
		animation: 3000ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s infinite normal none running new-pulsate;
		box-shadow: 0 0 0 2px #b51f2a;
}

@keyframes new-pulsate {
	0%, 33% {
		box-shadow: 0 0 0 2px #b51f2a, 0 0 0 #b51f2a;
	}
	66%, 100% {
		box-shadow: 0 0 0 2px #b51f2a, 0 0 0 15px rgba(101, 84, 192, 0.01);
	}
}

/* Topnav Ende */

.nav-md ul.nav.child_menu li:before {
	background: var(--jcd-menu-child-color);
}
.nav li li.current-page a {
	color: var(--jcd-menu-child-active-color)
}
.nav.side-menu>li.active>a {
	text-shadow: none;
	background: none;
	box-shadow: none;
	color: var(--jcd-menu-open-color);
	background: var(--jcd-menu-open-bg-color);
}
.nav.side-menu>li>a,
.nav.child_menu>li>a {
	color: var(--jcd-menu-color);
	padding: 7px;
}
.nav.side-menu>li.current-page,
.nav.side-menu>li.active,
.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm{
	border-right: 5px solid var(--jcd-menu-accent-color);
}

.nav li.current-page {
	background-color: var(--jcd-menu-open-bg-color);
}

/* Panels */
.x_title {
	padding-bottom: 10px;
}
.x_title span {
	color: inherit;
}
.x_title h1.panel-title,
.x_title .xxl-panel-title.panel-title {
	border-left: 5px solid #2A3F54;
	padding: 4px 0 4px 10px;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
}
/* ab md */
@media (min-width: 992px) {
	.x_title h1.panel-title,
	.x_title .xxl-panel-title.panel-title {
		font-size: 22px;
	}
	.x_title .panel-title {
		font-size: 18px;
		line-height: 20px;
	}
}

.x_title .panel-title a {
	color: #23527c;
}
.x_panel {
	margin-bottom: 28px;
	padding: 16px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
	border: 0;
	border-radius: 4px;
}
.x_panel.panel-success, .x_panel.panel-success .x_title, .x_panel.panel-success .x_footer {
	border-color: #169F85;
}
.x_panel.panel-success {
	color: var(--jcd-success-block-color);
	background-color: var(--jcd-success-block-bg-color);
	border-color: var(--jcd-success-color)!important;
}
.x_panel.panel-warning, .x_panel.panel-warning .x_title, .x_panel.panel-warning .x_footer {
	border-color: #f0ad4e;
}
.x_panel.panel-warning {
	background-color: rgba(240, 173, 78, 0.1); /* test */
}
.x_panel.panel-primary, .x_panel.panel-primary .x_title, .x_panel.panel-primary .x_footer {
	border-color: #286090;
}
.x_panel.panel-primary {
	background-color: rgba(40, 96, 144, 0.05); /* test */
}
.x_panel.panel-grey,
.x_content.panel-grey {
	background: #efefef;
}
/* Panels Ende */

/* Icons + Buttons */
.bigger-icons-xs .btn {
	/*padding: 5px 6px;*/
	margin-right: 5px;
	margin-bottom: 5px;
}
.bigger-icons-xs .btn i {
	font-size: 20px;
	position: relative;
	top: 1px;
	width: 20px;
	height: 20px;
}

/* ab md */
.visible-xs a i, .visible-xs-inline a i {
	font-size: 18px; /* selector verbessern */
}
/* Icons + Buttons Ende */

/* toggleJCD */
.x_title.toggleClassJCD {
	border-color: transparent!important;
	margin-bottom: 0;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
   transition: all .5s ease-in-out;
}
.toggleDisplayNoneJCD {
	display: none;
}
/* toggleJCD Ende */


/* Such-Listen Anfang */
ul.ui-autocomplete {
	border: 1px solid #ccc;
	font-family: 'Roboto', sans-serif;
}
li.ui-menu-item {
	font-size: 15px;
	padding-left: 10px!important;
	padding-right: 4px!important;
}
li.ui-menu-item a {
	color: #234263;
}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
	background-color: #e8e8e8!important;
    background-image: none!important;
}

/* erweitert Anfang */
.ui-autocomplete {
	max-height: 283px;
	overflow-y: auto;
	overflow-x: hidden;
}

.separator.ui-menu-item {
	border-top: 1px solid #000;
}

.ui-menu-item a.postfach {
	color: #7f7f7f;
}

.ui-menu-item {
	height: 28px;
	white-space: nowrap;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
	margin: 0!important;
}
/* erweitert Ende */
/* Such-Listen Ende */

/* Label Überschriften Anfang */
label.label-heading {
	padding: 4px 8px 4px 0px;
	-webkit-border-radius: 0 10px 0 0;
	border-radius: 0 10px 0 0;
	margin: 20px 0 0 0;
	font-size: 16px;
}
label.label-heading.first {
	margin-top: 0;
}
label.label-heading.noBg {
	background: none;
	padding-left: 0;
}
/* Label Überschriften Ende */

/* Breadcrumbs */
.breadcrumb {
	font-size: 14px;
	padding: 5px 10px;
	margin-bottom: 30px;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    border-radius: 4px;
}
/* Breadcrumbs Ende */


/* Helper */
.pointerEventsInitial {
	pointer-events: initial!important;
}
.styleItalic {
	font-style: italic;
}
.disInlineBlock {
	display: inline-block;
}
.disBlock {
	display: block;
}
.posRelative {
	position: relative;
}
.marginAuto {
	margin: 0 auto;
}
.noMinHeight {
	min-height: 1px;
}
.minHeight75 {
	min-height: 75px;
}
.minHeight81 {
	min-height: 81px;
}
.noMargin {
	margin: 0;
}
.marginBottom {
	margin-bottom: 22px;
}
.cursorPointer {
	cursor: pointer;
}
.textDecorationLineTrough {
	text-decoration: line-through;
}
.tablePreHeading {
	padding-top: 10px;
	background: #B0BEC5;
	color: #263238;
	border-bottom: 2px solid #dddddd;
	border-radius: 4px 4px 0 0;
}
.tableHeading {
	background-color: #e9e9e9!important;

	padding: 7px 0; /* new */
}

@media (max-width: 767px) {
	.marginBottomXS {
		margin-bottom: 22px;
	}
}
body.nav-sm .hidden-sm-menu {
	display: none;
}
body.nav-md .hidden-md-menu {
	display: none;
}
.breakWord {
	word-wrap: break-word;
}
.noWrap {
	white-space: nowrap;
}
.wrap {
	white-space: normal;
}
.small-margin-bottom {
	margin-bottom: 5px;
}
.small-margin-top {
	margin-top: 5px;
}
.small-margin-left {
	margin-left: 5px;
}
.small-margin-right {
	margin-right: 5px;
}
.little-smaller{
	font-size: 14px;
}
.smaller{
	font-size: 13px;
}
.panel-title.smaller {
	font-size: 15px;
}
.x_footer {
	/*padding: 17px 5px 0px;*/
	padding: 10px 5px 0px;
	border-top: 2px solid #E6E9ED;
	position: relative;
	width: 100%;
	float: left;
	clear: both;
	margin-top: 10px;
}
.minWidthUnset {
	min-width: unset!important;
}
.noBorderBottom {
	border-bottom-width: 0;
}
.noBorder {
	border-width: 0!important;
}
.noPaddingBottom {
	padding-bottom: 0;
}
@media (max-width: 767px) {
	.small-margin-top-xs {
		margin-top: 5px;
	}
}
.text-jcd-orange,
.fa.text-jcd-orange:hover,
.fa.text-jcd-orange:visited,
.fa.text-jcd-orange:active {
	color: #FF9700;
}

.text-jcd-grey {
	color: #CCCCCC;
}
.text-jcd-grey:hover {
	color: #7F7F7F;
}
/* Helper Ende */


/* Footer */
.footerA .footerwrapper {
	background-color: #F5F5F5;
	padding: 5px 10px;
	border: 1px solid #c3c3c3;
	/*border-bottom: 0;*/
}

/* Nicht eingeloggter Bereich Beginn */
.notLoggedInArea .footerA{
	margin-top: 20px;
	width:100%;
	bottom:0;
}

.notLoggedInArea .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
	.notLoggedInArea .footerA{
		position: absolute;
	}
  .notLoggedInArea .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .notLoggedInArea .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .notLoggedInArea .container {
    width: 1170px;
  }
}
/* Nicht eingeloggter Bereich Ende */


/* DEMA Menüpunkt */
.menuCustomerDemaLogin {
	background: #b51f29;
}
.nav.side-menu>li.menuCustomerDemaLogin > a {
	margin-bottom: 0;
}

/* RF / Hotline / Chat Beginn */
.index-CallBack {
	position: relative;
}

.index-CallBack a {
	width: 100%;
	font-size: 14px;
    background: var(--jcd-callback-bg-color);
	color: var(--jcd-callback-color);
	padding: 7px 0 3px;
    text-align: center;
}

.index-CallBack a:hover {
    background: var(--jcd-callback-bg-hover-color);
    color: #fff;
}

.notLoggedInArea .index-CallBack {
	display: none;
}

@media screen and (min-width: 1200px) {
	.index-CallBack {
		position: fixed;
		right: 0;
		bottom: 20%;
		height: auto !important;
		padding: 0;
	}
	.index-CallBack a {
		width: 60px !important;
		display: block;
		float: none;
	}
	.index-CallBack a:first-child {
		border-top-left-radius: 4px;
	}
	.index-CallBack a:last-child {
		border-bottom-left-radius: 4px;
	}
	
	.nav>li.open .dropdown-menu {
        margin-top: 6px;
    }

	.notLoggedInArea .index-CallBack {
		display: block;
	}
}


#hotline .hotlinenr {
	margin-bottom: 10px;
	display: inline-block;
}
@media (min-width: 768px) {
	#hotline .hotlinenr {
		font-size: 32px;
		font-weight: 700;
	}
}
#hotline .glyphicon.awesome,
#rueckruf .glyphicon.awesome {
	color: #ff2052;
}
#hotline .modal-header.dark,
#rueckruf .modal-header.dark {
	background-color: #575757;
	color:#fff;
}
#rueckruf #btnCallBack {
	margin-bottom: 10px;
	margin-top: 10px;
}
#hotline .close.light,
#rueckruf .close.light {
	color: #fff;
	opacity: 1;
}
/* RF / Hotline / Chat Ende */


/* Statistik */
.ex-tooltip {
	position:absolute;
	background:#EEE;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	padding:5px;
	-webkit-box-shadow:0 1px 3px #000;
	-moz-box-shadow:0 1px 3px #000;
	-ms-box-shadow:0 1px 3px #000;
	-o-box-shadow:0 1px 3px #000;
	box-shadow:0 1px 3px #000;
	border-collapse:separate;display:none
}
.statistic .legend .category1{
	color:#1f77b4;
}
.statistic .legend .category2{
	color:#ff7f0e;
}
.statistic .legend .category3{
	color:#2ca02c;
}
.statistic .legend .category4{
	color:#d62728;
}
.statistic .legend .category5{
	color:#9467bd;
}
.statistic .legend .category6{
	color:#8c564b;
}
.statistic .legend .category7{
	color:#e377c2;
}
.statistic .linecolor0{
	color:#000;
}
.statistic .linecolor1{
	color:#3880aa;
}
.statistic .linecolor2{
	color:#4da944;
}
.statistic .linecolor3{
	color:#f26522;
}
.statistic .linecolor4{
	color:#c6080d;
}
.statistic .linecolor5{
	color:#672d8b;
}
.statistic .linecolor6{
	color:#ce1797;
}
#reportrange {
	border: 1px solid #2081d5;
}

.jcd-daterangepicker {
	border: 1px solid #CCCCCC;
	width: 100%;
	-webkit-border-radius: 0;
	border-radius: 0;
	height: 35px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	text-align: left;
	background: #fff;
}
.jcd-daterangepicker > span {
	font-size: 15px;
}
.has-error .jcd-daterangepicker {
	border-color: #a94442;
}
.daterangepicker td.disabled, .daterangepicker option.disabled,
.datepicker .disabled.day, .datepicker .disabled.month, .datepicker .disabled.year {
	color: #C9C9C9!important;
	text-decoration: none!important;
	cursor: not-allowed!important;
}
.daterangepicker .today {
	background-color: #fceedb;
}
.datepicker .active.day, .datepicker .active.day:hover {
	color: #fff!important;
}
.daterangepicker_input input.active {
	border: 3px solid #00838F!important;
	 -webkit-transition: all 0s; /* Safari */
	 transition: all 0s;
}

.datepicker table tr td.today.day, .datepicker table tr td.today.day.disabled, .datepicker table tr td.today.day:hover, .datepicker table tr td.today.day:hover:hover, .datepicker table tr td.today.day.disabled:hover, .datepicker table tr td.today.day.disabled:hover:hover, .datepicker table tr td.today.day:active, .datepicker table tr td.today.day:hover:active, .datepicker table tr td.today.day.disabled:active, .datepicker table tr td.today.day.disabled:hover:active, .datepicker table tr td.today.day.active, .datepicker table tr td.today.day:hover.active, .datepicker table tr td.today.day.disabled.active, .datepicker table tr td.today.day.disabled:hover.active, .datepicker table tr td.today.day.disabled, .datepicker table tr td.today.day:hover.disabled, .datepicker table tr td.today.day.disabled.disabled, .datepicker table tr td.today.day.disabled:hover.disabled, .datepicker table tr td.today.day[disabled], .datepicker table tr td.today.day:hover[disabled], .datepicker table tr td.today.day.disabled[disabled], .datepicker table tr td.today.day.disabled:hover[disabled] {
	background-color: #fceedb;
	background-image: none;
}
.datepicker table tr td.active.day:hover, .datepicker table tr td.active.day:hover:hover, .datepicker table tr td.active.day.disabled:hover, .datepicker table tr td.active.day.disabled:hover:hover, .datepicker table tr td.active.day:active, .datepicker table tr td.active.day:hover:active, .datepicker table tr td.active.day.disabled:active, .datepicker table tr td.active.day.disabled:hover:active, .datepicker table tr td.active.day.active, .datepicker table tr td.active.day:hover.active, .datepicker table tr td.active.day.disabled.active, .datepicker table tr td.active.day.disabled:hover.active, .datepicker table tr td.active.day.disabled, .datepicker table tr td.active.day:hover.disabled, .datepicker table tr td.active.day.disabled.disabled, .datepicker table tr td.active.day.disabled:hover.disabled, .datepicker table tr td.active.day[disabled], .datepicker table tr td.active.day:hover[disabled], .datepicker table tr td.active.day.disabled[disabled], .datepicker table tr td.active.day.disabled:hover[disabled] {
	background-color: #3278b4;
	background-image: none;
}
.statistic #reportrange > span {
	white-space: initial;
}
.statistic #statGraph > svg {
	max-width: 100%;
}
@media (max-width: 767px) {
	/* Nur Text des ersten und letzten Intervalls an x-Achse anzeigen */
	.statistic #statGraph .axis.axisX  g text {
		display: none;
	}
	.statistic #statGraph .axis.axisX  g:first-of-type text,
	.statistic #statGraph .axis.axisX  g:last-of-type text {
		display: block;
	}
}
/* Statistik Ende */

/* Daterangepicker */
/*  */
.daterangepicker .calendar.right {
	float: left;
}
.daterangepicker {
	z-index: 10000!important;
}
/* Daterangepicker Ende */

/* jcd Buttons */
.btn-xs {
	font-size: 13px;
	padding: 3px 8px;
}
/* .icon-button-group-jcd für Buttons ohne Text mit größerem Icon - Tooltip nicht vergessen! */
.icon-button-group-jcd .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 37px;
	width: 37px;
	line-height: 1;
    border-radius: 99px;
	position: relative;
}
@media (max-width: 767px) {
	.icon-button-group-jcd .btn {
		/*margin-bottom: 5px;*/
	}
}
/* breiterer Button */
.icon-button-group-jcd .btn.btn-bigger-jcd {
	width: 86px;
}
.icon-button-group-jcd .btn i {
	font-size: 18px;
}
.icon-button-group-jcd .btn i.fa-shopping-cart {
	left: -4px;
}
.icon-button-group-jcd .btn i.fa-eur {
	left: -1px;
}
.icon-button-group-jcd .btn i.fa-user {
	left: 0;
}
.icon-button-group-jcd .btn i.fa-envelope-o {
	left: -3px;
}
.icon-button-group-jcd .btn i.fa-external-link {
	position: absolute;
	top: 6px;
	font-size: 10px;
	right: 5px;
}
/* .btn-xs */
.icon-button-group-jcd .btn-xs {
	width: 30px;
	height: 28px;
	position: relative;
	top: -5px;
}
.icon-button-group-jcd .btn-xs i {
	font-size: 16px;
	left: 0;
}
/* Trennstrich */
.icon-button-group-jcd .btn-divider {
	display: block;
	vertical-align: bottom;
}
/* ab xs */
.btn-group-jcd {
	margin-bottom: 5px;
}
@media (min-width: 768px) {
	.icon-button-group-jcd .btn-divider {
		height: 34px;
		width: 1px;
		background: #dfdfdf;
		display: inline-block;
		margin: 0 3px;
		position: relative;
		top: -3px;
	}
	/* Für Gruppierung der Icons - in xs hat jede Gruppe eigene Zeile */
	.btn-group-jcd {
		display: inline-block; /* Umbruch immer im Block */
		margin-bottom: 0;
	}
	.text-right-starting-sm {
		text-align: right;
	}
	.pull-right-starting-sm {
		float: right;
	}
}
/* jcd Buttons Ende */

/* Fixer Speichern Button */
/* Fixed Footer */
.bottom_fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%; /* wird im jcdResizer überschrieben */
	/*background: #2A3F54;*/
	background: rgba(42, 63, 84, 0.9);
	padding: 5px 20px 10px 20px;
	z-index: 1000;
	border-top: 1px solid #fff;
	height: 58px;
}
.bottom_fixed_addition {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%; /* wird im jcdResizer überschrieben */
	/*background: #2A3F54;*/
	padding: 5px 20px 68px 20px;
	z-index: 1000;
	border-top: 1px solid #dfdfdf;
	background: #fff;
	/*margin-bottom: 58px;*/
}
.highZIndex {
	z-index: 1001;
}
.nav-sm .bottom_fixed,
.nav-sm .bottom_fixed_addition {
	margin-left: 70px;
}
.nav-md .bottom_fixed,
.nav-md .bottom_fixed_addition {
	margin-left: 0;
}
@media (max-width: 991px) {
	.bottom_fixed:not(.stayOnMobile),
	.bottom_fixed_addition:not(.stayOnMobile)	{
		display: none!important;
	}
}
@media (min-width: 992px) {
	.bottom_fixed,
	.bottom_fixed_addition	{
		display: block;
	}
	.nav-sm .bottom_fixed,
	.nav-sm .bottom_fixed_addition {
		margin-left: 70px;
	}
	.nav-md .bottom_fixed,
	.nav-md .bottom_fixed_addition {
		margin-left: 230px;
	}
}
@media (min-width: 1200px) {
	.nav-md .bottom_fixed,
	.nav-md .bottom_fixed_addition {
		margin-left: 300px;
	}
}
/* Fixed Ende */

/* Tour */
.introDialog .hContImage img {
	padding: 16px;
	max-width: 220px;
}
/* Tour Ende */

/* Sortale jQuery UI Anfang */
ul#sortable {
	padding-left: 0px;
	list-style-type: none;
}

ul#sortable ul {
	padding-left: 30px;
	list-style-type: none;
}

ul#sortable > li {
	margin-bottom: 15px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	border: 1px solid #151F2A;
	background: #dfdfdf;
	cursor: move;
}

ul#sortable > li .list-group-item {
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #424141;
	background-color: #dfdfdf;
	border-width: 0px;
}

ul#sortable > li .list-group-item:hover {
	background-color: #cee2f6;
}

ul#sortable .sortable-placeholder {
	background: #bfbfbf;
	/*margin-bottom: 15px;*/
}

/* 2. Ebene */
ul#sortable > li  ul li,
ul#sortable > li  ul li > div {
	min-height: 55px;
}

ul#sortable > li  ul .x_panel {
	margin-bottom: 0;
	padding-right: 11px;
	padding-bottom: 2px;
	padding-top: 2px;
}

ul#sortable > li  ul .x_panel:hover {
	background: #efefef;
}

ul#sortable > li  ul .x_content {
	padding: 0;
	margin: 0;
}

ul#sortable > li  ul .sortable-placeholder {
	margin-bottom: 5px;
	min-height: 50px;
}

@media (min-width: 768px) {
	ul#sortable > li  ul .x_content {
		line-height: 33px;
	}
}
/* Sortale jQuery UI Ende */



/* Steps Anfang */
.steps {
  /*margin: 40px;*/
  padding: 0;
  overflow: hidden;
}
.steps a {
  color: #000;
  text-decoration: none;
}
.steps em {
  display: block;
  /*font-size: 1.1em;*/
  /*font-weight: bold;*/
}
.steps li {
  color: #000;
  float: left;
  margin-left: 0;
  width: 150px; /* 100 / number of steps */
  width: 32.2%;
  height: 60px; /* total height */
  list-style-type: none;
  padding: 6px 5px 5px 30px; /* padding around text, last should include arrow width */
  border-right: 3px solid white; /* width: gap between arrows, color: background of document */
  position: relative;
}
/* remove extra padding on the first object since it doesn't have an arrow to the left */
.steps li:first-child {
  padding-left: 5px;
}
/* white arrow to the left to "erase" background (starting from the 2nd object) */
.steps li:nth-child(n+2)::before {
  position: absolute;
  top:0;
  left:0;
  display: block;
  border-left: 25px solid white; /* width: arrow width, color: background of document */
  border-top: 30px solid transparent; /* width: half height */
  border-bottom: 30px solid transparent; /* width: half height */
  width: 0;
  height: 0;
  content: " ";
}
/* colored arrow to the right */
.steps li::after {
  z-index: 1; /* need to bring this above the next item */
  position: absolute;
  top: 0;
  right: -25px; /* arrow width (negated) */
  display: block;
  border-left: 26px solid #7c8437; /* width: arrow width */
  border-top: 30px solid transparent; /* width: half height */
  border-bottom: 30px solid transparent; /* width: half height */
  width:0;
  height:0;
  content: " ";
}

/* Setup colors (both the background and the arrow) */

/* Completed */
.steps li { background-color: #3c763d; color: #fff;}
.steps li::after { border-left-color: #3c763d; }

/* Current */
.steps li.current { background-color: #FF9700; font-weight: 700; color: #000;}
.steps li.current::after { border-left-color: #FF9700; }

/* Following */
.steps li.next { background-color: #CBCBCB; color: #000; }
.steps li.next::after { border-left-color: #CBCBCB; }


/* Übersicht ausgewählte Services */
.overviewSelectedServices {
	padding: 10px 14px 10px 25px;
	color: #2A3F54;
	background: #fff;
}
.overviewSelectedServices hr {
	margin: 5px 0;
}
.overviewSelectedServices .overviewSingleSelectedService {
	padding: 5px 0;
	position: relative;
}
.overviewSelectedServices .overviewSingleSelectedService a {
	position: absolute;
	bottom: 6px;
	right: 0;
	text-align: right;
}
.overviewSelectedServices .overviewSingleSelectedService a:hover {
	text-decoration: none;
}
.overviewSelectedServices .overviewSingleSelectedService a.text-jcd-orange.noHover:hover,
.overviewSelectedServices .overviewSingleSelectedService a.text-jcd-orange.noHover:focus {
	color: #FF9700;
}
.overviewSelectedServices .overviewSingleSelectedService a i {
	margin: 0;
}
.overviewSelectedServices .overviewSingleSelectedService .service_name {
	padding-right: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.overviewSelectedServices .overviewSingleSelectedService .service_name {
		font-size: 15px;
	}
}

/* Im Menü */
.nav-sm .left_col .applyFormHighlightMenuLeft {
	display: none;
}
.left_col .overviewSelectedServices {
	border-right: 5px solid #2A3F54;
}
.nav-sm .left_col .overviewSelectedServices {
	display: none;
}
/* Im Content */
.right_col .overviewSelectedServices {
	border: 2px solid #2A3F54;
}
/* Übersicht ausgewählte Services Ende */

/* Tour */
.introDialog .hContImage img {
	padding: 16px;
	max-width: 220px;
}
/* Tour Ende */

/* Changelog */
.cl_feature {
    margin: 30px 0;
}

.cl_feature:first-child {
    margin-top: 0;
}

.cl_feature:last-child {
    margin-bottom: 0;
}

.cl_head {
    margin-bottom: 5px;
    font-weight: 700;
}
.cl_head .label {
    font-size: 14px;
    margin-right: 5px;
}
/* Changelog Ende */

/* Colorpicker Start */
.sp-replacer, .sp-container {
	border-color: #e0e0e0!important;
}
.sp-container .sp-choose,
.sp-container .sp-choose:hover {
	color: #FFFFFF;
	border-color: #00695C;
	background-image: none;
	border: 1px solid #169F85;
	text-shadow: none;
	background-color: #2F8D9D;
}

.sp-container .sp-choose:hover {
	background-color: #00838F;
}

.sp-container .sp-cancel {
	display: none;
}
/* Colorpicker Ende */

/* CKEditor Start */
table.cke_dialog {
	border: 1px solid #d1d1d1; /* Popups vom CKEditor mit Rahmen */
}
/* CKEditor Ende */

/* Gentelella font-weight: 500 Overrides Start */
.nav.side-menu>li>a,
.nav.child_menu>li>a,
.navbar-brand,
.navbar-nav>li>a,
.x_content h4,
span.tag,
.widget_tally_box .btn-group button {
    font-weight: 400;
}
/* Gentelella font-weight: 500 Overrides Ende */

/* Benefits */

.benefits .row {
    margin-top: 5px;
}

.benefits .benefitSingle {
    display: inline-block;
}

.benefits .benefitSingle input[type=checkbox].benefit{
    visibility: hidden;    display: block;
    position: absolute;
    margin-left: 4px;
    opacity: 0;
    z-index: -1;}

.benefits .benefitSingle label {
	display: flex;
	align-items: center;
	gap: 5px;
    font-weight: 300;
    font-size: 14px;
    padding: 4px 9px;
    border: solid 1px #b4b4b4;
    border-radius: 4px;
    cursor: pointer;
    /* Text-Auswahl deaktivieren (sonst bei Doppelklick Markierung) */
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome and Opera */
}


.benefits .benefitSingle label:hover {
    background-color: #efefef;
}

.benefits .benefitSingle input:checked + label {
    background-color: #707070;
    border-color: #545454;
    color: #fff;
}

.benefits .benefitSingle svg {
	fill: var(--jcd-font-color);
	height: 15px;
	max-width: 20px;
}

.benefits .benefitSingle input:checked + label svg {
    fill: #fff;
}

.benefits .action_link {
    display: inline-block;
}
.benefits .action_link a {
    padding: 0 10px;
}


.navbar-brand.logo-wrapper {
	color: #000!important;
}


.bg-green {
	color: #fff;
	background: #00838F!important;
}

.label-success {
	background-color: #00838F;
}

.progress-bar {
	color: #000;
}

.footerwrapper a {
	color: #234263;
}

/* a.pull-right {
	color: #234263;
} */

.statistic .linecolor1 {
	color: #0468AB;
}


.statistic .linecolor2 {
	color: #397e32;
}

.statistic .linecolor3 {
	color: #c1470d;
}

.breadcrumb a, .modal-dialog a:not(.btn) {
	color: #0468AB;
}

.text-success {
	color: #387239;
}



	.btn-link {
	color: #1b6ec2;
	font-weight: normal;
	cursor: pointer;
	border-radius: 0;
	}
	.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
	background-color: transparent;
	box-shadow: none;
	}
	.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
	border-color: transparent;
	}
	.btn-link:hover, .btn-link:focus {
	color: #12487f;
	text-decoration: underline;
	background-color: transparent;
	}
	.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
	color: #adb5bd;
	text-decoration: none;
	}


	.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
		color: #a64341;
	}



/* Order select loader */

#orderSelectLoader .modal-dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.spinner {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.spinner div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #B51F29;
	border-radius: 50%;
	animation: spinner-animation 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #B51F29 transparent transparent transparent;
}
.spinner div:nth-child(1) {
	animation-delay: -0.45s;
}
.spinner div:nth-child(2) {
	animation-delay: -0.3s;
}
.spinner div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes spinner-animation {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
}
  







/* Panel anpassungen */
input, textarea, select, button.dropdown-toggle {
	border-radius: 4px !important;
}



/* FARBEN */
a, button,  .nav.side-menu>li, .controlcenteroffer img {
	transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.nav-md ul.nav.child_menu li:hover:before {
	transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}
.nav.child_menu>li>a {
	color: var(--jcd-menu-child-color);
}
btn.active, .btn:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* BUTTONS */
.btn:not(.dropdown-toggle) {
	display: inline-flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
	font-weight: 500;
}

.btn-default:not(.dropdown-toggle.btn-default) {
	color: var(--jcd-font-color);
	background-color: #e0e0e0;
	border: 0;

	&:hover,
	&:focus,
	&:active,
	&.active {
		color: var(--jcd-menu-color);
		background-color: var(--jcd-menu-bg-color);
	}
}


.btn-success {
	color: var(--jcd-success-contrast);
	background-color: var(--jcd-success-color);
	border-color: var(--jcd-success-color);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
	color: var(--jcd-success-contrast);
	background-color:var(--jcd-success-hover-color);
	border-color: var(--jcd-success-hover-color);
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
	background-color: #00838F;
	border-color: #00695C;
}

.btn-success .badge {
	color: #00838F;
	background-color: #FFFFFF;
}

.btn-primary {
	color: var(--jcd-primary-contrast);
	background-color: var(--jcd-primary-color);
	border: 0;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	color: var(--jcd-primary-contrast);
	background-color: var(--jcd-primary-hover-color);
	border: 0;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #234263;
	border-color: #01579B;
}

.btn-primary .badge {
	color: #234263;
	background-color: #FFFFFF;
}

a.btn-warning, .btn-warning {
	color: var(--jcd-warning-contrast);
	background-color: var(--jcd-warning-color);
	border-color: var(--jcd-warning-color);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
	color: var(--jcd-warning-contrast);
	background-color: var(--jcd-warning-hover-color);
	border-color: var(--jcd-warning-color);
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
	background-color: #FAD15D;
	border-color: #FFB74D;
}

.btn-warning .badge {
	color: #FAD15D;
	background-color: #FFFFFF;
}

.btn-danger {
	color: var(--jcd-danger-contrast);
	background-color: var(--jcd-danger-color);
	border: 0;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
	color: var(--jcd-danger-contrast);
	background-color: var(--jcd-danger-hover-color);
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
	background-color: #c34d4d;
	border-color: #D81B60;
}

.btn-danger .badge {
	color: #c34d4d;
	background-color: #FFFFFF;
}

.btn-white-jcd,
.btn-white-jcd:focus {
	color: var(--jcd-button-accent-color);
	background-color: #FFFFFF;

}

.btn-white-jcd:hover,
.btn-white-jcd:active {
	color: var(--jcd-button-accent-color);
	background-color: #efefef;
}

.btn-white-jcd .badge {
	color: #FFFFFF;
	background-color: #234263;
}

.main_container {
	margin-bottom: 41px;
}

body .container.body .right_col {
	background: var(--jcd-bg-color);
	padding: 75px 20px 0 20px;
}

.nav-md .container.body .right_col,
.nav-sm .container.body .right_col {
	padding: 115px 20px 0;
}

@media screen and (min-width: 1125px) {
	.nav-md .container.body .right_col,
	.nav-sm .container.body .right_col {
		padding: 60px 20px 0;
	}
}
@media screen and (min-width: 1200px) {
	.nav-md .container.body .right_col {
		margin-left: 310px;
	}
}

.switchPremium {
	background-color: #e0e0e0;
	margin-top: 0;
	padding: 2px 10px 10px;
}

.btn-group-lg>.btn, .btn-xxl {
	padding: 12px 8px;
	font-size: 16px;
	line-height: 1.3333333;
	border-radius: 6px;
	min-height: 32px;
}
.changesTable table{
	width: 100%;
	/* word-break: break-all; */

}

thead, th {
	background: #f6f8f8;
	color:#263238;
}

.customerTable {
	background: #ECEFF1;
}

.table-hover>tbody>tr:hover {
	background-color: #f0f5f7;
}

.customerTable .glyphicon, .userTable .glyphicon {
	font-size: 20px;
	padding: 6px 2px 0;
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
	color: #fff;
	background-color: #00838F;;
}

.publicationTarget .panel-primary {
	background: #f6f8f8;
	border: 0;
}
.publicationTarget .x_title {
	border-bottom: 0;
	padding: 10px;
	margin-bottom: 0;
}
/*.publicationTarget .x_content {
    background: #dfdfdf;
    margin-bottom: 10px;
}*/

.searchIcon {
	position: absolute;
	left: 25px;
	top: 10px;
	color: #BBBBBB;
	pointer-events: none;
}

.pagination li a {
	color: #1565C0;
	border-color: #bbc2c9;
}

.right_col .pagination li a:hover {
	text-decoration: none;
	border-color: #bbc2c9;
}

.right_col .pagination .active a {
	background-color: #1565C0;
	border-color: #1565C0;
}
.right_col .pagination .active a:hover {
	background-color: #0D47A1;
	border-color: #0D47A1;
}




.right_col .pagination .active a {
	background-color: #234263;
	border-color: #234263;
}
.pagination li a {
	color: #234263;
	border-color: #bbc2c9;
}

.right_col a.disInlineBlock:hover {
	text-decoration: none;
}
.x_panel.panel-primary {
	background-color: #efefef;
	box-shadow: 0 0 1px rgba(0,0,0, .5);
}

.btn-white-jcd {

}
.btnToggleJCD.advancedView {
	width: 130px;
	text-align: left;
}
.jobAd .suggestionWrapper a {
	color: #455a64;
	border-bottom: 1px dotted #b5b5b5;
	display: block;
	margin: 0;
	padding: 5px;
}
.jobAd .suggestionWrapper a:last-child {
	border-bottom: none;
}
.jobAd .suggestionWrapper {
	background: #efefef;
	border: 4px solid #f7f7f7!important;
	box-shadow: 0 0 1px rgba(0,0,0, .5);
}
.jobAd .suggestionWrapper a:hover {
	background: #E0E0E0;
	text-decoration: none;
	padding-left: 10px;
}
.datepicker td, .datepicker th, .daterangepicker td, .daterangepicker th {
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	border-radius: 0!important;
	border: 1px solid #fff!important;
}

.datepicker.datepicker-dropdown.dropdown-menu {
	z-index: 10010 !important;
}
.hContFooter .hBtn {
	margin-left: 10px;
}
div.hContBlock {
	width: 330px;
}
.reward .hContBlock {
	width: 375px;
}

.reward .hContBlock .hBtn {
	float: right;
	text-transform: none;
}

.ClusterAdminCSS li.list-group-item:hover {
	background: #fafafa;
}
.nav.side-menu>li:hover {
	background: var(--jcd-menu-hover-bg-color);
}
.nav-md ul.nav.child_menu li:hover:before, .nav-md ul.nav.child_menu li.active:before {
	background: var(--jcd-menu-child-active-color);
}
.nav.child_menu li:hover, .nav.child_menu li.active {
	background-color: rgb(255 255 255 / 50%);
}
.alert a {
	color: #fff;
	text-decoration: underline;
}
.alert a:hover {
	color: #ececec;
}

.controlcenteroffer img {
	border: 5px solid #fff;
}
.controlcenteroffer img:hover {
	border: 5px solid #d7d7d7;
}


.dashboard .customer-logo {
	border: 1px solid #D7D7D7;
}

.CustomerMicroHPList .microHpLogo, .AllOrders .microHpLogo  {
	border: 1px solid #D7D7D7;
	padding: 5px;
}

.img-flag {
	-webkit-box-shadow: 1px 1px 4px 0px #A0A0A0;
	box-shadow: 1px 1px 4px 0px #A0A0A0;
}

.selFilter .dropdown-menu.open {
	max-width: 100%;
}
.selFilter .dropdown-menu.inner {
	overflow-x: hidden;
}


.bg-red {
	background: #e02e1c !important;
	background-image: initial !important;
	background-position-x: initial !important;
	background-position-y: initial !important;
	background-size: initial !important;
	background-repeat-x: initial !important;
	background-repeat-y: initial !important;
	background-attachment: initial !important;
	background-origin: initial !important;
	background-clip: initial !important;
	background-color: #e02e1c !important;
	border: 1px solid #e02e1c !important;
	color: #fff;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: #337ab7;
}

.daterangepicker .ranges li {
	color: #5f7286;
}

.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
	background-color: #edf7e9;
}

.alert-warning a {
	color: #000;
}

.text-warning {
	color: #715930;
}

.top_nav .navbar-right li {
	float: none;
}

.text-muted {
	color: #707070;
}

.alert-info {
	color: var(--jcd-info-contrast);
	background-color: var(--jcd-info-color);
	border-color: var(--jcd-info-color);
}

.alert-success {
	color: var(--jcd-success-contrast);
	background-color: var(--jcd-success-color);
	border-color: var(--jcd-success-color);
}

.alert-warning {
	color: var(--jcd-warning-contrast);
	background-color: var(--jcd-warning-color);
	border-color: var(--jcd-warning-color);
}
.alert-danger,
.alert-error {
	color: var(--jcd-danger-contrast);
	background-color: var(--jcd-danger-color);
	border-color: var(--jcd-danger-color);
}

.sidebar-footer {
	width: auto;
	background: none;
	display: flex;
}

@media screen and (min-width: 1200px) {
	.sidebar-footer {
		flex-direction: column;
	}
}

/* KI-Loader, see https://cssloaders.github.io/ */
.kiLoader {
	transform: rotateZ(45deg);
	perspective: 1000px;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	color: var(--jcd-menu-accent-color);
	display: inline-block;
}
.kiLoader:before,
.kiLoader:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: inherit;
	height: inherit;
	border-radius: 50%;
	transform: rotateX(70deg);
	animation: 1s kispin linear infinite;
}
.kiLoader:after {
	color: #3498db;
	transform: rotateY(70deg);
	animation-delay: .4s;
}

@keyframes kirotate {
	0% {
		transform: translate(-50%, -50%) rotateZ(0deg);
	}
	100% {
		transform: translate(-50%, -50%) rotateZ(360deg);
	}
}

/*@keyframes rotateccw {
	0% {
		transform: translate(-50%, -50%) kirotate(0deg);
	}
	100% {
		transform: translate(-50%, -50%) kirotate(-360deg);
	}
}
*/

@keyframes kispin {
	0%,
	100% {
		box-shadow: .2em 0px 0 0px currentcolor;
	}
	12% {
		box-shadow: .2em .2em 0 0 currentcolor;
	}
	25% {
		box-shadow: 0 .2em 0 0px currentcolor;
	}
	37% {
		box-shadow: -.2em .2em 0 0 currentcolor;
	}
	50% {
		box-shadow: -.2em 0 0 0 currentcolor;
	}
	62% {
		box-shadow: -.2em -.2em 0 0 currentcolor;
	}
	75% {
		box-shadow: 0px -.2em 0 0 currentcolor;
	}
	87% {
		box-shadow: .2em -.2em 0 0 currentcolor;
	}
}