/* dialog wrapper */
.ui-dialog[aria-describedby^="TimesheetsApp-dialogSidebar"] {
	top: 0px;
	right: 0px;
	left: auto;
	position: fixed;
	background-color: rgba(245,245,255,.99);
	box-shadow: -5px 5px 20px rgba(0,0,0,.1);
	height: calc( 100vh - 15px ) !important;
}

	/* title bar */
	.ui-dialog[aria-describedby^="TimesheetsApp-dialogSidebar"] .ui-dialog-title {
		width: 100%;
		text-align: center;
		text-transform: uppercase;
	}

	/* hide close button */
	.ui-dialog[aria-describedby^="TimesheetsApp-dialogSidebar"] .ui-dialog-titlebar-close {
		display: none;
	}

/* sidebar dialog */
.TimesheetsApp-dialogSidebar {
	font-family: 'Roboto Mono';
	font-size: 0px; /* collapse spacing */
	white-space: nowrap;
	max-height: 95vh !important;
	overflow-y: auto !important;
}

	/* form */
	.TimesheetsApp-dialogSidebar > form {
		margin: 0px !important;
	}

	/* section */
	.TimesheetsApp-dialogSidebar section {
		display: block;
		padding: 25px !important;
		background: transparent !important;
	}

		/* scrolling container inside section */
		.TimesheetsApp-dialogSidebar section > div.scroll {
			overflow-y: auto;
			overflow-x: hidden;
			max-height: 22vh;
		}

	/* header */
	.TimesheetsApp-dialogSidebar h3 {
		display: block;
		margin: 10px 0px 10px 0px;

		font-weight: bold;
		font-size: 15px;
	}
		.TimesheetsApp-dialogSidebar h3:first-of-type {
			margin-top: 0px;
		}

		/* buttons inside header */
		.TimesheetsApp-dialogSidebar h3 > button {
			padding: 7px !important;
			margin: 3px !important;
			height: auto !important;
		}

	/* field labels */
	.TimesheetsApp-dialogSidebar label {
		display: block;
		width: 100%;

		margin-top: 25px;
		font-size: 15px !important;
	}

	/* check input labels */
	.TimesheetsApp-dialogSidebar label.check {
		margin-top: 5px !important;
		font-family: 'Roboto Mono';
	}

	/* check input labels in check-groups */
	.TimesheetsApp-dialogSidebar div.check-group > label.check {
		display: inline-block;
		width: auto !important;
	}

	/* inputs */
	.TimesheetsApp-dialogSidebar input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
	.TimesheetsApp-dialogSidebar select {
		display: block;
		margin-top: 5px !important;
		width: 100% !important;
	}

	/* table */
	.TimesheetsApp-dialogSidebar table {
		width: 100%;
		max-width: 600px;
	}

		.TimesheetsApp-dialogSidebar section.selections table {
			font-family: Roboto Mono, Courier New;
			font-size: 11px;
		}
			.TimesheetsApp-dialogSidebar section.selections table th,
			.TimesheetsApp-dialogSidebar section.selections table td {
				padding: 3px !important;
			}
				.TimesheetsApp-dialogSidebar section.selections table td > label {
					padding: 0px;
					margin: 0px;
				}

		/* row */
		.TimesheetsApp-dialogSidebar table tr {

		}

			/* headers/labels */
			.TimesheetsApp-dialogSidebar table tr > th {
				padding: 5px;

				font-weight: bold;
				font-size: 15px;

				border-right: 1px solid white;
				background: rgb(7,207,226);
			}

			/* td */
			.TimesheetsApp-dialogSidebar table tr > td {
				padding: 10px;
				color: rgba(0,0,0,.85);
				font-weight: normal;
				line-height: 1.3;
				font-size: 15px;

				border-bottom: 1px solid rgba(0,0,0,.5);
				overflow: hidden;
			}

	/* notice text */
	.TimesheetsApp-dialogSidebar div.notice {
		padding: 15px;
		text-align: center;

		font-family: Open Sans, Calibri, Arial;
		color: rgba(0,0,0,.75);
		font-size: 14px;
		line-height: 1.75;
	}
		/* notice that's a warning */
		.TimesheetsApp-dialogSidebar div.notice.warning {
			color: red;
		}

		/* notice when hidden */
		.TimesheetsApp-dialogSidebar div.notice.hide {
			display: none;
		}

	/* buttons */
	.TimesheetsApp-dialogSidebar section.buttons {
		text-align: center;
	}