/* 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'
(240,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(247,17): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(252,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowGray'
(257,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowGray'
(258,31): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(259,35): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(265,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIAMenuColor'
(276,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIAMenuColor'
(281,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIAMenuColor'
(285,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIAMenuColor'
(302,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIAMenuColor'
(309,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(318,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(323,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(329,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(330,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(336,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(368,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(369,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(396,31): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(397,32): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(398,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(402,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(408,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(466,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(466,52): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(466,78): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(467,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(478,26): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(478,52): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(478,78): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(479,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(487,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(521,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(537,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(543,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(586,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(601,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALightBlue'
(602,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(606,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(608,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(624,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(635,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALightBlue'
(637,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(654,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(664,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(686,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(688,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(703,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowLightBlue'
(707,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowGray'
(720,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(726,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(727,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(758,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(767,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(782,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(785,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowGray'
(799,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(819,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(820,21): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(882,31): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(883,32): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(899,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(921,28): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(927,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIADarkBlue'
(937,25): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIALight'
(989,14): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIARed'
(996,21): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIARed'
(997,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1002,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1005,24): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIARed'
(1025,19): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABoxShadowGray'
(1029,22): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1050,31): run-time error CSS1039: Token not allowed after unary operator: '-AXAVIABorderRadius'
(1051,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('../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;
}

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

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

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

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

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

.NoSpace
{
	padding: 0px !important;
}

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

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

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

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

.TCTextEditorHolder > .TCSetToDbNullButton
{
	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;
}
/**/

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


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


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

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

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

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

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

/* Small laptops */
/* Mobile first 1023*/
@media (max-width: 1023px)
{
	.DataLine
	{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.DataLineContainer
	{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.DataLineContainerWithContextMenu
	{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}	
	
	.ValueContainer
	{
		flex: 1 !important;
		min-width: 280px !important;
		max-width: unset !important;
	}
	
	.ValueContainer > div
	{
		padding-bottom: 5px;
	}
	
	.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;
	}
	
	.MarginBottomDynamic
	{
		margin-bottom: 10px;
	}
	
	/*
	.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) { }