/* Minification failed. Returning unminified contents.
(3872,64): run-time error CSS1039: Token not allowed after unary operator: '-value'
(3872,91): run-time error CSS1039: Token not allowed after unary operator: '-value'
(6990,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6991,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6992,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6993,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6994,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6995,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6996,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6997,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6998,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6999,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7000,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7001,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7002,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7003,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7004,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7005,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7006,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7007,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7008,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7009,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7010,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7011,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7012,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7013,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7014,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7015,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7016,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7017,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7040,14): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(7044,52): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1'
(7044,74): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-2'
(7044,96): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-3'
(7044,118): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-4'
(7060,14): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1'
(7120,26): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(7160,26): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(7213,26): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(7216,33): run-time error CSS1030: Expected identifier, found '.'
(7216,49): run-time error CSS1031: Expected selector, found ')'
(7216,49): run-time error CSS1025: Expected comma or open brace, found ')'
(7221,14): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1'
(7231,14): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1'
(7235,14): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-4'
(7243,19): run-time error CSS1039: Token not allowed after unary operator: '-theme-box-shadow'
(7247,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(7251,32): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-rgb'
(7281,14): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(7286,31): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-rgb'
(7287,15): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(7291,14): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(7299,31): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-rgb'
(7307,32): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-rgb'
(7316,25): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-light'
(7317,14): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(7323,26): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1'
(7324,15): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(7328,14): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(7333,14): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(7340,25): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-light'
(7341,14): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(7347,26): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-4'
(7351,25): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-4'
(7359,14): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-800'
(7380,25): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1'
(7381,14): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(7388,26): run-time error CSS1039: Token not allowed after unary operator: '-color-hover'
(7389,15): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(7402,26): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-300'
(7403,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(7407,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-400'
(7408,16): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(7412,26): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1'
(7413,15): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(7418,27): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-light'
(7419,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(7427,26): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-light'
(7428,15): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(7429,22): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-light'
(7437,25): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-3'
(7438,14): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(7443,26): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-3-light'
(7444,15): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(7448,30): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-rgb'
(7449,14): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(7458,25): run-time error CSS1039: Token not allowed after unary operator: '-theme-background-glass'
(7473,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
(7484,25): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-800'
(7485,14): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(7491,26): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-light'
(7492,15): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(7495,36): run-time error CSS1030: Expected identifier, found '>'
(7495,61): run-time error CSS1031: Expected selector, found ')'
(7495,61): run-time error CSS1025: Expected comma or open brace, found ')'
(7540,25): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(7547,25): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1'
(7552,25): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-light'
(7553,14): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(7558,15): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(7564,17): run-time error CSS1030: Expected identifier, found ' '
(7573,14): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(7577,14): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(7585,25): run-time error CSS1039: Token not allowed after unary operator: '-theme-background-glass'
(7604,14): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-700'
(7613,30): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-4-rgb'
(7614,14): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(7618,14): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(7622,15): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(7626,30): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-rgb'
(7627,14): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(7628,25): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-light'
(7632,26): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-light'
(7633,15): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(7634,26): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-light'
(7646,14): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1'
(7651,21): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-600'
(7655,14): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1'
(7659,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(7663,25): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1'
(7667,26): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-light'
(7668,15): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(7672,25): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-4'
(7673,14): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(7677,26): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-4-light'
(7678,15): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(7683,14): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(7684,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(7688,26): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-light'
(7689,15): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(7690,22): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-light'
(7694,25): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-light'
(7695,14): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(7696,21): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-light'
(7704,26): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-light'
(7710,26): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1-light'
(7744,14): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-1'
(7769,14): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
 */
.item__input--flex {
	width: 100%;
}

.item__input--select--margin {
	margin-bottom: 20px;
}

.signup-form .block__content .item__input--no-margin {
	margin: 0;
}

