﻿.cBSWhiteImage {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(228deg) brightness(105%) contrast(105%);
}

.cBSBlackImage {
	filter: invert(0%) sepia(96%) saturate(17%) hue-rotate(324deg) brightness(106%) contrast(106%);
}

.cBSFullBlackImage {
	filter: invert(0%) sepia(96%) saturate(17%) hue-rotate(324deg) brightness(0%) contrast(106%);
}

.cBSRedImage {
	filter: invert(39%) sepia(29%) saturate(3086%) hue-rotate(338deg) brightness(90%) contrast(95%);
}

.cBSGreyImage {
	filter: invert(80%) sepia(22%) saturate(119%) hue-rotate(195deg) brightness(92%) contrast(94%);
}

.cBSOrangeImage {
	filter: invert(86%) sepia(20%) saturate(5612%) hue-rotate(331deg) brightness(102%) contrast(95%);
}

.cBSBlueImage {
	/*Hier auf Variable zugreifen, da der Blauton im Darkmode nicht sichtbar ist, wird dieser weiß*/
	filter: var(--blue-icon);
}

.cBSBold {
  font-weight: 500;
}

.cBSItalic {
  font-style: italic;
}

.cBSIcon16 {
  height: 16px !important;
  width: 16px !important;
}

.cBSIcon20 {
  height: 20px !important;
  width: 20px !important;
}

.cBSIcon100 {
  height: 100px !important;
  width: 100px !important;
}

.cBSMargin0 {
  margin: 0px;
}

.cBSMargin10 {
  margin: 10px;
}

.cBSMargin10-0 {
  /*Verticaler Abstand*/
	margin: 10px 0px;
}

.cBSMargin0-10 {
  /*Horizontaler Abstand*/
	margin: 0px 10px;
}

.cBSMarginLeft5 {
  margin-left: 5px;
}

.cBSMarginRight5 {
  margin-right: 5px;
}

.cBSPadding10 {
  padding: 10px;
}

.cBSPadding10-0 {
  padding: 10px 0px;
}

.cBSRegularText {
	/*font-size: 14px;
  font-family: 'FontRegular';*/
}

.cBSItalicText {
	/*font-size: 14px !important;
	font-family: 'FontItalic' !important;*/
}

.cBSDefaultTextColor {
	/*color: var(--font-color) !important;*/
}

.cBSWhiteText {
  color: white !important;
}

.cBSBlueButton {
	background-color: #0052CC !important;
}

.cBSOrangeButton {
	background: #F8A63B;
	border-style: solid;
	border-radius: 3px;
}

.cBSRedButton {
	background: #E14B31
}

.cBSNavigationMenuColor {
	background: #2D2F39
}

.cBSLightBorderColor {
	border-color: #E3E5EB;
}

.cBSGrayBackgroundColor {
	background-color: gray;
}

.cBSOrangeBackgroundColor {
	background-color: orange;
}

.cBSNoneSelection {
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

.cBSTransparentBackgroundColor {
	background-color: transparent;
}

.cBSSchedulerResourceColor1 {
  background-color: var(--dxbl-scheduler-blue-color);
}
.cBSSchedulerResourceColor2 {
  background-color: var(--dxbl-scheduler-indigo-color);
}
.cBSSchedulerResourceColor3 {
  background-color: var(--dxbl-scheduler-pink-color);
}
.cBSSchedulerResourceColor4 {
  background-color: var(--dxbl-scheduler-red-color);
}
.cBSSchedulerResourceColor5 {
	background-color: var(--dxbl-scheduler-purple-color);
}
.cBSSchedulerResourceColor6 {
  background-color: var(--dxbl-scheduler-orange-color);
}
.cBSSchedulerResourceColor7 {
  background-color: var(--dxbl-scheduler-yellow-color);
}
.cBSSchedulerResourceColor8 {
  background-color: var(--dxbl-scheduler-green-color);
}
.cBSSchedulerResourceColor9 {
  background-color: var(--dxbl-scheduler-teal-color);
}
.cBSSchedulerResourceColor10 {
  background-color: var(--dxbl-scheduler-cyan-color);
}