/* 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'
(137,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(141,28): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(266,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(273,17): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(278,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowGray'
(283,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowGray'
(284,31): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(285,35): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(300,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIAMenuColor'
(311,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIAMenuColor'
(316,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIAMenuColor'
(320,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIAMenuColor'
(337,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIAMenuColor'
(344,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(353,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(358,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(364,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(365,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(371,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(410,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(411,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(438,31): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(439,32): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(440,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(444,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(450,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(508,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(508,52): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(508,78): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(509,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(520,26): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(520,52): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(520,78): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(521,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(529,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(578,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(601,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(603,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(622,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(625,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(627,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(667,24): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIAdark'
(714,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(720,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(735,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(752,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALightBlue'
(753,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(759,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(761,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(780,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(813,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(851,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(862,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALightBlue'
(863,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(881,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALightBlue'
(882,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(889,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(904,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALightBlue'
(905,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(910,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(912,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(928,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(929,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(936,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(938,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(954,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(955,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(968,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALightBlue'
(970,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(987,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(997,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(1028,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(1030,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1047,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(1052,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowGray'
(1066,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1077,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALightBlue'
(1078,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(1084,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowGray'
(1088,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1153,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1162,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1218,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1221,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowGray'
(1235,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1255,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(1256,21): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(1333,31): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1334,32): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1350,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(1372,28): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(1378,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(1388,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(1415,31): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1416,32): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1432,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(1454,28): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(1460,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(1470,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(1607,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIARed'
(1614,21): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIARed'
(1615,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1620,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1623,24): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIARed'
(1643,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowGray'
(1647,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1668,31): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1669,32): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1701,31): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1702,32): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1712,31): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1713,32): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1724,31): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1725,32): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1726,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(1738,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(1748,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(1750,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1766,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(1767,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
 */
.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('../Content/_CustomCss/v2/99_Fonts/INTER-LIGHT.TTF') format('truetype');
  font-weight: 300;
  font-style: normal;
}

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

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

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

@font-face {
  font-family: 'Inter';
  src: url('../Content/_CustomCss/v2/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;
}

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

.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;
}

.MarginLeftAuto
{
	margin-left: auto;
}

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

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

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

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

.SpaceRightMedium
{
	padding-right: 11px !important;
}

.SpaceLeftMedium
{
	padding-left: 11px !important;
}

.SpaceTopMedium
{
	padding-top: 11px !important;
}

.SpaceBottomMedium
{
	padding-bottom: 11px !important;
}

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

.NoSpace
{
	padding: 0px !important;
}

.MarginRight
{
	margin-right: 19px !important;
}

.GapForFlex
{
	gap: 20px;
}


/*LOGIN*/

/**/

.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);
}

.ContainerBoxTile
{
	min-width: 500px;
}

.AccountImageButton {
	object-fit: cover;
}

/*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;
}
/**/

/*Browsingpath*/
.TCBrowsingPathControl > span
{
	padding-left: 3px;
}
/**/

.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;
}

.BorderSideLine
{
	border: lightgray !important;
	border-width: 0px 1px 0px 1px !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);
}

.EditControlDisabled
{
	opacity: 0.5;
	pointer-events: none;
	cursor: not-allowed;
	/*background-color: lightgrey !important;*/
}

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

.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;
	background-color: White;
}

.TCTextEditorHolder > .TCSetToDbNullButton
{
	display: none !important;
}

/*QR-Code-Scanner*/
.QRCodeFolderPanelButton
{
	height: unset !important;
}

.TCQrCodeScanner .TCQrCodeScannerScanButton
{
	background-image: url(../img/99_custom/v8/white/icon=image-focus.svg);
	background-color: var(--AXAVIADarkBlue) !important;
	color: white !important;
	border-radius: var(--AXAVIABorderRadius);
	align-content: center;
	font-size: 14px !important;
	
	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;
	width: unset;
}

.TCQrCodeScanner .TCQrCodeScannerScanButton:hover
{
	box-shadow: var(--AXAVIABoxShadowLightBlue);
	
	/*Überschreiben des Standard-Styles*/
	background-color: var(--AXAVIADarkBlue) !important;
	color: white !important;
	border-radius: var(--AXAVIABorderRadius);
	align-content: center;
	font-size: 14px !important;
	
	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;
	width: unset;
}