.multi__input--holder {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

	.multi__input--holder.hidden {
		display: none;
	}

.inline__inputs {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}

	.inline__inputs input[type=text] {
		padding: 0 5px;
		border: 2px solid #e3eeee;
		background-color: #fff;
	}

.question--flex {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

	.question--flex .radio-item {
		margin-right: 50px;
	}

.question__label--bold {
	font-weight: 700;
}

.question__holder textarea {
	width: 80%;
	min-height: 80px;
	resize: vertical;
}

.itemsholder .item.hidden {
	display: none;
}

.itemsholder .item__input.hidden {
	display: none;
}

.radio-item.radio-item--flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	min-height: 27px;
}

	.radio-item.radio-item--flex.radio-item--full-height {
		height: 100%;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.radio-item.radio-item--flex span {
		margin-left: 9px;
		top: 2px;
	}

	.radio-item.radio-item--flex .radio__input {
		min-width: 21px;
	}

.signup-form .question .delete--item {
	color: red;
	display: block;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	text-decoration: none;
}

	.signup-form .question .delete--item.hidden {
		display: none;
	}

	.signup-form .question .delete--item p {
		border: 2px solid red;
		text-align: center;
		margin-bottom: 20px;
	}

	.signup-form .question .delete--item i {
		display: none;
	}

.signup-form .contract--steps__step .radio-list .radio-item.radio-item--flex span {
	margin-left: 7px;
	top: 2px;
}

.overtime-item {
	border: 1px solid gray;
	padding: 5px;
	margin-bottom: 5px;
}

.question input[type='time'] {
	height: 42px;
}

.signup-form .item .item__input.item--checkbox.checkbox--no-min-height {
	min-height: 0px;
}

hr.no-margin {
	margin: 0 0 1em 0;
}

.content .profile__info-holder .form__label, .content .profile__info-holder .form__input {
	width: 100%;
	margin-left: 0;
}

.content .profile__info-holder .form__input {
	color: #264A76;
}

.form--horizontal .form__input.hidden {
	display: none;
}

@media screen and (min-width: 600px) {
	.multi__input--holder {
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		flex-direction: row;
	}

		.inline__inputs .select2 {
			width: auto;
		}

	.item__input--flex {
		width: 50%;
	}

	.signup-form .question .delete--item {
		display: flex;
		margin-bottom: 0px;
		border: 0;
	}

		.signup-form .question .delete--item i {
			display: block;
			margin-left: 10px;
		}

		.signup-form .question .delete--item p {
			display: none;
		}
}
.user-hour-input__item, .user-hour-input__item:first-child {
	line-height: 30px;
}

.user-hour-input__input input {
	width: 100%;
}

.user-hour-input.user-hour-input--margin {
	margin-top: 20px;
}

.user-hour-input__cell {
	overflow: inherit;
}

.user-hour-input__holder .user-hour-input__row.user-hour-input__row--function:first-child {
	display: none;
}

.user-hour-input__holder.user-hour-input__holder--active .user-hour-input__row.user-hour-input__row--function:first-child {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.user-hour-input__row.user-hour-input__row--errormessage, .user-hour-input__holder .user-hour-input__row--holder .user-hour-input__row.user-hour-input__row--disapprovereason {
	display: none;
	padding-bottom: 10px;
}

.user-hour-input__row--errormessage .user-hour-input__notification, .user-hour-input__row--disapprovereason .user-hour-input__notification {
	border: 1px solid #dfdfdf;
	line-height: 28px;
	margin-left: 28%;
	margin-right: calc(9% + 20px);
	text-align: left;
	padding-left: 10px;
}

	.user-hour-input__row--errormessage .user-hour-input__notification i, .user-hour-input__row--disapprovereason .user-hour-input__notification i {
		font-weight: 500;
		color: #c50d0d;
		top: 1px;
		position: relative;
		padding-right: 5px;
	}

.user-hour-input__row--errormessage.user-hour-input__row--notification--visible, .user-hour-input__holder .user-hour-input__row--disapprovereason.user-hour-input__row--notification--visible {
	display: block;
}

.user-hour-input__row--notification {
	border-bottom: 10px solid #f7f7f7;
}

	.user-hour-input__row--notification p.paragraph {
		width: 100%;
	}

.hoursheet--childstatus .link, .hoursheet--childstatus i.fa-spinner {
	float: right;
}

	.hoursheet--childstatus .link span {
		padding-left: 5px;
		display: none;
	}

	.hoursheet--childstatus .link i {
		background-color: #DFEAE6;
		padding: 2px 10px 2px 8px;
		border-radius: 15px;
		color: #00996a;
	}

		.hoursheet--childstatus .link i.fa-edit {
			padding: 1px 8px 3px 12px;
		}

.link.user-hour-input__comment, .user-hour-input__input input:focus, .user-hour-input__input textarea:focus {
	color: #000;
}

.user-hour-input__company.black, .user-hour-input__company.black span, .hoursheetline.black {
	color: #939393;
}

.hoursheetline.green, .user-hour-input__company.green, .user-hour-input__company.green span, .user-hour-input__item.user-hour-input__item--approved .user-hour-input__comment {
	color: #00A765;
}

.hoursheetline.orange, .hoursheet--childstatus .link i.fa-edit, .user-hour-input__company.orange, .user-hour-input__company.orange span, .user-hour-input__item.user-hour-input__item--saved .user-hour-input__comment {
	color: #E68733;
}

.hoursheetline.red, .user-hour-input__company.red, .user-hour-input__company.red span, .user-hour-input__item.user-hour-input__item--error .user-hour-input__comment {
	color: #c50d0d;
}

.hoursheetline.blue, .user-hour-input__company.blue, .user-hour-input__company.blue span, .user-hour-input__row.user-hour-input__row--top .cell-value, .cell-value.cell-value--totals, .cell-value.cell-value--total-hours, .cell-value.cell-value--total-compensations--week, .user-hour-input__item.user-hour-input__item--loading .user-hour-input__comment {
	color: #264A76;
}

.hoursheetline .hoursheet-actions span {
	display: none;
}

.table tr.hoursheetline.hoursheetline--sub:hover {
	cursor: default;
	background-color: lightgray;
}

	.table tr.hoursheetline.hoursheetline--sub:hover .hoursheet-actions a {
		background-color: white;
	}

.hoursheetline--sub .hoursheet--indent-icon i {
	padding-left: 20px;
}

tr.hoursheetline.hoursheetline--sub {
	background-color: lightgray;
}

.hoursheet-icon {
	width: 30px;
}

	.hoursheet-icon i.fa, .hoursheet-actions i.fa {
		min-width: auto;
	}

.hoursheet-actions, .hoursheet-icon {
	text-align: center;
}

.week-selection__prev-next a {
	color: #00A765;
}

	.week-selection__prev-next a:hover {
		color: #264A76;
	}

.table tr.hoursheetline-status {
	line-height: 15px;
}

.table tbody .hoursheetline-status td {
	padding-left: 5px;
}

.table tr.hoursheetline .hoursheet-actions a {
	background-color: white;
	padding: 5px 15px;
	border-radius: 15px;
	color: #00996a;
	text-decoration: none;
}

.table tr.hoursheetline.orange .hoursheet-actions a {
	color: #E68733;
}

.table tr.hoursheetline:hover .hoursheet-actions a {
	background-color: #DFEAE6;
}

.table tr.hoursheetline .hoursheet-actions a:hover, .table tr.hoursheetline.hoursheetline--sub .hoursheet-actions a:hover {
	background-color: #00996a;
	color: white;
}

.table tr.hoursheetline.orange .hoursheet-actions a:hover {
	background-color: #E68733;
}

.table tbody tr.hoursheetline-status {
	border-bottom: 1px solid lightgray;
	font-size: 12px;
}

.hoursheet-actions {
	width: 60px;
}

.user-hour-input__row.user-hour-input__row--top {
	padding: 2px 10px;
	border: none;
	border-bottom: 10px solid #f7f7f7;
}

	.user-hour-input__row.user-hour-input__row--top .cell-label {
		border-bottom: 1px solid rgba(38,74,118,0.3);
	}

.user-hour-input__company:after {
	content: "";
}

.user-hour-input__subtitle {
	position: relative;
}

	.user-hour-input__subtitle h3 {
		line-height: 30px;
	}

.user-hour-input__cell.user-hour-input__cell--right {
	margin-left: 63%;
}

.user-hour-input__cell-legenda, .user-hour-input__subtitle, .user-hour-input__company, .user-hour-input__key.key--normal, .user-hour-input__select {
	padding-left: 40px;
}

.user-hour-input__value {
	width: 25%;
	text-align: left;
	font-style: italic;
}

.user-hour-input__key {
	width: 70%;
	margin-right: 5%;
	font-weight: normal;
}

	.user-hour-input__key span {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block
	}

	.user-hour-input__key.key--normal {
		width: 100%;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

.key--additional {
	font-size: 80%;
	width: 100%;
}

.user-hour-input__row {
	padding-top: 0;
}

	.user-hour-input__row.hidden {
		display: none;
	}

.user-hour-input__row--first .user-hour-input__company h3, .user-hour-input__row--first .user-hour-input__company span {
	float: left;
	line-height: 30px;
}

	.user-hour-input__row--first .user-hour-input__company h3, .user-hour-input__row--first .user-hour-input__company span, .user-hour-input__row--first .user-hour-input__company span i {
		padding-right: 20px;
	}

.user-hour-input__row.user-hour-input__row--first {
	padding-left: 0;
	background-color: #eee;
	padding: 5px 0;
	justify-content: space-between;
	align-items: center;
}

.user-hour-input__row--first .user-hour-input__item:first-child {
	line-height: 40px
}

.user-hour-input__row--last {
	padding: 5px 0;
}

span.link i:hover {
	cursor: pointer;
}

.user-hour-input__company {
	padding-top: 0;
	height: auto;
}

.user-hour-input__cell--active, .user-hour-input__item--error, .user-hour-input__item--loading {
	background: none;
	border-radius: 0;
}

.user-hour-input__input textarea {
	resize: none;
	padding: 5px;
	background-color: #f9f9f9;
	font-size: 9px;
	width: 100%;
	color: #264A76;
	font-family: ff-din-web,Helvetica,Arial,sans-serif;
}

.user-hour-input__cell--active .user-hour-input__input input, .user-hour-input__cell--active .user-hour-input__input textarea {
	border-color: black;
}

.user-hour-input__comment {
	display: none;
	position: absolute;
	font-weight: 300;
	right: 3px;
	top: 0;
}

	.user-hour-input__comment i {
		position: relative;
		top: 2px;
	}

	.user-hour-input__cell--active .user-hour-input__comment, .user-hour-input__comment.user-hour-input__comment--saved {
		display: block;
	}

		.user-hour-input__comment.user-hour-input__comment--saved i:before {
			content: '\f4a6';
		}

	.user-hour-input__comment i:hover {
		font-weight: 700;
	}

.user-hour-input__cell--active.user-hour-input__item::after, .user-hour-input__row--last span {
	font-size: 14px;
}

	.user-hour-input__row--last span:first-child {
		margin-right: 10px;
	}

.user-hour-input__item.input--disabled input, .user-hour-input__item.input--disabled textarea {
	border-color: #F9F9F9;
}

.user-hour-input__item.input--disabled input, .user-hour-input__item.input--disabled textarea, .user-hour-input__item.input--disabled .user-hour-input__comment, .key--normal.key--disabled {
	color: #bbb;
}

.user-hour-input__item--saved .user-hour-input__input input, .user-hour-input__item--saved .user-hour-input__input textarea {
	border-color: #E68733;
}

.user-hour-input__item--saved.input--disabled .user-hour-input__input input, .user-hour-input__item--saved.input--disabled .user-hour-input__input textarea {
	border-color: #F9F9F9;
	color: #E68733;
}

.user-hour-input__item--approved .user-hour-input__input input, .user-hour-input__item--approved .user-hour-input__input textarea {
	border-color: #00A765;
}

.user-hour-input__item--approved.input--disabled .user-hour-input__input input, .user-hour-input__item--approved.input--disabled .user-hour-input__input textarea {
	border-color: #F9F9F9;
	color: #00A765;
}

.user-hour-input__item--error.input--disabled .user-hour-input__input input, .user-hour-input__item--error.input--disabled .user-hour-input__input textarea {
	border-color: #F9F9F9;
	color: #c50d0d;
}

.user-hour-input__item--error .user-hour-input__input input, .user-hour-input__item--error .user-hour-input__input textarea, .user-hour-input__notification.user-hour-input__notification--error {
	border-color: #c50d0d;
}

.user-hour-input__item--loading .user-hour-input__input input, .user-hour-input__item--loading .user-hour-input__input textarea {
	border-color: #002956;
	pointer-events: none;
	animation: AnimationName 2s ease infinite;
	opacity: 1;
}

.user-hour-input__row .row--title {
	margin-left: 10px;
	width: 100%;
	font-weight: 700;
	margin-top: 20px;
	font-size: 18px;
}

.user-hour-input__company h3 {
	font-size: 16px;
}

.ttbtn:focus, .user-hour-input__input textarea:focus {
	outline: none;
}

.user-hour-input__cell--active .user-hour-input__input input:focus, .user-hour-input__cell--active .user-hour-input__input textarea:focus {
	box-shadow: 0 0 0 2px black;
}

.user-hour-input__item--error .user-hour-input__input input, .user-hour-input__item--error .user-hour-input__input input:focus, .user-hour-input__item--error .user-hour-input__input textarea, .user-hour-input__item--error .user-hour-input__input textarea:focus {
	box-shadow: 0 0 0 2px #c50d0d;
}

.user-hour-input__item {
	margin-bottom: 0;
}

.user-hour-input__key, .user-hour-input__value {
	padding-bottom: 5px;
}

.user-hour-input__cell-legenda .user-hour-input__key, .user-hour-input__cell-legenda .user-hour-input__value {
	padding-bottom: 10px;
}

.user-hour-input__icon {
	left: 10px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.user-hour-input__cell {
	-webkit-flex: 0 0 9%;
	-ms-flex: 0 0 9%;
	flex: 0 0 9%;
	max-width: 9%;
	position: relative;
	padding: 0 20px 0 0;
}

	.user-hour-input__cell:first-child {
		-webkit-flex: 0 0 28%;
		-ms-flex: 0 0 28%;
		flex: 0 0 28%;
		max-width: 28%;
	}

	.user-hour-input__cell.user-hour-input__cell--today {
		font-weight: 700;
	}

		.user-hour-input__cell.user-hour-input__cell--today .cell-label {
			border-bottom-color: rgba(0, 153, 106, 0.3);
		}

		.user-hour-input__cell.user-hour-input__cell--today .cell-value, .user-hour-input__cell.user-hour-input__cell--today .cell-label {
			color: #00996a;
		}

.user-hour-input__holder .user-hour-input__company:before {
	content: "\f067";
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	left: 10px;
	top: 3px;
	font-size: 16px;
}

.user-hour-input__holder.user-hour-input__holder--active .user-hour-input__company:before {
	content: "\f068";
}

.link.link--underline {
	text-decoration: underline;
}

.link--add {
	margin-left: 40px;
	color: #00996a;
	margin-bottom: 10px;
	display: inline-block;
	line-height: 30px;
}

.link.link--add {
	cursor: pointer;
}

.link--add:hover, .link--add.cancel:hover {
	color: #264A76;
}

.link--add.hidden {
	display: none;
}

.link--add.cancel {
	color: #c50d0d;
	margin-left: 0;
}

.user-hour-input__select {
	margin-bottom: 10px;
}

	.user-hour-input__select select {
		width: 100%;
		padding: 3px;
		font-size: 12px;
		color: #264A76;
		border: 1px solid black;
		outline: none;
	}

.user-hour-input__cell .processing {
	margin-left: 40px;
	margin-bottom: 10px;
	padding: 10px;
}

input[type="time"]::-webkit-calendar-picker-indicator {
	display: none;
}

.popup-input__item--title.popup-input__item--title-disabled, .hour--item.hour--item-disabled, .hoursheetline.gray, .cell-value {
	color: #939393;
}

.user-hour-input__cao__show {
	padding-right: 20px;
}

@media screen and (min-width: 480px) {
	.hoursheetline .hoursheet-actions span, .hoursheet--childstatus .link span {
		display: inline-block;
	}

	.hoursheetline .hoursheet-actions a.link {
		margin-right: 5px;
	}

	.hoursheet-actions {
		width: 110px;
	}

	.hoursheetline .hoursheet-actions i.editstatus, .hoursheet--childstatus .link i {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.user-hour-input {
		display: none;
	}
}

@media screen and (min-width: 1280px) {
	.user-hour-input {
		display: block;
	}

	.user-hour-input__input textarea {
		font-size: 11px;
	}

	.user-hour-input__row--top .user-hour-input__cell {
		white-space: nowrap;
	}

	.show-menu .user-hour-input__row--top .user-hour-input__cell {
		font-size: 12px;
	}
}

@media screen and (min-width: 1500px) {
	.user-hour-input__cell {
		padding: 0 30px 0 0;
	}

	.user-hour-input__comment {
		right: 11px;
	}

	.user-hour-input__key, .user-hour-input__value, .link.link--add, .user-hour-input__select select {
		font-size: 14px;
	}

	.user-hour-input__comment {
		right: 9px;
	}

	.user-hour-input__comment, .user-hour-input__row--last span {
		font-size: 100%;
	}

	.user-hour-input__input textarea {
		font-size: 13px;
	}

	.user-hour-input__cao__show {
		padding-right: 30px;
	}
}

.touchevents .user-hour-input__input input, .touchevents .user-hour-input__input textarea {
	font-family: Helvetica;
}

.touchevents .user-hour-input__input input {
	padding: 0;
}

	.touchevents .user-hour-input__input input[type='time'] {
		padding: 0.3em 0.5em 0.2em;
	}

	.touchevents .user-hour-input__input input::-webkit-date-and-time-value {
		margin-right: 0;
	}
.profile-block--item.profile-block--item-table.profile-block--item-table--hourregistration {
	padding: 0;
	font-size: 14px;
}

.profile-block--item-table--hourregistration .table tr.current {
	background-color: #00a765;
}

	.profile-block--item-table--hourregistration .table tr.current:not(:hover) {
		color: #fff;
	}

.table tr.hoursheetline:hover {
	cursor: pointer;
	background-color: #f7f7f7;
}

.table tr.hoursheetline, .profile-block--item-table--hourregistration th {
	line-height: 30px;
}

.hoursheet-legend {
	font-size: 14px;
	display: flex;
	flex-wrap: wrap;
}

.hoursheet-legend__row {
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	display: flex;
	flex-wrap: wrap;
}

.hoursheet-legend__item {
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	display: none;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

	.hoursheet-legend__item.table--help, .show-menu .hoursheet-legend__item.table--help {
		display: flex;
		align-items: flex-end;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.hoursheet-legend__item.visible {
		display: flex;
		margin-bottom: 20px;
	}

.hoursheet-legend__row .hoursheet-legend__item {
	margin-bottom: 0;
}

.table--help a {
	color: #939393;
	text-decoration: none;
}

	.table--help a:hover {
		color: #264A76;
	}

.table--help i.fa {
	min-width: auto;
}

@media screen and (min-width: 600px) {
	.hoursheet-legend__item {
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media screen and (min-width: 768px) {
	.show-menu .hoursheet-legend__item {
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.show-menu .hoursheet-legend__row .hoursheet-legend__item.visible {
		margin-top: 0;
	}
}

@media screen and (min-width: 1024px) {
	.hoursheet-legend__item {
		-webkit-flex: 0 0 33.33%;
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}

	.show-menu .hoursheet-legend__item {
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media screen and (min-width: 1280px) {
	.profile-block--item.profile-block--item-table.profile-block--item-table--hourregistration {
		padding: 0;
		font-size: 17px;
	}

	.show-menu .hoursheet-legend__item {
		-webkit-flex: 0 0 33.33%;
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
}
.hour-input--daily-popup {
	height: 100%;
}

	.hour-input--daily-popup .title--h1 {
		line-height: 1;
		margin: 0;
	}

.mobile-hour-input-popup__item {
	padding: 20px 0;
}

	.mobile-hour-input-popup__item:first-child {
		border-top: 0;
	}

.mobile-hour-input-popup__item--icon {
	right: 0;
	top: 0;
	position: absolute;
}

.mobile-hour-input-popup__item .fa-chevron-down, .mobile-hour-input-popup__item.mobile-hour-input-popup__item-open .mobile-hour-input-popup__item--icon .fa-chevron-up {
	display: inline-block;
}

.mobile-hour-input-popup__item .fa-chevron-up, .mobile-hour-input-popup__item.mobile-hour-input-popup__item-open .mobile-hour-input-popup__item--icon .fa-chevron-down {
	display: none;
}

.mobile-hour-input-popup__item--title {
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	padding: 0 0 20px;
	position: relative;
}

	.mobile-hour-input-popup__item--title.mobile-hour-input-popup__item--title--action {
		cursor: pointer;
	}

	.mobile-hour-input-popup__item--title i {
		padding-right: 10px;
		width: 20px;
	}

	.mobile-hour-input-popup__item--title span {
		font-size: 14px;
		font-weight: normal;
	}

.hour-input--daily-popup__days, .hour-input--daily-popup__repeatdays {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	margin-bottom: 20px;
	box-sizing: border-box;
}

	.hour-input--daily-popup__days .hour-input--daily-popup__days__day, .hour-input--daily-popup__repeatdays .hour-input--daily-popup__days__day {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc(100% / 7);
		max-width: calc(100% / 7);
		box-sizing: border-box;
		padding: 0 5px;
		text-align: center;
		cursor: pointer;
		border-radius: 5px;
	}

.hour-input--daily-popup .hour-input--daily-popup__days .hour-input--daily-popup__days__day:not(.hour-input--daily-popup__days__day--disabled):hover, .hour-input--daily-popup .hour-input--daily-popup__repeatdays .hour-input--daily-popup__days__day:not(.hour-input--daily-popup__days__day--disabled):hover, .mobile-hour-input-popup__item-open .project__item:hover {
	background-color: #eee;
}

.hour-input--daily-popup .hour-input--daily-popup__days__day.hour-input--daily-popup__days__day--disabled {
	cursor: default;
	color: #ccc;
}

.hour-input--daily-popup .hour-input--daily-popup__days__day span {
	line-height: 30px;
	box-sizing: border-box;
	display: block;
	margin: 0 auto;
}

	.hour-input--daily-popup .hour-input--daily-popup__days__day span:first-child {
		border-bottom: 1px solid rgba(38,74,118,0.3);
	}

.hour-input--daily-popup .hour-input--daily-popup__days__day.hour-input--daily-popup__days__day--selected {
	border: 1px solid #00996a;
	color: #007f4c;
}

.popup__actions.mobile-hour-input__item--icons {
	display: flex;
}

	.popup__actions.mobile-hour-input__item--icons .mobile-hour-input__item--icon {
		background-color: #fff;
		padding-top: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

		.popup__actions.mobile-hour-input__item--icons .mobile-hour-input__item--icon:first-child {
			padding-right: 0;
		}

.popup__actions a.icon--link.icon--link--primary {
	background-color: #ff963a;
	border-color: #ff963a;
	color: #fff;
}

	.popup__actions a.icon--link.icon--link--primary:hover {
		background-color: #e68734;
		border-color: #e68734;
		color: #fff;
	}

.popup__actions .paragraph {
	line-height: 1;
	width: 100%;
	text-align: center;
}

.project__item {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
	display: none;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

	.project__item.hidden, .popup-input__item .user-hour-input__input.hidden {
		display: none;
	}

.mobile-hour-input-popup__item-open .project__item {
	cursor: pointer;
}

	.mobile-hour-input-popup__item-open .project__item.project__item--selected {
		border: 1px solid #00996a;
		padding: 10px;
		color: #007f4C;
		margin-bottom: 10px;
	}

.project__item.project__item--selected {
	border: 0;
	padding: 0;
	margin-bottom: 0;
}

.mobile-hour-input-popup__item-open .project__item:not(.hidden), .project__item.project__item--selected {
	display: block;
}

.project__item--title, .project__item--content, .popup-input__item--title, .project__item--content--cao {
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.project__item--title, .popup-input__item--title, .mobile-hour-input-popup__item .link--add, .popup-input__item select {
	font-size: 16px;
}

.project__item--title {
	font-weight: 700;
}

.popup-input__item--title {
	display: flex;
	min-height: 30px;
	align-items: center;
	line-height: 1;
	font-size: 80%;
}

	.popup-input__item--title .popup-input__item--title--additional {
		width: 100%;
		font-size: 70%;
	}

.functionrow__item .popup-input__item--title {
	padding-right: 10px;
}

.project__item--content, .project__item--projectno, .project__item--businessunit, .popup-input__item .user-hour-input__input label, .project__item--content--cao {
	font-size: 12px;
}

.popup-input__item {
	padding: 0 25px 10px 0;
}

	.popup-input__item.activity__item {
		padding-bottom: 10px;
	}

		.popup-input__item, .popup-input__item.activity__item.activity__item--time .user-hour-input__item {
			position: relative;
		}

			.popup-input__item.activity__item:last-child {
				border-bottom: 0;
			}

			.popup-input__item.activity__item {
				border-bottom: 1px solid #e1e1e1;
			}

			.popup-input__item .user-hour-input__comment {
				right: 0;
			}

			.popup-input__item.activity__item .user-hour-input__comment {
				top: 30px;
			}

			.popup-input__item.activity__item.activity__item--time .user-hour-input__comment {
				top: 0;
				right: -25px;
			}

			.popup-input__item .user-hour-input__input {
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-flex-direction: row;
				-ms-flex-direction: row;
				flex-direction: row;
				margin-bottom: 0;
			}

			.popup-input__item.functionrow__item:not(.hidden) {
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-flex-direction: row;
				-ms-flex-direction: row;
				flex-direction: row;
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				box-sizing: border-box;
			}

			.popup-input__item:not(.functionrow__item) .user-hour-input__input input, .popup-input__item:not(.functionrow__item) .user-hour-input__input textarea, .popup-input__item .user-hour-input__input .input__label, .popup-input__item.functionrow__item .popup-input__item--title, .popup-input__item.functionrow__item .user-hour-input__item {
				-webkit-flex: 0 0 50%;
				-ms-flex: 0 0 50%;
				flex: 0 0 50%;
				max-width: 50%;
				box-sizing: border-box;
			}

			.popup-input__item .user-hour-input__input label {
				font-style: italic;
			}

			.popup-input__item .user-hour-input__input textarea {
				font-size: 16px;
			}

			.popup-input__item.activity__item textarea {
				margin-left: 50%;
			}

.input__label {
	padding-left: 25%;
}

.mobile-hour-input-popup__item .link--add {
	margin-left: 0;
	margin-bottom: 0;
}

.popup-input__item .line {
	height: 1px;
	width: 80%;
	background-color: #e1e1e1;
	margin-left: 20%;
	margin-bottom: 10px;
}

.popup-input__item select {
	padding: 3px;
	color: #264A76;
	border: 1px solid black;
	outline: none;
	display: block;
	width: 100%;
}

.popup-input__item .paragraph.status--error {
	width: 100%;
	margin: 10px 0;
	box-sizing: border-box;
}

.popup-input__item.functionrow__item .paragraph.status--error {
	margin: 10px 0 0;
}

.activity__item--time .user-hour-input__input {
	margin-bottom: 10px;
}

.popup-input__item.activity__item:not(.activity__item--time) textarea, .functionrow__item textarea {
	margin-top: 10px;
}

.mobile-hour-input-popup__item-open .project__item--content--cao {
	display: none;
}

.cao-description .mobile-hour-input-popup__item--content {
	display: none;
}

.cao-description.mobile-hour-input-popup__item-open .mobile-hour-input-popup__item--content {
	display: block;
}

.mobile-hour-input-popup__item--content .cao-title {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 10px;
	text-decoration: underline;
}

@media screen and (min-width: 600px) {
	.mobile-hour-input-popup__item--content {
		padding-left: 30px;
	}

	.popup-input__item select {
		width: calc(50% - 10px);
	}

	.popup-input__item--title {
		font-size: 100%;
	}
}

@media screen and (min-width: 768px) {
	.project__item--title {
		font-size: 18px;
	}

	.project__item--content, .project__item--projectno, .project__item--businessunit, .popup-input__item .user-hour-input__input label, .project__item--content--cao {
		font-size: 14px;
	}

	.popup-input__item .user-hour-input__input {
		margin-left: 0;
	}
}
.job_request_row:hover {
	cursor: pointer;
}

tr.job_request_row.inactive {
	font-style: italic;
}

	tr.job_request_row.inactive:hover {
		background-color: #ebebeb;
		cursor: default;
	}

.profile-block__actions--select {
	margin-bottom: 20px;
	margin-top: 10px;
}

	.profile-block__actions--select p {
		display: inline-block;
	}

	.profile-block__actions--select select {
		width: 160px;
	}

.item__list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}

	.item__list .item {
		-webkit-align-items: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-direction: row;
	}

		.item__list .item i {
			padding-right: 10px;
			padding-left: 10px;
		}

		.item__list .item .item__input {
			width: 100%;
		}

			.item__list .item .item__input input[type=text] {
				position: relative;
			}

.button.button--margin-bottom {
	margin-bottom: 20px;
}

.candidate__commit--selection {
	margin-bottom: 20px;
}

.employees.employees__candidates {
	margin-bottom: 0;
}

.employees__candidates .employees__item:hover {
	background: #e3eeee;
}

.employees__candidates .employees__item {
	background: #F7F7F7;
	border: 2px #002956 solid;
}

.employees__candidates.employees_candidates--available .employees__item:hover {
	cursor: pointer;
}

.employees__candidates .employees__item .employees__item__info {
	padding-bottom: 5px;
}

.employees__candidates .employees__item.employees__item--selected {
	background: #d7e4e4;
}

.employees__candidates .employees__item.employees__item--chosen {
	border-color: #00996A;
}

	.employees__candidates .employees__item.employees__item--chosen h3 {
		color: #00996A;
	}

	.employees__candidates .employees__item.employees__item--chosen .label {
		position: absolute;
		right: 10px;
		top: 10px;
		padding: 2px 5px;
		background-color: #F2933F;
		color: #fff;
		font-size: 13px;
		border-radius: 10px;
	}

.modal-content__candidate {
	margin: 50px auto 50px auto;
	padding: 20px;
	width: 80%;
	top: 50%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.modal-content--job .title--h2, .modal-content--job .title--h3 {
	font-weight: 700;
	font-size: 2.0rem;
	font-size: 20px;
}

.modal-content--job .line {
	height: 2px;
	background: #E2E2E2;
	margin-bottom: 50px;
	margin-top: 50px;
}

.modal-content--job .paragraph {
	margin-bottom: 20px;
}

.modal-content--job .show-on-desktop {
	display: none;
}

.modal-content--job .band--mobile-apply {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgb(255, 255, 255);
	z-index: 999;
	padding: 10px 20px;
	width: auto;
	box-sizing: border-box;
}

	.modal-content--job .band--mobile-apply .band__content {
		padding: 0px 0px;
	}

.modal-content--job .band__content {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1530px;
	margin: 0 auto;
	width: 100%;
	padding: 0px 20px;
}

.modal-content--job .band--header {
	display: flex;
	overflow: hidden;
	z-index: 1;
	justify-content: flex-end;
	flex-direction: column;
	box-sizing: border-box;
	color: white;
	margin-bottom: 50px;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: none;
	position: relative;
}

	.modal-content--job .band--header .title--h1 {
		font-size: 20px;
		padding-top: 20px;
		color: white;
		padding: 0;
		border-bottom: 0;
		margin-bottom: 0;
	}

	.modal-content--job .band--header .band__background-image::before {
		bottom: 0;
		content: '';
		display: block;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		background-color: rgba(0, 0, 0, 0.5);
		background-image: none;
	}

	.modal-content--job .band--header .band__content {
		min-height: 250px;
		z-index: 2;
		flex-direction: column;
		padding: 20px;
		font-weight: bold;
	}

		.modal-content--job .band--header .band__content .info {
			font-size: 100%;
			font-weight: normal;
			padding-left: 5px;
		}

.modal-content--job .band__background-image {
	background: 50% 25% no-repeat;
	background-size: cover;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.modal-content--job .content {
	flex: 0 0 100%;
}

.modal-content--job .list--icon.requirements li:before {
	content: "\f178";
}

.modal-content--job .band--main {
	padding: 0 0px 60px;
}

	.modal-content--job .band--main .content {
		margin-bottom: 20px;
	}

.modal-content--job .list--icon {
	margin-left: 0px;
	list-style: none;
}

.modal-content--job .list {
	margin: 0px 0px 40px 6px;
}

.modal-content--job .list--icon li::before {
	color: rgb(0, 153, 106);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	content: "\f00c";
	height: 18px;
	transform: translateX(-6px);
	width: 18px;
}

.modal-content--job .form__input {
	margin-left: 0px;
}

	.modal-content--job .form__input input {
		height: 52px;
		font-size: 18px;
		border-radius: 5px;
	}

.jobs__social {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.jobs__action-bar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 30px;
}

.jobs__social .jobs__social__item {
	background: #002956;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
	transform: scale(0.8);
	text-decoration: none;
	color: white;
}

	.jobs__social .jobs__social__item i {
		font-size: 25px;
		font-weight: 400;
	}

.sidebar__job--detail {
	flex: 0 0 100%;
	max-width: 100%;
}

	.sidebar__job--detail .item {
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
		background-color: white;
		padding: 30px;
		border-radius: 4px;
		box-sizing: border-box;
		margin: 0 0 40px;
		min-height: 40px;
		padding: 30px;
		position: relative;
		width: 100%;
	}

	.sidebar__job--detail .item--fill {
		box-shadow: none;
		padding-bottom: 30px;
		background-color: #00996a;
		color: white;
		padding-bottom: 50px;
	}

		.sidebar__job--detail .item--fill .title {
			color: white;
		}

	.sidebar__job--detail .item.item--flat {
		background-color: transparent;
		box-shadow: none;
		padding: 0;
	}

	.sidebar__job--detail .link {
		text-decoration: none;
	}

	.sidebar__job--detail .flex-row .flex-col--spacing {
		padding: 20px;
	}

	.sidebar__job--detail .flex-row .flex-col {
		flex: 0 auto;
		box-sizing: border-box;
	}

	.sidebar__job--detail .flex-row {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.sidebar__job--detail i {
		width: 25px;
		color: #00996a;
		text-align: center;
	}

	.sidebar__job--detail .paragraph {
		margin-bottom: 20px;
	}

		.sidebar__job--detail .paragraph.responsibility--center, .sidebar__job--detail .paragraph.co-worker {
			margin: 0;
			line-height: 2;
		}

/* Remove when all buttons go to new styling */
.modal-content--job .btnsvg.btnsvg--full {
	width: calc(100%);
	box-sizing: border-box;
}

	.modal-content--job .btnsvg.btnsvg--full .svg-wrapper {
		right: 0;
	}

.modal-content--job .btnsvg.btnsvg--job-item {
	width: calc(100%);
	box-sizing: border-box;
}

.modal-content--job .btnsvg {
	background-color: #F3953F;
	margin: 10px auto;
	color: white;
	font-size: 2px;
	font-size: 2rem;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font-family: "ff-din-web", Helvetica, Arial, sans-serif;
	line-height: 1.2;
	max-width: 930px;
	position: relative;
	text-align: left;
	text-decoration: none;
	transition: color 300ms ease-in-out;
	padding: 10px 40px 10px 20px;
	border-radius: 10px;
	min-height: 0;
}

.modal-content--job .btnsvg-txt {
	padding: 0px 15px 0px 0px !important;
	font-weight: 500;
}

	.modal-content--job .btnsvg-txt::after {
		content: "";
		display: none;
		margin-left: 0px;
		position: absolute;
		right: 0px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

.modal-content--job .svg-wrapper {
	width: 40px;
	background: #EFA770;
	position: absolute;
	display: inline;
	height: 100%;
	top: 0;
	right: 0;
	overflow: hidden;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.modal-content--job .svg-triangle {
	height: 100%;
	position: absolute;
	left: 0;
	margin-top: 0px;
	margin-bottom: 10px;
	top: 0px;
	fill: #F3953F;
}

	.modal-content--job .svg-triangle path {
		stroke-width: 40px;
		stroke: #F3953F;
		stroke-linejoin: round;
		stroke-linecap: round;
	}

.modal-content--job .btnsvg:hover, .modal-content--job .btnsvg:hover .svg-triangle path {
	stroke: #F4A966;
	fill: #F4A966;
	background: #F4A966;
}

	.modal-content--job .btnsvg:hover .svg-triangle, .modal-content--job .btnsvg:hover .svg-wrapper {
		background: #F1B88D;
		/* IE */
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}

.modal-content--job .btnsvg.button--secondary {
	background-color: #274A76;
}

	.modal-content--job .btnsvg.button--secondary .svg-wrapper {
		background: #406593;
	}

	.modal-content--job .btnsvg.button--secondary .svg-triangle {
		fill: #274A76;
	}

		.modal-content--job .btnsvg.button--secondary .svg-triangle path {
			stroke: #274A76;
		}

	.modal-content--job .btnsvg.button--secondary:hover, .btnsvg.button--secondary:hover .svg-triangle path {
		stroke: #526D90;
		fill: #526D90;
		background: #526D90;
	}

		.modal-content--job .btnsvg.button--secondary:hover .svg-triangle, .btnsvg.button--secondary:hover .svg-wrapper {
			background: #6683A8;
		}

.modal-content--job .band--main .band__content .sidebar .btnsvg {
	font-size: 20px;
}

.modal-content--job .row .item.item--document-upload span.svg-wrapper {
	margin-top: 0px;
}
/* End remove when all buttons go to new styling */

.profile-block--fixed {
	max-width: 1000px;
}

@media screen and (min-width: 768px) {
	.modal-content--job .band--mobile-apply {
		margin: 0 auto;
		width: 90%;
	}
}

/* (10/9) * 768px -- because of modal border*/
@media screen and (min-width: 853px) {
	.modal-content--job .title--h2 {
		font-size: 2.8rem;
		font-size: 28px;
	}

	.modal-content--job .title--h3 {
		font-size: 2.4rem;
		font-size: 24px;
	}

	.modal-content--job .band--header .title--h1 {
		font-size: 36px;
	}

	.modal-content__candidate {
		width: 40%;
	}

	.jobs__action-bar {
		margin-bottom: 0px;
		justify-content: space-between;
	}
}

/* ((10 / 9) * 1024px) - 40px -- because of modal border*/
@media screen and (min-width: 1098px) {
	.modal-content--job .show-on-desktop {
		display: block;
	}

	.modal-content--job .show-on-mobile {
		display: none;
	}

	.modal-content--job .title--h2 {
		font-size: 3.2rem;
		font-size: 32px;
	}

	.modal-content--job .content {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc(60% - 50px);
		max-width: calc(60% - 50px);
	}

	.modal-content--job .sidebar__job--detail {
		max-width: 40%;
		flex: 0 0 40%;
		justify-content: space-between;
	}

	.modal-content--job .band--mobile-apply {
		display: none;
	}

	.modal-content--job .band--header .title--h1 {
		font-size: 64px;
	}

	.modal-content--job .band--header .band__content {
		min-height: 450px;
	}

	.sidebar__job--detail .flex-row {
		flex-wrap: nowrap;
	}

	.jobs__social .jobs__social__item.show-on-mobile {
		display: none;
	}

	.jobs__social .jobs__social__item {
		transform: scale(1);
	}
}

/* ((10/9) * 1280px) - 40px -- because of modal border*/
@media screen and (min-width: 1382px) {
	.modal-content--job .content {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc(70% - 50px);
		max-width: calc(70% - 50px);
	}

	.modal-content--job .sidebar__job--detail {
		max-width: 30%;
		flex: 0 0 30%;
	}
}

@media screen and (min-width: 1280px) {
	.modal-content--job .job-item.btnsvg {
		width: auto;
	}

		.modal-content--job .job-item.btnsvg .svg-wrapper {
			right: auto;
		}

	.modal-content--job .btnsvg.btnsvg--job-item {
		margin-top: 0;
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		width: auto;
	}
}
.job-detail .job-detail--header .content .link:hover {
	color: #00A765;
}

.job__opening-block .line {
	height: 2px;
	background: #E2E2E2;
	margin: 50px 0;
}

.job__opening-block .list {
	margin: 0 0 40px 24px;
}

.job__opening-block .list--icon {
	list-style: none;
	margin-left: 0;
}

	.job__opening-block .list--icon li {
		line-height: 1.2;
		margin-bottom: 5px;
		padding-left: 28px;
		position: relative;
	}

.job__opening-block li::before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	vertical-align: -.125em;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	height: 18px;
	left: 0;
	position: absolute;
	top: 10px;
	transform: translateY(-50%);
	width: 18px;
	color: #00996a;
}

.job__opening-block .list--icon.offerings li::before {
	content: "\f00c";
}

.job__opening-block .list--icon.requirements li::before {
	content: "\f178";
}

.job-detail .job-detail--header {
	position: relative;
	margin-bottom: 30px;
}

.job-detail .paragraph {
	margin-bottom: 30px;
}

.job-detail .job-detail--header .info--wrapper {
	position: absolute;
	bottom: 30px;
}

.job-detail .job-detail--header .content {
	min-height: 250px;
	background: transparent;
}

	.job-detail .job-detail--header .content .title, .job-detail .job-detail--header .content .info, .job-detail .job-detail--header .content .link {
		color: white;
	}

	.job-detail .job-detail--header .content .link {
		text-decoration: none;
	}

	.job-detail .job-detail--header .content .title {
		font-weight: 700;
	}

	.job-detail .job-detail--header .content .info {
		font-size: 1.3rem;
		font-size: 13px;
	}

.job-detail .job-detail--header .background-image {
	background-size: cover;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	background-position: 50% 50%;
}

	.job-detail .job-detail--header .background-image:before {
		background-color: rgba(0, 0, 0, 0.5);
		bottom: 0;
		content: '';
		display: block;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

.job-search .filter__item:hover, .job-list .filter-selected__reset a:hover {
	font-weight: bold;
	cursor: pointer;
}

.job-detail .site .content {
	z-index: 1;
}

.job-overview {
	width: auto;
	flex-wrap: wrap;
	display: flex;
}

.job-list {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-ms-flex: 1 auto;
	flex: 1 auto;
}

	.job-list .job-list__filter-selected {
		display: flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 20px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

		.job-list .job-list__filter-selected .filter-selected__reset {
			-webkit-box-flex: 1;
			-ms-flex: 1 auto;
			flex: 1 auto;
			text-align: right;
		}

			.job-list .job-list__filter-selected .filter-selected__reset a {
				color: #aaa;
				text-decoration: none;
			}

		.job-list .job-list__filter-selected > span {
			display: none;
			padding-right: 10px;
		}

		.job-list .job-list__filter-selected .filter__item {
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			background-color: #f6f6f6;
			border-radius: 3px;
			color: #666;
			cursor: pointer;
			display: -webkit-inline-box;
			display: -ms-inline-flexbox;
			display: inline-flex;
			font-size: 14px;
			margin-bottom: 5px;
			margin-right: 10px;
			padding: 7px 12px;
		}

			.job-list .job-list__filter-selected .filter__item i {
				font-weight: 500;
			}

			.job-list .job-list__filter-selected .filter__item:hover {
				background-color: #e6e6e6;
			}

			.job-list .job-list__filter-selected .filter__item span {
				display: block;
				line-height: 1;
				padding-top: 5px;
				margin-right: 8px;
			}

	.job-list .job-list__title {
		font-size: 32px;
		margin-bottom: 10px;
	}

	.job-list .job-list__amount {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-bottom: 1px solid #d3d3d3;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.job-list .job-list__job {
		padding: 20px 15px 15px;
		text-decoration: none;
		display: block;
		border-radius: 10px;
		box-shadow: 0 2px 9px rgba(0,0,0,.2);
		margin: 0 0 30px;
		position: relative;
		border: 0;
	}

		.job-list .job-list__job:hover {
			background-color: #e3eeee;
		}

		.job-list .job-list__job h3 {
			font-size: 18px;
			color: #002b56;
			font-weight: 700;
			margin-bottom: 5px;
			word-break: break-word;
		}

		.job-list .job-list__job p {
			color: #002b56;
			font-size: 14px;
			margin-bottom: 5px;
		}

		.job-list .job-list__job .job-list__job__tags {
			color: #00a765;
		}

.job-list__job .btn span {
	color: #fff;
	display: inline-block;
	padding: 8px 0 5px;
}

.job-list__job .btn {
	background: #002b56;
	border-radius: 5px;
	display: block;
	font-size: 16px;
	margin-top: 15px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

	.job-list__job .btn img {
		display: none;
	}

.job-search {
	-webkit-transform: translateY(-100vh);
	transform: translateY(-100vh);
	display: none;
}

	.job-search.visible {
		display: block;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		background-color: white;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0px;
		height: 100vh;
		overflow: scroll;
		position: fixed;
		width: 100vw;
		z-index: 999;
		padding: 0 20px;
		box-sizing: border-box;
	}

.job-list .mobile-filter-options {
	border-bottom: 1px solid #dfe1e4;
	border-top: 1px solid #dfe1e4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 20px;
	padding: 5px 0;
}

	.job-list .mobile-filter-options a {
		color: #002b56;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		line-height: 1;
		padding: 10px 0 7px 10px;
		text-decoration: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

		.job-list .mobile-filter-options a:first-child {
			border-right: 1px solid #dfe1e4;
		}

		.job-list .mobile-filter-options a .fa {
			color: #0F986A;
			font-weight: 500;
		}

		.job-list .mobile-filter-options a span {
			padding-left: 10px;
			position: relative;
			top: 1px;
		}

.job-search .filters {
	display: none;
}

	.job-search .filters.visible {
		display: block;
	}

.job-search.visible .filters.visible h3.filter-title {
	border-top: 0;
	font-size: 32px;
	color: #00996a;
	padding: 15px 0;
}

.job-search.visible .filters.visible .job-search__button {
	background-color: #00996a;
	color: white;
}

.job-search .count {
	color: #999;
	font-size: 12px;
	vertical-align: middle;
	margin-left: 2px;
}

.job-search .job-search__filter {
	margin: 0 0 30px;
}

.job-search .job-search__input {
	height: 40px;
	margin-bottom: 10px;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #d3d3d3;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding: 0 10px;
	font: 99% sans-serif;
}

.job-search .job-search__button {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #ee9502;
	border-radius: 5px;
	border: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #002b56;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 18px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 13px 30px 10px;
	text-decoration: none;
	margin-bottom: 30px;
	width: 100%;
}

.job-search.visible .job-search__filter h3 {
	border-top: 1px solid #002b56;
	padding: 15px 0;
	margin-bottom: 0;
	font-size: 22px;
}

.job-search__filter.filter h3:after {
	right: 30px;
	padding-top: 6px;
	position: absolute;
	content: "\f078";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 500;
	font-size: 14px;
}

.job-search__filter.filter.visible h3:after {
	content: "\f077";
}

.job-search .form__list {
	margin: 0;
}

.job-search.visible .job-search__filter {
	margin-bottom: 0;
}

	.job-search.visible .job-search__filter .form__list {
		padding-bottom: 20px;
		display: none;
	}

	.job-search.visible .job-search__filter.visible .form__list {
		display: block;
	}

a.filters-close {
	position: absolute;
	top: 20px;
	right: 25px;
	font-size: 32px;
	z-index: 999;
	color: #002b56;
}

.job-detail .job-detail--header h1 {
	word-break: break-word;
	margin-bottom: 0;
}

.job-detail .title--h2 {
	font-weight: 700;
	margin-bottom: 20px;
}

.job-detail .sidebar--item {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	padding: 30px;
}

	.job-detail .sidebar--item .title--h2 {
		margin-top: 0;
	}

.job-detail .content .form .form__actions {
	padding-left: 0;
}

@media screen and (min-width: 768px) {
	.job-detail .job-detail--header .content .info {
		font-size: 100%;
	}

	.job-detail .title--h2 {
		font-size: 28px;
		font-size: 2.8rem;
	}

	.job-detail .job-detail--header h1 {
		font-size: 36px;
		font-size: 3.6rem;
	}
}

@media screen and (min-width: 1024px) {
	.job-search__filter.filter h3:after {
		display: none;
	}

	.job-detail .job-detail--header h1 {
		font-size: 64px;
		font-size: 6.4rem;
	}

	.job-detail .title--h2 {
		font-size: 3.2rem;
		font-size: 32px;
	}

	.job-search__filter h3 span {
		display: none;
	}

	.job-list .job-list__filter-selected > span {
		display: inline-block;
	}

	.job-search h3 {
		font-size: 17px;
		font-size: 1.7rem;
		font-weight: bold;
		color: #264A76;
		margin-bottom: 10px;
	}

	.job-search .filters {
		display: block;
	}

	.show-on-mobile {
		display: none;
	}

	.job-list .mobile-filter-options {
		display: none;
	}

	.job-list__job .btn {
		background: transparent;
		font-size: 0;
		margin-top: 0;
		position: absolute;
		right: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: auto;
	}

		.job-list__job .btn img {
			display: block;
		}

		.job-list__job .btn span {
			display: none;
		}

	.job-detail .job-detail--header .content {
		min-height: 400px;
	}

	.job-overview {
		display: flex;
		flex-wrap: nowrap;
		max-width: 1530px;
	}

	.job-search {
		background-color: transparent;
		display: block;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 300px;
		flex: 0 0 300px;
		height: auto;
		overflow: visible;
		padding: 0 40px 0 0;
		position: relative;
		top: auto;
		-webkit-transform: none;
		transform: none;
		-webkit-transition: none;
		transition: none;
	}

	.job-list .job-list__job {
		padding: 20px 150px 15px 30px;
	}

		.job-list .job-list__job p {
			font-size: 16px;
		}

		.job-list .job-list__job h3 {
			font-size: 22px;
		}
}
.hour-input--daily {
	font-size: 13px;
}

.mobile-hour-input {
	width: 100%;
	left: 0;
	margin-bottom: 20px;
}

	.mobile-hour-input .paragraph.status--info {
		width: 100%;
	}

.mobile-hour-input__totals, .mobile-hour-input__day .mobile-hour-input__info, .mobile-hour-input__day .mobile-hour-input__day--totals {
	font-size: 16px;
	font-weight: 300;
	min-height: inherit;
}

.mobile-hour-input__totals, .mobile-hour-input__day {
	border-bottom: 0
}

.mobile-hour-input__info, .mobile-hour-input__item, .mobile-hour-input__totals, .mobile-hour-input__item--notification, .mobile-hour-input__day--totals {
	box-sizing: border-box;
}

.mobile-hour-input__totals {
	background-color: #e4eeef;
	padding: 10px;
}

	.mobile-hour-input__totals span:first-child, .mobile-hour-input__info span:nth-child(odd), .mobile-hour-input__day--totals span:nth-child(odd) {
		-webkit-flex: 0 0 75%;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
		padding-left: 10px;
		text-align: left;
		padding-right: 0;
		box-sizing: border-box;
	}

	.mobile-hour-input__totals .mobile-hour-input__totals--title-holder:nth-child(2) > span {
		cursor: pointer;
	}

.mobile-hour-input__info span:first-child {
	padding-left: 40px;
}

.mobile-hour-input__days {
	border: 10px solid #f7f7f7;
	border-top: 20px solid #f7f7f7;
	background-color: #f7f7f7;
	width: 100%;
}

.mobile-hour-input__day {
	background-color: #eee;
	position: relative;
	padding: 0;
	margin-bottom: 10px;
	display: block;
}

	.mobile-hour-input__day > .paragraph.status--error {
		margin: 0 5px 5px;
	}

.mobile-hour-input__day--content {
	display: none;
	width: 100%;
}

.mobile-hour-input__day.mobile-hour-input__day--active .mobile-hour-input__day--content {
	border: 5px solid #eee;
	border-top: 0;
	width: calc(100% - 10px);
	display: block;
}

.mobile-hour-input__day .mobile-hour-input__day--icons {
	display: flex;
	width: 100%;
	background-color: #eee;
	padding-bottom: 5px;
}

.mobile-hour-input__item {
	border-bottom: 3px solid #eee;
	display: flex;
	background-color: #fff;
	padding: 20px 10px;
}

.mobile-hour-input__item--notification {
	background-color: #fff;
	width: 100%;
	padding: 20px 15px;
}

	.mobile-hour-input__item--notification.hidden {
		display: none;
	}

.mobile-hour-input__item:last-child {
	border-bottom: 0;
}

.mobile-hour-input__item.mobile-hour-input__item--open {
	background-color: #e4eeef;
}

.mobile-hour-input__day--icons .mobile-hour-input__icon {
	-webkit-flex: 0 0 33.33%;
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	max-width: 33.33%;
	background-color: #eee;
	text-align: center;
	border-radius: 5px;
	box-sizing: border-box;
	padding-right: 5px;
	padding-left: 5px;
}

	.mobile-hour-input__day--icons .mobile-hour-input__icon:first-child {
		padding-left: 0;
		padding-right: 10px;
	}

	.mobile-hour-input__day--icons .mobile-hour-input__icon:nth-child(3) {
		padding-right: 0;
		padding-left: 10px;
	}

a.icon--link {
	border-radius: 5px;
	display: block;
	font-size: 13px;
	font-weight: 300;
	padding: 3px 15px 0;
	position: relative;
	text-decoration: none;
	background-color: #fff;
	border: 2px solid #ccc;
	line-height: 28px;
	top: inherit;
	right: inherit;
}

	a.icon--link:not(.disabled):hover {
		background: #d7e4e4;
		border-color: #d7e4e4;
		color: #00996a;
	}

	a.icon--link.disabled {
		cursor: default;
	}

	a.icon--link span {
		display: none;
	}

	a.icon--link i.fa-spinner.fa-pulse {
		padding-right: 0;
	}

	a.icon--link.hidden {
		display: none;
	}

.mobile-hour-input__info:hover {
	cursor: pointer;
}

.mobile-hour-input__info {
	background-color: inherit;
	padding: 5px 0;
}

	.mobile-hour-input__info span, .mobile-hour-input__totals span, .mobile-hour-input__day--totals span {
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
		text-align: right;
		padding-right: 15px;
		box-sizing: border-box;
	}

		.mobile-hour-input__info span:first-child:before {
			content: "\f067";
			font-family: 'Font Awesome 5 Pro';
			position: absolute;
			left: 15px;
			top: 4px;
			font-size: 16px;
			font-weight: 300;
		}

.mobile-hour-input__day.mobile-hour-input__day--active .mobile-hour-input__info span:first-child:before {
	content: "\f068";
}

.mobile-hour-input__info span, .mobile-hour-input__totals span {
	line-height: 30px;
}

span.mobile-hour-input__totals--title {
	-webkit-flex: 0 0 75%;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
	padding-left: 10px;
	text-align: left;
	padding-right: 0;
	box-sizing: border-box;
}

.mobile-hour-input__totals--title-holder {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.mobile-hour-input__totals--holder {
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	display: flex;
	flex-wrap: wrap;
}

	.mobile-hour-input__totals--holder span {
		line-height: 24px;
		font-size: 12px;
	}

	.mobile-hour-input__totals--holder > span {
		display: none;
	}

.mobile-hour-input__totals--show-totals .mobile-hour-input__totals--holder > span {
	display: block;
}

.mobile-hour-input__totals--show-totals .mobile-hour-input__item--icon i:before {
	content: "\f077";
}

.mobile-hour-input__info .cell-value, .mobile-hour-input__day--totals .cell-value {
	color: #264A76;
}

.mobile-hour-input.mobile-hour-input--margin {
	margin-top: 20px;
}

.mobile-hour-input__day.mobile-hour-input__day--today .mobile-hour-input__info span {
	color: #00996a;
	font-weight: 700;
}

.mobile-hour-input__item.mobile-hour-input__item--error .mobile-hour-input__item--header, .mobile-hour-input__day.mobile-hour-input__day--error .mobile-hour-input__info span {
	color: #c50d0d;
}

.mobile-hour-input__item.mobile-hour-input__item--saved .mobile-hour-input__item--header, .mobile-hour-input__day.mobile-hour-input__day--saved .mobile-hour-input__info span {
	color: #E68733;
}

.mobile-hour-input__item.mobile-hour-input__item--approved .mobile-hour-input__item--header, .mobile-hour-input__day.mobile-hour-input__day--approved .mobile-hour-input__info span {
	color: #00A765;
}

.show-menu .mobile-hour-input__add {
	display: none;
}

.mobile-hour-input__add {
	background-color: #007f4c;
	border-radius: 50%;
	bottom: 10px;
	cursor: pointer;
	font-size: 0;
	height: 50px;
	position: fixed;
	right: 10px;
	width: 50px;
}

	.mobile-hour-input__add:after {
		font-family: 'Font Awesome 5 Pro';
		content: "\f067";
		display: inline-block;
		color: #fff;
		font-size: 30px;
		line-height: 30px;
		width: 50px;
		text-align: center;
		padding-top: 10px;
	}

.mobile-hour-input__item--header, .mobile-hour-input__item--content, .hour--item__group {
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.mobile-hour-input__item--content {
	flex-direction: column;
	flex-wrap: wrap;
}

.mobile-hour-input__item--header {
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	flex-direction: row;
	padding-left: 30px;
}

.mobile-hour-input__item--project {
	-webkit-flex: 0 0 85%;
	-ms-flex: 0 0 85%;
	flex: 0 0 85%;
	max-width: 85%;
	box-sizing: border-box;
}

.mobile-hour-input__item--summary {
	-webkit-flex: 0 0 15%;
	-ms-flex: 0 0 15%;
	flex: 0 0 15%;
	max-width: 15%;
	box-sizing: border-box;
	font-weight: normal;
	text-align: right;
}

.mobile-hour-input__item--header .mobile-hour-input__item--icon {
	position: absolute;
	left: 20px;
}

.mobile-hour-input__item--open .mobile-hour-input__item--header .mobile-hour-input__item--icon i:before {
	content: "\f077";
}

.mobile-hour-input__item--header:hover {
	cursor: pointer;
}

.mobile-hour-input__item .info {
	font-size: 12px;
}

.info.gray, a.icon--link {
	color: #939393;
}

.mobile-hour-input__item {
	min-height: inherit;
}

.hour--item__group {
	padding-left: 50px;
	position: relative;
	padding-top: 20px;
}

	.hour--item__group .hour--item__group--title i {
		position: absolute;
		left: 30px;
	}

.mobile-hour-input__item--project h3 {
	line-height: 16px;
	font-size: 16px;
}

.hour--item__group h3 {
	line-height: 14px;
	font-size: 14px;
}

.hour--item {
	display: flex;
	flex-direction: row;
	padding-top: 5px;
	max-width: 100%;
	flex-wrap: wrap;
}

	.hour--item.hour--item--saved, .hour--item.hour--item--saved .hour--item__activity--entry, .hour--item.hour--item--mixed .hour--item__activity--entry.hour--item--saved {
		color: #E68733;
	}

	.hour--item.hour--item--approved, .hour--item.hour--item--approved .hour--item__activity--entry, .hour--item.hour--item--mixed .hour--item__activity--entry.hour--item--approved {
		color: #00A765;
	}

	.hour--item.hour--item--error, .hour--item.hour--item--error .hour--item__activity--entry, .hour--item.hour--item--mixed .hour--item__activity--entry.hour--item--error {
		color: #c50d0d;
	}

	.hour--item .hour--item__title {
		-webkit-flex: 0 0 83%;
		-ms-flex: 0 0 83%;
		flex: 0 0 83%;
		max-width: 83%;
		box-sizing: border-box;
	}

	.hour--item .hour--item__content {
		-webkit-flex: 0 0 17%;
		-ms-flex: 0 0 17%;
		flex: 0 0 17%;
		max-width: 17%;
		box-sizing: border-box;
	}

.hour--item__content.hour--item__content--additional {
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	color: #939393;
	text-align: left;
}

.hour--item__content {
	text-align: right;
}

.mobile-hour-input__item--content {
	display: none;
}

.mobile-hour-input__item--open .mobile-hour-input__item--content, .mobile-hour-input__item--open .mobile-hour-input__item--icons {
	display: flex;
	border-top: 1px solid #ccc;
	margin-top: 20px;
}

.mobile-hour-input__item--icons {
	width: 100%;
	display: none;
	box-sizing: border-box;
	flex-direction: row;
}

	.mobile-hour-input__item--icons .mobile-hour-input__item--icon {
		border-radius: 5px;
		background-color: #e4eeef;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		text-align: center;
		box-sizing: border-box;
		padding-top: 20px;
	}

		.mobile-hour-input__item--icons .mobile-hour-input__item--icon:first-child {
			padding-right: 10px;
		}

		.mobile-hour-input__item--icons .mobile-hour-input__item--icon:last-child {
			padding-left: 10px;
		}

a.show-on-large {
	display: none;
}

.mobile-hour-input__day.mobile-hour-input__day--active .mobile-hour-input__day--totals {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.mobile-hour-input__day .mobile-hour-input__day--totals {
	display: none;
	font-size: 13px;
	padding-left: 15px;
	line-height: 25px;
	width: 100%;
	text-align: right;
}

	.mobile-hour-input__day .mobile-hour-input__day--totals:last-child {
		padding-bottom: 5px;
	}

.mobile-hour-input__day--totals span:nth-child(odd) {
	padding-left: 0px;
}

@media screen and (min-width: 600px) {
	a.icon--link {
		line-height: 36px;
		font-size: 16px;
	}

	.mobile-hour-input__item--summary span {
		display: none;
	}

	.hour--item__group {
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.mobile-hour-input__item--content {
		flex-direction: row;
	}
}

@media screen and (min-width: 768px) {
	.show-menu .mobile-hour-input__add {
		display: block;
	}

	.mobile-hour-input__add {
		right: 20px;
		bottom: 20px;
	}

	.show-menu a.icon--link span {
		display: none;
	}

	a.icon--link {
		font-size: 14px;
	}

		a.icon--link span {
			display: inline-block;
		}

		a.icon--link i {
			padding-right: 10px;
		}

	.show-menu a.icon--link i {
		padding-right: 0;
	}

	.mobile-hour-input__item--project h3 {
		line-height: 18px;
		font-size: 18px;
	}

	.hour--item__group h3 {
		line-height: 16px;
		font-size: 16px;
	}

	.hour-input--daily {
		font-size: 14px;
	}

	.mobile-hour-input__item .info {
		font-size: 14px;
	}

	.show-menu .hour--item__group {
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media screen and (min-width: 1024px) {
	.mobile-hour-input {
		display: flex;
	}

	.show-menu a.icon--link span {
		display: inline-block;
	}

	.show-menu a.icon--link i {
		padding-right: 10px;
	}

	.show-menu .hour--item__group {
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media screen and (min-width: 1280px) {
	a.show-on-large {
		display: inline-block;
	}

	a.hide-on-large, .show-menu a.hide-on-large {
		display: none;
	}

	.hour-input--daily {
		max-width: 960px;
	}

	.mobile-hour-input {
		display: none;
	}

	.hour-input--daily .mobile-hour-input {
		display: flex;
	}
}

.modal-content > .processing {
	margin: 20px;
	border-radius: 5px;
}

.modal {
	position: fixed;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

.modal-content {
	background-color: #fefefe;
	margin: 0px auto 0px auto;
	padding: 30px 0px 0px 0px;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	position: relative;
	box-sizing: border-box;
}

.close__modal {
	position: absolute;
	color: #aaa;
	font-size: 18px;
	font-weight: bold;
	top: 0px;
	right: 10px;
	z-index: 2;
}

	.close__modal:hover,
	.close__modal:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}

body.noscroll {
	position: fixed;
	width: 100%;
}

.popup__title {
	border-bottom: 1px solid #e1e1e1;
	height: 63px;
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

	.popup__title .title {
		overflow: hidden;
		text-overflow: ellipsis;
	}

.popup__content {
	height: calc(100% - 139px);
	overflow-y: auto;
	padding: 0 20px;
}

	.popup__content > .paragraph {
		margin-top: 20px;
	}

.popup__actions {
	position: absolute;
	bottom: 0;
	border-top: 1px solid #e1e1e1;
	box-sizing: border-box;
	padding: 20px;
	height: 76px;
}

.modal-sticky .modal-content {
	max-width: 800px;
	overflow-y: hidden;
	padding: 0;
}

@media screen and (min-width: 600px) {
	.popup__actions {
		height: 84px;
	}

	.popup__content {
		height: calc(100% - 147px);
	}
}

@media screen and (min-width: 768px) {
	.popup__content {
		height: calc(100% - 157px);
	}

	.popup__title {
		height: 73px;
	}
}

@media screen and (min-width: 1024px) {
	.modal-sticky .modal-content {
		margin: 100px auto;
		height: calc(100% - 200px);
	}

	.modal-content {
		margin: 50px auto 50px auto;
		padding: 20px;
		width: 90%;
		box-sizing: border-box;
		height: calc(100% - 100px);
	}

	.close__modal {
		position: absolute;
		color: #aaa;
		font-size: 18px;
		font-weight: bold;
	}
}
.cao-text p {
	margin-top: 10px;
}

.cao-text table td {
	border: 1px solid;
}
.notification__left {
	padding: 0;
	width: 100%;
}

.notification__message {
	padding: 10px;
	box-sizing: border-box;
}

@media screen and (min-width: 768px) {
	.notification__icon {
		height: 20px;
		width: auto;
	}

	.notification__left {
		width: calc(100% - 160px);
	}

	.notification__message {
		padding: 0;
		width: calc(100% - 50px);
	}

	.notification__action, .notification__icon {
		top: 50%;
		transform: translateY(-50%);
		bottom: inherit;
	}
}
@keyframes plyr-progress {
	to {
		background-position: 25px 0
	}
}

@keyframes plyr-popup {
	0% {
		opacity: .5;
		transform: translateY(10px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes plyr-fade-in {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.plyr {
	-moz-osx-font-smoothing: auto;
	-webkit-font-smoothing: subpixel-antialiased;
	direction: ltr;
	font-family: Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;
	font-variant-numeric: tabular-nums;
	font-weight: 500;
	line-height: 1.7;
	max-width: 100%;
	min-width: 200px;
	position: relative;
	text-shadow: none;
	transition: box-shadow .3s ease
}

	.plyr audio, .plyr video {
		border-radius: inherit;
		height: auto;
		vertical-align: middle;
		width: 100%
	}

	.plyr button {
		font: inherit;
		line-height: inherit;
		width: auto
	}

	.plyr:focus {
		outline: 0
	}

.plyr--full-ui {
	box-sizing: border-box
}

	.plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before {
		box-sizing: inherit
	}

	.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
		touch-action: manipulation
	}

.plyr__badge {
	background: #4f5b5f;
	border-radius: 2px;
	color: #fff;
	font-size: 9px;
	line-height: 1;
	padding: 3px 4px
}

.plyr--full-ui::-webkit-media-text-track-container {
	display: none
}

.plyr__captions {
	animation: plyr-fade-in .3s ease;
	bottom: 0;
	color: #fff;
	display: none;
	font-size: 14px;
	left: 0;
	padding: 10px;
	position: absolute;
	text-align: center;
	transition: transform .4s ease-in-out;
	width: 100%
}

	.plyr__captions .plyr__caption {
		background: rgba(0,0,0,.8);
		border-radius: 2px;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
		line-height: 185%;
		padding: .2em .5em;
		white-space: pre-wrap
	}

		.plyr__captions .plyr__caption div {
			display: inline
		}

	.plyr__captions span:empty {
		display: none
	}

@media (min-width:480px) {
	.plyr__captions {
		font-size: 16px;
		padding: 20px
	}
}

@media (min-width:768px) {
	.plyr__captions {
		font-size: 18px
	}
}

.plyr--captions-active .plyr__captions {
	display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
	transform: translateY(-40px)
}

.plyr__control {
	background: 0 0;
	border: 0;
	border-radius: 3px;
	color: inherit;
	cursor: pointer;
	flex-shrink: 0;
	overflow: visible;
	padding: 7px;
	position: relative;
	transition: all .3s ease
}

	.plyr__control svg {
		display: block;
		fill: currentColor;
		height: 18px;
		pointer-events: none;
		width: 18px
	}

	.plyr__control:focus {
		outline: 0
	}

	.plyr__control.plyr__tab-focus {
		box-shadow: 0 0 0 5px rgba(26,175,255,.5);
		outline: 0
	}

a.plyr__control {
	text-decoration: none
}

	a.plyr__control::after, a.plyr__control::before {
		display: none
	}

.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed {
	display: none
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
	background: #1aafff;
	color: #fff
}

.plyr--video .plyr__control svg {
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .15))
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
	background: #1aafff;
	color: #fff
}

.plyr__control--overlaid {
	background: rgba(26,175,255,.8);
	border: 0;
	border-radius: 100%;
	box-shadow: 0 1px 1px rgba(0,0,0,.15);
	color: #fff;
	display: none;
	left: 50%;
	padding: 15px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 2
}

	.plyr__control--overlaid svg {
		left: 2px;
		position: relative
	}

	.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
		background: #1aafff
	}

.plyr--playing .plyr__control--overlaid {
	opacity: 0;
	visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
	display: block
}

.plyr--full-ui::-webkit-media-controls {
	display: none
}

.plyr__controls {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	text-align: center
}

	.plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls .plyr__volume, .plyr__controls > .plyr__control {
		margin-left: 5px
	}

		.plyr__controls .plyr__menu + .plyr__control, .plyr__controls .plyr__progress + .plyr__control, .plyr__controls > .plyr__control + .plyr__control, .plyr__controls > .plyr__control + .plyr__menu {
			margin-left: 2px
		}

		.plyr__controls > .plyr__control:first-child, .plyr__controls > .plyr__control:first-child + [data-plyr=pause] {
			margin-left: 0;
			margin-right: auto
		}

	.plyr__controls:empty {
		display: none
	}

@media (min-width:480px) {
	.plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls .plyr__volume, .plyr__controls > .plyr__control {
		margin-left: 10px
	}
}

.plyr--audio .plyr__controls {
	background: #fff;
	border-radius: inherit;
	color: #4f5b5f;
	padding: 10px
}

.plyr--video .plyr__controls {
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	bottom: 0;
	color: #fff;
	left: 0;
	padding: 20px 5px 5px;
	position: absolute;
	right: 0;
	transition: opacity .4s ease-in-out,transform .4s ease-in-out;
	z-index: 3
}

@media (min-width:480px) {
	.plyr--video .plyr__controls {
		padding: 35px 10px 10px
	}
}

.plyr--video.plyr--hide-controls .plyr__controls {
	opacity: 0;
	pointer-events: none;
	transform: translateY(100%)
}

.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] {
	display: none
}

.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
	display: inline-block
}

.plyr__video-embed {
	height: 0;
	padding-bottom: 56.25%;
	position: relative
}

	.plyr__video-embed iframe {
		border: 0;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		width: 100%
	}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
	padding-bottom: 240%;
	position: relative;
	transform: translateY(-38.28125%)
}

.plyr__menu {
	display: flex;
	position: relative
}

	.plyr__menu .plyr__control svg {
		transition: transform .3s ease
	}

	.plyr__menu .plyr__control[aria-expanded=true] svg {
		transform: rotate(90deg)
	}

	.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
		display: none
	}

.plyr__menu__container {
	animation: plyr-popup .2s ease;
	background: rgba(255,255,255,.9);
	border-radius: 4px;
	bottom: 100%;
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
	color: #4f5b5f;
	font-size: 16px;
	margin-bottom: 10px;
	position: absolute;
	right: -3px;
	text-align: left;
	white-space: nowrap;
	z-index: 3
}

	.plyr__menu__container > div {
		overflow: hidden;
		transition: height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)
	}

	.plyr__menu__container::after {
		border: 4px solid transparent;
		border-top-color: rgba(255,255,255,.9);
		content: '';
		height: 0;
		position: absolute;
		right: 15px;
		top: 100%;
		width: 0
	}

	.plyr__menu__container [role=menu] {
		padding: 7px
	}

	.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
		margin-top: 2px
	}

		.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
			margin-top: 0
		}

	.plyr__menu__container .plyr__control {
		align-items: center;
		color: #4f5b5f;
		display: flex;
		font-size: 14px;
		padding: 4px 11px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		width: 100%
	}

		.plyr__menu__container .plyr__control > span {
			align-items: inherit;
			display: flex;
			width: 100%
		}

		.plyr__menu__container .plyr__control::after {
			border: 4px solid transparent;
			content: '';
			position: absolute;
			top: 50%;
			transform: translateY(-50%)
		}

	.plyr__menu__container .plyr__control--forward {
		padding-right: 28px
	}

		.plyr__menu__container .plyr__control--forward::after {
			border-left-color: rgba(79,91,95,.8);
			right: 5px
		}

		.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
			border-left-color: currentColor
		}

	.plyr__menu__container .plyr__control--back {
		font-weight: 500;
		margin: 7px;
		margin-bottom: 3px;
		padding-left: 28px;
		position: relative;
		width: calc(100% - 14px)
	}

		.plyr__menu__container .plyr__control--back::after {
			border-right-color: rgba(79,91,95,.8);
			left: 7px
		}

		.plyr__menu__container .plyr__control--back::before {
			background: #b7c5cd;
			box-shadow: 0 1px 0 #fff;
			content: '';
			height: 1px;
			left: 0;
			margin-top: 4px;
			overflow: hidden;
			position: absolute;
			right: 0;
			top: 100%
		}

		.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
			border-right-color: currentColor
		}

	.plyr__menu__container .plyr__control[role=menuitemradio] {
		padding-left: 7px
	}

		.plyr__menu__container .plyr__control[role=menuitemradio]::after, .plyr__menu__container .plyr__control[role=menuitemradio]::before {
			border-radius: 100%
		}

		.plyr__menu__container .plyr__control[role=menuitemradio]::before {
			background: rgba(0,0,0,.1);
			content: '';
			display: block;
			flex-shrink: 0;
			height: 16px;
			margin-right: 10px;
			transition: all .3s ease;
			width: 16px
		}

		.plyr__menu__container .plyr__control[role=menuitemradio]::after {
			background: #fff;
			border: 0;
			height: 6px;
			left: 12px;
			opacity: 0;
			top: 50%;
			transform: translateY(-50%) scale(0);
			transition: transform .3s ease,opacity .3s ease;
			width: 6px
		}

		.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
			background: #1aafff
		}

		.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
			opacity: 1;
			transform: translateY(-50%) scale(1)
		}

		.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
			background: rgba(0,0,0,.1)
		}

	.plyr__menu__container .plyr__menu__value {
		align-items: center;
		display: flex;
		margin-left: auto;
		margin-right: -5px;
		overflow: hidden;
		padding-left: 25px;
		pointer-events: none
	}

.plyr--full-ui input[type=range] {
	-webkit-appearance: none;
	background: 0 0;
	border: 0;
	border-radius: 26px;
	color: #1aafff;
	display: block;
	height: 19px;
	margin: 0;
	padding: 0;
	transition: box-shadow .3s ease;
	width: 100%
}

	.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
		background: 0 0;
		border: 0;
		border-radius: 2.5px;
		height: 5px;
		transition: box-shadow .3s ease;
		-webkit-user-select: none;
		user-select: none;
		background-image: linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))
	}

	.plyr--full-ui input[type=range]::-webkit-slider-thumb {
		background: #fff;
		border: 0;
		border-radius: 100%;
		box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);
		height: 13px;
		position: relative;
		transition: all .2s ease;
		width: 13px;
		-webkit-appearance: none;
		margin-top: -4px
	}

	.plyr--full-ui input[type=range]::-moz-range-track {
		background: 0 0;
		border: 0;
		border-radius: 2.5px;
		height: 5px;
		transition: box-shadow .3s ease;
		-moz-user-select: none;
		user-select: none
	}

	.plyr--full-ui input[type=range]::-moz-range-thumb {
		background: #fff;
		border: 0;
		border-radius: 100%;
		box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);
		height: 13px;
		position: relative;
		transition: all .2s ease;
		width: 13px
	}

	.plyr--full-ui input[type=range]::-moz-range-progress {
		background: currentColor;
		border-radius: 2.5px;
		height: 5px
	}

	.plyr--full-ui input[type=range]::-ms-track {
		background: 0 0;
		border: 0;
		border-radius: 2.5px;
		height: 5px;
		transition: box-shadow .3s ease;
		-ms-user-select: none;
		user-select: none;
		color: transparent
	}

	.plyr--full-ui input[type=range]::-ms-fill-upper {
		background: 0 0;
		border: 0;
		border-radius: 2.5px;
		height: 5px;
		transition: box-shadow .3s ease;
		-ms-user-select: none;
		user-select: none
	}

	.plyr--full-ui input[type=range]::-ms-fill-lower {
		background: 0 0;
		border: 0;
		border-radius: 2.5px;
		height: 5px;
		transition: box-shadow .3s ease;
		-ms-user-select: none;
		user-select: none;
		background: currentColor
	}

	.plyr--full-ui input[type=range]::-ms-thumb {
		background: #fff;
		border: 0;
		border-radius: 100%;
		box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);
		height: 13px;
		position: relative;
		transition: all .2s ease;
		width: 13px;
		margin-top: 0
	}

	.plyr--full-ui input[type=range]::-ms-tooltip {
		display: none
	}

	.plyr--full-ui input[type=range]:focus {
		outline: 0
	}

	.plyr--full-ui input[type=range]::-moz-focus-outer {
		border: 0
	}

	.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
		box-shadow: 0 0 0 5px rgba(26,175,255,.5);
		outline: 0
	}

	.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
		box-shadow: 0 0 0 5px rgba(26,175,255,.5);
		outline: 0
	}

	.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
		box-shadow: 0 0 0 5px rgba(26,175,255,.5);
		outline: 0
	}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
	background-color: rgba(255,255,255,.25)
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
	background-color: rgba(255,255,255,.25)
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
	background-color: rgba(255,255,255,.25)
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
	box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
	box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
	box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
	background-color: rgba(183,197,205,.66)
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
	background-color: rgba(183,197,205,.66)
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
	background-color: rgba(183,197,205,.66)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
	box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
	box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
	box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)
}

.plyr__poster {
	background-color: #000;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .2s ease;
	width: 100%;
	z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
	opacity: 1
}

.plyr__time {
	font-size: 14px
}

	.plyr__time + .plyr__time::before {
		content: '\2044';
		margin-right: 10px
	}

@media (max-width:767px) {
	.plyr__time + .plyr__time {
		display: none
	}
}

.plyr--video .plyr__time {
	text-shadow: 0 1px 1px rgba(0,0,0,.15)
}

.plyr__tooltip {
	background: rgba(255,255,255,.9);
	border-radius: 3px;
	bottom: 100%;
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
	color: #4f5b5f;
	font-size: 14px;
	font-weight: 500;
	left: 50%;
	line-height: 1.3;
	margin-bottom: 10px;
	opacity: 0;
	padding: 5px 7.5px;
	pointer-events: none;
	position: absolute;
	transform: translate(-50%,10px) scale(.8);
	transform-origin: 50% 100%;
	transition: transform .2s .1s ease,opacity .2s .1s ease;
	white-space: nowrap;
	z-index: 2
}

	.plyr__tooltip::before {
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 4px solid rgba(255,255,255,.9);
		bottom: -4px;
		content: '';
		height: 0;
		left: 50%;
		position: absolute;
		transform: translateX(-50%);
		width: 0;
		z-index: 2
	}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
	opacity: 1;
	transform: translate(-50%,0) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
	z-index: 3
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
	left: 0;
	transform: translate(0,10px) scale(.8);
	transform-origin: 0 100%
}

	.plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
		left: 16px
	}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
	left: auto;
	right: 0;
	transform: translate(0,10px) scale(.8);
	transform-origin: 100% 100%
}

	.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
		left: auto;
		right: 16px;
		transform: translateX(50%)
	}

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
	transform: translate(0,0) scale(1)
}

.plyr--video {
	background: #000;
	overflow: hidden
}

	.plyr--video.plyr--menu-open {
		overflow: visible
	}

.plyr__video-wrapper {
	background: #000;
	border-radius: inherit;
	overflow: hidden;
	position: relative;
	z-index: 0
}

.plyr__progress {
	flex: 1;
	left: 6.5px;
	margin-right: 13px;
	position: relative
}

	.plyr__progress input[type=range], .plyr__progress__buffer {
		margin-left: -6.5px;
		margin-right: -6.5px;
		width: calc(100% + 13px)
	}

	.plyr__progress input[type=range] {
		position: relative;
		z-index: 2
	}

	.plyr__progress .plyr__tooltip {
		font-size: 14px;
		left: 0
	}

.plyr__progress__buffer {
	-webkit-appearance: none;
	background: 0 0;
	border: 0;
	border-radius: 100px;
	height: 5px;
	left: 0;
	margin-top: -2.5px;
	padding: 0;
	position: absolute;
	top: 50%
}

	.plyr__progress__buffer::-webkit-progress-bar {
		background: 0 0
	}

	.plyr__progress__buffer::-webkit-progress-value {
		background: currentColor;
		border-radius: 100px;
		min-width: 5px;
		transition: width .2s ease
	}

	.plyr__progress__buffer::-moz-progress-bar {
		background: currentColor;
		border-radius: 100px;
		min-width: 5px;
		transition: width .2s ease
	}

	.plyr__progress__buffer::-ms-fill {
		border-radius: 100px;
		transition: width .2s ease
	}

.plyr--video .plyr__progress__buffer {
	box-shadow: 0 1px 1px rgba(0,0,0,.15);
	color: rgba(255,255,255,.25)
}

.plyr--audio .plyr__progress__buffer {
	color: rgba(183,197,205,.66)
}

.plyr--loading .plyr__progress__buffer {
	animation: plyr-progress 1s linear infinite;
	background-image: linear-gradient(-45deg,rgba(47,52,61,.6) 25%,transparent 25%,transparent 50%,rgba(47,52,61,.6) 50%,rgba(47,52,61,.6) 75%,transparent 75%,transparent);
	background-repeat: repeat-x;
	background-size: 25px 25px;
	color: transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
	background-color: rgba(255,255,255,.25)
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
	background-color: rgba(183,197,205,.66)
}

.plyr__volume {
	align-items: center;
	display: flex;
	flex: 1;
	position: relative
}

	.plyr__volume input[type=range] {
		margin-left: 5px;
		position: relative;
		z-index: 2
	}

@media (min-width:480px) {
	.plyr__volume {
		max-width: 90px
	}
}

@media (min-width:768px) {
	.plyr__volume {
		max-width: 110px
	}
}

.plyr--is-ios .plyr__volume {
	display: none !important
}

.plyr--is-ios.plyr--vimeo [data-plyr=mute] {
	display: none !important
}

.plyr:-webkit-full-screen {
	background: #000;
	border-radius: 0 !important;
	height: 100%;
	margin: 0;
	width: 100%
}

.plyr:-ms-fullscreen {
	background: #000;
	border-radius: 0 !important;
	height: 100%;
	margin: 0;
	width: 100%
}

.plyr:fullscreen {
	background: #000;
	border-radius: 0 !important;
	height: 100%;
	margin: 0;
	width: 100%
}

.plyr:-webkit-full-screen video {
	height: 100%
}

.plyr:-ms-fullscreen video {
	height: 100%
}

.plyr:fullscreen video {
	height: 100%
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
	height: 100%;
	width: 100%
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
	height: 100%;
	width: 100%
}

.plyr:fullscreen .plyr__video-wrapper {
	height: 100%;
	width: 100%
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
	height: 0;
	top: 50%;
	transform: translateY(-50%)
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
	height: 0;
	top: 50%;
	transform: translateY(-50%)
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
	height: 0;
	top: 50%;
	transform: translateY(-50%)
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
	display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
	display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
	display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
	display: none
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
	display: none
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
	display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
	cursor: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
	cursor: none
}

.plyr:fullscreen.plyr--hide-controls {
	cursor: none
}

@media (min-width:1024px) {
	.plyr:-webkit-full-screen .plyr__captions {
		font-size: 21px
	}

	.plyr:-ms-fullscreen .plyr__captions {
		font-size: 21px
	}

	.plyr:fullscreen .plyr__captions {
		font-size: 21px
	}
}

.plyr:-webkit-full-screen {
	background: #000;
	border-radius: 0 !important;
	height: 100%;
	margin: 0;
	width: 100%
}

	.plyr:-webkit-full-screen video {
		height: 100%
	}

	.plyr:-webkit-full-screen .plyr__video-wrapper {
		height: 100%;
		width: 100%
	}

	.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
		height: 0;
		top: 50%;
		transform: translateY(-50%)
	}

	.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
		display: block
	}

		.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
			display: none
		}

	.plyr:-webkit-full-screen.plyr--hide-controls {
		cursor: none
	}

@media (min-width:1024px) {
	.plyr:-webkit-full-screen .plyr__captions {
		font-size: 21px
	}
}

.plyr:-moz-full-screen {
	background: #000;
	border-radius: 0 !important;
	height: 100%;
	margin: 0;
	width: 100%
}

	.plyr:-moz-full-screen video {
		height: 100%
	}

	.plyr:-moz-full-screen .plyr__video-wrapper {
		height: 100%;
		width: 100%
	}

	.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
		height: 0;
		top: 50%;
		transform: translateY(-50%)
	}

	.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
		display: block
	}

		.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
			display: none
		}

	.plyr:-moz-full-screen.plyr--hide-controls {
		cursor: none
	}

