.TextAsPanelInformationActive {
	background-color: #88A80D;
	color: White;
	width: 89px;
	height: 34px;
	text-align: center;
	align-self: center;
	margin: 20px;
	padding: 8px;
}

.TextAsPanelInformationInactive {
	background-color: #707070;
	color: White;
	width: 89px;
	height: 34px;
	text-align: center;
	align-self: center;
	margin: 20px;
	padding: 8px;
}

.IconBig {
	width: 64px;
	height: 58px;
}

.AccountIconBig {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-size: cover;
	object-fit: cover;
}

.ImageButtonMedium {
	background-color: unset !important;
	background-repeat: no-repeat;
	width: 51px;
	height: 35px;
	padding: unset !important;
	background-size: 30px 30px;
	margin: 10px 0;
}

.ImageButtonBig {
	background-color: unset !important;
	background-repeat: no-repeat;
	background-position: 0px !important;
	width: 70px;
	height: 70px;
	padding: unset !important;
	background-size: 65px 65px;
	margin: 5px 0 !important;
}

.ImageButtonSmall {
	background-color: unset !important;
	background-repeat: no-repeat;
	width: 35px;
	height: 25px;
	padding: unset !important;
	background-size: 20px 20px;
	margin: 10px 0;
}

.AlignItemsCenter {
	align-items: center;
}

.AlignSelfCenter {
	align-self: center;
}

.TextAlignCenter {
	text-align: center;
}

.TopInnerSpace {
	margin-top: 30px !important;
}

.RightInnerSpace {
	margin-right: 13px !important;
}

/*.TCRepeaterGroupHeadLineSpace > div > p {
	margin-top: 20px;
}

	.TCRepeaterGroupHeadLineSpace > div > p:first-of-type {
		font-size: 12px;
		font-family: Roboto;
		color: #92999E;
		text-decoration: none;
	}*/

.PanelSpaceLeftAndBottom {
	margin-left: 10px !important;
	margin-bottom: 10px !important;
}

.BorderUnderline {
	background: none !important;
	background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%) !important;
	background-position: bottom !important;
	background-size: 3px 1px !important;
	background-repeat: repeat-x !important;
	margin-bottom: 20px !important;
	padding-bottom: 20px !important;
}

.SpaceLeft {
	padding-left: 19px !important;
}

.SpaceRight {
	padding-right: 19px !important;
}

.SpaceTop {
	padding-top: 19px !important;
}

.SpaceBottom {
	padding-bottom: 19px !important;
}

.BorderBottom {
	background: none !important;
	background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%) !important;
	background-position: bottom !important;
	background-size: 3px 1px !important;
	background-repeat: repeat-x !important;
	padding-bottom: 1px !important;
	margin-bottom: 10px !important;
}

.BorderBottomNoSpace {
	background: none !important;
	background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%) !important;
	background-position: bottom !important;
	background-size: 3px 1px !important;
	background-repeat: repeat-x !important;
	padding-bottom: 1px !important;
}
/* mobile */
@media only screen and (max-width: 800px) {
	.FlexiblePanel {
		height: unset !important;
		flex-wrap: wrap;
		padding-top: 19px !important;
	}

	.InvisibleInPhone {
		display: none !important;
	}

	/*.TCRepeaterGroupHeadLineSpace > div > p {
		margin-top: 0px;
	}*/
}
/* tablet */
@media only screen and (min-width: 800px) {
	.FlexiblePanel {
		height: unset !important;
		flex-wrap: nowrap;
		padding-top: unset !important;
	}

	.VisibleInPhone {
		display: none !important;
	}
}

/*desktop*/
@media only screen and (min-width: 1200px) {
	.FlexiblePanel {
		height: 120px !important;
		flex-wrap: nowrap;
		padding-top: unset !important;
	}

	.VisibleInPhone {
		display: none !important;
	}
}

/*.TCChildsWithSpaceInbetween {
	margin-left: -9px;
	margin-right: -9px;
}

	.TCChildsWithSpaceInbetween > div {
		margin-left: 9px;
		margin-right: 9px;
	}*/
.ActiveColor {
	color: #88A80D !important;
}

.PassiveColor {
	color: #92999E !important;
}

.UpperCase {
	text-transform: uppercase;
}

.LowerCase {
	text-transform: lowercase;
}

.Capitalize {
	text-transform: capitalize;
}

/*.DetailsViewNoBorder tr td {
	border: 0px !important;
}*/
/*.TCActiveColorCalendar input {
	color: #88A80D !important;
}

.TCPassiveColorCalendar input {
	color: #92999E !important;
}*/

.RepeaterGroupStyle2 {
	display: flex;
	flex-wrap: wrap;
}

	.RepeaterGroupStyle2 .TCRepeaterControlGroup {
		min-width: 160px;
		padding-bottom: 10px !important;
	}

.ContainerWithSpacing {
	padding-left: 14px;
	padding-top: 14px;
}

.NoTextWrap {
	white-space: nowrap;
	overflow: hidden;
}

.TextOverFlow {
	text-overflow: ellipsis;
	overflow: hidden;
	/*white-space: nowrap;*/
}

	.TextOverFlow * {
		text-overflow: ellipsis;
		overflow: hidden;
		/*white-space: nowrap;*/
	}

.DirectChildrenSpace > * {
	padding: 5px;
}

.ChildrenSpace * {
	padding: 5px;
}

/*.TCChildrenBigSpace * {
	padding: 10px;
}*/

.SearchLine {
	font-weight: 400;
}

	.SearchLine input[type=button] {
		padding: 5px 5px;
		margin: 5px 0px;
	}

	.SearchLine div {
		height: 40px;
		padding-right: 10px;
	}

	.SearchLine input[type=text] {
		padding: 5px 5px;
		margin: 5px 0px;
		width: 150px;
	}

/* normal mobile phones */
@media only screen and (max-width: 430px) {
	.SearchLine {
		padding-left: 10px !important;
	}

		.SearchLine input[type=text] {
			width: 120px !important;
		}

		.SearchLine div {
			padding-right: 0px !important;
		}
}

/*very very very very small mobile phones ◎[▪‿▪]◎*/
@media only screen and (max-width: 305px) {
	.SearchLine input[type=text] {
		width: 50px !important;
	}

	.SearchLine {
		padding-left: 10px !important;
	}

		.SearchLine div {
			padding-right: 0px !important;
		}
}

/*desktop*/
@media only screen and (min-width: 1200px) {
}

.FloatingButton {
	position: fixed;
	right: 25px;
	bottom: 25px;
}

.AccountImageButton {
	border-radius: 50%;
	background-size: cover;
}