/*AUSTREX*/
.TCQrCodeScanner
{
	height: 100%;
}

/*
.TCQrCodeScannerScanButton
{
	background-position: center !important;
	width: 70px !important;
	background-size: 40px !important;
	background-color: var(--AXAVIAdark) !important;
	color: var(--AXAVIAlight) !important;
	border-radius: 5px !important;
	background-image: url(../../../Img/99_custom/qr-code-white.svg) !important;
}*/


.TCQrCodeScannerCloseButton
{
	border-style: solid !important;
    /* border: 1px !important; */
    border-color: var(--AXAVIAdark) !important;
    background-position: center;
	margin-right: 10px !important;
	background-size: 20px 20px;
	background-color: white !important;
}

.TCQrCodeScannerScanAreaWrapper
{
	width: 100%;/*unset;*/
    height: 100%;
    justify-content: unset;
    text-align: unset;
    top: 0px;
    left: 0px;/*unset;*/
    transform: unset;
}

.TCQrCodeScannerScanArea
{
	width: 100% !important;
    height: 100%;
    align-self: center;
    display: flex;
}

.TCQrCodeScannerScanArea video
{
	height: 100%;
    align-self: center;
    width: 100% !important;
}

.TCQrCodeScannerScanAreaWrapper.TCInvisible
{
	display: none !important;
}

.TCQrCodeScannerScanArea.TCInvisible
{
	display: none !important;
}
/**/

/*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;
}

.FileUploadButton .TCUploadControlPopupButton
{
	background-image: url(../img/99_custom/v8/blue/icon=upload-03.svg);
	background-color: transparent !important;
	color: unset !important;
	border-radius: var(--AXAVIABorderRadius);
	align-content: center;
	font-size: 14px !important;
	
	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;
}
.FileUploadButton .TCUploadControlPopupButton:hover
{
	background-color: var(--AXAVIALightBlue) !important;
	box-shadow: var(--AXAVIABoxShadowLightBlue);
}

.FileUploadButtonBlue .TCUploadControlPopupButton
{
	background-image: url(../img/99_custom/v8/white/icon=upload-03.svg);
	background-color: var(--AXAVIADarkBlue) !important;
	color: white !important;
	border-radius: var(--AXAVIABorderRadius);
	align-content: center;
	font-size: 14px !important;
	
	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;
	width: unset;
}
.FileUploadButtonBlue .TCUploadControlPopupButton:hover
{
	/*background-color: var(--AXAVIALightBlue) !important;*/
	box-shadow: var(--AXAVIABoxShadowLightBlue);
}
/**/

/*STREAM-VIEWER*/
.StreamViewerButtonPreviewOnlyImage
{
	width: 25px;
	margin: 0px !important;
	background-size: 18px 18px;
	background-image: url(../img/99_custom/v8/blue/icon=file-eye-02.svg);
}

.StreamViewerButtonPreviewOnlyImage.TCViewerFileNotSupported
{
	opacity: 0.5;
	pointer-events: none;
	cursor: not-allowed;
	background-image: url(../img/99_custom/v8/blue/icon=file-eye-02.svg);
}

.StreamViewerButtonPreview
{
	background-image: url(../img/99_custom/v8/white/icon=file-eye-02.svg);
}

.StreamViewerButtonPreview.TCViewerFileNotSupported
{
	opacity: 0.5;
	pointer-events: none;
	cursor: not-allowed;
	
	background-image: url(../img/99_custom/v8/white/icon=file-eye-02.svg);
	background-color: var(--AXAVIADarkBlue) !important;
    color: white !important;
}
/**/

/*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;
}

.TextButton
{
	background-color: white !important;
	font-size: 14px !important;
	color: unset !important;
	border-radius: var(--AXAVIABorderRadius);
	
	margin: 0px !important; /*10px*/
    height: 35px !important;
	
	text-indent: unset !important;
	line-height: unset !important;
}

.TextButton:hover
{
	background-color: var(--AXAVIALightBlue) !important;
	box-shadow: var(--AXAVIABoxShadowLightBlue);
}

.TextButtonWithoutRadius
{
	background-color: white !important;
	font-size: 14px !important;
	color: unset !important;
	
	margin: 0px !important; /*10px*/
    height: 35px !important;
	
	text-indent: unset !important;
	line-height: unset !important;
}