@media (min-width:1024px) {
	.plyr:-moz-full-screen .plyr__captions {
		font-size: 21px
	}
}

.plyr:-ms-fullscreen {
	background: #000;
	border-radius: 0 !important;
	height: 100%;
	margin: 0;
	width: 100%
}

	.plyr:-ms-fullscreen video {
		height: 100%
	}

	.plyr:-ms-fullscreen .plyr__video-wrapper {
		height: 100%;
		width: 100%
	}

	.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
		height: 0;
		top: 50%;
		transform: translateY(-50%)
	}

	.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
		display: block
	}

		.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
			display: none
		}

	.plyr:-ms-fullscreen.plyr--hide-controls {
		cursor: none
	}

@media (min-width:1024px) {
	.plyr:-ms-fullscreen .plyr__captions {
		font-size: 21px
	}
}

.plyr--fullscreen-fallback {
	background: #000;
	border-radius: 0 !important;
	height: 100%;
	margin: 0;
	width: 100%;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 10000000
}

	.plyr--fullscreen-fallback video {
		height: 100%
	}

	.plyr--fullscreen-fallback .plyr__video-wrapper {
		height: 100%;
		width: 100%
	}

	.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
		height: 0;
		top: 50%;
		transform: translateY(-50%)
	}

	.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
		display: block
	}

		.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
			display: none
		}

	.plyr--fullscreen-fallback.plyr--hide-controls {
		cursor: none
	}

