button[disabled],
input[type=submit][disabled] {
	background-color: #999 !important;
}

.input-text[type="date"] {
	min-height: 2.2em;
	-webkit-appearance: intial !important;
}

.text-green {
	color: #39821e;
}

.radio-container {
	display: flex;
	flex-direction: column;
}

.no-wrap {
	white-space: nowrap;
}

.workroom-3-col {
	box-sizing: border-box;
	display: inline-block;
	width: 32%;
}

.unstyled-button {
	background: none;
	border: 0;
}

ul.list-unstyled {
	list-style: none !important;
	margin-left: 0;
}

ul.list-unstyled li {
	margin-left: 0;
}

.under-work-type-select {
	display: none;
}

.workroom-form label {
	display: block;
}

.dynamic-form-content {
	margin: 1.5rem 0;
}

.table-from-to th {
	letter-spacing: normal;
	text-transform: none;
}

[class^="msg-"] {
	padding: 0.5em;
}

.msg-warning {
	background-color: #F2DEDE;
}

.msg-success {
	background-color: #DFF0D8;
}

/* Initially hide range */
#work-grade-annat-range, 
#work-grade-annat-range + .range-value {
	display: none;
}

.remove-date-button {
	cursor: pointer;
}

.remove-date-button i {
	font-size: 20px;
}

.form-seperator {
	border-bottom: 1px solid #ccc !important;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
}

.form-seperator:empty {
	display: none; 
}

.table-work-items td p {
	margin: 0;
}

/* Report files column */
.report-files-cell {
	vertical-align: top;
}

.report-file-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0;
}

.report-file-list li {
	display: flex;
	align-items: center;
	gap: 0.4em;
	margin: 0 0 0.3em 0 !important;
}

.report-file-link {
	flex: 1 1 auto;
	min-width: 0;
	overflow-wrap: anywhere;
	font-size: 0.95em;
}

.remove-report-file-form {
	display: inline-flex;
	margin: 0;
}

.remove-file-button {
	color: #999;
	cursor: pointer;
	font-size: 1.3em;
	line-height: 1;
	padding: 0 0.25em;
}

.remove-file-button:hover,
.remove-file-button:focus {
	color: #c00;
}

.report-no-files {
	color: #999;
}

.add-report-file-form {
	margin: 0;
}

.report-file-list + .add-report-file-form {
	margin-top: 0.5em;
}

/* Visually hide the native file input; the label acts as the button */
.add-report-file-input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

.add-report-file-label {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 0.3em;
	margin: 0;
	white-space: nowrap;
}

.add-report-file-icon {
	font-weight: bold;
	line-height: 1;
}

.add-report-file-input:focus + .add-report-file-label {
	outline: 2px solid #833c8f;
	outline-offset: 2px;
}

.add-report-file-label.is-uploading {
	opacity: 0.6;
	pointer-events: none;
}

/* Add dates button (secondary button style) */
body .under-work-type-select button.add-date-btn {
	background-color: #fff;
	border: 1px solid #833c8f;
	color: #833c8f;
}

@media only screen and (max-width: 600px) {
	.workroom-3-col {
		display: block;
		width: 100%;
	}

	.add-date-btn {
		margin-bottom: 2em;
	}
}

/* User switcher */

.switch-wr-user-section {
	position: absolute;
	right: 0;
	z-index: 1000;
	max-width: 400px;
}

.switch-wr-user-toggle {
	background-color: #fff;
	border: none;
	float: right;
	height: 24px;
	margin-bottom: 5px;
	opacity: 0.7;
	padding: 0 0 0 5px;
}

.switch-wr-user-toggle .av-icon-char {
	font-size: 24px;
	margin-left: 5px;
	color: #843890;
}

.switch-wr-user-toggle:hover {
	opacity: 1;
}

#top .switch-wr-user-section .switch-wr-user {
	display: none;
}

.is-initially-hidden {
	display: none;
}

#top .overlapping-dates {
	border: 5px solid #fdd;
	padding: 0.5em 0.8em;
	margin-bottom: 1em;
}

/* Overlapping dates */

.overlapping-dates-description {
	margin-top: 0;
}

.overlapping-dates-table,
.overlapping-dates-table * {
	background-color: transparent;
	margin: 0;
	padding: 0;
}

.overlapping-dates-table td, 
.overlapping-dates-table th {
	padding: 0 5px;
}

/* Datepicker */

#ui-datepicker-div {
	z-index: 1000 !important;
}

.ui-datepicker-title,
.ui-datepicker-calendar thead th {
	font-weight: normal;
}

.ui-datepicker-calendar tbody {
	padding-bottom: 1px;
	padding-top: 1px;
}

.ui-datepicker-month {
	text-transform: capitalize;
}

.ui-datepicker-calendar th {
	padding: .3em;
	text-transform: capitalize;
}

.ui-datepicker-calendar tr:last-child {
	border-bottom: 1px solid #000;
}

.ui-datepicker-calendar tr td:last-child,
.ui-datepicker-calendar tr th:last-child {
	border-right: 1px solid #000;
}

/* Load animation */
 .main_color .workroom-form .loading-animation {
	background: #a27ba9 url('../images/loading-animation.gif') left 10px top 8px no-repeat;
	padding-left: 40px;
	pointer-events: none;
}

/* Child handling */
.hidden-form {
	display: none;
}

.edit-child {
	margin-right: 2em;
}

#add-child-btn {
	margin-bottom: 1em;
}

.is-nonbold {
	font-weight: normal !important;
}
.ssn-error-msg {
	margin-top: 0;
	margin-bottom: 0;
	color: #f00;
}