/* Minification failed. Returning unminified contents.
(20,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(131,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(136,28): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(221,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(228,17): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(233,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowGray'
(238,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowGray'
(239,31): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(240,35): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(246,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIAMenuColor'
(257,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIAMenuColor'
(262,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIAMenuColor'
(266,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIAMenuColor'
(283,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIAMenuColor'
(290,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(299,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(304,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(310,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(311,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(317,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(349,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(350,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(377,31): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(378,32): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(379,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(383,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(389,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(440,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(440,52): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(440,78): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(441,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(452,26): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(452,52): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(452,78): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(453,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(461,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(495,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(506,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(512,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(555,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(570,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALightBlue'
(571,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(575,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(577,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(593,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(604,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALightBlue'
(606,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(623,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(644,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(646,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(661,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(665,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowGray'
(678,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(684,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(685,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(716,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(736,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(739,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowGray'
(753,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(773,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(774,21): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(836,31): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(837,32): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(838,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(853,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(874,28): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(880,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(941,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIARed'
(948,21): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIARed'
(949,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(954,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(957,24): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIARed'
(977,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowGray'
(981,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1002,31): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1003,32): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
 */
.TCUploadControl
{
	resize: none;
	min-width: 200px;
}

.MyPonyRange
{
	white-space: nowrap;
	/*width: 200px;*/
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
    text-wrap: auto;
}


/*PZA Kundenportal neu*/
:root{
	--AXAVIADarkBlue: #1c5a9c;
	--AXAVIALightBlue: #6ec1e4;
	--AXAVIALight: #eff6fb;
	--AXAVIALightGray: #f5f5f5;
	--AXAVIARed: rgba(255, 0, 0, 0.75);
	--AXAVIAMenuColor: var(--AXAVIALight);
	
	--AXAVIABorderRadius: 5px;
	--AXAVIABoxShadowGray: rgba(0, 0, 0, 0.1) 0px 0px 4px 0px;
	--AXAVIABoxShadowLightBlue: var(--AXAVIALightBlue) 0px 0px 5px 0.5px;
}


/*@font-face {
  font-family: 'Inter';
  src: url('../../../fonts/INTER-REGULAR.TTF') format('truetype'), ('../../../fonts/INTER-LIGHT.TTF') format('truetype'), ('../../../fonts/INTER-MEDIUM.TTF') format('truetype');
}*/

@font-face {
  font-family: 'Inter';
  src: url('../../../App_Themes/SkinFile/99_Fonts/INTER-LIGHT.TTF') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('../../../App_Themes/SkinFile/99_Fonts/INTER-REGULAR.TTF') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('../../../App_Themes/SkinFile/99_Fonts/INTER-MEDIUM.TTF') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('../../../App_Themes/SkinFile/99_Fonts/INTER-SEMIBOLD.TTF') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('../../../App_Themes/SkinFile/99_Fonts/INTER-BOLD.TTF') format('truetype');
  font-weight: 700;
  font-style: normal;
}

*:not(.glyphicon) {
	font-family: 'Inter' !important;
}

/*.FontInterMedium, .FontInterMedium *
{
	font-family: 'Inter Medium' !important;
}

.FontInterLight, .FontInterLight *
{
	font-family: 'Inter Light' !important;
}*/

.FontInterLight,
.FontInterLight * {
  font-weight: 300 !important;
}

.FontInterMedium,
.FontInterMedium * {
  font-weight: 500 !important;
}

.FontInterSemiBold,
.FontInterSemiBold * {
  font-weight: 600 !important;
}

.FontInterBold,
.FontInterBold * {
  font-weight: 700 !important;
}

.FontSizeSmall, .FontSizeSmall *
{
	font-size: 12px !important;
}

.FontSizeMedium, .FontSizeMedium *
{
	font-size: 14px !important;
}

.FontSizeBig, .FontSizeBig *
{
	font-size: 16px !important;
}

