.container-dialog{
  max-width: 600px !important;
}

.button-disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}


.checkbox-label {
	margin-left: 20px;
}

.checkbox_custom label {
	display: inline-flex;
	align-items: center;
}



/** */


.btn {
	background: #1C9AD6;
}

.btn-large {
	font-size: 130% !important;
}

.pnl-orderform .ui-inputfield.ui-state-hover {
	border: 1px solid #1C9AD6 !important;
}

.card-product-selected {
	outline: 5px solid #1C9AD6 !important;
}

@media ( min-width :768px) {
	.container2 {
		/*width: 750px*/
		width: 100%;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

@media ( min-width :992px) {
	.container2 {
		/*width: 970px;*/
		width: 100%;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

@media ( min-width :1200px) {
	.container2 {
		width: 1170px !important;
	}
}

:root {
  --background: #f5f5f8;
  --blue-4: #18197a;
  --blue-5: #2527b4;
  --blue-2: #0e0e46;
  --light-blue-7: #d7f7ff;
  --light-blue-1: #246e80;
  --blue-3: #131461;
  --light-blue-4: #45d0f2;
  --blue-1: #080827;
  --white: white;
  --blue-12: #e0e2ec;
  --blue-11: #cfd5eb;
  --blue-13: #edeef3;
  --light-blue-6: #bbf2ff;
  --light-blue-5: #78e4ff;
  --light-blue-3: #3db8d6;
  --blue-8: #4066eb;
  --blue-7: #274ccc;
  --blue-6: #2e31d5;
  --blue-9: #6e8aeb;
  --blue-10: #b9c4ec;
  --border-light-40: #45d0f266;
  --light-blue-2: #3399b3;
  --border-light-10: #45d0f21a;
  --border-dark-20: #2527b433;
  --border-light-20: #45d0f233;
  --border-light-60: #45d0f299;
  --border-light-7: #45d0f212;
  --blue-5x: #292bc2;
}

.shop {
	background: var(--background) !important;
	/*color: #191B7A !important;*/
	color: #18197a !important;
}


.shop .btn {
	background: #45d0f2 !important;
	box-shadow: none !important;
	font-weight: 500 !important;
	border-radius: 20px !important;
}

.shop .button-grey-new, .shop .btn-grey  {
	background: #f5f5f8 !important;
	color: #1C9AD6 !important;
	box-shadow: none !important;
	border-radius: 20px !important;
}

.shop .button-new  {
	border: #45d0f2  5px solid !important;
}

 .shop .button-grey-new  {
 	border: #28F5CF 5px solid !important;
 	color: #18197a !important;
}

.card-description{
	margin-bottom: 25px !important;
}


.shop .card-header-icon{
	background: #45d0f2 !important;
}

.shop .card {
	box-shadow: 7pc  !important;
	border-radius: 20px  !important;
	border: rgba(101,104,104,0.06) 1px solid !important;
		color: #18197a !important;
	/*color: #f5f5f8 !important;
	background: none !important;*/
}

.shop .card-product-selected{
	outline: 5px solid #45d0f2  !important;
	
}

.shop input::placeholder{
	color: #aaa !important;
}

.shop .card-title{
	color: #18197a !important;
}

.shop .card-description{
	/*color: var(--light-blue-7) !important;*/
	color: #18197a !important;
}

.shop .price{
	color: #18197a !important;
}

.shop .price h4 small {
	color: #ccc !important;
}

.shop .price h4 {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.shop select.form-control {
	background: var(--background) !important;
	
	border-radius: 20px !important;
	border: #45d0f2 1px solid !important;
	
	
	color: #222 !important;
	
padding-left: 15px !important;
    padding-top: 5px !important;
    padding-bottom: 8px !important; /**Wichtig fuer SELECT*/
    
    margin-right: 5px !important;
}

.shop input.form-control, .shop input.ui-inputtext {
	background: var(--background) !important;
	
	border-radius: 20px !important;
	border: #45d0f2 1px solid !important;
	
	
	color: #222 !important;
	
padding-left: 15px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    
    margin-right: 5px !important;
	/*	background-image: linear-gradient(#1972ac, #1972ac), linear-gradient(#D2D2D2, #D2D2D2) !important;*/
}

.shop .check {
	border: #78e4ff 1px solid !important;
}

.shop .pnl-orderform .ui-inputtext {
	
}

.shop .pnl-orderform .form-group {
	
}

.shop label{
	color: #aaa !important;
}

.shop .pnl-orderform textarea {
	background: var(--background) !important;
	
	border-radius: 20px !important;
	border: #45d0f2 1px solid !important;
	
	
	color: #222 !important;
	
	margin-top: 5px !important;
	
}

.shop .pnl-orderform .ui-inputfield, .shop input, .shop .pnl-orderform textarea {
}

.shop .pnl-orderform .ui-inputfield.ui-state-hover, .shop .is-focussed input
	{
	border: #28F5CF 1px solid !important;
}

.shop #step2 {
	margin-right: -15px !important;
	margin-left: -15px !important;
}

.shop .left-center {
	margin-right: -15px !important;
	margin-left: -15px !important;
}

.shop h1, .shop h2, .shop h3, .shop h4, .shop h5, .shop h6 {
	/*
	margin-right: -15px !important;
	margin-left: -15px !important;
	*/
}

.shop .ui-messages-error-icon, .shop .ui-message-error-icon {
  display: none !important;
  height: 0px !important;
  width: 0px !important;
}

.shop .ui-message-error, .shop .ui-messages-error{
	margin-top: 10px !important;
	border: 1px solid #ff1348 !important;
	background: #fff !important;
	color: #ff1348 !important;
	font-weight: 600 !important;
}

.shop .ui-message ul, .shop .ui-messages ul {
	list-style-type: circle !important;
}

.shop .ui-message li, .shop .ui-messages li {
}

.shop .ui-message li:nth-child(even), .shop .ui-messages li:nth-child(even) {
}

.shop .card .ui-message-error, .shop .card .ui-messages-error {
	margin: 15px !important;
}


/** **/

hr.light {
	margin-top: 5px !important;
	margin-bottom: 2px !important;
}

.row-marginless {
	margin-right: -20px !important;
	margin-left: -20px !important;
}

.row-soft-grey{
	background: #efefef !important;
}

.top-spacer {
	margin-top: 10px !important;
}

.btn-transparent {
	background: none !important;
	color: rgba(0, 0, 0, 0.87) !important;
	box-shadow: none !important;
}

.inline-icon {
	vertical-align: middle !important;
	font-size: 120% !important;
}

.text-muted {
	color: #c1c1c1 !important;
}

.txt-contractor-service-select {
	
}

.txt-contractor-service-select .form-group {
	margin: 0px !important;
}

.table-padding-normal {
	
}

.table-padding-normal td {
	padding: 6px 2px !important;
	border-top: 0px solid #ddd !important;
}

.table-padding-normal .underline, .underline {
	/*border-bottom: 1px solid #ddd !important;*/
	border-bottom: 1px solid #eee !important;
}

.csv-file-konnektor table, .csv-file-konnektor th, .csv-file-konnektor td
	{
	border: 1px solid black !important;
}

.csv-file-konnektor table {
	width: 100%;
}

.csv-file-konnektor td {
	padding: 4px 10px !important;
}

.csv-file-konnektor .header {
	font-weight: bold !important;
}

/*STATUS DOT*/
.user-status-dot {
	margin: auto;
	border-radius: 50%;
	height: 15px;
	width: 15px;
	background-color: #efefef;
	/*display: inline-block;*/
	display: block;
}

.user-status-dot {
	border-radius: 50%;
	height: 12px;
	width: 12px;
	background-color: #efefef;
	display: inline-block;
}

.user-status-dot.ACTIVE, .user-status-dot.ACTIVE {
	background-color: #689f38 !important;
}

.user-status-dot.CHECK, .user-status-dot.CHECK {
	background-color: #ff9800 !important;
}

.user-status-dot.DEACTIVATED, .user-status-dot.DEACTIVATED {
	background-color: #d32f2f !important;
}

.user-status-dot.DELETED, .user-status-dot.DELETED {
	background-color: #b71c1c !important;
}

/*STATUS*/
.status_text {
	text-transform: uppercase !important;
	font-size: 10px !important;
	color: #fff !important;
	font-weight: 700 !important;;
	line-height: 1 !important;;
}

.status_text_neutral {
	font-size: 12px !important;
}

.status_-1 {
	background-color: #b71c1c !important;
}

.status_0 {
	background-color: #d32f2f !important;
}

.status_1 {
	background-color: #bdbdbd !important;
}

.status_4 {
	background-color: #4fc3f7 !important;
}

.status_5 {
	background-color: #03a9f4 !important;
}

.status_6 {
	background-color: #ef9a9a !important;
}

.status_7 {
	background-color: #0288d1 !important
}

.status_8, .status_800 {
	background-color: #01579b !important
}

.status_10 {
	background-color: #689f38 !important;
}

.status_20 {
	background-color: #33691e !important;
}

.status_21 {
	background-color: #afb42b !important;
}

.status_22 {
	background-color: #2e7d32 !important;
}

.status_22_text {
	color: #2e7d32 !important;
}

.status_30 {
	background-color: #f44336 !important;
}

.status_31 {
	background-color: #ff9800 !important;
}

.status_31_text {
	color: #ff9800 !important;
}

.status_32 {
	background-color: #B71C1C !important;
}

.status_32_text {
	color: #B71C1C !important;
}

.status_33 {
	background-color: #E65100 !important;
}

.status_40 {
	background-color: #212121 !important;
}

.status_soft_warn {
	color: #ffb74d !important;
}

/*SHOPPING-TABLE RESPONSIVE*/
.body_new {
	background: #fff !important;
}

.wrapper-new {
	background: #fff !important;
}

.label-small {
	border-radius: 5px !important;
	padding: 2px 4px !important;
	font-size: 9px !important;
}

/*
.card form [class*="col-"]:first-child {
    padding-left: 0px !important;
    padding-top: 5px;
}
*/

/*
Kalender wird unterblendet vom Panel. Daher alle Moeglichen div classes ausprobiert.

.card, .card-content, .col-md-12{}
	z-index: 999 !important;
}
*/

/**CALENDAR*/
/*
.bootstrap-datetimepicker-widget {
	z-index: 99999 !important;
}
*/
.bootstrap-datetimepicker-widget, .dropdown-menu {
	z-index: 99999 !important;
	/*background: red !important;*/
}

.text-125p {
	font-size: 125% !important;
}

.border-none {
	border: 0px !important;
}

.border-bottom {
	border-bottom: #000000 2px solid !important;
}

.row-odd-border-bottom {
	background: #f8f8f8 !important;
	/*
	border-top: #666 2px solid !important;
	border-left: 0px solid !important;
	border-right: 0px solid !important;
	border-bottom: 0px solid !important;
*/
}

.row-even-border-bottom {
	background: #fff !important;
	/*
	border-bottom: #666 2px solid !important;
	border-left: 0px solid !important;
	border-right: 0px solid !important;
	border-top: 0px solid !important;
*/
}

.img-with-inner-text {
	position: relative;
	color: white;
	margin-top: 5px;
}

.img-with-inner-text .pnl-text {
	position: absolute;
	top: 15px;
	left: 15px;
}

.img-with-inner-text h1, h3 {
	line-height: 1.2em !important;
}

.img-with-inner-text h1 {
	font-size: 3.2em !important;
	font-weight: 700 !important;
}

.img-with-inner-text h3 {
	font-size: 2.2em ! important;
}

@media only screen and (max-width: 500px) {
	.img-with-inner-text .col-md-5 {
		width: 70% !important;
	}
	.img-with-inner-text h1, h3 {
		line-height: 1.0em !important;
		margin: 10px 0 5px !important;
	}
	.img-with-inner-text h1 {
		font-size: 1.25em !important;
		font-weight: 700 !important;
	}
	.img-with-inner-text h3 {
		font-size: 1.0em !important;
	}
}

@media only screen and (max-width: 740px) and (min-width:501px) {
	.img-with-inner-text .col-md-5 {
		width: 70% !important;
	}
	.img-with-inner-text h1, h3 {
		line-height: 1.5em !important;
	}
	.img-with-inner-text h1 {
		font-size: 1.5em !important;
		font-weight: 700 !important;
	}
	.img-with-inner-text h3 {
		font-size: 1.3em !important;
	}
}

@media only screen and (max-width:999px) and (min-width:741px) {
	.img-with-inner-text .col-md-5 {
		width: 70% !important;
	}
	.img-with-inner-text h1, h3 {
		line-height: 1.5em !important;
	}
	.img-with-inner-text h1 {
		font-size: 2.2em ! important;;
		font-weight: 700 !important;
	}
	.img-with-inner-text h3 {
		font-size: 1.9em !important;
	}
}

@media only screen and (max-width:1200px) and (min-width:1000px) {
	.img-with-inner-text h1, h3 {
		line-height: 1.2em !important;
	}
	.img-with-inner-text h1 {
		font-size: 3.2em !important;
		font-weight: 700 !important;
	}
	.img-with-inner-text h3 {
		font-size: 2.2em ! important;
	}
}

@media only screen and (max-width:999px) {
	.img-with-inner-text {
		color: #3C4858 !important;
		/*font-size: 60%*/
	}
	.img-with-inner-text .pnl-text {
		/*display: none !important;*/
		/*
		Unterhalb darstellen
		display: block !important;
		position: relative;*/
		/*Neu ausrichten*/
		top: 5px;
		left: 5px;
	}
}

.shop-landingpage {
	
}

.shop-landingpage a:hover img {
	border: 5px solid #f8bd0b !important;
}

.shop-landingpage a img {
	border: 5px solid #EEEEEE !important;
}

.card-description {
	margin: 10px !important;
}

.row-tight-responsive {
	padding: 5px !important;
}

.row-tight-responsive .ui-inputfield {
	padding: 9px 25px;
}

.row-tight-responsive .btn {
	margin: 0px !important;
}

.row-tight-responsive .col-md-4 {
	padding: 1px !important;
}

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

.billsummary th, .billsummary td {
	border: 1px solid black;
	padding: 5px;
}

.billsummary {
	border-collapse: collapse;
	border: 1px solid black;
}

.two-logo-header {
	
}

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

.card-description-custom {
	text-align: left !important;
	padding: 15px !important;
}

.price-strike-through {
	text-decoration: line-through;
	color: #919191;
	font-size: 70%;
}

.no-padding {
	padding: 0px !important;
}

.ul-checked {
	list-style: none;
}

.ul-checked li:before {
	content: "\2714\0020";
}

.card-description {
	text-align: left !important;
	padding: 15px !important;
}

.shop_wrapper>.content {
	padding: 0px 15px !important;
}

.pnl-orderform .ui-inputtext, .pnl-orderform select, .pnl-orderform textarea
	{
	border: 1px solid #ccc !important;
	background: white !important;
	padding-left: 5px !important;
}

.pnl-orderform .form-group {
	margin: -2px 0 0 0 !important;
}

.pnl-orderform-small-col {
	padding-left: 1px !important;
	padding-right: 1px !important;
}

.pnl-orderform-small-col-wrapper {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.pnl-orderform-small-col-wrapper .col-md-6,
	.pnl-orderform-small-col-wrapper .col-md-3,
	.pnl-orderform-small-col-wrapper .col-md-9,
	.pnl-orderform-small-col-wrapper .col-md-12 {
	padding-left: 1px !important;
	padding-right: 1px !important;
}
/*
.pnl-orderform .ui-inputtext.ui-state-focus {
	border: 1px solid red !important;
}*/
.pnl-orderform .ui-inputtext.ui-state-hover, .pnl-orderform select.ui-state-hover,
	.pnl-orderform textarea.ui-state-hover {
	border: 1px solid #1972ac !important;
}

.promotionalcode {
	font-size: 150% !important;
	font-weight: bolder !important;
	text-align: center !important;
}

.promotionalcode-wrapper {
	width: 200px;
	margin: 0 auto;
	/*width: 300px;*/
}

.promotionalcode-wrapper-inner {
	width: 300px;
}

.row-danger {
	border: 2px solid #d9534f !important;
	color: #d9534f !important;
}

.row-bills .row {
	padding-top: 15px;
}

.row-bills label {
	
}

.pnl-ti-direct .card-header {
	padding: 0px !important;
}

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

.div-hidden {
	/*visibility: hidden;*/
	display: none;
}

.div-unhidden {
	/*visibility: hidden;*/
	display: block;
	/*background: red !important;*/
}

.card-product-selected {
	outline: 5px solid #1972ac;
	border-radius: 5px;
}

.card .card-footer div {
	/*display: inline-block;*/
	display: block;
}

/*Long texts*/
@media only screen and (min-width: 651px) {
	.long-text {
		display: block;
	}
	.long-text-a {
		display: none;
	}
}

@media ( max-width : 650px) {
	.long-text {
		display: none;
	}
	.long-text-a {
		display: block;
	}
}

.panel-title {
	font-weight: bold !important;
}

.table1 {
	width: 100%;
}

.table1 th {
	
}

.table1, .table1 th, .table1 td {
	border: 1px solid #ddd;
}

.logistic-table td {
	
}

.logistic-table {
	
}

/****/
.booking-table .text-centered td {
	text-align: center !important;
}

.booking-table th {
	/*background: #1c304d !important;*/
	
}

.booking-table th, .booking-table td {
	border: 1px solid #eee !important;
}

.booking-table th, .booking-table td {
	border-bottom: 1px solid #eee !important;
}

.booking-table th, .ui-datatable tfoot td {
	text-align: left !important;
}

.booking-table thead {
	height: 150px !important;
}

.booking-table .ui-state-active {
	/* height: 150px !important;*/
	text-decoration: underline !important;
	color: #1972ac !important;
}

.booking-table th, .td-rotated {
	/*white-space:nowrap;*/
	g-origin: 50% 50%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.td-rotated th {
	text-align: center !important;
}

.booking-table th p, .td-rotated p {
	margin: 0 -100%;
	display: inline-block;
}

.booking-table th p:before, .td-rotated p:before {
	content: '';
	width: 0;
	padding-top: 110%;
	/* takes width as reference, + 10% for faking some extra padding */
	display: inline-block;
	vertical-align: middle;
}

.booking-table {
	/*    width:150px
	table-layout: fixed !important;*/
	
}

.booking-table td {
	/*
overflow:hidden !important; white-space:nowrap !important;
*/
	
}

.panel-float-left {
	float: left;
}

.booking-table .singleline {
	/*white-space: nowrap !important;*/
	
}

.filter-bar {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.filter-bar.btn, .filter-bar .btn {
	margin: 2px 1px !important;
}

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

.container-shrinked {
	max-width: 1000px;
}

.starterpaket-info-panel {
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
}

.starterpaket-info-image {
	max-width: 1000px;
	width: 100%;
}

.logo {
	max-width: 350px !important;
	width: 100% !important;
	/*float: left; PROBLEME bei der Darstellung im Responsive*/
	padding-right: 0.5em;
}

.logo-right {
	max-width: 250px !important;
	width: 100% !important;
	float: right;
	padding-left: 0.5em;
}

.panel-grid td {
	padding: 0.25em !important;
}

.panel-grid-td-underline td {
	border-bottom: 1px solid #eee;
}

.row-space {
	margin-bottom: 15px !important;
}

.version_info {
	color: #bbb !important;
	font-size: 0.8em;
}

.made-super {
	vertical-align: super;
	font-size: 0.5em;
}

.shopping-table-div {
	
}

.shopping-table-div input {
	text-align: center !important;
}

.shopping-table-div .headline {
	text-transform: uppercase !important;
}

.shopping-table-div .td-name {
	font-size: 1.5em;
}

.shopping-table-div .price {
	padding-top: 10px;
	font-weight: bold;
	text-align: right;
}

.table-price-sum td {
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
	vertical-align: middle;
}

span .price {
	margin-top: 15px !important;
}

.shopping-table-div .td-name small {
	color: #999999;
	font-size: 0.75em;
	font-weight: 300;
}

.shopping-table-div .underline {
	border-bottom: 1px solid #ddd !important;
	border-top: 1px solid #ddd !important;
}

.shopping-table-div .col-sm-2 {
	text-align: center !important;
}

.td-total {
	/*
	font-weight: 500;
	font-size: 1.0em !important;
	padding-top: 14px;
	text-align: right;
	*/
	
}

@media ( max-width : 768px) {
	.col-sm-info-enabled {
		display: block !important;
		font-weight: bold !important;
		padding-top: 0.5em !important;
		font-size: 0.75em;
		border-top: 1px solid #efefef;
		margin-top: 1.2em;
	}
	.headline {
		text-align: center;
	}
}

@media ( min-width : 768px) {
	.col-sm-info-enabled {
		display: none !important;
		font-weight: bold !important;
	}
}

.shopping-table-div .row {
	margin-right: 0px !important;
	margin-left: 0px !important;
	padding-bottom: 10px;
	padding-top: 10px;
}

.shopping-table-div .row-odd, .row-odd {
	background: #f8f8f8;
}

.row-odd {
	background: #f8f8f8;
}

.row-even-border-bottom td {
	border: none !important;
}

/*
.shopping-table-div small {
    color: #999999;
    font-size: 1.5em;
    font-weight: 300;
}
*/

/*SINGLE PAGE*/
.wrapper-single {
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}

.main-order h2 {
	line-height: 1.0em !important;
	font-size: 2em !important;
	font-weight: 600 !important;
}

.main-order h3 {
	line-height: 1.0em !important;
	font-size: 1em !important;
	font-weight: 600 !important;
	margin: 10px 0 5px !important;
}

.main-panel-single {
	width: calc(100%) !important;
}

.ti-direct-info-left {
	/*background: #1972ac;*/
	font-size: 150%;
	line-height: 1.2em !important;
	font-weight: 600;
	color: #1972ac;
	text-align: center;
	border-radius: 6px;
}

.ti-direct-info-left h1 {
	line-height: 1.0em !important;
	font-size: 1.5em !important;
	font-weight: 600 !important;
	margin: 10px 0 5px !important;
}

.ti-direct-info-right h1 {
	line-height: 1.0em !important;
	font-size: 1.5em !important;
	font-weight: 600 !important;
	margin: 10px 0 5px !important;
}

.full-page::before {
	background-color: transparent !important;
}

.fully {
	width: 100%;
}

.half {
	width: 50%;
}

/*DIVS*/
.row-even {
	background: #efefef;
}

.btn-bill {
	background: #98d298;
}

.btn-cancelled {
	background: #f0b0ae;
}

/*INPUTS*/
.ui-inputnumber .ui-state-default {
	border: none !important;
	background: none !important;
}

/**GLEICHE HOEHE*/
.eq-height-wrapper {
	display: table;
	width: 100%;
}

.eq-height-wrapper .card {
	display: block !important;
}

.eq-height-col-6 {
	display: table-cell;
	width: 50% !important;
	width: 100%;
	margin: 25px 0;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
	border-radius: 6px;
	color: rgba(0, 0, 0, 0.87);
	background: #fff;
}

.eq-height-col-pr {
	padding-right: 1em;
}

.eq-height-col-pl {
	padding-left: 1em;
}

@media only screen and (max-width: 760px) {
	.eq-height-col-6 {
		display: block;
		width: 100%;
	}
}

/**ENDE GLEICHE HOEHE*/
.btn-grey {
	background-color: rgb(153, 153, 153);
}

.cursorily {
	cursor: pointer;
}

.hov:hover {
	color: #000;
}

.ico-size {
	font-size: 16px;
}

.ico-size-month {
	font-size: 26px !important;
	line-height: 26px !important;
}

.ico-size-large {
	font-size: 40px !important;
	line-height: 30px;
}

.dtp_main {
	border: solid 1px #eee;
	border-radius: 3px;
	background-color: #fff;
	padding: 8px 0 8px 8px;
}

.dtp_main span, .dtp_main i {
	display: inline-block;
	padding-right: 8px;
}

.dtp_modal-win {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: #eeeeee;
	opacity: 0.6;
}

.dtp_modal-content {
	background-color: #fff;
	border-radius: 10px;
	width: 624px;
	position: absolute;
	z-index: 1000;
	top: 100px;
	left: 100px;
	font-size: 16px;
	font-weight: normal;
}

.dtp_modal-content-no-time {
	background-color: #fff;
	border-radius: 10px;
	width: 312px;
	position: absolute;
	z-index: 1000;
	top: 100px;
	left: 100px;
	font-size: 16px;
	font-weight: normal;
}

.dtp_modal-title {
	border-bottom: solid 3px #01adff;
	padding: 16px 36px;
	margin-bottom: 16px;
	font-size: 22px;
}

.dtp_modal-cell-date {
	width: 312px;
	float: right;
	margin-bottom: 22px;
	margin-top: 6px;
}

.dtp_modal-cell-time {
	width: 311px;
	float: left;
	direction: ltr;
	border-right: solid 1px #000;
}

.dtp_modal-months {
	color: #7d7d7d;
	text-align: center;
	font-size: 20px;
	padding: 0 20px;
}

.dtp_modal-months span {
	display: inline-block;
	padding: 10px 20px;
	width: 182px;
}

.dtp_modal-calendar {
	width: 266px;
	margin-left: 22px;
}

.dtp_modal-calendar-cell {
	width: 38px;
	padding: 7px 0;
	display: inline-block;
	text-align: center;
}

.dtp_modal-colored {
	color: #01adff;
}

.dtp_modal-grey {
	color: #7d7d7d;
}

.dtp_modal-cell-selected {
	background-color: #01adff;
	border-radius: 48%;
	transition: background-color 1s ease-out;
}

.dtp_modal-time-block {
	height: 212px;
	width: 310px;
}

.dpt_modal-button {
	background-color: #01adff;
	color: #fff;
	font-size: 24px;
	padding: 8px 40px;
	float: left;
	text-align: center;
	display: inline-block;
	margin-left: 22px;
	cursor: pointer;
	border: solid 1px #fff;
	border-radius: 3px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19);
}

.dtp_modal-time-line {
	text-align: center;
	color: #7d7d7d;
	font-size: 20px;
	padding-top: 15px;
}

.dtp_modal-time-mechanic {
	padding-top: 16px;
}

.dtp_modal-append {
	color: #7d7d7d;
	padding-left: 108px;
	font-weight: normal;
}

.dtp_modal-midle {
	display: inline-block;
	width: 40px;
}

.dtp_modal-midle-dig {
	display: inline-block;
	width: 16px;
	text-align: center;
}

.dtp_modal-digits {
	font-size: 50px;
	padding-left: 96px;
}

.dtp_modal-digit {
	
}

.btn-fill {
	width: 100%;
}

.ui-state-active {
	/*background: black !important;*/
	/*
	background-color: #1972ac !important;
	color: #FFFFFF !important;
	*/
	
}

.sidebar .versioninfo {
	margin: 35px;
	color: #333 !important;
	padding-top: 25px;
}

.card img.flag {
	width: auto !important;
	margin-left: 0.2em;
	height: auto;
}

.td-image {
	max-width: 20% !important;
	width: 20%;
}

.pnl-iconbox {
	margin-right: 0.5em !important;
}

.main-panel>.content {
	margin-top: 20px !important;
}

textarea {
	width: 100%;
	border: 0;
	border-bottom: 1px solid #ccc;
}

/*INPUT*/

/**CALENDAR*/
.bootstrap-datetimepicker-widget {
	z-index: 99999 !important;
}

/** PRIMEFACES*/
.ui-dialog {
	background: #ffffff;
	z-index: 100 !important;
}

/**
PRIMEFACES AUTOCOMPLETE
**/
.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] {
	border-bottom: 1px solid #333;
}

.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .btn {
	width: 100% !important;
}

.ui-datatable-reflow .ui-datatable-even {
	background: #f8f8f8 !important;
}

/*
.ui-datatable-reflow .ui-datatable-data tr[role="row"] {
	border-bottom: 5px solid #1972ac;
}*/
.ui-datatable-tablewrapper {
	overflow: visible;
}

.ui-autocomplete {
	width: 100% !important;
}

.ui-autocomplete {
	width: 100% !important;
}

.ui-autocomplete-input {
	width: 90% !important;
}

.ui-autocomplete input {
	border: none !important;
	width: 100% !important;
	/*background: none !important;*/
}

.ui-state-highlight {
	background: #eee;
}

.ui-autocomplete-panel {
	background: #fff;
}

.ui-autocomplete-panel table {
	border: none;
}

.ui-autocomplete-multiple {
	width: 100%;
}

.ui-autocomplete-multiple-container {
	width: 100%;
}

.ui-autocomplete-multiple-container li {
	display: block;
	float: left;
	list-style: none;
	width: 100% !important;
}

.ui-autocomplete-token-icon {
	width: 15px;
	height: 15px;
}

/*
.ui-icon-close {
background: #efefef;
width: 15px;
height: 15px;
content: "x";
}

.ui-icon-close:before {
   font-family: FontAwesome;
   
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
}
*/

/**
PRIMEFACES AUTOCOMPLETE
**/
.ui-icon, .ui-widget-content .ui-icon {
	background-image:
		url("#{resource['images/ui-icons_222222_256x240.png']}")
}

.ui-widget-header .ui-icon {
	background-image:
		url("#{resource['images/ui-icons_454545_256x240.png']}")
}

.ui-state-default .ui-icon {
	background-image:
		url("#{resource['images/ui-icons_ffffff_256x240.png']}")
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
	background-image:
		url("#{resource['images/ui-icons_454545_256x240.png']}")
}

.ui-state-active .ui-icon {
	background-image: url('../images/ui-icons_454545_256x240.png')
}

.ui-state-highlight .ui-icon {
	background-image:
		url("#{resource['images/ui-icons_256aa5_256x240.png']}")
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
	background-image:
		url("#{resource['images/ui-icons_cd0a0a_256x240.png']}")
}

/* positioning */
.ui-icon-blank {
	background-position: 16px 16px;
}

.ui-icon-carat-1-n {
	background-position: 0 0;
}

.ui-icon-carat-1-ne {
	background-position: -16px 0;
}

.ui-icon-carat-1-e {
	background-position: -32px 0;
}

.ui-icon-carat-1-se {
	background-position: -48px 0;
}

.ui-icon-carat-1-s {
	background-position: -64px 0;
}

.ui-icon-carat-1-sw {
	background-position: -80px 0;
}

.ui-icon-carat-1-w {
	background-position: -96px 0;
}

.ui-icon-carat-1-nw {
	background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
	background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
	background-position: -144px 0;
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
	background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
	background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
	background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px;
}

.ui-icon-arrow-4 {
	background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px;
}

.ui-icon-extlink {
	background-position: -32px -80px;
}

.ui-icon-newwin {
	background-position: -48px -80px;
}

.ui-icon-refresh {
	background-position: -64px -80px;
}

.ui-icon-shuffle {
	background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px;
}

.ui-icon-folder-open {
	background-position: -16px -96px;
}

.ui-icon-document {
	background-position: -32px -96px;
}

.ui-icon-document-b {
	background-position: -48px -96px;
}

.ui-icon-note {
	background-position: -64px -96px;
}

.ui-icon-mail-closed {
	background-position: -80px -96px;
}

.ui-icon-mail-open {
	background-position: -96px -96px;
}

.ui-icon-suitcase {
	background-position: -112px -96px;
}

.ui-icon-comment {
	background-position: -128px -96px;
}

.ui-icon-person {
	background-position: -144px -96px;
}

.ui-icon-print {
	background-position: -160px -96px;
}

.ui-icon-trash {
	background-position: -176px -96px;
}

.ui-icon-locked {
	background-position: -192px -96px;
}

.ui-icon-unlocked {
	background-position: -208px -96px;
}

.ui-icon-bookmark {
	background-position: -224px -96px;
}

.ui-icon-tag {
	background-position: -240px -96px;
}

.ui-icon-home {
	background-position: 0 -112px;
}

.ui-icon-flag {
	background-position: -16px -112px;
}

.ui-icon-calendar {
	background-position: -32px -112px;
}

.ui-icon-cart {
	background-position: -48px -112px;
}

.ui-icon-pencil {
	background-position: -64px -112px;
}

.ui-icon-clock {
	background-position: -80px -112px;
}

.ui-icon-disk {
	background-position: -96px -112px;
}

.ui-icon-calculator {
	background-position: -112px -112px;
}

.ui-icon-zoomin {
	background-position: -128px -112px;
}

.ui-icon-zoomout {
	background-position: -144px -112px;
}

.ui-icon-search {
	background-position: -160px -112px;
}

.ui-icon-wrench {
	background-position: -176px -112px;
}

.ui-icon-gear {
	background-position: -192px -112px;
}

.ui-icon-heart {
	background-position: -208px -112px;
}

.ui-icon-star {
	background-position: -224px -112px;
}

.ui-icon-link {
	background-position: -240px -112px;
}

.ui-icon-cancel {
	background-position: 0 -128px;
}

.ui-icon-plus {
	background-position: -16px -128px;
}

.ui-icon-plusthick {
	background-position: -32px -128px;
}

.ui-icon-minus {
	background-position: -48px -128px;
}

.ui-icon-minusthick {
	background-position: -64px -128px;
}

.ui-icon-close {
	background-position: -80px -128px;
}

.ui-icon-closethick {
	background-position: -96px -128px;
}

.ui-icon-key {
	background-position: -112px -128px;
}

.ui-icon-lightbulb {
	background-position: -128px -128px;
}

.ui-icon-scissors {
	background-position: -144px -128px;
}

.ui-icon-clipboard {
	background-position: -160px -128px;
}

.ui-icon-copy {
	background-position: -176px -128px;
}

.ui-icon-contact {
	background-position: -192px -128px;
}

.ui-icon-image {
	background-position: -208px -128px;
}

.ui-icon-video {
	background-position: -224px -128px;
}

.ui-icon-script {
	background-position: -240px -128px;
}

.ui-icon-alert {
	background-position: 0 -144px;
}

.ui-icon-info {
	background-position: -16px -144px;
}

.ui-icon-notice {
	background-position: -32px -144px;
}

.ui-icon-help {
	background-position: -48px -144px;
}

.ui-icon-check {
	background-position: -64px -144px;
}

.ui-icon-bullet {
	background-position: -80px -144px;
}

.ui-icon-radio-on {
	background-position: -96px -144px;
}

.ui-icon-radio-off {
	background-position: -112px -144px;
}

.ui-icon-pin-w {
	background-position: -128px -144px;
}

.ui-icon-pin-s {
	background-position: -144px -144px;
}

.ui-icon-play {
	background-position: 0 -160px;
}

.ui-icon-pause {
	background-position: -16px -160px;
}

.ui-icon-seek-next {
	background-position: -32px -160px;
}

.ui-icon-seek-prev {
	background-position: -48px -160px;
}

.ui-icon-seek-end {
	background-position: -64px -160px;
}

.ui-icon-seek-start {
	background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
	background-position: -80px -160px;
}

.ui-icon-stop {
	background-position: -96px -160px;
}

.ui-icon-eject {
	background-position: -112px -160px;
}

.ui-icon-volume-off {
	background-position: -128px -160px;
}

.ui-icon-volume-on {
	background-position: -144px -160px;
}

.ui-icon-power {
	background-position: 0 -176px;
}

.ui-icon-signal-diag {
	background-position: -16px -176px;
}

.ui-icon-signal {
	background-position: -32px -176px;
}

.ui-icon-battery-0 {
	background-position: -48px -176px;
}

.ui-icon-battery-1 {
	background-position: -64px -176px;
}

.ui-icon-battery-2 {
	background-position: -80px -176px;
}

.ui-icon-battery-3 {
	background-position: -96px -176px;
}

.ui-icon-circle-plus {
	background-position: 0 -192px;
}

.ui-icon-circle-minus {
	background-position: -16px -192px;
}

.ui-icon-circle-close {
	background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px;
}

.ui-icon-circle-check {
	background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon,
	.ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon,
	.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}

/* MATERIAL PRO DASHBOARD*/

/*SCROLLBAR ohne perfectsycroll*/
.sidebar-wrapper {
	/*overflow-y: scroll !important;*/
	
}

.sidebar-spacer {
	padding-bottom: 50px !important;
}

/* 

HELLBLAU
#1972ac => 25, 114, 172

DUNKELBLAU

#1c304d


*/

/*DIV immer setzen, um global die eingeschaften fuer forms zu setzen*/
.bookings h3 {
	margin: 5px 0 1px !important;
	font-weight: 600 !important;
}

.bookings h4, .bookings h5 {
	font-weight: 400 !important;
}

.soft-border {
	border: 1px solid rgba(25, 25, 25, 0.1) !important;
}

.btn, .btn:hover, .btn:focus, .btn:active, .btn.active, .btn:active:focus,
	.btn:active:hover, .btn.active:focus, .btn.active:hover, .open>.btn.dropdown-toggle,
	.open>.btn.dropdown-toggle:focus, .open>.btn.dropdown-toggle:hover,
	.btn.btn-default, .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active,
	.btn.btn-default.active, .btn.btn-default:active:focus, .btn.btn-default:active:hover,
	.btn.btn-default.active:focus, .btn.btn-default.active:hover, .open>.btn.btn-default.dropdown-toggle,
	.open>.btn.btn-default.dropdown-toggle:focus, .open>.btn.btn-default.dropdown-toggle:hover,
	.navbar .navbar-nav>li>a.btn, .navbar .navbar-nav>li>a.btn:hover,
	.navbar .navbar-nav>li>a.btn:focus, .navbar .navbar-nav>li>a.btn:active,
	.navbar .navbar-nav>li>a.btn.active, .navbar .navbar-nav>li>a.btn:active:focus,
	.navbar .navbar-nav>li>a.btn:active:hover, .navbar .navbar-nav>li>a.btn.active:focus,
	.navbar .navbar-nav>li>a.btn.active:hover, .open>.navbar .navbar-nav>li>a.btn.dropdown-toggle,
	.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle:focus, .open>.navbar .navbar-nav>li>a.btn.dropdown-toggle:hover,
	.navbar .navbar-nav>li>a.btn.btn-default, .navbar .navbar-nav>li>a.btn.btn-default:hover,
	.navbar .navbar-nav>li>a.btn.btn-default:focus, .navbar .navbar-nav>li>a.btn.btn-default:active,
	.navbar .navbar-nav>li>a.btn.btn-default.active, .navbar .navbar-nav>li>a.btn.btn-default:active:focus,
	.navbar .navbar-nav>li>a.btn.btn-default:active:hover, .navbar .navbar-nav>li>a.btn.btn-default.active:focus,
	.navbar .navbar-nav>li>a.btn.btn-default.active:hover, .open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle,
	.open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle:focus,
	.open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle:hover {
	background-color: #1972ac;
	color: #FFFFFF;
}

.checkbox input[type="checkbox"]:checked+.checkbox-material .check {
	background: #1972ac !important;
}

div[data-color="telekonnekt-blue"] .form-group .form-control {
	background-image: linear-gradient(#1972ac, #1972ac),
		linear-gradient(#D2D2D2, #D2D2D2);
}

.card [data-background-color="telekonnekt-blue"] {
	/*background: #1972ac;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 237, 0, 0.6);*/
	background: #1972ac;
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px
		rgba(0, 0, 0, 0.6);
	color: #ffffff !important;
}

.card [data-background-color="telekonnekt-blue"] h4 {
	color: #1972ac !important;
}

.card [data-icon-bg-color="telekonnekt-blue"] i, .card [data-background-color="telekonnekt-blue"] i
	{
	color: #ffffff; /*999999*/
	/*color: #1c304d;*/ /*999999*/
}

.card [data-background-color="white"] {
	background: #ffffff; /*999999*/
}

.card .red {
	color: #e53935; /*999999*/
}

/* Nicht / Kaum verwendet*/
.wizard-card[data-color="telekonnekt-blue"] .moving-tab {
	background-color: #1972ac;
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px
		rgba(233, 30, 99, 0.4);
}

.wizard-card[data-color="telekonnekt-blue"] .picture:hover {
	border-color: #1972ac;
}

.wizard-card[data-color="telekonnekt-blue"] .choice:hover .icon,
	.wizard-card[data-color="telekonnekt-blue"] .choice.active .icon {
	border-color: #1972ac;
	color: #1972ac;
}

.wizard-card[data-color="telekonnekt-blue"] .checkbox input[type=checkbox]:checked+.checkbox-material .check
	{
	background-color: #1972ac;
}

.wizard-card[data-color="telekonnekt-blue"] .radio input[type=radio]:checked
	 ~.check {
	background-color: #1972ac;
}

.wizard-card[data-color="telekonnekt-blue"] .radio input[type=radio]:checked
	 ~.circle {
	border-color: #1972ac;
}

.sidebar[data-background-color="black"] {
	/*    background-color: #9299a2 !important;*/
	background-color: #1c304d !important;
}

.sidebar[data-active-color="telekonnekt-blue"] li.active>a {
	background-color: #1972ac;
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px
		rgba(25, 114, 172, 0.4);
}

.full-page[filter-color="telekonnekt-blue"]:after {
	background: rgba(248, 187, 208, 0.56);
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(60deg, rgba(248, 187, 208, 0.56),
		rgba(240, 98, 146, 0.95));
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(60deg, rgba(248, 187, 208, 0.56),
		rgba(240, 98, 146, 0.95));
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(60deg, rgba(248, 187, 208, 0.56),
		rgba(240, 98, 146, 0.95));
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(60deg, rgba(248, 187, 208, 0.56),
		rgba(240, 98, 146, 0.95));
	/* Standard syntax */
}

.full-page[filter-color="telekonnekt-blue"].lock-page .form-group .form-control
	{
	background-image: linear-gradient(#1972ac, #e91e63),
		linear-gradient(#D2D2D2, #D2D2D2);
}

/* Nicht / Kaum verwendet*/
.wizard-card[data-color="inline-yellow"] .moving-tab {
	background-color: #1972ac;
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px
		rgba(233, 30, 99, 0.4);
}

.wizard-card[data-color="inline-yellow"] .picture:hover {
	border-color: #1972ac;
}

.wizard-card[data-color="inline-yellow"] .choice:hover .icon,
	.wizard-card[data-color="inline-yellow"] .choice.active .icon {
	border-color: #1972ac;
	color: #1972ac;
}

.wizard-card[data-color="inline-yellow"] .checkbox input[type=checkbox]:checked+.checkbox-material .check
	{
	background-color: #1972ac;
}

.wizard-card[data-color="inline-yellow"] .radio input[type=radio]:checked
	 ~.check {
	background-color: #1972ac;
}

.wizard-card[data-color="inline-yellow"] .radio input[type=radio]:checked
	 ~.circle {
	border-color: #1972ac;
}

.sidebar[data-active-color="inline-yellow"] li.active>a {
	background-color: #8d8408;
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px
		rgba(233, 30, 99, 0.4);
}

.full-page[filter-color="inline-yellow"]:after {
	background: rgba(248, 187, 208, 0.56);
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(60deg, rgba(248, 187, 208, 0.56),
		rgba(240, 98, 146, 0.95));
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(60deg, rgba(248, 187, 208, 0.56),
		rgba(240, 98, 146, 0.95));
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(60deg, rgba(248, 187, 208, 0.56),
		rgba(240, 98, 146, 0.95));
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(60deg, rgba(248, 187, 208, 0.56),
		rgba(240, 98, 146, 0.95));
	/* Standard syntax */
}

.full-page[filter-color="inline-yellow"].lock-page .form-group .form-control
	{
	background-image: linear-gradient(#1972ac, #e91e63),
		linear-gradient(#D2D2D2, #D2D2D2);
}

.btn.btn-simple, .navbar .navbar-nav>li>a.btn.btn-simple {
	background-color: transparent;
	color: #191919;
	box-shadow: none;
}

.ui-panelgrid.ui-widget td {
	border: 0 !important;
}

/*


.btn.btn-yellow.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-yellow.btn-simple {
    background-color: transparent;
    color: #191919;
    box-shadow: none;
}

.btn.btn-yellow.btn-simple:hover,
.btn.btn-yellow.btn-simple:focus,
.btn.btn-yellow.btn-simple:active,
.navbar .navbar-nav>li>a.btn.btn-yellow.btn-simple:hover,
.navbar .navbar-nav>li>a.btn.btn-yellow.btn-simple:focus,
.navbar .navbar-nav>li>a.btn.btn-yellow.btn-simple:active {
    background-color: transparent;
    color: yellow;
}
*/

/**TELEKONNEKT*/
.pnl-left-shifted {
	margin-left: 2em !important;
}