/* Task Form */
.tf-form-layout {
	display: grid;
	grid-gap: 1rem;
	min-width: 50rem;
	max-width: 136.6rem;
}

.tf-form {
	background: #f6f6f6;
	padding: 1rem 1rem 1rem 1rem;
	border-radius: 0.3rem;
	box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
	display: grid;
	overflow: hidden;
}

.tf-form-header {
}

	.tf-form-header h1 {
		border-bottom: 0.1rem solid #f6f6f6;
		max-width: 100%;
		-ms-word-wrap: break-word;
		word-wrap: break-word;
		word-break: break-word;
		margin-top: 0;
		font-size: 32px;
		margin-bottom: 0.8rem;
		color: hsl(207, 100%, 25%);
		font-weight: 300;
	}

.tf-form-body {
	width: 100%;
	table-layout: fixed;
}

.tf-form-row {
	width: 100%;
}
/* Empty cell */
.tf-form-empty {
}

.tf-form-control {
	display: flex;
	flex-direction: column;
	grid-gap: 0.5rem;
	min-height: 3rem;
	padding-bottom: 0.3rem;
	padding-inline-start: var(--spacing-2, 0.4rem);
}

/* Commands */
.tf-form-commands {
	margin-top: 1rem;
	padding-left: 0.4rem;
	display: flex;
	flex: 0 0 auto;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	grid-gap: 0.5rem;
}

/* Command Button */
.tf-command {
	cursor: pointer;
	background: hsl(207, 100%, 30%);
	color: #fff;
	border: 0.1rem solid hsl(207, 100%, 25%);
	-moz-border-radius: 0.3rem;
	-webkit-border-radius: 0.3rem;
	-khtml-border-radius: 0.3rem;
	border-radius: 0.3rem;
	padding: 1rem 1.5rem;
	min-width: 7rem;
	font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
}

	.tf-form-commands > .tf-command {
		margin-right: 0.5rem;
	}

/*	.tf-command > .k-button-text,
	.tf-form-reset > .k-button-text {
		font-size: 1.1rem;
		font-weight: 400;
	}*/

	.tf-form-commands > .tf-command {
		cursor: pointer;
		background: hsl(207, 100%, 30%);
		color: #fff;
		border: 0.1rem solid hsl(207, 100%, 25%);
		border-radius: 0.3rem;

	}

	.tf-form-commands > .tf-form-reset {
		/*cursor: pointer;
		background: hsl(207, 100%, 30%);
		color: #fff;
		border: 0.1rem solid hsl(207, 100%, 25%);
		border-radius: 0.3rem;*/

	}

		.tf-form-commands > .tf-command {
			font-size: 1.2rem;
			font-weight: 400;
			padding: 1rem 1.5rem;
			max-width: 100%;
			min-width: 7rem;
		}

		.tf-form-commands > .tf-form-reset {
			/*padding: 0.8rem 2rem;*/
			font-size: 1.2rem;
			max-width: 100%;
			height: auto;
			min-width: 4rem;
		}
			.tf-form-commands > tf-form-reset:focus {
				outline: none;
			}

	.tf-form-commands > .tf-command:hover {
		-moz-box-shadow: 0 0 0.7rem #333;
		-webkit-box-shadow: 0 0 0.7rem #333;
		box-shadow: 0 0 0.7rem #333;
		border: 0.1rem solid #2d699a;
		background-color: #3376ad;
		color: #fff;
		z-index: inherit;
	}

	.tf-form-commands > .tf-form-reset:hover {
		/*-moz-box-shadow: 0 0 0.7rem #333;
		-webkit-box-shadow: 0 0 0.7rem #333;
		box-shadow: 0 0 0.7rem #333;
		border: 0.1rem solid #2d699a;
		background-color: #3376ad;
		color: #fff;
		z-index: inherit;*/
	}



/* Reset */
.tf-form-reset {
}
.tf-form-message {
}

/* Control Group */
.tf-group {
}

.tf-group-header {
	overflow: hidden;
}

.tf-group-tab {
}

.tf-group-tab-page {
}

.tf-group-body {
	width: 100%;
}

.tf-group-row {
}



.tf-columns-row {
}

/* Columns Control */
.tf-columns {
}

.tf-columns-header {
}
.tf-columns-title {
}
.tf-columns-button {
}

.tf-columns-body {
	width: 100%;
}
.tf-columns-body-header {
}
.tf-columns-row {
}
/* Row check box.*/
.tf-columns-row-selector {
}

/* Grid Control */
.tf-grid {
}

.tf-grid-header {
}

.tf-grid-title {
}

.tf-grid-button {
}

.tf-grid-body {
	width: 100%;
}

.tf-grid-body-header {
}

.tf-grid-row {
}
/* Row check box.*/
.tf-grid-row-selector {
}

/* Controls */
.tf-control-caption {
	font-size: var(--font-size-lg, 1.1rem);
	font-weight: var(--font-weight-medium, 500);
	word-wrap: break-word;
}

.tf-control {
	display: block;

	font-size: var(--font-size-xl, 1.3rem);
	font-weight: var(--font-weight-light, 300);
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	overflow: visible;
	white-space: normal;
	margin-bottom: var(--spacing-1, 0.25rem);

}

/* Browse Page Controls */
.tf-browse {
	display: flex;
	flex-wrap: nowrap;
}

/* - TelerikTextBox */
.tf-browse-text {
}
/*	.tf-browse-text input {
		border-start-end-radius: 0px;
		border-end-end-radius: 0px;
	}*/

/* - TelerikButton */
/*.tf-browse-button {
	border-inline-start: none;
	border-start-start-radius: 0px;
	border-end-start-radius: 0px;
}*/

/* Button Controls: TelerikButton */
.tf-button {
}

/* Chart Controls: span */
.tf-chart {
}

/* Check Controls: TelerikCheckBox */
.tf-check {
}

/* Command Controls: TelerikButton */
.tf-command {
}

/* Date Controls: TelerikDatePicker */
.tf-date {
}

/* Drop Down Controls: TelerikDropDownList */
.tf-drop-down {
}

/* File Controls: div */
.tf-file {
}

/* - TelerikButton */
.tf-file-remove {
}
/* - TelerikButton */
.tf-file-open {
}

/* Label Controls: span */
.tf-label {
	font-size: var(--font-size-xl, 1.25rem);
	font-weight: var(--font-weight-light, 300);
}

/* Link Controls: a */
.tf-link {
}

/* List Controls: TelerikComboBox */
.tf-list {
}

/* Radio Controls: input[radio] */
.tf-radio {
}

/* Text Block Controls: TelerikTextArea */
.tf-text-block {
}

/* Text Controls */
/* TextType[Text/Default]: TelerikTextBox */
.tf-text {
}

/* TextType[Password]: TelerikTextBox */
.tf-text-password {
}

/* TextType[Custom]: TelerikMaskedTextBox */
.tf-text-custom {
}

/* TextType[Date]: TelerikDateInput */
.tf-text-date {
}

/* TextType[Numeric]: TelerikNumericTextBox */
.tf-text-numeric {
}
/* TextType[Currency]: TelerikNumericTextBox */
.tf-text-currency {
}
/* TextType[Percentage]: TelerikNumericTextBox */
.tf-text-percentage {
}

/* Validation */
.tf-validation {
}