/*#region 1.0 BUTTONSIZES*/
.SmallButton {
	font-size: 11px !important;
}

.LargeButton {
	font-size: 20px !important;
}

.RedButton {
	font-size: 15px;
	background-color: #C04C17 !important;
	border: 1px solid #C04C17 !important;
	border-bottom: 3px solid #C04C17 !important;
	color: #fff !important;
}

	.RedButton:hover {
		font-size: 15px;
		background-color: #fff !important;
		border: 1px solid #C04C17 !important;
		border-bottom: 3px solid #C04C17 !important;
		border-bottom: 3px solid #C04C17 !important;
		color: #C04C17 !important;
	}

.SmallRedButton {
	font-size: 11px !important;
	background-color: #C04C17 !important;
	border: 1px solid #C04C17 !important;
	border-bottom: 3px solid #C04C17 !important;
	color: #fff !important;
}

	.SmallRedButton:hover {
		font-size: 11px !important;
		background-color: #fff !important;
		border: 1px solid #C04C17 !important;
		border-bottom: 3px solid #C04C17 !important;
		border-bottom: 3px solid #C04C17 !important;
		color: #C04C17 !important;
	}

.LargeRedButton {
	font-size: 20px !important;
	background-color: #C04C17 !important;
	border: 1px solid #C04C17 !important;
	border-bottom: 3px solid #C04C17 !important;
	color: #fff !important;
}

	.LargeRedButton:hover {
		font-size: 20px !important;
		background-color: #fff !important;
		border: 1px solid #C04C17 !important;
		border-bottom: 3px solid #C04C17 !important;
		color: #C04C17 !important;
	}

.GrayButton {
	font-size: 15px;
	background-color: #333333 !important;
	border: 1px solid #333333 !important;
	border-bottom: 3px solid #333333 !important;
	color: #fff !important;
}

	.GrayButton:hover {
		font-size: 15px;
		background-color: #fff !important;
		border: 1px solid #333333 !important;
		border-bottom: 3px solid #333333 !important;
		color: #333 !important;
	}

.SmallGrayButton {
	font-size: 11px !important;
	background-color: #333333 !important;
	border: 1px solid #333333 !important;
	border-bottom: 3px solid #333333 !important;
	color: #fff !important;
}

	.SmallGrayButton:hover {
		font-size: 11px !important;
		background-color: #fff !important;
		border: 1px solid #333333 !important;
		border-bottom: 3px solid #333333 !important;
		color: #333 !important;
	}

.LargeGrayButton {
	font-size: 20px !important;
	background-color: #333333 !important;
	border: 1px solid #333333 !important;
	border-bottom: 3px solid #333333 !important;
	color: #fff !important;
}

	.LargeGrayButton:hover {
		font-size: 20px !important;
		background-color: #fff !important;
		border: 1px solid #333333 !important;
		border-bottom: 3px solid #333333 !important;
		color: #333 !important;
	}
/*#endregion 1.0 BUTTONSIZES*/

/*#region 2.0 ColorThemes*/
.TCColorThemeColor1 {
	color: blue;
}

.TCColorThemeColor2 {
	color: green;
}

.TCColorThemeColor3 {
	color: red;
}

.TCColorThemeColor4 {
	color: yellow;
}

.TCColorThemeColor5 {
	color: orange;
}

.TCBackgroundColorThemeColor1 {
	background-color: blue;
}

.TCBackgroundColorThemeColor2 {
	background-color: green;
}

.TCBackgroundColorThemeColor3 {
	background-color: red;
}

.TCBackgroundColorThemeColor4 {
	background-color: yellow;
}

.TCBackgroundColorThemeColor5 {
	background-color: orange;
}
/*#endregion 2.0 ColorThemes*/

.ContentPanel {
	background: #fff;
	padding: 20px;
	margin: 10px;
	border: 1px solid #ddd;
	height: auto;
}

.ContentPanelWithZeroMargin {
	background: #fff;
	padding: 20px;
	margin: 0px;
	border: 1px solid #ddd;
	height: auto;
}

