@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

@import url('https://fonts.googleapis.com/css?family=Fugaz One');
@import url('https://fonts.googleapis.com/css?family=Montserrat');

html {
	font-size: 62.5% !important;
}

html, body {
	margin: 0;
	height: 100%;
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
	background-color: #ffffff !important;
	/*
	background-color: #f9f9f9;
	*/
}

html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
	margin-bottom: 0.8rem;
}

html h3 {
	font-size: 2.0rem;
}

.btn-primary {
	color: #ffffff;
	border-color: #1861ac;
	background-color: #1b6ec2;
}

html div#app {
	height: 100%;
	font-size: 1.6rem;
}

html .valid.modified:not([type="checkbox"]) {
	outline: 0.1rem solid #ffb100;
}

html .invalid {
	outline: 0.32rem double #94120c;
}

.validation-message {
	color: red;
}

html #blazor-error-ui {
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 1000;
	display: none;
	padding: 1.0rem 2.0rem 1.1rem 2.0rem;
	position: fixed;
	font-size: 1.6rem;
	box-shadow: 0 -0.1rem 0.2rem rgba(0, 0, 0, 0.2);
	background-color: lightyellow;
}

	html #blazor-error-ui .dismiss {
		top: 0.8rem;
		right: 1.2rem;
		cursor: pointer;
		position: absolute;
	}

/* generic button */

button.dl_button {
	color: #ffffff;
	border: 0.4rem solid #94120c;
	display: flex;
	padding: 0 1.9rem;
	font-size: 1.6rem;
	font-weight: 400;
	font-family: Fugaz One;
	align-items: center;
	border-radius: 0.8rem;
	text-transform: uppercase;
	justify-content: space-between;
	background-color: #94120c;
}

	button.dl_button > span {
		top: 0;
	}

	button.dl_button:hover {
		opacity: 0.9;
	}

	button.dl_button:disabled {
		opacity: 0.2;
	}

	button.dl_button:active {
		border: 0.4rem solid #ffb100;
		outline: none;
	}

	button.dl_button:focus {
		outline: none;
	}

/* generic cancel button */

button.dl_button_cancel {
	color: #000000;
	border: 0.4rem solid #efefef;
	background-color: #efefef;
}

/* generic checkbox */

div.dl_checkbox {
	display: inline-block;
	position: relative;
}

	div.dl_checkbox > input[type="checkbox"] {
		position: absolute;
		visibility: hidden;
	}

	div.dl_checkbox > label {
		top: 0.2rem;
		left: 0;
		color: #ffffff;
		width: 2.0rem;
		height: 2.0rem;
		cursor: pointer;
		border: 0.1rem solid #DADFE2;
		display: flex;
		position: absolute;
		font-size: 1.2rem;
		align-items: center;
		border-radius: 0.2rem;
		justify-content: center;
	}

		div.dl_checkbox > label > span {
			top: 0;
		}

	div.dl_checkbox > input[type="checkbox"] + label {
		background-color: #ffffff;
	}

	div.dl_checkbox > input[type="checkbox"]:checked + label {
		background-color: #94120c;
	}

	div.dl_checkbox > input[type="checkbox"].valid.modified + label {
		outline: 0.1rem solid #ffb100;
	}

	div.dl_checkbox > span > label {
		padding: 0 1.0rem;
		margin-left: 2.5rem;
		margin-right: 0.5rem;
	}

/* generic radiobutton */