@media (min-width:1024px) {
	.plyr--fullscreen-fallback .plyr__captions {
		font-size: 21px
	}
}

.plyr__ads {
	border-radius: inherit;
	bottom: 0;
	cursor: pointer;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1
}

	.plyr__ads > div, .plyr__ads > div iframe {
		height: 100%;
		position: absolute;
		width: 100%
	}

	.plyr__ads::after {
		background: rgba(47,52,61,.8);
		border-radius: 2px;
		bottom: 10px;
		color: #fff;
		content: attr(data-badge-text);
		font-size: 11px;
		padding: 2px 6px;
		pointer-events: none;
		position: absolute;
		right: 10px;
		z-index: 3
	}

		.plyr__ads::after:empty {
			display: none
		}

.plyr__cues {
	background: currentColor;
	display: block;
	height: 5px;
	left: 0;
	margin: -2.5px 0 0;
	opacity: .8;
	position: absolute;
	top: 50%;
	width: 3px;
	z-index: 3
}

.plyr__preview-thumb {
	background-color: rgba(255,255,255,.9);
	border-radius: 3px;
	bottom: 100%;
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
	margin-bottom: 10px;
	opacity: 0;
	padding: 3px;
	pointer-events: none;
	position: absolute;
	transform: translate(0,10px) scale(.8);
	transform-origin: 50% 100%;
	transition: transform .2s .1s ease,opacity .2s .1s ease;
	z-index: 2
}