.FontHeader1
{
	color: var(--AXAVIADarkBlue);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.FontHeader2
{
	color: var(--AXAVIADarkBlue);
    letter-spacing: 0.05em;
}

.TCHoverAble:hover {
    background-color: var(--AXAVIALight);
}

.BoxSizingBorderBox
{
	box-sizing: border-box;
	flex: 1 1 auto;
}

.FloatRight
{
	float: right;
}

.AlignContentCenter
{
	align-content: center;
}

.JustifyItemsCenter
{
	justify-items: center;
}

.JustifyContentRight {
	justify-content: right;
}

.JustifyContentCenter {
	justify-content: center;
}

.JustifyContentSpaceBetween {
	justify-content: space-between;
}

.SpaceTopLittle
{
	padding-top: 5px !important;
}

.SpaceBottomLittle
{
	padding-bottom: 5px !important;
}

.SpaceLeftLittle
{
	padding-left: 5px !important;
}

.SpaceRightLittle
{
	padding-right: 5px !important;
}

.SpaceLeftBig
{
	padding-left: 40px !important;
}

.NoSpace
{
	padding: 0px !important;
}

.GridContainer {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}

.ContainerTile
{
	padding-top: 5px;
	padding-left: 21px;
}

.ContainerBorder
{
	border: lightgray;
	border-width: 1px;
	border-style: solid;
	border-radius: var(--AXAVIABorderRadius);
}

.ContainerWhite
{
	background-color: white;
    margin: 5px 0px 5px 0px;
    color: var(--AXAVIADarkBlue);
}

.ContainerBoxShadow
{
	box-shadow: var(--AXAVIABoxShadowGray) !important;
}

.ContainerBoxShadowWithTopRadius
{
	box-shadow: var(--AXAVIABoxShadowGray) !important;
	border-top-left-radius: var(--AXAVIABorderRadius);
    border-top-right-radius: var(--AXAVIABorderRadius);
}

/*Styling Menu*/
#TCSidePanel
{
	background-color: var(--AXAVIAMenuColor);
}

.BorderBottomMenu {
	padding-bottom: 12px !important;
	padding-top: 12px !important;
	border-bottom: groove 1px !important;
}

.TCNavigationPanel
{
	background-color: var(--AXAVIAMenuColor) !important;
}

#Header .navbar-default
{
	background-color: var(--AXAVIAMenuColor) !important;
}
.navbar-collapse
{
	background-color: var(--AXAVIAMenuColor) !important;
}

.TCSideNavClosed
{
    background-image: url(../../../img/99_custom/v8/blue/icon=menu-01.svg);
	transition: background-image 0.5s ease-in-out;
}

.TCSideNavOpen
{
    background-image: url(../../../img/99_custom/v8/blue/icon=x-01.svg);
	transition: background-image 0.5s ease-in-out;
}

.TCSideNavDropDownArea
{
	background-color: var(--AXAVIAMenuColor) !important;
	padding-left: 0px;
}

.TCSideNavDropDownArea:hover
{
	background-color: white !important;
	border-radius: var(--AXAVIABorderRadius);
    padding-left: 0px;
	/*color: white !important;*/
}

.TCSideNavDropDownAreaActive
{
	background-color: white !important; /*var(--AXAVIALight) !important;*/
	padding-left: 0px;
	border-radius: var(--AXAVIABorderRadius);
}

.TCNavigationButton
{
	color: var(--AXAVIADarkBlue) !important;
}

.TCNavigationButtonActive
{
	background-color: white !important; /*var(--AXAVIALight) !important;*/
	color: var(--AXAVIADarkBlue) !important;
	border-radius: var(--AXAVIABorderRadius);
}

.TCNavigationButton:hover
{
	background-color: white !important;
    border-radius: var(--AXAVIABorderRadius);
    padding-left: 0px;
	/*color: white !important;*/
}

.navbar-default
{
	box-shadow: none !important;
}
/**/



/*Scrolling*/
.OverflowXAuto
{
    overflow-x: auto;
}

.OverflowYAuto
{
	overflow-y: auto;
}

.MinWidthOverflowXAuto
{
	min-width: 1100px !important;
}
/**/

.TileBlue
{
	background-color: var(--AXAVIALight);
	border-radius: var(--AXAVIABorderRadius); /*10 px*/
	padding: 20px;
	margin: 19px;
}

.IconCircleCover
{
	width: 105px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
	object-position: top;
	background-color: white;
}

.IconCircleContain
{
	width: 105px;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	object-position: center;
	background-color: white;
}

.HeaderTableMain
{
	
	border-top-left-radius: var(--AXAVIABorderRadius);
	border-top-right-radius: var(--AXAVIABorderRadius);
	background-color: var(--AXAVIALight);
}
.HeaderTable
{
	background-color: var(--AXAVIALight);
}

.HeaderTableInTab
{
	border-width: 0px;
	background-color: var(--AXAVIALight);
}

.BorderLine
{
	border: lightgray;
	border-width: 1px;
	border-style: solid;
}

.BorderBottomLine
{
	border: lightgray !important;
	border-width: 0px 0px 1px 0px !important;
	border-style: solid !important;
}

.TCTabControl > .BorderBottomLine
{
	border: lightgray !important;
	border-width: 0px 0px 1px 0px !important;
	border-style: solid !important;
}

.BorderBottomAndSideLine
{
	border: lightgray !important;
	border-width: 0px 1px 1px 1px !important;
	border-style: solid !important;
}

.TCTabControl > .BorderBottomAndSideLine
{
	border: lightgray !important;
	border-width: 0px 1px 1px 1px !important;
	border-style: solid !important;
}

.BorderBottomLineInTab
{
	border: lightgray;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
}

/*eigener Kommentar*/
.CommentTile1
{
	border: lightgray;
	border-width: 1px;
	border-style: solid;
	border-radius: var(--AXAVIABorderRadius) 0px var(--AXAVIABorderRadius) var(--AXAVIABorderRadius);
	background-color: var(--AXAVIALight);
	padding: 10px;
	/*overflow-wrap: anywhere;*/
}

/*fremder Kommentar*/
.CommentTile2
{
	border: lightgray;
	border-width: 1px;
	border-style: solid;
	border-radius: 0px var(--AXAVIABorderRadius) var(--AXAVIABorderRadius) var(--AXAVIABorderRadius);
	background-color: var(--AXAVIALight);
	padding: 10px;
	/*overflow-wrap: anywhere;*/
}

/*Benötigt?? --> .ContainerBorder*/
.TextBoxSearchField
{
	border-radius: var(--AXAVIABorderRadius);
}

.SearchButton {
	position: absolute;
    left: 5px;
	background-size: 16px;
}

.ResetSearchButton {
	position: absolute;
    right: 10px;
	background-size: 10px 10px
}
.SearchTextBoxDiv {
	position: relative;
}

.SearchTextBoxDiv > div
{
	height: 100%;
}

.SearchTextBoxDiv > div > input[class*="TCEditTextBox"] {
	padding-left: 32px;
    padding-right: 35px;
	height: 100%;
}

.TextAreaMultiLine
{
	resize: none;
	min-height: 200px;
	background-color: White;
	border-radius: var(--AXAVIABorderRadius);
}

textarea
{
	color: black;
}

/*UpLoad-Control*/
.TCUploadControlButtonContainer label
{
	background-color: var(--AXAVIADarkBlue);
}
.UploadControl > .TCUploadControl
{
	background-color: white;
    border: none;
    border-radius: var(--AXAVIABorderRadius);
    box-shadow: none;
	padding: 0px;
}

.UploadControl > .TCUploadControl > .TCUploadPanel
{
	background-image: none;
}
/**/

/*Buttons*/
input[type="button"].TCImageTextMenuButton {
	width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    text-indent: 0px;
    background-position: right;
    background-size: auto;
	background-color: transparent;
    font-size: 16px;
    color: black;
}

input[type="button"].TCImageTextMenuButton:hover {
	width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    text-indent: 0px;
    background-position: right;
    background-size: auto;
	background-color: transparent;
    font-size: 16px;
    color: black;
	text-decoration: underline;
}

.ImageTextButtonTransparent
{
	background-color: transparent !important;
	color: unset !important;
	border-radius: var(--AXAVIABorderRadius);
	
	background-size: 18px !important;
    background-position-x: 10px !important;
    background-position-y: center !important;
    background-repeat: no-repeat !important;
    padding: 0px 10px 0px 38px !important;
	margin: 0px !important; /*10px*/
    height: 35px !important;
	
	text-indent: unset !important;
	line-height: unset !important;
}
.ImageTextButtonTransparent:hover
{
	background-color: var(--AXAVIALightBlue) !important;
	box-shadow: var(--AXAVIABoxShadowLightBlue);
}

.ImageTextButtonBlue {
	background-color: var(--AXAVIADarkBlue) !important;
	color: white !important;
	border-radius: var(--AXAVIABorderRadius);
	font-size: 14px !important;
	
	background-size: 16px !important;
    background-position-x: 10px !important;
    background-position-y: center !important;
    background-repeat: no-repeat !important;
    padding: 0px 10px 0px 36px !important;
	margin: 0px !important; /*10px*/
    height: 35px !important;
	
	text-indent: unset !important;
	line-height: unset !important;
}

.ImageTextButtonBlue:hover {
	box-shadow: var(--AXAVIABoxShadowLightBlue);
}

.ImageTextButtonLightBlue {
	
	/*border: lightgray !important;
    border-width: 1px 1px 1px 1px !important;
    border-style: solid !important;
	background-color: white !important;
	*/
	
	background-color: var(--AXAVIALightBlue) !important;
	color: white !important;
	border-radius: var(--AXAVIABorderRadius);
	font-size: 14px !important;
	
	background-size: 16px !important;
    background-position-x: 10px !important;
    background-position-y: center !important;
    background-repeat: no-repeat !important;
    padding: 0px 10px 0px 36px !important;
	margin: 0px !important; /*10px*/
    height: 35px !important;
	
	text-indent: unset !important;
	line-height: unset !important;
}

.ImageTextButtonLightBlue:hover
{
	box-shadow: var(--AXAVIABoxShadowLightBlue);
}


.ImageButton
{
	height: 18px;
	width: 18px;
	margin: 0px !important;
	background-size: 18px 18px;
}


.ImageButtonTable 
{
	margin: 0px !important;
	background-size: 18px 18px;
}

/*WorkflowButton - ComboBox*/
.WorkflowButtonBlue > input {
	background-color: var(--AXAVIADarkBlue) !important;
	color: white !important;
	border-radius: var(--AXAVIABorderRadius);
	
	background-size: 18px !important;
    background-position-x: 10px !important;
    background-position-y: center !important;
    background-repeat: no-repeat !important;
    padding: 0px 10px 0px 10px !important;
	margin: 0px !important; /*10px*/
    height: 35px !important;
	
	text-indent: unset !important;
	line-height: unset !important;
}

.WorkflowButtonBlue > input:hover {
	box-shadow: var(--AXAVIABoxShadowLightBlue);
}

.WorkflowButtonBlue > div {
	box-shadow: var(--AXAVIABoxShadowGray) !important;
}

.WorkflowButtonBlue > div::before {
	display: none;
}

.WorkflowButtonBlue > div::after {
	display: none;
}

.WorkflowButtonBlue > div > input {
	text-align: left !important;
	color: var(--AXAVIADarkBlue);
    font-size: 14px !important;
    letter-spacing: 0.05em;
}

.WorkflowButtonBlue > div > input:hover {
	background-color: var(--AXAVIALight) !important;
	color: var(--AXAVIADarkBlue) !important;
}
/**/

.LinkButton
{
	color: unset !important;
	background-color: transparent !important;
	text-decoration: underline;
	text-wrap: auto;
    text-align: left;
	margin: 0px !important;
	overflow: hidden !important;
	overflow-wrap: anywhere;
}

.LinkButton:hover
{
	
}
/**/

/*CheckBox*/
.TCSelectBox > label
{
	margin-bottom: 0px;
}

/*TextBox*/
input[type="text"] {
	background-color: White;
	border-radius: var(--AXAVIABorderRadius) !important;
	/*font-size: 12px;*/
	color: Black;
	padding: 5px 35px 5px 10px;
	margin: 0px;
}

input[type="password"] {
	background-color: White;
	color: Black;
}

.TCFullEditTextBox > .TCEditTextBox
{
	padding-right: 45px;
}
/**/

/*DropDown*/
.TCDropDownMenu {
	border-radius: var(--AXAVIABorderRadius) !important;
	background-color: White;
	padding: 5px;
	box-shadow: var(--AXAVIABoxShadowGray) !important;
	border: lightgray;
	border-width: 1px;
	border-style: solid;
}

.TCDropDownMenu my-option
{
	background-color: White;
	color: black;
}

.TCEditDropDownList {
	height: 28px;
	border-radius: var(--AXAVIABorderRadius) !important;
	background: url(../../../img/99_custom/v8/grey/icon=chevron-down.svg) no-repeat calc(100% - 10px) center #fff;
	padding-right: 50px !important;
	text-overflow: ellipsis;
}

.ComboBoxSorting > div > input.TCEditDropDownList{
	border-radius: 30px !important;
	background-color: White;
	font-size: unset;
}

.ComboBoxMenuBar 
{
	height: 35px !important;
}
.ComboBoxMenuBar .TCEditDropDownList
{
	height: 100% !important;
	background: url(../../../img/99_custom/v8/blue/icon=chevron-down.svg) no-repeat calc(100% - 10px) center #fff;
	color: var(--AXAVIADarkBlue);
	border-color: var(--AXAVIADarkBlue);
}
/**/

/*DBNULL-Button*/
.glyphicon-remove-sign {
	height: 10px;
    width: 10px;
    background: url(../../../img/99_custom/v8/grey/icon=x-03.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.glyphicon-remove-sign:before {
	content: "";
}

.TCSetToDbNullButton
{
	padding: 0px;
	height: 100%;
	align-content: center;
	top: 0px !important;
	width: 18px;
}

.TCFullEditTextBox > .TCSetToDbNullButton
{
	right: 10px;
}

.TCFullEditTextBoxMultiLine > .TCSetToDbNullButton
{
	right: 10px;
}

.TCEditDropDown > .TCSetToDbNullButton
{
	right: 30px;
}
/**/

/*Tab-Control*/
.TCTabActive
{
	/*padding: 0px !important;*/
	border: none !important;
}

.TabControl
{
	min-width: 300px;
	box-shadow: unset;
	border: unset !important;
	padding: unset !important;
}

.TabControl > .TCTabHead
{
	min-height: 55px;
	border: lightgray;
	border-width: 1px;
	border-style: solid;
	border-top-left-radius: var(--AXAVIABorderRadius);
	border-top-right-radius: var(--AXAVIABorderRadius);
	background-color: var(--AXAVIALight);
}

.TabControl > .TCTabHead > .TCTabButton
{
	min-width: 200px;
	/*text-align: center;*/
	min-height: 55px;
	
	box-shadow: unset !important;
	border: unset !important;
	
	font-weight: 400 !important;
	font-size: 14px !important;
	
	color: var(--AXAVIADarkBlue) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
	
	/*background: url(../../../img/99_custom/v8/blue/icon=ProjectClaim.svg);*/
	background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position-x: 11px;
    background-position-y: center;
    padding-left: 40px !important;
}

.TabControl > .TCTabHead > .TCTabButtonActive
{
	min-width: 200px;
	/*text-align: center;*/
	min-height: 55px;
	
	box-shadow: unset !important;
	border: unset !important;
	border-bottom: 2px solid !important;
	border-bottom-color: var(--AXAVIADarkBlue) !important;
	border-radius: inherit;
	
	font-weight: 500 !important;
	font-size: 14px !important;
	
	color: var(--AXAVIADarkBlue) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
	
	/*background: url(../../../img/99_custom/v8/blue/icon=ProjectClaim.svg);*/
	background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position-x: 11px;
    background-position-y: center;
    padding-left: 40px !important;
}

.TabControl > .TCTabActive
{
	box-shadow: unset !important;
	-webkit-box-shadow: unset !important;
	/*border: lightgray !important;
	border-width: 0px 1px 1px 1px !important;
	border-style: solid !important;*/
	/*padding: 0px !important;*/
}

.Tab_Documents
{
	background: url(../../../img/99_custom/v8/blue/icon=file-02.svg);
}

.Tab_Comments
{
	background: url(../../../img/99_custom/v8/blue/icon=message-chat-01.svg);
}

.Tab_ProjectClaims
{
	background: url(../../../img/99_custom/v8/blue/icon=layout-04.svg);
}

.Tab_Tasks
{
	background: url(../../../img/99_custom/v8/blue/icon=calendar-01.svg);
}

/**/

/*benötigt für Bilder des gerenderten-RTF-Textes, damit sie nicht breiter als der Container werden*/
.FitHTMLText
{
	overflow-wrap: anywhere;
}
.FitHTMLText img
{
	max-width: 100%;
	height: auto;
	object-fit: contain;
	display: block;
}
/**/

/*ErrorLabel, Validierungen*/
.TCValidationErrorHeader
{
	color: var(--AXAVIARed);
	font-weight: 500 !important;
}

.TCValidationErrorLabel
{
	border: 2px solid;
	border-color: var(--AXAVIARed);
	border-radius: var(--AXAVIABorderRadius);
}

.TCInputElementValidationError
{
	border-radius: var(--AXAVIABorderRadius) !important;
	border: 2px;
	border-style: solid;
    border-color: var(--AXAVIARed) !important;
}

.NoBorder
{
	border: unset !important;
}

/*POP UP*/
/*-- BEGIN -- blendet beim PopUpDialog den kleinen Pfeil aus*/
	.TCPopupPanelDefault::before {
		content: unset;
	}
	
	.TCPopupPanelDefault::after {
		content: unset;
	}
	/*--END--*/
.PopUpContainer .TCPopupPanelDefault
{
	box-shadow: var(--AXAVIABoxShadowGray) !important;
	border: lightgray;
	border-width: 1px;
	border-style: solid;
	border-radius: var(--AXAVIABorderRadius);
}

.PopUpContainer .TCPopupPanelDefault > div
{
	padding: 10px 20px 0px 20px;
}

.PopUpContainer .TCPopupPanelMiddleOfWindow
{
	z-index: 9999 !important;
	position: fixed;
	top: 10%;
	left: 10%;
	width: 80%;
	height: 80%;
	transform: none;
	
	border: lightgray;
	border-width: 1px;
	border-style: solid;
	border-top-left-radius: var(--AXAVIABorderRadius);
	border-top-right-radius: var(--AXAVIABorderRadius);
	
	/*position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);*/
}

.PopupPanelMiddleOfWindow
{
	/*width: 95%;
	height: 95%;*/
	padding: 0px !important;
}

.Spacing
{
	padding: 10px !important;
}

.DataLineContainer
{
	width: calc(100% - 40px);
}

/* Phones */
@media (max-width: 640px)
{
	.VisibilityHiddenPhone
	{
		display: none !important;
	}
}


/* Small phones */
@media (max-width: 480px) { }

/* Phones */
@media (max-width: 640px)
{
	.VisibilityHiddenPhone
	{
		display: none !important;
	}
}

/* Tablets */
@media (max-width: 768px)
{
	.VisibilityHiddenTablet
	{
		display: none !important;
	}
}

/* AXAVIA */
@media (max-width: 800px)
{
	.VisibilityHiddenNormal
	{
		display: none !important;
	}
}

/* Small laptops */
/* Mobile first */
@media (max-width: 1023px)
{
	.DataLine
	{
		padding-top: 5px;
	}
	
	.DataLineContainer
	{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.ValueContainer
	{
		flex: 1 !important;
		min-width: 280px !important;
		max-width: unset !important;
	}
	
	.ValueContainer > div
	{
		padding-bottom: 5px;
	}
	
	.Desktop
	{
		display: none !important;
	}
}
@media (min-width: 1024px)
{	
	.ValueContainer
	{
		min-width: 0px !important;
	}
	
	.Mobile
	{
		display: none !important;
	}
}
/**/

/* Desktops */
@media (max-width: 1280px) { }

/* Large screens */
@media (min-width: 1536px) { }