.LayoutPanel, .TCFlexLayoutContainer .LayoutPanel {
	background: none;
	padding: 0px;
	margin: 0px;
	border: 0px solid #ddd;
	height: auto;
}

.TCRepeaterControlItems > .DataPanel {
	/*margin: auto;*/
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.MainDataPanel {
	margin: 0px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 0px !important;
	padding-bottom: 10px !important;
	background: none !important;
	border: none !important;
}

.MainDataHeadlinePanel div {
	display: inline-block;
}

.MainDataHeadlinePanel {
	border-bottom: 1px dotted #aaa;
	margin-bottom: 10px;
	margin-top: 0px;
}

@media all and (max-width: 767px) {
	.MainDataHeadlinePanel {
		border-bottom: 1px dotted #aaa;
		margin-bottom: 10px;
		margin-top: 10px !important;
	}
}

.StructurePanel {
	display: inline-block;
	margin: 0px !important;
	padding: 0px !important;
	background: none !important;
	border: none !important;
	overflow: hidden;
}

	.StructurePanel > .StructurePanel {
		display: inline-block;
		width: auto !important;
		min-width: auto !important;
		max-width: inherit;
		overflow: hidden;
	}

	.StructurePanel .DataPanel {
		/*display: inline-block !important; works different than expected --> gets the picture on top of the text in a datapanel*/
	}

@media (max-width: 767px) {

	.DataPanel {
		margin: 2px !important;
	}

	.DataPanelGreen {
		margin: 2px !important;
	}

	.DataPanelRed {
		margin: 2px !important;
	}

	.DataPanelBlue {
		margin: 2px !important;
	}

	.DataPanelYellow {
		margin: 2px !important;
	}
}

.DataPanel, .DataPanelRed, .DataPanelYellow, .DataPanelGreen, .DataPanelBlue {
	/*width: 90% !important;
    min-width: 90% !important;*/
}

.DataPanelRed {
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	background-color: white !important;
	padding: 10px !important;
	border: 1px solid #fff !important;
	border-left: 5px solid #cc0000 !important;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.4), 0 0 0 1px rgba(0,0,0,0.08);
	transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

.DataPanelBlue {
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	background-color: white !important;
	padding: 10px !important;
	border: 1px solid #fff !important;
	border-left: 5px solid #0067c6 !important;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.4), 0 0 0 1px rgba(0,0,0,0.08);
	transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

.DataPanelYellow {
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	background-color: white !important;
	padding: 10px !important;
	border: 1px solid #fff !important;
	border-left: 5px solid #ffc600 !important;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.4), 0 0 0 1px rgba(0,0,0,0.08);
	transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

.DataPanelGreen {
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	background-color: white !important;
	padding: 10px !important;
	border: 1px solid #fff !important;
	border-left: 5px solid #79c600 !important;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.4), 0 0 0 1px rgba(0,0,0,0.08);
	transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

.DataPanel {
	//-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	//-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	//box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	background-color: white !important;
	padding: 10px !important;
	border: 1px solid #fff !important;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
	transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

.MainInfoPanel {
	margin: 0px;
	padding: 0px;
	background: none;
}

.FileAsPanel_Picture {
	text-align: center;
	background-color: #fff !important;
	padding: 5px !important;
	height: 60px !important;
	border: 1px solid #fff !important;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
	transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}


.FileAsPanel {
	border: none !important;
	padding: 2px !important;
	background: none !important;
}

.FileAsPanel_Text .DetailviewfloatWithoutFieldheader, .FileAsPanel_Text .DetailviewfloatWithoutFieldheader tbody {
	margin: 0px !important;
	padding: 0px !important;
	border: none !important;
}

	.FileAsPanel_Text .DetailviewfloatWithoutFieldheader tr td:first-child {
		display: none;
	}


	.FileAsPanel_Text .DetailviewfloatWithoutFieldheader tr td {
		display: block;
		border: none !important;
		padding: 10px 0px 0px 0px !important;
	}

.FileAsPanel_Text {
	border: none !important;
	background: none !important;
}

	.FileAsPanel_Text a {
		font-size: 13px !important;
	}

.DetailviewfloatWithoutFieldheader {
	margin: 2px !important;
	padding: 0px !important;
	border: none !important;
	background: none !important;
}

.ImagePhotoSmall {
	max-height: 14px;
	max-width: 14px;
}

.ImagePhotoMedium {
	max-width: 28px;
	max-height: 28px;
}

.ImagePhoto {
	max-width: 42px;
	margin: 25px 5px;
	max-height: 42px;
}

.ImagePhotoNoSpace {
	max-width: 42px;
	max-height: 42px;
}

.ImagePhotoBig {
	max-width: 105px;
	/*margin: 25px 5px;*/
	max-height: 105px;
}

.ImagePanelPicture {
	max-height: 16px;
	margin: 2px;
}

.HeadlineActionButton {
	background-color: #00587F !important;
	border: none !important;
	color: #fff !important;
	width: 100px;
	height: 30px;
	font-size: 12px !important;
	padding: 0px !important;
	// border-radius: 5px;
	margin-left: 0px !important;
}

	.HeadlineActionButton:hover {
		background-color: #888 !important;
		border: none !important;
		color: #fff !important;
		width: 100px;
		height: 30px;
		font-size: 12px !important;
		padding: 0px !important;
		//border-radius: 5px;
		margin-left: 0px !important;
	}

@media (max-width: 767px) {
	.HeadlineActionButton {
		width: 100% !important;
		height: 40px !important;
	}
}

.DetailsButton {
	border: none !important;
	background-color: #EDF0F2 !important;
	color: #666 !important;
	margin-top: 10px !important;
}

	.DetailsButton:hover {
		border: none !important;
		background-color: #EDF0F2 !important;
		color: #666 !important;
	}

.InfoListTable {
	background: #fff !important;
	border: none !important;
	width: 100%;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top: 0px !important;
}

	.InfoListTable tbody {
		background: #fff !important;
		border: none !important;
	}

		.InfoListTable tbody tr th {
			background-color: #dedede;
			color: #ccc;
			border: 0px;
			padding: 0px !important;
			padding-right: 5px !important;
			padding-left: 5px !important;
			border-top: 1px solid #EDEDED !important;
		}

			.InfoListTable tbody tr th a {
				color: #1D5B9D;
			}

				.InfoListTable tbody tr th a:hover {
					color: #fff;
				}

		.InfoListTable tbody tr td {
			border: 0px;
			padding: 0px !important;
			padding-right: 5px !important;
			padding-left: 5px !important;
			border-top: 2px solid #EDEDED !important;
			height: auto !important;
		}

	/*Padding space for Navigation on InfoListTables*/
	.InfoListTable > tbody > tr:last-child > td[colspan] > table > tbody > tr > td {
		padding-top: 7px !important;
	}

	.InfoListTable > tbody > tr:nth-child(2) > td {
		padding-top: 1.5px !important;
	}

	.InfoListTable a.TCCommandButtonApply {
		padding: 1px 10px;
		border: none;
		cursor: pointer;
		background-color: #DDDDDD;
		color: #333;
		vertical-align: middle;
		margin-right: 5px;
		white-space: nowrap;
		font-size: 12px;
	}

		.InfoListTable a.TCCommandButtonApply:hover {
			padding: 1px 10px;
			border: none;
			cursor: pointer;
			background-color: #1D5B9D;
			color: #fff;
			vertical-align: middle;
			margin-right: 5px;
			font-size: 12px;
		}

	.InfoListTable a.TCCommandButtonEdit {
		padding: 1px 10px;
		border: none;
		cursor: pointer;
		background-color: #DDDDDD;
		color: #333;
		vertical-align: middle;
		margin-right: 5px;
		white-space: nowrap;
		font-size: 12px;
	}

		.InfoListTable a.TCCommandButtonEdit:hover {
			padding: 1px 10px;
			border: none;
			cursor: pointer;
			background-color: #1D5B9D;
			color: #fff;
			vertical-align: middle;
			margin-right: 5px;
			font-size: 12px;
		}

	.InfoListTable a.TCCommandButtonApply {
		padding: 1px 10px;
		border: none;
		cursor: pointer;
		background-color: #DDDDDD;
		color: #333;
		vertical-align: middle;
		white-space: nowrap;
		font-size: 12px;
	}


	.InfoListTable a.TCCommandButtonUpdate {
		padding: 1px 10px;
		border: none;
		cursor: pointer;
		background-color: #DDDDDD;
		color: #333;
		vertical-align: middle;
		margin-right: 5px;
		white-space: nowrap;
		font-size: 12px;
	}

		.InfoListTable a.TCCommandButtonUpdate:hover {
			padding: 1px 10px;
			border: none;
			cursor: pointer;
			background-color: #1D5B9D;
			color: #fff;
			vertical-align: middle;
			margin-right: 5px;
			font-size: 12px;
		}

	.InfoListTable a.TCCommandButtonCancel {
		padding: 1px 10px;
		border: none;
		cursor: pointer;
		background-color: #DDDDDD;
		color: #333;
		vertical-align: middle;
		margin-right: 5px;
		white-space: nowrap;
		font-size: 12px;
	}

		.InfoListTable a.TCCommandButtonCancel:hover {
			padding: 1px 10px;
			border: none;
			cursor: pointer;
			background-color: #1D5B9D;
			color: #fff;
			vertical-align: middle;
			margin-right: 5px;
			font-size: 12px;
		}

	.InfoListTable a.TCCommandButtonDelete {
		padding: 1px 10px;
		border: none;
		cursor: pointer;
		background-color: #DDDDDD;
		color: #333;
		vertical-align: middle;
		margin-right: 5px;
		white-space: nowrap;
		font-size: 12px;
	}

		.InfoListTable a.TCCommandButtonDelete:hover {
			padding: 1px 10px;
			border: none;
			cursor: pointer;
			background-color: #1D5B9D;
			color: #fff;
			vertical-align: middle;
			margin-right: 5px;
			font-size: 12px;
		}

	.InfoListTable a.TCCustomCommandButtonDelete {
		padding: 1px 10px;
		border: none;
		cursor: pointer;
		background-color: #DDDDDD;
		color: #333;
		vertical-align: middle;
		margin-right: 5px;
		white-space: nowrap;
		font-size: 12px;
	}

		.InfoListTable a.TCCustomCommandButtonDelete:hover {
			padding: 1px 10px;
			border: none;
			cursor: pointer;
			background-color: #1D5B9D;
			color: #fff;
			vertical-align: middle;
			margin-right: 5px;
			font-size: 12px;
		}

.DataPanelTextButtonBig {
	background-color: white !important;
	border: none !important;
	width: 100%;
	text-align: left;
	margin: 0px 0px 10px 0px !important;
	padding: 0px !important;
	font-size: 16px !important;
	color: #666 !important;
	margin-bottom: 30px;
	font-weight: 700;
}

.DataPanelTextButtonNormal {
	background-color: white !important;
	border: none !important;
	width: 100%;
	text-align: left;
	margin: 0px 0px 10px 0px !important;
	padding: 0px !important;
	font-size: 13px !important;
	color: #666 !important;
	margin-bottom: 30px;
	font-weight: 700;
}

.DataPanelTextButtonSmall {
	background-color: white !important;
	border: none !important;
	width: 100%;
	text-align: left;
	margin: 0px 0px 10px 0px !important;
	padding: 0px !important;
	font-size: 11px !important;
	color: #666 !important;
	margin-bottom: 30px;
	font-weight: 700;
}

.DataPanelButton {
	background-color: white !important;
	border: none !important;
	margin: 2px !important;
	padding: 0px !important;
	background-position: 0px !important;
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
}

.DataPanelButtonMiddle {
	background-color: white !important;
	border: none !important;
	margin: 2px !important;
	padding: 0px !important;
	background-position: 0px !important;
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
}

	.DataPanelButtonMiddle:hover {
		background-color: #DFE3E5 !important;
		border: none !important;
		margin: 2px !important;
		padding: 0px !important;
		background-position: 0px !important;
		background-size: 24px 24px;
		width: 24px;
		height: 24px;
	}

.CharacterButtonActive {
	background-color: #888 !important;
	border: none !important;
	color: #fff !important;
	width: 25px;
	height: 25px;
	font-size: 12px !important;
	padding: 0px !important;
	border-radius: 0px;
	margin: 2px !important;
}

	.CharacterButtonActive:hover {
	}

.FolderPanelButton {
	background-color: #fff !important;
	border: none !important;
	color: #666 !important;
	width: 100% !important;
	text-align: left !important;
	font-size: 14px !important;
}

	.FolderPanelButton:hover {
		background-color: #E8E9EA !important;
		border: none !important;
		color: #000 !important;
		width: 100% !important;
		font-size: 14px !important;
	}

.Fileupload {
	margin: 0px !important;
	padding: 0px !important;
	width: 100%;
	margin-top: -4px !important;
	border: 0px !important;
}

.TabLineButtonInActive {
	background-color: #EFF3F4 !important;
	border: 1px solid #ddd !important;
	color: #000 !important;
	text-align: left;
	margin: 0px !important;
}

.TabLineButtonActive {
	background-color: #EFF3F4 !important;
	border: 1px solid #ddd !important;
	color: #000 !important;
	text-align: left;
	margin: 0px !important;
	font-weight: bold;
}

a[href="#Menu_SkipLink"] {
	display: none;
}

/*#region 1.0 Headlines*/
.HeadLine1 {
	font-size: 24px;
	font-family: 'Roboto-Light';
	color: #000000;
}

.HeadLine2 {
	color: #1D5B9D;
	font-family: 'Roboto-Light';
	font-size: 21px;
}

.HeadLine3 {
	font-size: 14px;
	font-family: 'Roboto-Light';
	color: #1D5B9D;
	font-weight: lighter;
}

.HeadLine4 {
	font-size: 12px;
	font-family: 'Roboto-Light';
}

.HeadLine5 {
	font-size: 10px;
	font-family: 'Roboto-Light';
}
/*#endregion 1.0 Headlines*/

/*#region 2.0 ImageButtons*/
input[src="Img/01_PreDefined/Checked.gif"] {
	vertical-align: middle;
	width: unset !important;
	border-radius: 3px;
}

input[src="Img/01_PreDefined/UnChecked.gif"] {
	vertical-align: middle;
	width: unset !important;
	border-radius: 3px;
}

input[src="Img/01_PreDefined/CheckedRadio.gif"] {
	vertical-align: middle;
	width: unset !important;
	border-radius: 3px;
}

input[src="Img/01_PreDefined/UnCheckedRadio.gif"] {
	vertical-align: middle;
	width: unset !important;
	border-radius: 3px;
}
/*#endregion 2.0 ImageButtons*/

.TCInvisible {
	display: none !important;
}

.TCVisible {
	display: inline !important; /*For Internet Explorer*/
	display: initial !important; /*For everything that supports it*/
}

.FullWidth {
	width: 100%;
}

.BackgroundWhite {
	background-color: white;
}

.ScrollAbleTableDiv {
	overflow: auto;
	display: inline-block;
}

.NoSpacing{
	margin: 0px !important;
	padding: 0px !important;
}
.ChildrenNoSpace * {
	margin: 0px !important;
	padding: 0px !important;
}
.NoParagraphSpace p {
	margin: 0px !important;
	padding: 0px !important;
}
.NoParagraphSpace p span {
	margin: 0px !important;
	padding: 0px !important;
}