.TextButtonWithoutRadius:hover
{
	background-color: var(--AXAVIALightBlue) !important;
	box-shadow: var(--AXAVIABoxShadowLightBlue);
}

.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 {
	display: inline-block;
	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);
	background-color: var(--AXAVIADarkBlue) !important;
    color: white !important;
    font-size: 14px !important;
}

.TextButtonBlue {
	display: inline-block;
	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 10px !important;
	margin: 0px !important; /*10px*/
    height: 35px !important;
	
	text-indent: unset !important;
	line-height: unset !important;
}

.TextButtonBlue:hover {
	box-shadow: var(--AXAVIABoxShadowLightBlue);
	background-color: var(--AXAVIADarkBlue) !important;
    color: white !important;
    font-size: 14px !important;
}

.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);
}


.ImageButtonBlueCircle
{
	height: 30px;
	width: 30px;
	margin: 0px !important;
	background-size: 15px 15px;
	background-color: var(--AXAVIADarkBlue) !important;
	color: white !important;
	border-radius: 50%;
}

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

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


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

/*WorkflowButton - ComboBox*/
.WorkflowButtonBlue > input {
	background-color: var(--AXAVIADarkBlue) !important;
	color: white !important;
	border-radius: var(--AXAVIABorderRadius);
	
	font-size: 14px;
	background-image: url(../img/99_custom/v8/white/icon=data-01.svg);
	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;
}

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

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

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

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

.WorkflowButtonBlue > div > input
{
	border-radius: var(--AXAVIABorderRadius);
	margin: 2px 0px 2px 0px !important;
	text-align: left !important;
	color: black;
    font-size: 14px !important;
    letter-spacing: 0.05em;
	padding-left: 35px !important;
}

.WorkflowButtonBlue > div > input:hover
{
	background-color: var(--AXAVIALightBlue) !important;
    box-shadow: var(--AXAVIABoxShadowLightBlue);
	color: black;
}

.TCWorkflowControlPopup
{
	box-shadow: var(--AXAVIABoxShadowGray) !important;
    border: lightgray;
    border-width: 1px;
    border-style: solid;
    border-radius: var(--AXAVIABorderRadius);
}
/**/

.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;
	align-self: center;
}

input[type="checkbox"] + label::before
{
	margin: 0px;
	/*line-height: 1.4; */
    display: block;
    width: 16px;
    height: 16px;
}

input[type="checkbox"]:checked + label::before
{
	margin: 0px;
}

.TCSelectBox
{
	display: flex;
}

.TCSelectBox > span
{
	padding-left: 5px;
	display: block;
	align-self: center;
}
/**/

/*SpinEdit*/
.TCSpinEditTextBox
{
	width: 100%;
}

/*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;
	border-radius: var(--AXAVIABorderRadius) !important;
	/*font-size: 12px;*/
	color: Black;
	padding: 5px 35px 5px 10px;
	margin: 0px;
}

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

.TCFullEditTextBox > span
{
	padding: 0px;
	height: 100%;
	right: 34px;
    align-content: center;
}
/**/

/*DateTimePicker*/
.TCCalendarWithDateAndTimePicker > .form-control
{
	height: 28px;
}

.TCCalendarButton
{
	background-color: transparent;
}

.TCCalendar > span > span
{
	background: url(../img/99_custom/v8/blue/icon=calendar-02.svg);
	background-size: contain;
    background-repeat: no-repeat;
}

.TCClockpicker > span
{
	height: unset;
	background-color: unset;
	border-left: unset !important;
}

.TCClockpicker > span > span
{
	background: url(../img/99_custom/v8/blue/icon=clock-01.svg);
	background-size: contain;
    background-repeat: no-repeat;
}
/**/

/*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);
}

.TCCheckboxDropdownContainer
{
	padding-bottom: 5px;
	display: flex;
    align-items: center;
}

.TCCheckboxDropdownContainer label
{
	margin-bottom: 0px;
	margin-right: 5px;
}
/**/

/*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;
	font-size: unset;
    font-weight: unset;
}

.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: transparent; /*var(--AXAVIALight);*/
}

.TabControl > .TCTabHead > .TCTabButton
{
	min-width: 100px;
	/*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;
	background-color: transparent !important;
}

.TabControl > .TCTabHead > .TCTabButtonActive
{
	min-width: 100px;
	/*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;
	background-color: var(--AXAVIALight) !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;*/
}

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