.plyr__preview-thumb--is-shown {
	opacity: 1;
	transform: translate(0,0) scale(1)
}

.plyr__preview-thumb::before {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid rgba(255,255,255,.9);
	bottom: -4px;
	content: '';
	height: 0;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 0;
	z-index: 2
}

.plyr__preview-thumb__image-container {
	background: #b7c5cd;
	border-radius: 2px;
	overflow: hidden;
	position: relative;
	z-index: 0
}

	.plyr__preview-thumb__image-container img {
		height: 100%;
		left: 0;
		max-height: none;
		max-width: none;
		position: absolute;
		top: 0;
		width: 100%
	}

.plyr__preview-thumb__time-container {
	bottom: 6px;
	left: 0;
	position: absolute;
	right: 0;
	white-space: nowrap;
	z-index: 3
}

	.plyr__preview-thumb__time-container span {
		background-color: rgba(0,0,0,.55);
		border-radius: 2px;
		color: #fff;
		font-size: 14px;
		padding: 3px 6px
	}

.plyr__preview-scrubbing {
	bottom: 0;
	filter: blur(1px);
	height: 100%;
	left: 0;
	margin: auto;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity .3s ease;
	width: 100%;
	z-index: 1
}

.plyr__preview-scrubbing--is-shown {
	opacity: 1
}

.plyr__preview-scrubbing img {
	height: 100%;
	left: 0;
	max-height: none;
	max-width: none;
	-o-object-fit: contain;
	object-fit: contain;
	position: absolute;
	top: 0;
	width: 100%
}

.plyr--no-transition {
	transition: none !important
}

.plyr__sr-only {
	clip: rect(1px,1px,1px,1px);
	overflow: hidden;
	border: 0 !important;
	height: 1px !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important
}

.plyr [hidden] {
	display: none !important
}
.hide-on-mobile {
	display: none;
}

.button--margin-top {
	margin-top: 4px;
}

p.text.text--error {
	color: red;
	font-size: 14px;
}

.button.button--secondary:hover {
	border-color: #3F6592;
}

span.fileSelected {
	height: 56px;
	display: flex;
	align-items: center;
}

.dashboard__item {
	display: none;
}

	.dashboard__item.dashboard__item--mobile {
		display: block;
	}

.login .form .form__input {
	text-align: left;
}

.button.button--margin {
	margin-top: 5px;
}

.signup-form .characteristicitem .deleteitem {
	float: right;
	padding-right: 5px;
	color: red;
	cursor: pointer;
}

.profile-block .line, .signup-form .line {
	background-color: rgba(0,0,0,.25);
}

.signup-form .line {
	height: 1px;
	margin-bottom: 20px;
}

.signup-form .item .item__input.item__input--select {
	display: block;
	height: auto;
}

.signup-form .signup-form--selectrow .item .item__input--select select {
	margin: 0;
	height: 56px;
	border: 2px solid #ebebeb;
}

.signup-form .item .item--checkbox label, .mobile-hour-input-popup__item .item--checkbox label {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: calc(100% - 30px);
	max-width: calc(100% - 30px);
	padding-top: 3px;
}

.signup-form .item .item__input.item--checkbox, .mobile-hour-input-popup__item .item--checkbox {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	min-height: 56px;
	height: auto;
}

	.signup-form .item .item--checkbox input, .mobile-hour-input-popup__item .item--checkbox input {
		height: 21px;
		min-width: 21px;
		margin-right: 5px;
		margin-left: 0;
	}

.signup-form .question__input.question__input--checkbox {
	display: flex;
}

	.signup-form .question__input.question__input--checkbox input {
		min-width: 21px;
		margin-top: 0;
		margin-right: 10px;
	}

.form__item.edit-address__checkbox .form__input input {
	width: 21px;
	height: 21px;
}

.profile-block__form a.button:hover {
	background-color: #3F6592;
}

.profile-block__form .form__actions .processing {
	margin-bottom: 0;
}

.profile-block--content .button {
	text-align: center;
}

.characteristic--actions {
	display: flex;
	margin-top: 10px;
}

.characteristic--delete, .characteristic--edit {
	position: relative;
	bottom: auto;
	right: auto;
	float: left;
}

.characteristic--edit {
	order: -1;
}

	.characteristic--delete i, .characteristic--edit i {
		min-width: auto;
		display: none;
	}

	.characteristic--delete span, .characteristic--edit span {
		font-size: 1.3rem;
		font-size: 13px;
		padding-right: 10px;
		font-style: italic;
	}

	.characteristic--delete a.link, .characteristic--edit a.link {
		text-decoration: none;
	}