div.dl_radiogroup > div.dl_radio {
	display: inline-block;
	position: relative;
}

	div.dl_radiogroup > div.dl_radio > input[type="radio"] {
		position: absolute;
		visibility: hidden;
	}

	div.dl_radiogroup > div.dl_radio > label {
		top: 0.2rem;
		left: 0;
		color: #ffffff;
		width: 2.0rem;
		height: 2.0rem;
		cursor: pointer;
		border: 0.1rem solid #dadfe2;
		display: flex;
		position: absolute;
		font-size: 1.0rem;
		align-items: center;
		border-radius: 50%;
		justify-content: center;
		background-color: #ffffff;
	}

		div.dl_radiogroup > div.dl_radio > label > span {
			top: 0;
		}

	div.dl_radiogroup > div.dl_radio > span > label {
		padding: 0 1.0rem;
		margin-left: 2.5rem;
		margin-right: 0.5rem;
	}

	div.dl_radiogroup > div.dl_radio:hover > input[type="radio"] + label {
		background-color: #ffffff;
	}

	div.dl_radiogroup > div.dl_radio > input[type="radio"]:checked + label {
		background-color: #94120c;
	}

	div.dl_radiogroup > div.dl_radio > input[type="radio"]:disabled + label {
		background-color: #efefef;
	}

	div.dl_radiogroup > div.dl_radio > input[type="radio"].invalid ~ span > label {
		outline: 0.3rem double #94120c;
	}

	/*	div.dl_radiogroup > div.dl_radio > input[type="radio"].invalid ~ .dl_radiogroup {
		outline: 0.3rem double #94120c;
	}
*/
	div.dl_radiogroup > div.dl_radio > input[type="radio"].valid.modified ~ span > label {
		outline: 0.1rem solid #ffb100;
	}

/* generic date picker */
/*
input[type="date"].dl_input.invalid {
}
input[type="date"]:not(.has-value):before {
	font-style: italic;
	font-weight: 300;
}
*/
/*
[type="date"] {
  background:transparent url(/assets/images/calendar.png)  97% 50% no-repeat !important;
}
[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}
	[type="time"] {
	background: transparent url(/assets/images/clock.png) 97% 50% no-repeat !important;
}

	[type="time"]::-webkit-inner-spin-button {
		display: none;
	}

	[type="time"]::-webkit-calendar-picker-indicator {
		opacity: 0;
	}
*/

/* generic text and select */

select.dl_select,
textarea.dl_textarea,
input[type="date"].dl_input,
input[type="text"].dl_input,
input[type="time"].dl_input,
input[type="email"].dl_input,
input[type="number"].dl_input,
input[type="password"].dl_input {
	color: #696865;
	border: 0.1rem solid #dadfe2;
	height: 3.5rem;
	padding: 0.3rem 1.0rem;
	font-size: 1.6rem;
	box-shadow: inset 0 0.4rem 0.3rem 0 rgb(0 0 0 / 3%);
	font-weight: 600;
	border-radius: 0.4rem;
}

select[multiple].dl_select {
	height: auto;
}

input[type="date"].dl_input_placeholder {
	font-style: italic;
	font-weight: 300;
}

textarea.dl_textarea::placeholder,
input[type="text"].dl_input::placeholder,
input[type="time"].dl_input::placeholder,
input[type="email"].dl_input::placeholder,
input[type="number"].dl_input::placeholder,
input[type="password"].dl_input::placeholder {
	font-style: italic;
	font-weight: 300;
}

select.dl_select > option {
	font-size: 1.8rem;
}

/* Radzen grid */