.TabControlDetails > .TCTabHead
{
	min-height: 40px;
	border: lightgray;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-top-left-radius: var(--AXAVIABorderRadius);
	border-top-right-radius: var(--AXAVIABorderRadius);
	background-color: transparent; /*var(--AXAVIALight);*/
}

.TabControlDetails > .TCTabHead > .TCTabButton
{
	/*min-width: 100px;*/
	/*text-align: center;*/
	min-height: 40px;
	
	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: 10px !important;
	background-color: transparent !important;
}

.TabControlDetails > .TCTabHead > .TCTabButtonActive
{
	/*min-width: 100px;*/
	/*text-align: center;*/
	min-height: 40px;
	
	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: 10px !important;
	background-color: var(--AXAVIALight) !important;
}

.TabControlDetails > .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_Documentrevision
{
	background: url(../Img/08_PreDefined/WEB_document%20number%209.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);
}

.Tab_Contacts
{
	background: url(../img/08_Predefined/contact.svg);
}

.Tab_Offer
{
	background: url(../img/08_Predefined/Angebot.svg);
}

.Tab_OfferPosition
{
	background: url(../img/99_custom/v8/blue/icon=receipt-lines.svg);
}

.Tab_CustomerRequest
{
	background: url(../img/08_Predefined/document-quote-euro.svg);
}

.Tab_BusinesEvent
{
	background: url(../img/08_Predefined/tool-note-phone.svg);
}

.Tab_MaintenanceJob
{
	background: url(../img/99_custom/v8/miscellaneous/tool-hammer.svg);
}

.Tab_SparePart
{
	background: url(../img/99_custom/v8/miscellaneous/part-bolt-filled.svg);
}

.Tab_CheckListEntry
{
	background: url(../img/99_custom/v8/miscellaneous/task-list.svg);
}

.Tab_CheckInformation
{
	background: url(../img/99_custom/v8/miscellaneous/measure-distance-filled.svg);
}

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

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

.Tab_TimeRecord
{
	background: url(../Img/99_custom/v8/blue/icon=stopwatch-03.svg);
}

.Tab_TimeClockTimeStamp
{
	background: url(../Img/99_custom/v8/blue/icon=stopwatch-01.svg);
}

.Tab_ExpenseEntry
{
	background: url(../Img/99_custom/v8/blue/icon=coin-number.svg);
}

.Tab_TravelExpenseEntry
{
	background: url(../Img/99_custom/v8/blue/icon=globe-05.svg);
}