.profile-block.profile-block--no-margin {
	margin-bottom: 0;
}

.profile-block .title.title--h3 {
	margin-bottom: 20px
}

.profile-block.profile-block--compact {
	margin-bottom: 20px;
}

	.profile-block.profile-block--compact .profile-block__actions {
		display: none;
	}

	.profile-block.profile-block--compact.profile-block--open .profile-block__actions, .profile-block.profile-block--showactions .profile-block__actions {
		display: block;
	}

	.profile-block.profile-block--compact h3.title:after {
		content: "\f078";
		font-family: 'Font Awesome 5 Pro';
		float: right;
		font-size: 60%;
		padding-top: 6px;
	}

	.profile-block.profile-block--compact h3.title:hover {
		cursor: pointer;
	}

	.profile-block.profile-block--compact h3.title {
		margin-bottom: 0;
	}

	.profile-block.profile-block--compact.profile-block--open h3.title {
		margin-bottom: 20px;
	}

		.profile-block.profile-block--compact.profile-block--open h3.title:after {
			content: "\f077";
			font-family: 'Font Awesome 5 Pro';
		}

	.profile-block.profile-block--compact .profile-block--content {
		display: none;
	}

	.profile-block.profile-block--compact.profile-block--open .profile-block--content {
		display: block;
	}

	.profile-block.profile-block--compact.profile-block--top-margin.profile-block--open {
		margin-top: 40px;
	}

.toolbar .toolbar__btn .fa.fa-spinner {
	padding-right: 0;
}

a.link, i.link, button.link, i.link--remove {
	cursor: pointer;
}

	i.link--remove:hover {
		color: red;
	}

.news__item {
	max-width: 100%;
}

.show-menu .user-hour-input__row--top .user-hour-input__cell .day span {
	display: none;
}

.add-row {
	border: 0;
	line-height: 30px;
	padding: 0;
	margin-bottom: 0;
}

.signup-form .item.item--document-upload span {
	padding: 10px 0 0;
	font-weight: 700;
	display: block;
}

.signup-form .item.item--document-upload {
	margin-bottom: 30px;
}

.top-menu--notifications .top-menu__link i {
	top: 5px;
	position: relative;
}

.top-menu--notifications .top-menu__link.notification--count {
	padding: 0 15px 0 5px;
}

.top-menu--notifications .top-menu__link span {
	background: #F2933F;
	border-radius: 50%;
	font-size: 12px;
	height: 20px;
	line-height: 22px;
	position: absolute;
	text-align: center;
	top: 10px;
	width: 20px;
	color: white;
	right: 0;
	display: inline;
}

.table tbody tr {
	border-top: 1px solid lightgray;
}

	.table tbody tr:first-child {
		border-top: none;
	}

	.table tbody tr:not(.no-hover):hover {
		cursor: pointer;
		background-color: #f7f7f7;
	}

.paragraph.paragraph-id-notification {
	font-size: 1.4rem;
	font-size: 14px;
	font-style: italic;
}

input[type='checkbox'].large-checkbox, input[type='radio'].large-radio {
	width: 21px;
	height: 21px;
}

.tipso_style {
	border-bottom: none;
}

.content .form__label {
	font-weight: 400;
}

.profile__info-holder .profile__info .profile__key {
	font-weight: 700;
}

.profile-summary .profile__info-holder .profile__info {
	margin-bottom: 10px;
}

.table__legend {
	text-align: right;
	font-size: 1.2rem;
	font-size: 12px;
	color: gray;
}

	.table__legend .table__legend--item {
		padding-left: 15px;
	}

td span.small {
	font-size: 14px;
}

.profile-block--item.profile-block--item-small {
	min-height: auto;
}

.profile-block {
	background-color: #F7F7F7;
	padding: 5px;
	margin-bottom: 40px;
}

	.profile-block.notification-block {
		background-color: #FFF;
	}

.table th.small {
	width: 70px;
}

.table th.medium {
	width: 120px;
}

.table th.mediumplus {
	width: 150px;
}

.table th.large {
	width: 210px;
}

.profile-block.profile-block--table .title {
	margin-bottom: 10px;
}

.table th.icons {
	min-width: 60px;
	width: 60px;
}

.table tbody tr:last-child {
	border-bottom: 0;
}

.table tr.current {
	background-color: #d7d7d7;
}