div.dl_grid {
}

	div.dl_grid .rz-grid-table thead th .rz-column-title,
	div.dl_grid .rz-datatable-thead th .rz-column-title {
		font-size: 1.2rem;
		padding: 0 0 1.0rem 1.0rem;
	}

	div.dl_grid .rz-datatable-thead th,
	div.dl_grid .rz-grid-table thead th {
		padding: 0.8rem 0 0 0;
	}

	div.dl_grid .rz-datatable-tfoot td,
	div.dl_grid .rz-grid-table tfoot td {
		font-size: 1.4rem;
		padding: 0.8rem 1.0rem 0.8rem 1.0rem;
	}

	div.dl_grid .rz-datatable-data td .rz-cell-data,
	div.dl_grid .rz-grid-table td .rz-cell-data {
		font-size: 1.4rem;
	}

	div.dl_grid .rz-datatable-data td,
	div.dl_grid .rz-grid-table td {
		padding: 0.8rem 1.0rem 0.8rem 1.0rem;
	}

	div.dl_grid .rz-chkbox {
		width: 2.0rem;
		height: 2.0rem;
	}

	div.dl_grid .rz-paginator {
		padding: 1.0rem;
	}

	div.dl_grid .rz-paginator-page {
		margin: 0 0.5rem;
		padding: 0.4rem 1.0rem;
	}

	div.dl_grid .rz-button-sm,
	div.dl_grid .rz-paginator-element,
	div.dl_grid .rz-fileupload .rz-button,
	div.dl_grid .rz-fileupload .rz-paginator-element {
		height: 2.8rem;
		font-size: 1.4rem;
	}

		div.dl_grid .rz-button-sm.rz-button-icon-only,
		div.dl_grid .rz-paginator-element,
		div.dl_grid .rz-fileupload .rz-button-icon-only.rz-button,
		div.dl_grid .rz-fileupload .rz-button.rz-paginator-element {
			height: 2.8rem;
			font-size: 1.4rem;
		}

		div.dl_grid .rz-button-sm.rz-button-icon-only,
		/*div.dl_grid .rz-paginator-element,*/
		div.dl_grid .rz-fileupload .rz-button-icon-only.rz-button,
		div.dl_grid .rz-fileupload .rz-button.rz-paginator-element {
			padding: 0 0.5rem;
		}

	div.dl_grid .rz-chkbox-box .rzi,
	div.dl_grid .rz-chkbox-box .rz-column-drag,
	div.dl_grid .rz-chkbox-box .rz-datatable-loading-content .rzi-circle-o-notch,
	div.dl_grid .rz-datatable-loading-content .rz-chkbox-box .rzi-circle-o-notch,
	div.dl_grid .rz-chkbox-box .rz-datatable-header .rzi-plus,
	div.dl_grid .rz-datatable-header .rz-chkbox-box .rzi-plus,
	div.dl_grid .rz-chkbox-box .rz-sortable-column .rzi-grid-sort,
	div.dl_grid .rz-sortable-column .rz-chkbox-box .rzi-grid-sort,
	div.dl_grid .rz-chkbox-box .rz-datatable .rzi-chevron-circle-down,
	div.dl_grid .rz-datatable .rz-chkbox-box .rzi-chevron-circle-down,
	div.dl_grid .rz-chkbox-box .rz-datatable .rzi-chevron-circle-right,
	div.dl_grid .rz-datatable .rz-chkbox-box .rzi-chevron-circle-right,
	div.dl_grid .rz-chkbox-box .rz-fileupload-row .rz-button .rzi-close,
	div.dl_grid .rz-chkbox-box .rz-fileupload-row .rz-paginator-element .rzi-close,
	div.dl_grid .rz-fileupload-row .rz-button .rz-chkbox-box .rzi-close,
	div.dl_grid .rz-fileupload-row .rz-paginator-element .rz-chkbox-box .rzi-close,
	div.dl_grid .rz-chkbox-box .rz-fileupload-row .rz-button .rzi-times,
	div.dl_grid .rz-chkbox-box .rz-fileupload-row .rz-paginator-element .rzi-times,
	div.dl_grid .rz-fileupload-row .rz-button .rz-chkbox-box .rzi-times,
	div.dl_grid .rz-fileupload-row .rz-paginator-element .rz-chkbox-box .rzi-times,
	div.dl_grid .rz-chkbox-box .rz-fileupload-row .rz-button .rz-icon-trash,
	div.dl_grid .rz-chkbox-box .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
	div.dl_grid .rz-fileupload-row .rz-button .rz-chkbox-box .rz-icon-trash,
	div.dl_grid .rz-fileupload-row .rz-paginator-element .rz-chkbox-box .rz-icon-trash,
	div.dl_grid .rz-chkbox-box .rz-menuitem .rz-menuitem-icon,
	div.dl_grid .rz-menuitem .rz-chkbox-box .rz-menuitem-icon {
		width: 1.4rem;
		height: 1.4rem;
		font-size: 1.4rem;
	}


	div.dl_grid .rz-button-sm .rzi,
	div.dl_grid .rz-paginator-element .rzi,
	div.dl_grid .rz-button-sm .rz-column-drag,
	div.dl_grid .rz-paginator-element .rz-column-drag,
	div.dl_grid .rz-button-sm .rz-datatable-loading-content .rzi-circle-o-notch,
	div.dl_grid .rz-paginator-element .rz-datatable-loading-content .rzi-circle-o-notch,
	div.dl_grid .rz-datatable-loading-content .rz-button-sm .rzi-circle-o-notch,
	div.dl_grid .rz-datatable-loading-content .rz-paginator-element .rzi-circle-o-notch,
	div.dl_grid .rz-button-sm .rz-datatable-header .rzi-plus,
	div.dl_grid .rz-paginator-element .rz-datatable-header .rzi-plus,
	div.dl_grid .rz-datatable-header .rz-button-sm .rzi-plus,
	div.dl_grid .rz-datatable-header .rz-paginator-element .rzi-plus,
	div.dl_grid .rz-button-sm .rz-sortable-column .rzi-grid-sort,
	div.dl_grid .rz-paginator-element .rz-sortable-column .rzi-grid-sort,
	div.dl_grid .rz-sortable-column .rz-button-sm .rzi-grid-sort,
	div.dl_grid .rz-sortable-column .rz-paginator-element .rzi-grid-sort,
	div.dl_grid .rz-button-sm .rz-datatable .rzi-chevron-circle-down,
	div.dl_grid .rz-paginator-element .rz-datatable .rzi-chevron-circle-down,
	div.dl_grid .rz-datatable .rz-button-sm .rzi-chevron-circle-down,
	div.dl_grid .rz-datatable .rz-paginator-element .rzi-chevron-circle-down,
	div.dl_grid .rz-button-sm .rz-datatable .rzi-chevron-circle-right,
	div.dl_grid .rz-paginator-element .rz-datatable .rzi-chevron-circle-right,
	div.dl_grid .rz-datatable .rz-button-sm .rzi-chevron-circle-right,
	div.dl_grid .rz-datatable .rz-paginator-element .rzi-chevron-circle-right,
	div.dl_grid .rz-button-sm .rz-fileupload-row .rz-button .rzi-close,
	div.dl_grid .rz-paginator-element .rz-fileupload-row .rz-button .rzi-close,
	div.dl_grid .rz-button-sm .rz-fileupload-row .rz-paginator-element .rzi-close,
	div.dl_grid .rz-paginator-element .rz-fileupload-row .rz-paginator-element .rzi-close,
	div.dl_grid .rz-fileupload-row .rz-button .rz-button-sm .rzi-close,
	div.dl_grid .rz-fileupload-row .rz-button .rz-paginator-element .rzi-close,
	div.dl_grid .rz-fileupload-row .rz-paginator-element .rz-button-sm .rzi-close,
	div.dl_grid .rz-fileupload-row .rz-paginator-element .rz-paginator-element .rzi-close,
	div.dl_grid .rz-button-sm .rz-fileupload-row .rz-button .rzi-times,
	div.dl_grid .rz-paginator-element .rz-fileupload-row .rz-button .rzi-times,
	div.dl_grid .rz-button-sm .rz-fileupload-row .rz-paginator-element .rzi-times,
	div.dl_grid .rz-paginator-element .rz-fileupload-row .rz-paginator-element .rzi-times,
	div.dl_grid .rz-fileupload-row .rz-button .rz-button-sm .rzi-times,
	div.dl_grid .rz-fileupload-row .rz-button .rz-paginator-element .rzi-times,
	div.dl_grid .rz-fileupload-row .rz-paginator-element .rz-button-sm .rzi-times,
	div.dl_grid .rz-fileupload-row .rz-paginator-element .rz-paginator-element .rzi-times,
	div.dl_grid .rz-button-sm .rz-fileupload-row .rz-button .rz-icon-trash,
	div.dl_grid .rz-paginator-element .rz-fileupload-row .rz-button .rz-icon-trash,
	div.dl_grid .rz-button-sm .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
	div.dl_grid .rz-paginator-element .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
	div.dl_grid .rz-fileupload-row .rz-button .rz-button-sm .rz-icon-trash,
	div.dl_grid .rz-fileupload-row .rz-button .rz-paginator-element .rz-icon-trash,
	div.dl_grid .rz-fileupload-row .rz-paginator-element .rz-button-sm .rz-icon-trash,
	div.dl_grid .rz-fileupload-row .rz-paginator-element .rz-paginator-element .rz-icon-trash,
	div.dl_grid .rz-fileupload .rz-button .rzi,
	div.dl_grid .rz-fileupload .rz-button .rz-column-drag,
	div.dl_grid .rz-fileupload .rz-button .rz-datatable-loading-content .rzi-circle-o-notch,
	div.dl_grid .rz-datatable-loading-content .rz-fileupload .rz-button .rzi-circle-o-notch,
	div.dl_grid .rz-fileupload .rz-button .rz-datatable-header .rzi-plus,
	div.dl_grid .rz-datatable-header .rz-fileupload .rz-button .rzi-plus,
	div.dl_grid .rz-fileupload .rz-button .rz-sortable-column .rzi-grid-sort,
	div.dl_grid .rz-sortable-column .rz-fileupload .rz-button .rzi-grid-sort,
	div.dl_grid .rz-fileupload .rz-button .rz-datatable .rzi-chevron-circle-down,
	div.dl_grid .rz-datatable .rz-fileupload .rz-button .rzi-chevron-circle-down,
	div.dl_grid .rz-fileupload .rz-button .rz-datatable .rzi-chevron-circle-right,
	div.dl_grid .rz-datatable .rz-fileupload .rz-button .rzi-chevron-circle-right,
	div.dl_grid .rz-fileupload .rz-fileupload-row .rz-button .rzi-close,
	div.dl_grid .rz-fileupload .rz-fileupload-row .rz-paginator-element .rzi-close,
	div.dl_grid .rz-fileupload-row .rz-fileupload .rz-button .rzi-close,
	div.dl_grid .rz-fileupload-row .rz-fileupload .rz-paginator-element .rzi-close,
	div.dl_grid .rz-fileupload .rz-fileupload-row .rz-button .rzi-times,
	div.dl_grid .rz-fileupload .rz-fileupload-row .rz-paginator-element .rzi-times,
	div.dl_grid .rz-fileupload-row .rz-fileupload .rz-button .rzi-times,
	div.dl_grid .rz-fileupload-row .rz-fileupload .rz-paginator-element .rzi-times,
	div.dl_grid .rz-fileupload .rz-fileupload-row .rz-button .rz-icon-trash,
	div.dl_grid .rz-fileupload .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
	div.dl_grid .rz-fileupload-row .rz-fileupload .rz-button .rz-icon-trash,
	div.dl_grid .rz-fileupload-row .rz-fileupload .rz-paginator-element .rz-icon-trash,
	div.dl_grid .rz-button-sm .rz-menuitem .rz-menuitem-icon,
	div.dl_grid .rz-paginator-element .rz-menuitem .rz-menuitem-icon,
	div.dl_grid .rz-fileupload .rz-button .rz-menuitem .rz-menuitem-icon,
	div.dl_grid .rz-menuitem .rz-button-sm .rz-menuitem-icon,
	div.dl_grid .rz-menuitem .rz-paginator-element .rz-menuitem-icon,
	div.dl_grid .rz-menuitem .rz-fileupload .rz-button .rz-menuitem-icon,
	div.dl_grid .rz-fileupload .rz-menuitem .rz-button .rz-menuitem-icon {
		width: 1.8rem;
		font-size: 1.5rem;
		line-height: 2.8rem;
	}

/* Radzen dialogue */

.rz-dialog .rz-dialog-titlebar {
	padding: 1.1rem 2.0rem;
	font-size: 2.0rem;
	line-height: 3.0rem;
}

.rz-dialog .rz-dialog-title {
	padding: 2.0rem;
}

/* section for new component development */
div#dl_profile_fights[b-tjps3r3lp3] > div:last-child > aside {
	width: 38.4rem;
	/*display: flex;*/
	min-width: 38.4rem;
	font-size: 1.6rem;
	font-style: normal;
	font-family: Montserrat;
	font-weight: 800;
	line-height: 2.0rem;
	/*flex-direction: column;*/
	/*background-color: lightyellow;*/
	border-right: 0.1rem solid #000000;
}

/* section for new component development */

div.dl_index_landing_1[b-f2kx309x31] {
}