.Tab_Holiday
{
	background: url(../img/08_PreDefined/sport-sailing.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 10px 20px; /*PZA 2026-03-24: 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;
}

.TCSchedulerFormPopup
{
	z-index: 9999 !important;
	position: fixed;
	top: 10%;
	left: 30%;
	width: 40%;
	height: 80%;
	transform: none;
	padding: 10px !important;
	min-width: 300px;
	min-height: 500px;
	
	border: lightgray;
	border-width: 1px;
	border-style: solid;
	border-top-left-radius: var(--AXAVIABorderRadius);
	border-top-right-radius: var(--AXAVIABorderRadius);
}

/*Bestätigungsdialog (zb. Löschen)*/
.ui-dialog
{
	transform: none;
	border: lightgray;
	border-width: 1px;
	border-style: solid;
	border-top-left-radius: var(--AXAVIABorderRadius);
	border-top-right-radius: var(--AXAVIABorderRadius);
	padding: 0px;
	position: fixed;
	top: 40% !important;
	left: 20% !important;
	width: 60% !important;
	/*height: 10% !important;*/
}

.ui-dialog-titlebar
{
	border-top-left-radius: var(--AXAVIABorderRadius);
	border-top-right-radius: var(--AXAVIABorderRadius);
	background-color: var(--AXAVIALight) !important;
	min-height: 55px;
	max-height: 55px;
	align-content: center;
	background-image: unset !important;
	border: lightgray !important;
	border-width: 0px 0px 1px 0px !important;
	border-style: solid !important;
}

.ui-dialog .ui-dialog-title
{
	color: var(--AXAVIADarkBlue);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 14px !important;
	font-weight: 500 !important;
}

.ui-dialog-buttonset > button
{
	display: inline-block;
	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 10px !important;
	margin: 5px !important; /*10px*/
    height: 35px !important;
	
	text-indent: unset !important;
	line-height: unset !important;
}

.ui-dialog-buttonset > button:hover {
	box-shadow: var(--AXAVIABoxShadowLightBlue);
	background-color: var(--AXAVIADarkBlue) !important;
    color: white !important;
    font-size: 14px !important;
}

.TCAcceptButton
{
	padding-right: 11px !important;
}
/**/

.Spacing
{
	padding: 10px !important;
}

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

.DataLineContainerWithContextMenu
{
	width: calc(100% - 140px);
}

/* Phones */
@media (max-width: 640px)
{
	
}


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

/* Phones */
@media (max-width: 640px)
{
	
}

/* Tablets */
@media (max-width: 768px)
{
	
}

/* AXAVIA */
@media (max-width: 800px)
{
	
}

@media only screen and (max-width: 800px)
{
	#PageFrame_HEADLINE_MAIN_MENU
	{
		display: inline-block;
	}
	
	#PageFrame_HEADLINE_MAIN_MENU .DivLogo
	{
		display: none;
	}
}

/* Small laptops */
/* Mobile first 1023*/
@media (max-width: 1023px)
{
	.HeaderTable
	{
		display: none !important;
	}
	
	.DataLine
	{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.DataLineContainer
	{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		flex-direction: column !important; /*PZA 2026-03-17: Änderung Kachel-Design*/
	}
	
	.DataLineContainerWithContextMenu
	{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		flex-direction: column !important; /*PZA 2026-03-17: Änderung Kachel-Design*/
	}
	
	.ButtonContainerTable
	{
		/*PZA 2026-03-17: Änderung Kachel-Design*/
		min-width: 40px !important;
		max-width: 40px !important;
		flex-direction: column !important;
	}
	
	.ContainerBoxTile
	{
		min-width: 320px;
	}
	
	.ValueContainer
	{
		flex: 1 !important;
		min-width: 250px !important; /*PZA 2026-06-10: vorher 280 px.  - wegen Kontext menu kleiner gemacht*/
		max-width: 100% !important; /*PZA 2026-03-17: Änderung Kachel-Design. Alter Wert: unset*/
	}
	
	.ValueContainer > div
	{
		padding-bottom: 2px;
		padding-top: 2px;
	}
	
	.ValueContainer > div > span
	{
		text-align: left;
	}
	
	.ContainerContent
	{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.TabControl > .TCTabHead > .TCTabButton
	{
		padding-left: unset !important;
		color: transparent !important;
		min-width: unset !important;
		width: 40px !important;
	}
	
	/*.TabControlDetails > .TCTabHead > .TCTabButton
	{
		padding-left: unset !important;
		color: transparent !important;
		min-width: unset !important;
		width: 40px !important;
	}*/
	
	.MarginBottomDynamic
	{
		margin-bottom: 10px;
	}
	
	.TCSchedulerFormPopup
	{
		top: 5%;
		left: 5%;
		width: 90%;
		height: 90%;
	}
	
	/*
	.TabControl > .TCTabHead > .TCTabButtonActive
	{
		padding-left: unset !important;
		color: transparent !important;
		min-width: unset !important;
		width: 40px !important;
	}*/
	
	/*.TopContentContainer
	{
		margin-left: 5px;
		margin-right: 5px;
	}*/
		
	.Desktop
	{
		display: none !important;
	}
}
/*1024*/
@media (min-width: 1024px)
{	
	.HeaderValueContainer
	{
		min-width: 0px;
	}
	
	.ValueContainer
	{
		min-width: 0px;
	}
	
	.ContainerContent
	{
		padding-left: 19px !important;
		padding-right: 19px !important;
	}
	
	.MarginBottomDynamic
	{
		margin-bottom: 29px;
	}
	
	.Mobile
	{
		display: none !important;
	}
}
/**/

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

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






/*******/
.DisplayFlex
{
	display: flex;
}

.ShowOnlyFirstGroupLabel
{
	
}

.DataRowOESTU
{
	
}

.ShowOnlyFirstGroupLabel .TCRepeaterControlItems .DataRowOESTU:not(:first-child) .TCRepeaterControlGroup .TCRepeaterControlGroupLabel
{
	display: none !important;
}

.TCRepeaterControlGroupLabel
{
	pointer-events: none;
	cursor: not-allowed;
}