.search-bar.form {
	margin-top: 0;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

	.search-bar.form button.button--primary {
		background-color: #F2933F;
	}

	.search-bar.form button.button--secondary {
		background-color: #002956;
	}

		.search-bar.form button.button--primary .fa, .search-bar.form button.button--secondary .fa {
			position: relative;
			top: 8px;
			color: white;
			right: auto;
		}

	.search-bar.form button {
		min-width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

		.search-bar.form button:hover, .page .profile__info-holder .form__actions button:hover {
			background-color: #264A76;
		}

.page .profile__info-holder .form__actions button {
	border: 0;
}

.datatransfer-question {
	margin-bottom: 40px;
}

.dashboard__item--invalid .dashboard__link, .dashboard__item--invalid .dashboard__icon {
	color: #DB042D;
}

.specialist__data {
	margin-bottom: 20px;
}

.specialist__approved {
	color: #00996a;
	margin-bottom: 15px;
}

.content label.form__label {
	width: auto;
	font-weight: 300;
}

.form .form__list [type=checkbox], .form .form__list [type=radio] {
	margin: -2px 0 0;
}

.form.form-nomargin {
	margin-bottom: 0;
}

.profile-block.profile-block--header .profile-block__input {
	margin-bottom: 0;
}

.profile-block.profile-block--header {
	margin-bottom: 30px;
	padding: 15px;
}

.profile-block.profile-block--table .table .show-on-small, .profile-block.profile-block--table .table .show-on-medium, .profile-block.profile-block--table .table .show-on-large, .profile-block.profile-block--table .table .show-on-larger, .profile-block.profile-block--table .table .show-on-largest {
	display: none;
}

.cstm-rdio.cstm-rdio--newline {
	float: none;
	display: block;
}

.profile-block--item.profile-block--item-default .characteristic--edit {
	bottom: auto;
}

.profile-block--item.profile-block--item-default {
	min-height: 0;
}

.profile-block--item.profile-block--item-table {
	padding: 15px 15px 5px;
}

.signup-form .item .item__input--textarea textarea {
	resize: none;
}

p.text.small {
	margin-bottom: 0;
	font-size: small;
}

.column .item__input .radio-list {
	margin-left: 0;
}

.item__input--form__info {
	margin-bottom: 30px;
}

.item--form__info span.form__info {
	top: -20px;
	position: relative;
	font-size: 12px;
	font-size: 1.2rem;
}

.project.project--selected .dashboard__link {
	background-color: #00996a;
	color: #fff;
}

.profile-block__actions {
	left: auto;
	right: 0px;
	top: -25px;
}

.profile-block .paragraph.paragraph--small {
	font-size: 14px;
	font-size: 1.4rem;
}

.form__item.form__item-multiselect select {
	width: auto;
}

.portal--iframe {
	top: 50px;
	height: calc(100% - 50px);
}

.crtbl, .sharer-links {
	margin-bottom: 40px;
}

.crtbl__row--small {
	min-height: 50px;
}

.sharer-links .sharer {
	display: inline-block;
	background: #F2933F;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	margin: 0 5px 5px 0;
}

	.sharer-links .sharer i {
		vertical-align: middle;
		font-size: 22px;
	}

.profile-summary {
	background-color: #029C5E;
}

	.profile-summary .select-file:hover {
		color: white;
	}

	.profile-summary .link.remove:hover {
		color: red;
	}

.button.button--primary.button--no-icon:after {
	content: '';
}

.profile-block.profile-block-image {
	background-color: #007F4C;
}

.language-menu__link {
	border: 1px solid gray;
}

.profile-block-image .fa {
	color: white;
	opacity: 0.7;
}

.employees__item__key {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 20px;
}

.employees__item__title {
	margin-bottom: 10px;
}

.profile__info .profile__value, .profile__info .profile__key {
	padding-left: 0px;
}

p.text {
	margin-bottom: 10px;
}

.employees a.employees__item {
	text-decoration: none;
}

.legend {
	margin-bottom: 40px;
	display: none;
}

.legend__item {
	width: 200px;
	font-size: 14px;
	padding-right: 0;
}

.table thead tr {
	border-bottom: 1px solid black;
}

	.table thead tr th {
		text-align: left;
	}

.table tbody tr td {
	padding: 5px 0px;
}

.table.table--hours tbody tr td {
	padding: 3px 0px;
}

.columns__column {
	margin-bottom: 50px;
}

	.columns__column .columns__column .profile-block {
		margin: 0;
	}

.columns__column--no-margin {
	margin-bottom: 0;
}

.columns__column--border-right {
	border-bottom: 1px solid gray;
	margin-bottom: 20px;
}

.profile-block.profile-block--header {
	background-color: #F7F7F7;
}

.dashboard--1-2 .dashboard__content h2 {
	margin-bottom: 15px;
	margin-top: 5px;
}

.dashboard--original .dashboard__content h2, .dashboard--1-2 .dashboard__content h2 {
	font-weight: 600;
}

.dashboard--original .dashboard__content p {
	margin-bottom: 0;
}

.employees__item__icon .fa {
	width: 54px;
	height: 54px;
	font-size: 25px;
	margin: 3px;
	line-height: 54px;
}

.employees__item__icon {
	width: 60px;
	height: 60px;
}

.employees__item {
	min-height: 130px;
	position: relative;
}

.employees__item--extra {
	background-color: #00996a;
	color: #fff;
}

a.employees__item:hover {
	background-color: #d7e4e4;
}

.employees__item--info {
	background-color: #264A76;
}

.employees__item--extra .employees__item__icon .fa {
	line-height: 58px;
}

.employees__item.employees__item--extra .employees__item__title {
	text-align: center;
	margin-top: 10px;
}

	.employees__item.employees__item--extra .employees__item__title i {
		font-size: 40px;
		margin-bottom: 15px;
		display: block;
	}

.employee__actions {
	width: 100%;
}

.employees__item__icon .fa {
	z-index: 9;
}

.center {
	text-align: center;
}

.employees__item .employees__item__logo .logo-ab {
	background-image: url('../websites/implementatie/abdashboard/img/AB.svg');
	height: 20px;
	width: 40px;
	display: inline-block;
	background-size: 100% auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute;
	right: 20px;
	opacity: 0.4;
}

.employees .employees {
	margin-bottom: 0;
}

.employees {
	position: relative;
}

.employees__filters {
	position: absolute;
	right: 16px;
	top: -54px;
}

.employees__filter__button, .employees__question__button {
	font-size: 26px;
	font-size: 2.6rem;
	background-color: #bfbfbf;
	color: #fff;
	display: block;
	float: left;
	height: 42px;
	line-height: 42px;
	text-align: center;
	width: 42px;
}

.search-bar.form .form__input .employees__question__button .fa {
	right: 8px;
	color: white;
}

.employees__question__button {
	border-radius: 5px;
}

.employees__filter__button--current {
	background-color: #002956;
}

.employees__filter__button .fa {
	vertical-align: middle;
}

.employees--title {
	font-size: 22px;
	font-size: 2.2rem;
}

.user-menu figure i {
	font-size: 250%;
	opacity: .4;
	margin-top: 6px;
}

.top-menu--left .top-menu__link i {
	top: 5px;
	position: relative;
}

.main-menu__item--sub span {
	margin-left: 40px;
	font-size: 1.4rem;
	font-weight: lighter;
}

.main-menu__item--sub .main-menu__link::before {
	content: none;
}

.top-menu__link.top-menu__link--highlight {
	color: #F2933F
}

.top-menu__link.top-menu__link--highlight {
	border-radius: 50%;
	cursor: pointer;
	animation: pulse 2s infinite;
}

	.top-menu__link.top-menu__link--highlight:hover {
		animation: none;
	}

.list--checkmarks--title {
	margin-bottom: 15px;
}

.dashboard__content .list--checkmarks, .dashboard__content .list--checkmarks--title {
	font-size: 14px;
	font-size: 1.4rem;
}

.list--checkmarks .list__item {
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
}

.profile-summary .profile-image.profile-image--noradius {
	border-radius: 0;
}

.profile-block--item {
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
	background-color: #ebebeb;
	min-height: 70px;
	font-size: 1.4rem;
	font-size: 14px;
}

	.profile-block--item:last-child {
		margin-bottom: 0;
	}

.characteristic--item {
	background-color: #ebebeb;
}

.profile-block--item .profile-block--item--title {
	font-weight: 700;
}

.profile-block--item .fa {
	text-align: left;
	min-width: 20px;
}

	.profile-block--item .fa.fa-spinner {
		min-width: auto;
	}

.profile-block--item .profile-block--item--block {
	margin-bottom: 15px;
}

.profile-block-image-company {
	padding: 0;
	background-color: #029C5E;
}

.profile-block__input--textarea textarea {
	height: 200px;
	display: flex;
	resize: none;
	border: none;
	width: 100%;
	outline: none;
}

.profile-block--item:hover {
	background-color: #fff;
}

.profile-block--item.profile-block--item-display:hover {
	background-color: #ebebeb;
}

.form__label .form__info.form__info--nomargin {
	display: block;
}

.crform {
	max-width: 1000px;
	background-color: #fafafa;
	padding: 15px;
}

.profile-block--item.profile-block--item-table:hover {
	background-color: #ebebeb;
}

td.icon {
	text-align: right;
}

	td.icon a {
		color: #00A765;
	}

		td.icon a:hover {
			color: #002956;
		}

	td.icon.notification--icon {
		vertical-align: middle;
	}

.crtbl__row--grey .crtbl__cell:first-child {
	background-color: #ebebeb;
}

.crtbl--6 .crtbl__cell:first-child {
	padding-top: 10px;
}

.crtbl__row.crtbl__row--top .crtbl__cell:first-child {
	border-bottom: 1px solid #ebebeb;
}

.modal .profile-block {
	background-color: white;
}

body .datepicker-days {
	display: block;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.signup-form .row.row--margin {
	margin-bottom: 20px;
}

.signup-form .row.row--no-column-margin .item__input {
	margin-bottom: 0;
}

.signup-form {
	max-width: 1000px;
}

.signup-actions {
	margin-bottom: 0;
}

.signup-form .form__info.form__info--nomargin {
	margin-top: 0px;
	max-width: 220px;
	margin-bottom: 10px;
	font-size: 13px;
	font-size: 1.3rem;
	color: #bfbfbf;
	line-height: 1.2em;
	font-weight: normal;
}

.title--topmargin {
	margin-top: 40px;
	border-bottom: 1px solid #ccc;
}

.block__content.contract--steps__step {
	box-sizing: border-box;
	border: none;
	border-radius: 0;
}

.contract--steps__step {
	width: 100%;
}

	.contract--steps__step .question .list {
		margin: 0 0 0 24px;
	}

.paragraph--notification {
	max-width: 1000px;
	width: 100%;
	box-sizing: border-box;
}

.search-bar.form.employees--search-form {
	margin-bottom: 10px;
}

.employees--actions, .employees {
	margin-bottom: 40px;
}

.employees__item__icon {
	background-color: white;
}

	.employees__item__icon.gray {
		background-color: #bfbfbf;
	}

.employees__item--header {
	display: none;
}

.site .content {
	padding: 10px;
}

.blockchoice {
	margin-bottom: 40px;
}

.employees.hidden {
	display: none;
}

select.hidden {
	display: none;
}

.search-bar.form .button.button--top {
	right: 10px;
}

.show-on-widescreen {
	display: none;
}

.vertical-align {
	top: 50%;
	transform: translateY(-50%);
	position: relative;
}

.popupbanner .line {
	background: #E5E5E5;
	height: 1px;
	margin: 0 20px;
}

.popupbanner::-webkit-scrollbar {
	-webkit-appearance: none;
}

	.popupbanner::-webkit-scrollbar:vertical {
		width: 10px;
	}

.popupbanner::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 10px;
	border: 2px solid #eee;
}

.popupbanner::-webkit-scrollbar-track {
	background-color: #eee;
}

.link.button {
	font-size: 14px;
}

.row.hidden {
	display: none;
}

@media screen and (min-width: 375px) {
	.employees--title {
		font-size: 28px;
		font-size: 2.8rem;
	}

	.profile-block {
		padding: 10px;
	}
}

@media screen and (min-width: 480px) {
	.employees--title {
		font-size: 32px;
		font-size: 3.2rem;
	}

	.top-menu--left .top-menu__link span {
		display: none;
	}

	.profile-block.profile-block--table .table .show-on-small {
		display: table-cell;
	}
}

@media screen and (min-width: 600px) {
	.profile-block__actions {
		top: 12px;
		right: 10px;
	}

	.profile-block--item {
		font-size: 17px;
	}

	.characteristic--actions {
		position: absolute;
		right: 5px;
		margin-top: 0;
		top: 13px;
	}

	.characteristic--delete, .characteristic--edit {
		float: right;
	}

		.characteristic--delete span, .characteristic--edit span {
			display: none;
		}

		.characteristic--delete i, .characteristic--edit i {
			display: block;
			padding-left: 5px;
		}

	.profile-block.profile-block--compact h3.title:after {
		font-size: 100%;
		padding-top: 0;
	}

	.profile-block .title--h4 {
		font-size: 17px;
		font-size: 1.7rem;
	}

	.profile-block.profile-block--compact.profile-block--open {
		margin-top: 0;
	}

	.profile-block--compact .profile-block__actions {
		right: 35px;
	}

	.profile-block--item {
		min-height: 50px;
	}

	.profile-summary .profile__info-holder .profile__info {
		margin-bottom: 0;
	}

		.profile-summary .profile__info-holder .profile__info .profile__key {
			font-weight: normal;
		}
}

@media screen and (min-width: 768px) {
	.crtbl--6 .crtbl__cell, .crtbl--6 .crtbl__cell:first-child {
		padding: 25px 2px 5px;
	}

		.crtbl--6 .crtbl__cell:first-child {
			padding-left: 10px;
		}

	.crtbl__row--grey .crtbl__cell:first-child {
		background-color: #fafafa;
	}

	.hide-on-mobile {
		display: block;
	}

	.site .content {
		padding: 20px;
	}

	.dashboard__item {
		display: block;
	}

	.profile-block .title--h4 {
		font-size: 20px;
		font-size: 2.0rem;
	}

	.legend__item {
		width: 30%;
	}

	.news__item {
		max-width: 50%;
	}

	.profile-block.notification-block {
		background-color: #F7F7F7;
	}

	.dashboard--original .dashboard__icon {
		margin-top: 0;
	}

	.dashboard--1-2 .dashboard__item {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.contract--steps__step .title {
		font-size: 22px;
		font-size: 2.2rem;
	}

	.portal--iframe {
		top: 100px;
		height: calc(100% - 100px);
	}

	.profile-block.profile-block--header {
		padding: 15px 25px;
	}

	.profile-block {
		padding: 25px;
	}

		.profile-block.profile-block--compact {
			margin-bottom: 30px;
		}

	.profile-block__actions {
		top: 30px;
		right: 25px;
	}

	.profile-block--compact .profile-block__actions {
		right: 55px;
	}

	.profile-block.profile-block--table .table .show-on-medium {
		display: table-cell;
	}

	td.icon.notification--icon {
		vertical-align: middle;
	}

	.specialist__data .paragraph.status--info {
		margin-left: 110px;
	}

	.link.button {
		font-size: 16px;
	}

	.header-holder .header {
		background: #96C23C;
		background: linear-gradient(to bottom right,#96C23C,#00A765);
		left: 0;
		top: 0;
	}
}

@media screen and (min-width: 800px) {
	.crtbl--6 .crtbl__title-value {
		font-size: 100%;
	}
}

@media screen and (min-width: 1024px) {
	.crtbl--6 {
		font-size: 16px;
	}

	.show-menu .crtbl--6 {
		font-size: 14px;
	}

	.show-menu .crtbl__notification {
		padding: 10px;
	}

	.news__item {
		max-width: 33.33%;
	}

	.link.link-vertcenter {
		top: 20px;
		position: relative;
	}

	.profile-summary .profile__info-holder .profile__info {
		margin-bottom: 10px;
	}

		.profile-summary .profile__info-holder .profile__info .profile__key {
			font-weight: 700;
		}

	.profile-block.profile-block--table .table .show-on-large {
		display: table-cell;
	}

	.columns__column--1-3 {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		width: auto;
		flex: 0 0 33.33%;
	}

	.columns__column--border-right {
		border-bottom: 0;
		margin-bottom: auto;
		border-right: 1px solid gray;
	}

	.content .form__label {
		width: 25%;
	}

	.content .form__input, .content .radio-list {
		margin-left: 27%;
	}

	.profile-block__form .radio-list, .content .contract--steps__step .radio-list {
		margin-left: 0;
	}

	.row .column .item__input .radio-list {
		margin-left: 0;
	}

	.content .form .form__actions {
		padding-left: 27%;
	}

	.page .profile__info-holder .form__actions, .login .form .form__actions, .form .form__actions.form__actions-nomargin {
		padding-left: 0%;
		margin-bottom: 0;
	}

	.content .form__item--column .form__label {
		width: 100%;
	}

	.content .form__item--column .form__input {
		margin-left: 0;
	}

	.top-menu--left .top-menu__link span {
		display: inline;
	}

	.top-menu--left .top-menu__link i {
		top: -2px;
	}

	.user-menu span {
		font-size: 0;
	}

	.top .submenu {
		min-width: 170px;
	}

	.dashboard--1-2 .dashboard__item {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
		max-width: 50%;
	}

	.employees-list .employees__item__info--hide-on-list {
		display: none;
	}

	.employees-list .employees__item--header {
		display: flex;
	}

	.employees-list .employees__item {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: calc(100% - 16px);
		min-height: 100%;
		padding: 10px 20px;
		margin-bottom: 10px;
	}

	.employees-list .employees__item__icon .fa {
		display: none;
	}

	.employees-list .employees__item__icon {
		width: 21px;
		height: 21px;
	}

	.employees-list .employees__item__content {
		display: flex;
	}

	.employees-list .employees__item__info {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 22%
	}

	.employees-list .employees__item__info--small {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 19%
	}

	.employees-list .employees__item__title, .employees-list .employees__item__info.employees__item__info--wide {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 40%;
	}

	.employees-list .employees__item.employees__item--extra .employees__item__title {
		margin-top: 0;
	}

	.employees-list .employees__item__title {
		margin: 0;
		font-weight: normal;
	}

		.employees-list .employees__item__title a, .employees-list .employees__item__info a {
			color: white;
			text-decoration: none;
		}

	.employees-list .employees__item__icon.none {
		background-color: #e3eeee;
	}

	.employees-list .employee__tooltip .employee__tooltiptext {
		padding: 10px 20px;
	}

	.employees-list .employees__item--extra .employees__item__title {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.employees-list a.employees__item:hover .employees__item__icon.none {
		background-color: #d7e4e4;
	}

	.employees__item--header, .employees__item--header .employees__item__icon {
		background-color: #002956;
	}

	.employees__item--header {
		color: white;
	}

		.employees__item--header .employees__item__info {
			font-size: 100%;
		}

	.signup-form .item.item--document-upload {
		margin-bottom: 0;
	}

	.search-bar.form .form__input, .search-bar.form .form__input {
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}

	.search-bar.form .form__input--submit {
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}

	.search-bar.form .form__input--help, .search-bar.form .form__input--layout {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.search-bar.form .form__label {
		position: inherit;
		top: inherit;
	}

	.form__item.edit-address__checkbox .form__input {
		padding-top: 10px;
	}

	.link.button {
		font-size: 18px;
	}

	.profile-block--table .profile-block--item-table.large-first-column td:first-child {
		width: 70%;
	}

	.profile-block--table .profile-block--item-table.large-first-column th:first-child {
		width: 70%;
	}

	.header-holder .header {
		background-color: #ebebeb;
		background-image: url('/websites/implementatie/abdashboard/img/header.jpg');
		background-position: 50% 50%;
		background-size: cover;
	}
}

@media screen and (min-width: 1080px) {
	.user-menu span {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.top .submenu {
		min-width: 100%;
	}
}

@media screen and (min-width: 1280px) {
	.show-menu .crtbl--6 {
		font-size: 16px;
	}

	.show-menu .crtbl__notification {
		padding: 20px;
	}

	.search-bar.form {
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

		.search-bar.form .form__input, .search-bar.form .form__input--submit {
			-webkit-flex: 0 0 auto;
			-ms-flex: 0 0 auto;
			flex: 0 0 auto;
		}

		.search-bar.form .form__input--flexible {
			-webkit-flex: 1 1 auto;
			-ms-flex: 1 1 auto;
			flex: 1 1 auto;
		}

		.search-bar.form .form__label {
			position: absolute;
			top: -20px;
		}

	.show-menu .user-hour-input__row--top .user-hour-input__cell .day span {
		display: inline-block;
	}

	.profile-summary .profile__info-holder .profile__info {
		margin-bottom: 0;
	}

		.profile-summary .profile__info-holder .profile__info .profile__key {
			font-weight: normal;
		}

	.legend__item {
		width: auto;
		padding-right: 30px;
	}

	.profile__info-holder--equal .profile__info .profile__key, .profile__info-holder--equal .profile__info .profile__value {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}

	.cstm-tbl__actions .link i {
		margin-left: 5px;
	}

	.fixed .sidebar .item {
		margin-top: 79px;
	}

	.profile-block.profile-block--header {
		padding: 15px 35px;
	}

	.profile-block {
		padding: 35px;
	}

		.profile-block.profile-block--compact {
			margin-bottom: 40px;
		}

	.profile-block__actions {
		top: 45px;
		right: 35px;
	}

	.profile-block--compact .profile-block__actions {
		right: 70px;
	}

	.profile-block.profile-block--table .table .show-on-larger {
		display: table-cell;
	}

	.show-on-widescreen {
		display: block;
	}
}

@media screen and (min-width: 1680px) {
	.profile-block.profile-block--table .table .show-on-largest {
		display: table-cell;
	}
}
.signup-form .crtbl.crtbl--6 {
	background-color: white;
	border: 1px solid #ccc;
}

.signup-form .crtbl__cell:last-child {
	border-right: 0;
}

.crtbl--6 .crtbl__cell {
	-webkit-flex: 0 0 calc(100% / 7);
	-ms-flex: 0 0 calc(100% / 7);
	flex: 0 0 calc(100% / 7);
}

span.price-holder {
	font-size: 55%;
}

.crtbl--6 .crtbl__button {
	font-size: 55%;
}

.crtbl__cell--inactive {
	opacity: 0.4;
}

.fill-grey {
	border-top: 1px solid #ebebeb;
	background-color: #fafafa;
	width: 100%;
	padding: 5px 10px;
}

@media screen and (min-width: 380px) {
	span.price-holder {
		font-size: 75%;
	}
}

@media screen and (min-width: 480px) {
	.crtbl--6 .crtbl__button {
		font-size: inherit;
	}

	span.price-holder {
		font-size: inherit;
	}
}

@media screen and (min-width: 768px) {
	.crtbl--6 .crtbl__cell:first-child {
		-webkit-flex: 0 0 30%;
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
	}

	.crtbl--6 .crtbl__cell {
		-webkit-flex: 0 0 10%;
		-ms-flex: 0 0 10%;
		flex: 0 0 10%;
	}

	.crtbl--6 .crtbl__button {
		font-size: 65%;
	}

	span.price-holder {
		font-size: 80%;
	}

	.crtbl--6 .crtbl__title {
		font-size: 100%;
	}
}

@media screen and (min-width: 800px) {
	.crtbl {
		font-size: inherit;
	}
}

@media screen and (min-width: 1024px) {
	.crtbl--6 .crtbl__button {
		font-size: inherit;
	}

	.crtbl--6 .crtbl__button {
		font-size: inherit;
	}

	span.price-holder {
		font-size: 90%;
	}

	.crtbl__notification {
		width: calc(30% - 60px);
	}

	.show-menu .crtbl__notification {
		width: calc(30% - 40px);
	}
}

@media screen and (min-width: 1280px) {
	.show-menu .crtbl__notification {
		width: calc(30% - 60px);
	}
}
.paragraph.status--notification {
	background-color: #fff;
	border: 2px solid #ebebeb;
	color: #bfbfbf;
	margin-bottom: 40px;
	padding: 20px;
}

	.paragraph.status--notification.gray {
		color: #939393;
	}

	.paragraph.status--notification.green {
		color: #00A765;
	}

	.paragraph.status--notification.blue {
		color: #264A76;
	}

	.paragraph.status--notification.red {
		color: #c50d0d;
	}

	.paragraph.status--notification.orange {
		color: #E68733;
	}

	.paragraph.status--notification.black {
		color: #000;
	}

.paragraph.paragraph--small {
	padding: 8px 15px 5px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.paragraph.paragraph--no-margin {
	margin-bottom: 0;
}

.text-align-center {
	text-align: center;
}

.profile-block .paragraph.paragraph--small {
	padding: 0;
}

.text.gray {
	color: #999;
}

.text.text-left {
	text-align: left;
}

.text {
	max-width: 100%;
}

.paragraph.paragraph--status.status--info .link {
	color: #002956;
}

	.paragraph.paragraph--status.status--info .link:hover {
		color: #00A765;
	}
.toolbar .week-selection__prev-next a {
	width: 25px;
}

.toolbar .week-selection__info {
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

	.toolbar .week-selection__info span {
		font-size: 14px;
	}

.toolbar .toolbar__btn--align-center {
	text-align: center;
}

.toolbar__section {
	box-sizing: border-box;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
}

.toolbar__section--1 {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	min-width: 75%;
}

.toolbar__section--2, .toolbar__section--1, .toolbar__section--4 {
	padding-left: 0;
}

.toolbar__section.toolbar__section--5.toolbar__section--open, .toolbar__section--1 {
	order: -1;
}

.toolbar .toolbar__btn {
	font-weight: 500;
	padding: 3px 10px 0;
}

.toolbar__section--5 .toolbar__btn {
	padding: 3px 15px 0;
}

.toolbar .toolbar__btn span {
	display: none;
	padding-left: 5px;
}

	.toolbar .toolbar__btn span.show-on-mobile {
		display: inline-block;
	}

.toolbar .toolbar__btn.toolbar__btn--transparant {
	background-color: transparent;
	color: #264A76;
	border: 2px solid #ebebeb;
	line-height: 36px;
}

	.toolbar .toolbar__btn.toolbar__btn--transparant:hover {
		background: #d7e4e4;
		border-color: #d7e4e4;
		color: #00996a;
	}

.toolbar .toolbar__btn .fa {
	padding-right: 0;
}

.toolbar__btn.toolbar__btn--disabled, .toolbar__btn.toolbar__btn--disabled:hover {
	background: #c7c7c7;
	color: white;
	cursor: default;
}

.toolbar .toolbar__section:last-child, .toolbar__section.show-on-mobile, .toolbar__section--3, .toolbar__section--4 {
	padding-right: 0;
}

.toolbar__section.show-on-mobile {
	order: -1;
}

.toolbar__section--2 {
	min-width: 70px;
}

.toolbar__section--5.toolbar__section--visible {
	display: flex;
	flex-direction: row;
}

	.toolbar__section--5.toolbar__section--visible .toolbar__btn {
		text-align: center;
	}

.toolbar__section--5 {
	-webkit-flex: 0 0 51px;
	-ms-flex: 0 0 51px;
	flex: 0 0 51px;
	max-width: 51px;
	padding-left: 5px;
}

	.toolbar__section--2, .toolbar__section--3, .toolbar__section--5.toolbar__section--visible {
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

.toolbar__section--4.toolbar__section--visible {
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	padding-right: 0;
}

.toolbar .toolbar__section.toolbar__section--5 .toolbar__btn {
	float: right;
}

.toolbar__section.toolbar__section--5.toolbar__section--visible .toolbar__btn {
	width: 100%;
	box-sizing: border-box;
}

.toolbar__section.toolbar__section--5.toolbar__section--switch {
	padding-left: 0;
}

	.toolbar__section.toolbar__section--5.toolbar__section--switch .switch {
		display: flex;
		border-radius: 5px;
		overflow: hidden;
		order: -1;
	}

	.toolbar__section.toolbar__section--5.toolbar__section--switch .toolbar__btn {
		float: left;
		width: 50%;
	}

.toolbar__section.show-on-large {
	display: none;
}

.toolbar__section.toolbar__section--5.toolbar__section--open .fa, .toolbar__section.toolbar__section--5 .fa.show-on-open {
	display: none;
}

	.toolbar__section.toolbar__section--5.toolbar__section--open .fa.show-on-open {
		display: inline-block;
	}

.toolbar__section--switch .toolbar__btn.toolbar__btn--transparant {
	color: #ebebeb;
	border-radius: 0;
}

	.toolbar__section--switch .toolbar__btn.toolbar__btn--transparant:first-child {
		border-right-width: 1px;
	}

	.toolbar__section--switch .toolbar__btn.toolbar__btn--transparant:last-child {
		border-left-width: 1px;
	}

	.toolbar__section--switch .toolbar__btn.toolbar__btn--transparant.toolbar__btn--current {
		background: #ebebeb;
		border-color: #ebebeb;
		color: #264A76;
		cursor: default;
	}

.toolbar__section.toolbar__section--visible {
	display: block;
}

.toolbar.toolbar--fixed {
	position: fixed;
	z-index: 9;
	background-color: #fff;
	width: 100%;
	top: 0;
	padding: 10px 10px 0;
	box-shadow: 0 0 10px rgba(0,0,0,.25);
	left: 0;
	box-sizing: border-box;
}

.show-menu .toolbar.toolbar--fixed {
	left: 270px;
}

.notifications {
	padding-top: 10px;
}

	.notifications .notifications__notification i {
		padding-right: 10px;
	}

@media screen and (min-width: 600px) {
	.toolbar__section--5, .toolbar__section--4 {
		padding-left: 5px;
	}

	.toolbar .week-selection__info span {
		font-size: 13px;
	}

	.show-menu .toolbar .week-selection__info span {
		font-size: 12px;
	}

	.toolbar__section.toolbar__section--5.toolbar__section--open {
		order: initial;
	}

	.toolbar__section--1 {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding-right: 5px;
		min-width: inherit;
	}

	.toolbar__section--2, .toolbar__section--2.toolbar__section--visible, .toolbar__section--3, .toolbar__section--3.toolbar__section--visible {
		-webkit-flex: 1 0 auto;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
		padding-right: 5px;
		padding-left: 5px;
		display: block;
	}

	.toolbar__section--4.toolbar__section--visible, .toolbar__section.toolbar__section--5.toolbar__section--switch.toolbar__section--visible {
		-webkit-flex: 1 0 auto;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
		min-width: 50%;
		padding-right: 5px;
		padding-left: 5px;
	}

	.toolbar__section.show-on-mobile {
		order: inherit;
	}

	.toolbar__section.toolbar__section--5.toolbar__section--switch.toolbar__section--visible {
		min-width: 40%;
	}

	.toolbar__section--4.toolbar__section--visible {
		padding-left: 0;
	}

	.show-menu .toolbar__section--4.toolbar__section--visible, .show-menu .toolbar__section.toolbar__section--5.toolbar__section--switch.toolbar__section--visible {
		min-width: 40%;
	}

	.toolbar__section--5 {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: 100%;
	}

	.toolbar__section.toolbar__section--5.toolbar__section--visible {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: 100%;
	}
}

@media screen and (min-width: 768px) {
	.toolbar.toolbar--fixed {
		left: 70px;
		width: calc(100% - 70px);
		padding: 20px 20px 0;
	}

	.toolbar__section {
		margin-bottom: 20px;
	}

	.show-menu .toolbar.toolbar--fixed {
		left: 270px;
		width: calc(100% - 270px)
	}

	.show-menu .toolbar .toolbar__section--2 .toolbar__btn span, .show-menu .toolbar .toolbar__section--2 .toolbar__btn span.show-on-mobile {
		display: none;
	}

	.toolbar .week-selection__info span {
		font-size: 14px;
	}

	.show-menu .toolbar .week-selection__info span {
		font-size: 12px;
	}
}

@media screen and (min-width: 1024px) {
	.toolbar__section--1 {
		flex: 0 0 auto;
	}

	.toolbar__section.show-on-large {
		display: block;
	}

	.toolbar__section.show-on-mobile {
		display: none;
	}

	.show-menu .toolbar .toolbar__btn span {
		display: none;
	}

		.show-menu .toolbar .toolbar__btn span.show-on-mobile {
			display: inline-block;
		}

	.toolbar .toolbar__section.toolbar__section--5.toolbar__section--switch {
		-webkit-flex: 1 0 auto;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
		max-width: 100%;
		min-width: inherit;
	}

	.toolbar .week-selection__info h3, .toolbar .week-selection__info span {
		text-align: left;
	}

	.toolbar .toolbar__section.toolbar__section--5, .toolbar__section--4.toolbar__section--visible {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.toolbar__section.toolbar__section--5.toolbar__section--switch .switch {
		float: right;
	}

	.toolbar__section.toolbar__section--5.toolbar__section--switch .toolbar__btn {
		float: left;
		width: auto;
	}

	.toolbar__section--4.toolbar__section--visible, .toolbar__section.toolbar__section--5.toolbar__section--switch.toolbar__section--visible, .show-menu .toolbar__section--4.toolbar__section--visible, .show-menu .toolbar__section.toolbar__section--5.toolbar__section--switch.toolbar__section--visible {
		min-width: inherit;
	}

	.toolbar__section--4.toolbar__section--visible {
		padding-left: 5px;
	}
}

@media screen and (min-width: 1280px) {
	.show-menu .toolbar .week-selection__info span {
		font-size: 14px;
	}

	.toolbar .toolbar__btn span, .show-menu .toolbar .toolbar__btn span, .show-menu .toolbar .toolbar__section--2 .toolbar__btn span {
		display: inline-block;
	}

		.toolbar .toolbar__btn span.show-on-mobile, .show-menu .toolbar .toolbar__btn span.show-on-mobile {
			display: none;
		}

	.toolbar.toolbar--daily, .notifications.notifications--daily {
		max-width: 960px;
	}

		.toolbar.toolbar--daily.toolbar--fixed {
			max-width: 100%;
			padding-right: calc(100% - 70px - 980px);
		}

	.show-menu .toolbar.toolbar--daily.toolbar--fixed {
		padding-right: calc(100% - 270px - 980px);
	}

	.toolbar__section {
		padding-right: 15px;
	}

	.toolbar .week-selection__info span {
		font-size: 16px;
	}

	.toolbar .toolbar__section--2, .toolbar .toolbar__section--3 {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
:root {
	--color-theme-1: #4A831C;
	--color-theme-1-rgb: 74 131 28;
	--color-theme-1-light: #93B577;
	--color-theme-2: #027DBA;
	--color-theme-2-rgb: 2 125 186;
	--color-theme-2-light: #6EB9D4;
	--color-theme-3: #FAB600;
	--color-theme-3-rgb: 250 182 0;
	--color-theme-3-light: #FDDA7A;
	--color-theme-4: #EC6608;
	--color-theme-4-rgb: 236 102 8;
	--color-theme-4-light: #F4A16A;
	--color-text: #1E1E1E;
	--color-hover: var(--color-theme-1-light);
	--color-white: #fff;
	--color-black: #000;
	--color-grey-100: #f5f5f5;
	--color-grey-200: #eeeeee;
	--color-grey-300: #e0e0e0;
	--color-grey-400: #bdbdbd;
	--color-grey-500: #9e9e9e;
	--color-grey-600: #757575;
	--color-grey-700: #616161;
	--color-grey-800: #424242;
	--color-grey-900: #212121;
	--color-seperator: var(--color-grey-100);
	--theme-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.25);
	--theme-background-glass: rgba(255 255 255 / 50%);
}

/* #region Font declaration */
@font-face {
	font-display: swap;
	font-family: 'Museo Sans';
	font-style: normal;
	font-weight: 300;
	src: url('/websites/implementatie/herenbos/fonts/museosans-300-webfont.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Museo Sans';
	font-style: normal;
	font-weight: 700;
	src: url('/websites/implementatie/herenbos/fonts/museosans-700-webfont.woff2') format('woff2');
}

/* #endregion */

body.theme-herenbos {
	color: var(--color-text);
	font-family: 'Museo Sans', sans-serif;
	overflow: visible;
	/* Create a background image gradient from top to bottom with theme color 1, 2, 3 and 4 */
	background-image: linear-gradient(to bottom, var(--color-theme-1), var(--color-theme-2), var(--color-theme-3), var(--color-theme-4));
	background-attachment: fixed;
}

.theme-herenbos .site {
	overflow: visible;
}

	.theme-herenbos .site .top,
	.theme-herenbos:not(.login) .site .main {
		background-color: rgba(255, 255, 255, 0.8);
		border-radius: 1rem;
		margin: 1rem 1rem 1rem 0;
	}

.theme-herenbos .title {
	color: var(--color-theme-1);
	font-weight: 700;
}

/* #region Login */
.theme-herenbos.login .logo .logo-img {
	background-image: url('/websites/implementatie/herenbos/images/herenbos.svg') !important;
}

.theme-herenbos.login .header-holder .header {
	background-image: url('/websites/implementatie/herenbos/images/background-herenbos.jpg');
	opacity: .8;
}
/* #endregion */

/* #region Main navigation */

.theme-herenbos.page .logo {
	padding: 7px 1.5rem;
}

	.theme-herenbos.page .logo .logo-img {
		background-image: url('/websites/implementatie/herenbos/images/herenbos.svg') !important;
		background-position: left center;
		background-size: cover;
		height: 35px;
		left: 0.6rem;
		opacity: 1;
		position: relative;
		width: 35px;
	}

.theme-herenbos.show-menu.page .logo .logo-img {
	width: 225px;
}

.theme-herenbos .site .left {
	align-self: flex-start;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 1rem;
	flex: 0 0 270px;
	margin: 1rem;
	overflow: visible;
	z-index: 2;
	transition: all .2s ease-in-out;
	position: sticky;
	min-height: calc(100vh - 2rem);
	width: 270px;
	top: 1rem;
}

@media (max-width: 768px) {
	.theme-herenbos .site .left {
		position: fixed;
		top: 10rem;
		margin: 0;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		min-height: calc(100vh);
		width: calc(100vw - 2rem);
		background-color: var(--color-white);
		max-width: 400px;
	}

	.theme-herenbos .main-menu {
		width: 100%;
	}

	.theme-herenbos .site .right {
		margin-left: 1rem;
		width: calc(100% - 2rem);
		flex: calc(100% - 2rem);
	}

	.theme-herenbos:not(.show-menu) .site .left {
		transform: translateX(-100%);
	}

	.theme-herenbos.show-menu .site .left {
		flex: 0 0 90vw;
		transform: translateX(0);
		z-index: 10;
	}

	.theme-herenbos .site .right::after {
		content: '';
		position: fixed;
		inset: 0;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: -1;
		opacity: 0;
		transition: opacity .2s ease-in-out;
	}

	.theme-herenbos.show-menu .site .right::after {
		z-index: 2;
		opacity: 1;
	}

	.theme-herenbos.show-menu .site .top {
		background-color: var(--color-white);
	}

		.theme-herenbos.show-menu .site .top > *:not(.toggle-menu) {
			opacity: 0.2;
			pointer-events: none;
		}
}

@media (min-width: 768px) {
	.theme-herenbos:not(.show-menu) .site .left {
		width: 70px;
		flex-basis: 70px;
	}

	.theme-herenbos .site .left .main-menu {
		white-space: nowrap;
	}

	.theme-herenbos:not(.show-menu) .site .left .main-menu {
		max-width: 100%;
		overflow: hidden;
	}

		.theme-herenbos:not(.show-menu) .site .left .main-menu .main-menu__item span {
			display: none;
		}

		.theme-herenbos:not(.show-menu) .site .left .main-menu .main-menu__item::after {
			display: none;
		}
}

.theme-herenbos .site .main {
	background-color: transparent;
	position: relative;
	z-index: 2;
}

/* #endregion */

/* #region Top bar */

.theme-herenbos .site .top {
	margin-bottom: 0;
	position: relative;
	z-index: 3;
	position: sticky;
	top: 1rem;
	backdrop-filter: blur(3px);
}

	.theme-herenbos .site .top:hover {
		background-color: var(--color-white);
	}

	.theme-herenbos .site .top:has(.user-menu:hover) {
		border-bottom-right-radius: 0;
	}

.theme-herenbos .toggle-menu {
	color: var(--color-theme-1);
	border-radius: 1rem;
}

/* #endregion */

/* #region Top bar navigation */

.theme-herenbos .top-menu--left .top-menu__link,
.theme-herenbos .top-menu--notifications .top-menu__link {
	color: var(--color-theme-1);
}

.theme-herenbos .top-menu__link.top-menu__link--highlight {
	color: var(--color-theme-4);
}

.theme-herenbos .top .submenu {
	background-color: rgba(255 255 255 / 80%);
	backdrop-filter: blur(8px);
	border-radius: 0 0 1rem 1rem;
	overflow: hidden;
	box-shadow: var(--theme-box-shadow);
}

	.theme-herenbos .top .submenu .submenu__link {
		color: var(--color-text);
	}

		.theme-herenbos .top .submenu .submenu__link:hover {
			background-color: rgba(var(--color-theme-1-rgb) / 20%);
		}

.theme-herenbos .top .submenu__item:last-child .submenu__link {
	border-bottom: 0;
}

/* #endregion */

/* #region Content */

.theme-herenbos .site .content {
	background-color: transparent;
}

.theme-herenbos.login .site .content {
	background-color: rgba(255 255 255 / 80%);
	border-radius: 1rem;
	backdrop-filter: blur(.5rem);
}

.theme-herenbos.page.iframe .site .content {
	min-height: calc(100vh - 110px);
}

/* #endregion */

/* #region Main navigation */

.theme-herenbos .main-menu__link {
	color: var(--color-text);
}

	.theme-herenbos .main-menu__link:hover,
	.theme-herenbos .main-menu__item--current .main-menu__link {
		background-color: rgba(var(--color-theme-1-rgb) / 20%);
		color: var(--color-black);
	}

.theme-herenbos .main-menu__item.has-submenu::after {
	color: var(--color-text);
}

.theme-herenbos .main-menu__item--sub {
	background-color: transparent;
}

	.theme-herenbos .main-menu__item--sub.main-menu__item--current {
		background-color: rgba(var(--color-theme-1-rgb) / 20%);
	}

	.theme-herenbos .main-menu__item--sub .main-menu__link {
		background-color: rgba(255, 255, 255, 0.4);
	}

		.theme-herenbos .main-menu__item--sub .main-menu__link:hover {
			background-color: rgba(var(--color-theme-1-rgb) / 40%);
		}

/* #endregion */

/* #region Dashboard */

.theme-herenbos .calendar,
.theme-herenbos .dashboard__link {
	background-color: var(--color-theme-1-light);
	color: var(--color-text);
	border-radius: .25rem;
}

	.theme-herenbos .calendar:hover,
	.theme-herenbos .dashboard__item .dashboard__link:hover {
		background-color: var(--color-theme-1);
		color: var(--color-white);
	}

.theme-herenbos .dashboard__icon {
	color: var(--color-black);
	border-radius: .25rem;
}

.theme-herenbos .dashboard__item .dashboard__link:hover .dashboard__icon {
	color: var(--color-white);
}

/* #endregion */

/* #region Notifications */
.theme-herenbos .notification {
	background-color: var(--color-theme-1-light);
	color: var(--color-black);
	padding: 1rem;
	border-radius: .25rem;
}

	.theme-herenbos .notification.notification--warning {
		background-color: var(--color-theme-4);
	}

.theme-herenbos .top-menu--notifications .top-menu__link span {
	background-color: var(--color-theme-4);
}
/* #endregion */

/* #region Breadcrumbs */
.theme-herenbos .breadcrumb__item,
.theme-herenbos .breadcrumb__link,
.theme-herenbos .breadcrumb__item:after {
	color: var(--color-grey-800) !important;
}

	.theme-herenbos .breadcrumb__link:hover {
		text-decoration: underline;
	}

/* #endregion */

/* #region Buttons */

.theme-herenbos:not(.login) .form__actions {
	display: flex;
	align-items: center;
	gap: 2rem;
}

.theme-herenbos .form--horizontal .form__actions button,
.theme-herenbos .form--horizontal .form__item--actions button,
.theme-herenbos .login .form .form__actions button,
.theme-herenbos .login .form .form__item--actions button {
	background-color: var(--color-theme-1);
	color: var(--color-white);
}

	.theme-herenbos .form--horizontal .form__actions button:hover,
	.theme-herenbos .form--horizontal .form__item--actions button:hover,
	.theme-herenbos .login .form .form__actions button:hover,
	.theme-herenbos .login .form .form__item--actions button:hover {
		background-color: var(--color-hover);
		color: var(--color-black);
	}

.theme-herenbos .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: .8rem 2rem;
	font-size: 1.6rem;
}

	.theme-herenbos .button.cancel {
		background-color: var(--color-grey-300);
		color: var(--color-text);
	}

		.theme-herenbos .button.cancel:hover {
			background-color: var(--color-grey-400);
			color: var(--color-text);
		}

	.theme-herenbos .button.button--primary {
		background-color: var(--color-theme-1);
		color: var(--color-white);
		border: 0;
	}

		.theme-herenbos .button.button--primary:hover {
			background-color: var(--color-theme-1-light);
			color: var(--color-white);
		}

.theme-herenbos .link.button {
	gap: 1rem;
}

	.theme-herenbos .link.button:hover {
		background-color: var(--color-theme-1-light);
		color: var(--color-black);
		border-color: var(--color-theme-1-light);
	}

/* #endregion */

/* #region Profile */

.theme-herenbos .profile-summary .button {
	background-color: var(--color-theme-3);
	color: var(--color-black);
	display: flex;
}

	.theme-herenbos .profile-summary .button:hover {
		background-color: var(--color-theme-3-light);
		color: var(--color-black);
	}

.theme-herenbos .profile-summary {
	background-color: rgba(var(--color-theme-1-rgb) / 40%);
	color: var(--color-text);
	border-radius: 1rem;
}

.theme-herenbos .profile-block.profile-block-image {
	background-color: transparent;
}

.theme-herenbos .profile-block {
	background-color: var(--theme-background-glass);
	border-radius: 1rem;
	padding: 2rem;
	backdrop-filter: blur(.5rem);
}

	.theme-herenbos .profile-block.profile-block--compact h3 {
		display: flex;
		align-items: center;
		gap: 1rem;
	}

		.theme-herenbos .profile-block.profile-block--compact h3.title:after {
			margin-left: auto;

			@media (width >= 600px) {
				font-size: 2rem;
			}
		}

.theme-herenbos .profile-block__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: .5rem 1.25rem;
	background-color: var(--color-grey-800);
	color: var(--color-white);
	font-size: 1.6rem;
	border-radius: .25rem;
}

	.theme-herenbos .profile-block__btn:hover {
		background-color: var(--color-theme-1-light);
		color: var(--color-black);
	}

.theme-herenbos .profile-block:has(> .profile-block__actions).profile-block--open {
	display: grid;
	grid-template:
		'title' auto
		'actions' auto
		'content' auto
		/ 1fr;
	gap: 2rem;
}

.theme-herenbos .profile-block__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	grid-area: actions;
	position: static;
}

.theme-herenbos .profile-block.profile-block-image:hover .profile-block__actions {
	display: flex;
}

.theme-herenbos .profile-block .title {
	grid-area: title;
}

.theme-herenbos .profile-block.profile-block--open h3.title {
	margin-bottom: 0;
}

.theme-herenbos .profile-block .profile-block--content {
	grid-area: content;
}

.theme-herenbos .profile-block::after,
.theme-herenbos .profile-block::before {
	display: none;
}

.theme-herenbos .characteristic--actions {
	gap: 1rem;
}

.theme-herenbos .profile-block--item {
	border-radius: 1rem;
	background-color: var(--color-white);
}

/* #endregion */

/* #region Blocks */
.theme-herenbos .block__title {
	background-color: var(--color-theme-1);
}

.theme-herenbos .block.block--inactive .block__title,
.theme-herenbos .block.block--valid .block__title {
	background-color: var(--color-theme-1-light);
	color: var(--color-white);
}

	.theme-herenbos .block.block--inactive .block__title span,
	.theme-herenbos .block.block--valid .block__title span {
		color: var(--color-black);
		opacity: .75;
	}
/* #endregion */

/* #region Profile blocks */
.theme-herenbos. .profile-block--table .profile-block--item-table {
	background-color: transparent;
}

.theme-herenbos .profile-block--item.profile-block--item-table {
	background-color: transparent;
}

.theme-herenbos .profile-summary .title {
	color: var(--color-text);
}

.theme-herenbos .profile-summary .link {
	color: var(--color-text);
}

/* #endregion */

/* #region Hours */

.theme-herenbos .hoursheet-legend {
	background-color: var(--theme-background-glass);
	padding: 1rem;
	border-radius: 1rem;
	margin-bottom: 2rem;
	font-size: 1.6rem;
}

	.theme-herenbos .hoursheet-legend .hoursheetline {
		margin-bottom: 1rem;
	}

.theme-herenbos .table--hours th {
	text-align: left;
}

.theme-herenbos .popup-input__item--title.popup-input__item--title-disabled,
.theme-herenbos .hour--item.hour--item-disabled,
.theme-herenbos .hoursheetline.gray,
.theme-herenbos .cell-value {
	color: var(--color-grey-700)
}

.theme-herenbos .table tr.hoursheetline,
.theme-herenbos .profile-block--item-table--hourregistration th {
	line-height: 4rem;
}

.theme-herenbos .profile-block--item-table--hourregistration .table tr.current {
	background-color: rgba(var(--color-theme-4-rgb) / 40%);
	color: var(--color-black);
}

.theme-herenbos .table tr.hoursheetline .hoursheet-actions a {
	color: var(--color-text);
}

	.theme-herenbos .table tr.hoursheetline .hoursheet-actions a:hover {
		color: var(--color-white);
	}

.theme-herenbos a.icon--link {
	background-color: rgba(var(--color-theme-1-rgb) / 40%);
	color: var(--color-black);
	border: 1px solid var(--color-theme-1-light);
}

	.theme-herenbos a.icon--link:hover {
		background-color: var(--color-theme-1-light);
		color: var(--color-black);
		border: 1px solid var(--color-theme-1-light);
	}

/* #endregion */

/* #region Week selection */

.theme-herenbos .toolbar .week-selection__prev-next {
	align-items: center;
}

.theme-herenbos .week-selection__prev-next a {
	color: var(--color-theme-1);
	padding-top: 0;
}

.theme-herenbos .toolbar .week-selection__prev-next a:last-child {
	border-color: var(--color-grey-600);
}

.theme-herenbos .week-selection__info {
	color: var(--color-theme-1);
}

	.theme-herenbos .week-selection__info span {
		color: var(--color-text);
	}

.theme-herenbos .toolbar .toolbar__btn {
	background-color: var(--color-theme-1);
}

	.theme-herenbos .toolbar .toolbar__btn:hover {
		background-color: var(--color-theme-1-light);
		color: var(--color-black);
	}

.theme-herenbos .toolbar .toolbar__btn--secondary {
	background-color: var(--color-theme-4);
	color: var(--color-white);
}

	.theme-herenbos .toolbar .toolbar__btn--secondary:hover {
		background-color: var(--color-theme-4-light);
		color: var(--color-black);
	}

.theme-herenbos .toolbar .toolbar__btn.toolbar__btn--transparant {
	background-color: transparent;
	color: var(--color-text);
	border-color: var(--color-text);
}

	.theme-herenbos .toolbar .toolbar__btn.toolbar__btn--transparant:hover {
		background-color: var(--color-theme-1-light);
		color: var(--color-black);
		border-color: var(--color-theme-1-light);
	}

.theme-herenbos .toolbar .switch .toolbar__btn.toolbar__btn--transparant.toolbar__btn--current {
	background-color: var(--color-theme-1-light);
	color: var(--color-black);
	border-color: var(--color-theme-1-light)
}

.theme-herenbos .toolbar .switch .toolbar__btn.toolbar__btn--transparant {
}

	.theme-herenbos .toolbar .switch .toolbar__btn.toolbar__btn--transparant:first-child {
		border-radius: 1rem 0 0 1rem;
		border: 1px solid var(--color-theme-1-light);
		border-width: 1px 0 1px 1px;
	}

	.theme-herenbos .toolbar .switch .toolbar__btn.toolbar__btn--transparant:last-child {
		border-radius: 0 1rem 1rem 0;
		border: 1px solid var(--color-theme-1-light);
		border-width: 1p 1px 1px 0;
	}

/* #endregion */

/* #region Forms */

.theme-herenbos .form input,
.theme-herenbos .form textarea,
.theme-herenbos .form select {
	padding: 1rem 2rem;
	border-radius: .5rem;
	height: auto;
	font-size: 1.6rem;
	line-height: 1.5;
}

/* #endregion */

/* #region Tables (default) */
.theme-herenbos .table tbody tr td,
.theme-herenbos .table thead tr th {
	padding: 1rem;
}

.theme-herenbos td.icon a:not(:first-child) {
	margin-left: 1rem;
}
/* #endregion */

/* #region Tables (help) */

.theme-herenbos .table--help .link:not(.hidden) {
	color: var(--color-theme-1);
	display: flex;
	align-items: center;
	gap: 1rem;
}
/* #endregion */

/* #region Video */
.theme-herenbos .video,
.theme-herenbos .video-player {
	float: none;
}
/* #endregion */

/* #region Documents */
.theme-herenbos .profile-block.profile-block--compact.profile-block--open .profile-block__actions,
.theme-herenbos .profile-block.profile-block--showactions .profile-block__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
/* #endregion */

/* #region FAQ */
.theme-herenbos .faq-item .paragraph {
	color: var(--color-text);
}
/* #endregion */