/*###########################################################################*/
/*---QA App // Main styles---*/
/*---Release 0.16.15---*/
/*###########################################################################*/
/*---import external fonts---*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic);
/*###########################################################################*/
/*---import color set---*/
@import url("color-set.css");
/*###########################################################################*/
/*---import temp staging styles---*/
@import url("pre-staging.css");
/*###########################################################################*/
/*---import theme---*/
@import url("theme.css");
/*###########################################################################*/
/*---generic html settings---*/
html,
body {
	width: 100%;
	height: 100%;
}
body,
h1,
h2,
h3,
.buttons,
.breadcrumb,
.ratingNew ul,
.tags ul,
.checkNotes .images ul,
.checkNotes .editControls ul,
.checkList dl,
.checkList dd,
.listDropdown ul,
.auditsListRecords dl,
.auditsListRecords dd,
.auditsListRecords ul {
	margin: 0;
	padding: 0;
}
.buttons,
.breadcrumb,
.ratingNew ul,
.tags ul,
.checkNotes .images ul,
.checkNotes .editControls ul,
.listDropdown ul,
.auditsListRecords ul {
	list-style: none;
	width: 100%;
}
body,
button {
	position: relative;
	font-family: 'Open Sans', sans-serif;
}
button {
	padding: 0;
	border: none;
	margin: 0;
	cursor: pointer;
}
a {
	text-decoration: none;
}
/*###########################################################################*/
/*---generic scroll behaviour---*/
main section,
main nav .breadcrumb,
.checkNotes.edit .tags,
.checkNotes.edit .images {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
/*###########################################################################*/
/*---generic button styling---*/
.buttons a,
footer nav a,
footer nav button,
.editControls a,
.editControls button,
.listDropdown label,
.listDropdown a,
.listDropdown button {
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 4px;
	padding-top: 12px;
	padding-right: 32px;
	padding-bottom: 12px;
	padding-left: 32px;
}
footer nav button,
.checkNotes.edit .editControls button,
.listDropdown button {
	width: 100%;
}
/*###########################################################################*/
/*---generic tag styling---*/
.tags a,
.tags span,
.tags button {
	display: block;
	width: auto;
	margin-right: 4px;
	margin-bottom: 4px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	font-size: 11px;
	font-weight: 600;
}
.tags ul {
	width: auto;
	display: flex;
	flex-wrap: wrap;
}
/*###########################################################################*/
/*---header---*/
header h1 {
	font-size: 18px;
	line-height: 48px;
	padding-right: 16px;
	padding-left: 56px;
	background-image: url(../images/logo_signet.svg);
	background-repeat: no-repeat;
	background-size: 32px;
	background-position: 16px center;
}
/*###########################################################################*/
/*---navigation menus // function---*/
header .menu,
main .listDropdown .menu,
main .checkNotes.edit .editControls.image nav .menu {
	display: none;
}
header .nav-trigger,
main .listDropdown .nav-trigger,
main .checkNotes.edit .editControls.image nav .nav-trigger {
    position: absolute;
	top: 0;
	left: 0;
    clip: rect(0, 0, 0, 0);
}
header label[for="nav-trigger"],
main .listDropdown label,
main .checkNotes.edit .editControls.image nav label {
    cursor: pointer;
}
header label[for="nav-trigger"] {
    position: absolute;
    z-index: 2;
}
/*---when trigger is checked, display menu---*/
header .nav-trigger:checked ~ .menu,
main .listDropdown .nav-trigger:checked ~ .menu {
	display: block;
}
main .checkNotes.edit .editControls.image nav .nav-trigger:checked ~ .menu {
	display: flex;
}
/*###########################################################################*/
/*---navigation menus // header / chrome---*/
header label[for="nav-trigger"],
header nav .menu {
	border-width: 4px;
	border-style: solid;
	z-index: 1;
}
header label[for="nav-trigger"] {
    top: 4px;
    right: 16px;
    width: 32px;
    height: 32px;
	background-image: url(../images/menu/open.svg);
	background-repeat: no-repeat;
    background-size: contain;
}
header .nav-trigger:checked ~ label[for="nav-trigger"] {
	background-image: url(../images/menu/close.svg);
}
header nav .menu {
	position: absolute;
	right: 16px;
	top: calc(4px + 32px + 4px);
	list-style: none;
	margin: 0;
	padding: 0;
}
/*###########################################################################*/
/*---navigation menus // header / chrome / icons---*/
header nav .menu a,
header nav .menu button {
	display: block;
	box-sizing: content-box;
    width: 32px;
    height: 32px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
    background-size: contain;
	border-bottom-style: solid;
	border-bottom-width: 4px;
}
header nav .menu li:last-of-type a,
header nav .menu li:last-of-type button {
	border-bottom-style: none;
}
header nav .menu .previous a,
header nav .menu .previous button {
	background-image: url(../images/menu/previous.svg);
}
header nav .menu .next a,
header nav .menu .next button {
	background-image: url(../images/menu/next.svg);
}
header nav .menu .home a,
header nav .menu .home button {
	background-image: url(../images/menu/home.svg);
}
header nav .menu .checkList a,
header nav .menu .checkList button {
	background-image: url(../images/menu/checkList.svg);
}
header nav .menu .archive a,
header nav .menu .archive button {
	background-image: url(../images/menu/archive.svg);
}
header nav .menu .archiveAudit a,
header nav .menu .archiveAudit button {
	background-image: url(../images/menu/archiveAudit.svg);
}
header nav .menu .info a,
header nav .menu .info button {
	background-image: url(../images/menu/info.svg);
}
header nav .menu .na-all a,
header nav .menu .na-all button {
	background-image: url(../images/menu/na.svg);
}
header nav .menu .folder a,
header nav .menu .folder button {
	background-image: url(../images/menu/folder3.png);
}
header nav .menu .ko_criteria a,
header nav .menu .ko_criteria button {
    background-image: url(../images/menu/ko_criteria.svg);
}
/*###########################################################################*/
/*---navigation menus // image edit / chrome---*/
.editControls.image nav {
	display: flex;
	width: 100%;
	flex-direction: row-reverse;
	margin-bottom: 4px;
}
.editControls.image nav .menu li {
	width: auto;
	margin-right: 4px;
}
.editControls.image nav button,
.editControls.image nav label {
	width: auto;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	margin-bottom: 0;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
/*###
increase padding left for all
buttons that use icon addon
###*/
.editControls.image nav button[class*="icon"] {
	padding-left: 32px;
}
.editControls.image nav label::before {
	content: "Bearbeiten";
}
.editControls.image nav .nav-trigger:checked ~ label::before {
	content: "Abbrechen";
}
.editControls.image nav label {
	color: #4c4c4b;
	background-image: url(../images/buttons/edit.svg);
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 28px;
}
.editControls.image nav .nav-trigger:checked ~ label {
	background-image: url(../images/buttons/cancel.svg);
}
/*###########################################################################*/
/*---main---*/
main {
	height: calc(100% - 48px - 16px);
	margin-right: 16px;
	margin-bottom: 16px;
	margin-left: 16px;
	display: flex;
	flex-direction: column;
}
main section {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}
/*###########################################################################*/
/*---buttons---*/
.buttons a span,
.listDropdown label span {
	padding-left: 8px;
	font-weight: 300;
	font-style: italic;
}
/*###########################################################################*/
/*---navigation // breadcrumb---*/
main nav .breadcrumb {
	display: flex;
	height: 48px;
}
main nav .breadcrumb li {
	padding-right: 8px;
	background-image: url(../images/breadcrumbSeparator.svg);
	background-repeat: no-repeat;
	background-size: 7px;
	background-position: right 18px;
}
main nav .breadcrumb li:last-of-type {
	background-image: none;
	padding-right: 0;
}
main nav .breadcrumb a,
main nav .breadcrumb button {
	display: block;
	line-height: 48px;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 14px;
	font-weight: 600;
	max-width: 150px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*###########################################################################*/
/*---check---*/
.checkDetail,
.checkNotes {
	justify-content: center;
}
/*###########################################################################*/
/*---check // brand / select / menu / chrome---*/
main .listDropdown {
	width: 100%;
}
main .listDropdown > div {
	position: relative;
}
main .listDropdown label {
	position: relative;
	background-image: url(../images/open.svg);
	background-repeat: no-repeat;
	background-size: 36px;
	background-position: right center;
}
main .listDropdown .nav-trigger:checked ~ label {
	background-image: url(../images/close.svg);
}
main .listDropdown button.categorySelector {
	position: absolute;
	top: 20px;
	left: 0;
	margin: 0;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border-top: 2px solid white;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	background-color: rgba(255,255,255,0.15);
	z-index: 1;
}
main .listDropdown button.categorySelector ~ label,
main .listDropdown button.categorySelector ~ .menu {
	opacity: 0.75;
}
main .listDropdown button.categorySelector.enabled {
	background-image: url(../images/checkmark.svg);
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
}
main .listDropdown button.categorySelector.enabled ~ label,
main .listDropdown button.categorySelector.enabled ~ .menu {
	opacity: 1;
}
/*---data package elements---*/
span.finishedCategoryLabel,
span.packageScore {
	font-style: italic;
}
span.finishedCategoryLabel,
span.openCategoryLabel {
	font-weight: 600;
}
span.finishedCategoryLabel {
	color: #D0FFD0;
}
span.packageScore {
	font-weight: 300;
}
.colorSet-shgr-lightRed {
	background-color: #d28a4b;
}
.listDropdown .packageAction {
    color: #4c4c4b;
    background-color: #dadc77;
}
.listDropdown .packageAction button {
	color: #4c4c4b;
}
nav.listDropdown .audit-status {
	color: #4c4c4b;
	background-color: #dadc77;
	width: 100%;
	text-align: center;
	display: block;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 4px;
	padding-top: 12px;
	padding-bottom: 12px;
}
#roomsInfo {
    font-weight: 300;
}
/*###########################################################################*/
/*---check // detail---*/
.checkDetail {
	position: relative;
}
.checkDetail nav {
	position: absolute;
	top: calc(50% - 12px);
	width: 100%;
}
.checkDetail nav a,
.checkDetail nav button {
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
    background-size: contain;
}
.checkDetail nav a.previous,
.checkDetail nav button.previous {
	left: 8px;
	background-image: url(../images/previous.svg);
}
.checkDetail nav a.next,
.checkDetail nav button.next {
	right: 8px;
	background-image: url(../images/next.svg);
}
.checkDetail h1,
.checkDetail h2 {
	font-size: 18px;
	font-weight: 600;
}
.checkDetail h2 {
	margin-right: 40px;
	margin-left: 40px;
}
/*###########################################################################*/
/*---check // rating---*/
/*---merge---*/
.ratingNew a.selected,
.ratingNew button.selected {
	border-style: solid;
	box-sizing: border-box;
	border-width: 4px;
	box-shadow: 0px 0px 1px 1px #4c4c4b;
}
/*###########################################################################*/
/*---check // notes---*/
.checkNotes .tags ul,
.checkNotes .images ul {
	display: flex;
	flex-wrap: wrap;
}
.checkNotes .tags ul {
	margin-left: 0;
	width: 100%;
}
.checkNotes .tags a,
.checkNotes .tags span,
.checkNotes .tags button {
	margin: 2px;
}
/*###########################################################################*/
/*---check // notes / edit---*/
main section.images {
	flex: 2;
}
main .editControls {
	position: relative;
	flex: none;
	width: 100%;
	margin-top: 4px;
}
.editControls.image a,
.editControls.image button {
	margin-bottom: 0;
}
.checkNotes.edit h1 {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 1px;
	padding-right: 4px;
	padding-left: 4px;
	width: calc(100% - 8px);
}
.checkNotes.edit .tags {
	width: calc(100% - 4px);
	border-width: 2px;
	border-style: solid;
}
.checkNotes.edit .editControls li {
	width: 100%;
}
.checkNotes.edit .editControls a {
	padding: 0;
	line-height: 48px;
}
#criterionLabel {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	width: calc(100% - 8px);
	padding: 0px 4px 4px;
	color: #a48a52;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border: none;
	background-color: transparent;
}
/*###########################################################################*/
/*---check // notes / image grid---*/
.checkNotes .images {
	width: 100%;
}
.checkNotes .images li {
	box-sizing: border-box;
	width: 25%;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #4c4c4b;
}
.checkNotes .images li:nth-of-type(4n) {
	border-right: none;
}
.checkNotes .images a,
.checkNotes .images button,
.checkNotes .images img {
	display: block;
	overflow: hidden;
}
.checkNotes .images img {
	width: 100%;
}
.checkNotes .images li:nth-of-type(4n) img {
	margin-top: -1px;
}
/*###########################################################################*/
/*---check // notes / image grid / image selected---*/
.checkNotes .images a.selected {
	position: relative;
}
.checkNotes .images a.selected::before {
	content: "Image selected";
	display: block;
	position: absolute;
	bottom: 4px;
	right: 4px;
	width: 24px;
	height: 24px;
	border-radius: 13px;
	border: 1px solid #ffffff;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-image: url(../images/checkmark.svg);
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #d37149;
	box-shadow: 0px 0px 1px 1px #4c4c4b;	
	z-index: 1;
}
.checkNotes .images a.selected img {
	opacity: 0.5;
}
/*###########################################################################*/
/*---check // list---*/
main section.checkList {
	display: block;
}
.checkList dl {
	position: relative;
	font-size: 12px;
	width: 100%;
	margin-bottom: 8px;
}
.checkList dl:nth-of-type(2) {
	margin-top: 33px;
}
.checkList dl:nth-of-type(2)::before {
	content: 'Top of the list';
	position: absolute;
	top: -33px;
	left: 0;
	width: calc(100% - 16px);
	padding-left: 8px;
	padding-right: 8px;
	color: #4c4c4b;
	background-color: #dadc77;
	border-bottom: 1px solid #ffffff;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	line-height: 32px;
}
.checkList dl:last-of-type {
	margin-bottom: 0;
}
.checkList dl.caption {
	display: none;
}
.checkList dt,
.checkList dl.caption dd {
	padding-top: 4px;
	padding-bottom: 4px;
}
.checkList dt {
	padding-right: 8px;
	padding-left: 8px;
}
.checkList dt {
	font-weight: 600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.checkList dt button {
	text-align: left;
	font-size: 12px;
	font-weight: 600;
}
.checkList dt:nth-of-type(1) {
	border-bottom: none;
	float: left;
	margin-right: 4px;
}
.checkList dt:nth-of-type(2) button {
	width: calc(100% - 48px);
}
.checkList .tagSelector button {
	background-image: url(../images/buttons/tag.svg);
	background-repeat: no-repeat;
	background-size: 28px;
	width: 28px;
	height: 28px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.checkList .tagSelector {
	position: absolute;
	top: 32px;
	right: 0;
}
.checkList .imageIndicator {
	position: absolute;
	right: 0;
	top: 0;
	width: 28px;
	height: 28px;
	background-image: url(../images/imageGalleryIcon.svg);
	background-size: 28px;
	background-repeat: no-repeat;
}
.checkList .imageIndicator span {
	position: absolute;
	bottom: -6px;
	left: -6px;
	display: block;
	width: 16px;
	line-height: 16px;
	border-radius: 9px;
	border-width: 1px;
	border-style: solid;
	font-size: 10px;
	text-align: center;
	box-shadow: 0px 0px 1px 1px #4c4c4b;
}
.checkList .notes a,
.checkList .notes button {
	display: block;
	background-image: url(../images/buttons/editWhite.svg);
	background-repeat: no-repeat;
	background-size: 28px;
	width: 28px;
	height: 28px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.checkList .notes {
	position: absolute;
	top: 64px;
	right: 0;
}
.checkList .imageIndicator.disabled {
	visibility: hidden;
}
.checkList .ratingControl ul {
	display: flex;
}
.checkList .ratingOld,
.checkList .ratingNew {
	position: relative;
	display: flex;
	margin-right: 4px;
	margin-left: 4px;
	font-size: 12px;
}
.checkList .ratingOld {
	margin-top: 4px;
}
.checkList .ratingNew .ratingControl a.selected,
.checkList .ratingNew .ratingControl button.selected {
	border-width: 4px;
}
.checkList .ratingOld::before,
.checkList .ratingNew::before {
	width: 56px;
	font-weight: 600;
	white-space: nowrap;
}
.checkList .ratingOld::before {
	content: "Pkt. Alt";
}
.checkList .ratingNew::before {
	content: "Pkt. Neu";
}
.checkList .ratingOld a,
.checkList .ratingNew a,
.checkList .ratingOld button,
.checkList .ratingNew button {
	font-size: 11px;
	font-weight: 600;
}
.checkList .ratingOld .ratingControl a,
.checkList .ratingNew .ratingControl a,
.checkList .ratingOld .ratingControl button,
.checkList .ratingNew .ratingControl button {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	margin-right: 4px;
	margin-bottom: 4px;
	width: 34px;
	height: 34px;
}
.checkList .ratingData {
	width: calc(100% - 64px);
}
.checkList .tags {
	margin-right: 32px;
}
.checkList .ratingNew {
	min-height: 96px;
}
.checkList .ratingOld .ratingControl a,
.checkList .ratingNew .ratingControl li:last-of-type a,
.checkList .tags li:last-of-type a,
.checkList .ratingOld .ratingControl button,
.checkList .ratingNew .ratingControl li:last-of-type button,
.checkList .tags li:last-of-type button {
	margin-right: 0;
}
/*###########################################################################*/
/*---audit // archive---*/
.auditsListRecords {
	width: 100%;
}
.auditsListRecords dl {
	display: flex;
	font-size: 12px;
	margin-bottom: 1px;
	padding-bottom: 4px;
	cursor: pointer;
	transition: all 0.25s ease 0s;
}
.auditsListRecords dt {
	display: flex;
	flex-direction: column;
	width: 96px;
	padding-top: 6px;
	padding-left: 4px;
}
.auditsListRecords dt .date {
	font-weight: 600;
}
.auditsListRecords dt .time {
	font-weight: 300;
}
.auditsListRecords dd:nth-of-type(1) {
	width: calc(100% - 256px);
}
.auditsListRecords dd:nth-of-type(2) {
	width: 40px;
	font-style: italic;
}
.auditsListRecords dd:nth-of-type(3) {
	width: 112px;
	font-weight: 600;
	word-wrap: break-word;
}
.auditsListRecords dd:nth-of-type(2),
.auditsListRecords dd:nth-of-type(3) {
	padding-top: 6px;
}
.auditsListRecords ul {
	display: flex;
	flex-wrap: wrap;
}
.auditsListRecords li {
	display: block;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	margin-top: 4px;
	margin-right: 4px;
	font-weight: 600;
}
/*###########################################################################*/
/*---footer---*/
footer {
	position: absolute;
	width: calc(100% - 32px);
	bottom: 0;
	margin: 16px;
}
/*###########################################################################*/
/*---home---*/
.home header {
	border-bottom-width: 4px;
	border-bottom-style: solid;
}
.home main,
.home main section {
	margin: 0;
}
/*###
needs flexbox rewrite
###*/
.home main section {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}
.home main section a {
	width: calc(100% - 32px);
}
.home main section a img {
	width: 100%;
}
.home main section a {
	display: block;
	margin-right: 16px;
	margin-left: 16px;
}
/*###########################################################################*/
/*---generic dialog---*/
.dialog .split {
	display: flex;
	margin-top: 4px;
}
.dialog .split button {
	width: 50%;
	margin-bottom: 0;
}
/*###
increase padding left for all
buttons that use icon addon
###*/
.dialog .split button[class*="icon"] {
	padding-right: 16px;
	padding-left: 16px;
}
.dialog .split button:first-of-type {
	margin-right: 2px;
}
.dialog .split button:last-of-type {
	margin-left: 2px;
}
.dialog .split.vertical {
	flex-direction: column;
}
.dialog .split.vertical button {
	width: 100%;
}
.dialog .split.vertical button:first-of-type {
	margin-right: 0;
	margin-bottom: 4px;
}
.dialog .split.vertical button:last-of-type {
	margin-left: 0;
}
.dialog section {
	width: 100%;
}
.dialog h1,
.dialog h2 {
	font-weight: 600;
}
.dialog h1 {
	font-size: 18px;
}
.dialog h2 {
	font-size: 14px;
}
.dialogHeader {
	justify-content: center;
}
.dialogHeader p {
	display: block;
	text-align: center;
	line-height: 48px;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 4px;
}
.dialogMain {
	flex: none;
	align-items: stretch;
	margin-top: 4px;
	margin-bottom: 4px;
}
.dialogMain h2 {
	min-height: 24px;
	line-height: 24px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
.dialogMain input[type="text"] {
	height: 24px;
	margin-top: 4px;
	margin-right: 0;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	font-size: 14px;
	border-width: 2px;
	border-style: solid;
	border-radius: 0;
	-webkit-appearance: none;
}
.dialogMain button {
	border: none;
	height: 32px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
    font-size: 14px;
}
.dialogMain .tags {
	background-color: #a48a52;
	margin-top: 2px;
	padding-top: 4px;
	padding-left: 4px;
}
.dialogMain button.btGhostTagKO,
.tags button.manualTag.koTag {
	background-color: #e2003b;
	color: #ffffff;
	font-weight: bold;
}
.dialogMain button.btGhostTagKO {
	display: none;
}
.dialogMain .tags li {
	width: 50%;
}
.dialogMain .tags a,
.dialogMain .tags span,
.dialogMain .tags button {
	height: auto;
	box-sizing: border-box;
	width: calc(100% - 4px);
	padding-right: 8px;
	padding-left: 8px;
	color: #4c4c4b;
	font-size: 11px;
	border: 1px solid #4c4c4b;
	background-color: #ffffff;
}
.dialogMain .tags a.selected,
.dialogMain .tags span.selected,
.dialogMain .tags button.selected {
	background-color: #dadc77;
}
main section.dialogFooter {
	align-items: flex-start;
}
.dialogFooter h2,
.dialogFooter p {
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	margin-top: 0;
	margin-bottom: 4px;
}
.dialogFooter p {
	font-size: 14px;
}
main section.dialogFooter.singleItem {
	align-items: center;
}
.dialogFooter.singleItem {
	justify-content: center;
}
.dialogFooter.singleItem a {
	display: block;
	font-size: 18px;
	font-weight: 700;
}
/*###########################################################################*/
/*---create audit dialog---*/
#createAuditSection.dialog .dialogMain .split {
	margin-top: 0;
}
#createAuditSection .dialogMain h2,
#createAuditSection #txtRoomList,
#createAuditSection .dialogFooter * {
    display: none;
}
/*###########################################################################*/
/*---generic dialog // modal window---*/
#mfsdOverlay {
	z-index: 9998;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
#mfsdDialog {
	z-index: 9999;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 240px;
	max-width: 80%;
	max-height: 100%;
	display: none;
	background-color: #ffffff;
	border: 2px solid #ffffff;
	color: #a48a52;
	text-align: center;
	box-shadow: 0px 0px 8px 2px #4c4c4b;
}
#mfsdDialog h2.statusMessage {
	font-size: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#mfsdDialog h3.statusMessage {
	font-size: 14px;
	padding-bottom: 8px;
}
#mfsdDialog .dialogMain {
	margin: 0;
}
#mfsdDialog .dialogMain h2 {
	font-size: 14px;
}
#mfsdDialog .dialogMain h2:nth-of-type(2) {
	margin-top: 2px;
}
#mfsdDialog .dialogMain,
#mfsdDialog .dialogMain p {
	font-size: 14px;
}
#mfsdDialog .dialogMain p {
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 8px;
}
#mfsdDialog .dialogMain p:first-of-type {
	margin-top: 4px;
}
#mfsdDialog .dialogMain .split {
	display: flex;
    margin-top: 2px;
}
#mfsdDialog .dialogMain .split button {
	width: 50%;
	margin-right: 2px;
}
/*###
increase padding left for all
buttons that use icon addon
###*/
#mfsdDialog .dialogMain .split button[class*="icon"] {
	padding-right: 16px;
	padding-left: 16px;
}
#mfsdDialog .dialogMain .split.threeColumns button {
	width: 33%;
}
#mfsdDialog .dialogMain .split button:last-of-type {
	margin-right: 0;
}
#mfsdDialog .dialogMain input[type="text"] {
    margin-top: 2px;
	width: calc(100% - 16px);
}
/*###########################################################################*/
/*---generic dialog // icon buttons---*/
.iconBack {
	background-image: url(../images/buttons/back.svg);
	background-repeat: no-repeat;
	background-size: 32px;
	background-position: -6px center;
}
.yellow.iconBack {
	background-image: url(../images/buttons/backYellowBG.svg);
}
/*###########################################################################*/
/*---context dialog // icon buttons---*/
.iconDelete {
	background-image: url(../images/buttons/delete.svg);
	background-repeat: no-repeat;
	background-size: 32px 24px;
	background-position: left center;
}
/*###########################################################################*/
/*---fancybox // icon buttons---*/
.fancybox-button--imgDelete svg path {
	fill: currentColor !important;
	stroke-width: 0 !important;
}
/*###########################################################################*/
/*---archived audits---*/
#archivedText {
	font-size: 12px;
	padding-right: 16px;
	text-align: right;
	position: absolute;
	right: 0;
	width: 100%;
	background-color: #7b7b7b;
	color: #ffffff;
	margin-top: 1px;
	font-weight: 400;
	line-height: 20px;
}
/*###########################################################################*/
/*---archived audits // navigation / breadcrumb---*/
body.archived main nav #archivedText + .breadcrumb,
body.archived main #archivedText + nav .breadcrumb {
	margin-top: 20px;
}
body.archived main nav .breadcrumb li {
	background-image: url(../images/breadcrumbSeparator_archivedView.svg);
}
body.archived main nav .breadcrumb li:last-of-type {
	background-image: none;
}
body.archived #criterionLabel {
	color: #7b7b7b;
}
/*###########################################################################*/
/*---archived audits // navigation menus / header / chrome / icons---*/
body.archived header .nav-trigger:checked ~ label[for="nav-trigger"] {
	background-image: url(../images/menu/close_archivedView.svg);
}
body.archived header nav .menu .previous a,
body.archived header nav .menu .previous button {
	background-image: url(../images/menu/previous_archivedView.svg);
}
body.archived header nav .menu .next a,
body.archived header nav .menu .next button {
	background-image: url(../images/menu/next_archivedView.svg);
}
body.archived header nav .menu .home a,
body.archived header nav .menu .home button {
	background-image: url(../images/menu/home_archivedView.svg);
}
body.archived header nav .menu .checkList a,
body.archived header nav .menu .checkList button {
	background-image: url(../images/menu/checkList_archivedView.svg);
}
body.archived header nav .menu .archive a,
body.archived header nav .menu .archive button {
	background-image: url(../images/menu/archive_archivedView.svg);
}
body.archived header nav .menu .archiveAudit a,
body.archived header nav .menu .archiveAudit button {
	background-image: url(../images/menu/archiveAudit_archivedView.svg);
}
body.archived header nav .menu .info a,
body.archived header nav .menu .info button {
	background-image: url(../images/menu/info_archivedView.svg);
}
body.archived header nav .menu .ko_criteria a,
body.archived header nav .menu .ko_criteria button {
    background-image: url(../images/menu/ko_criteria_archivedView.svg);
}
/*###########################################################################*/
/*---responsive design // 500px---*/
@media screen and (min-width: 500px) {
	/*#######################################################################*/
	/*---audit // archive---*/
	.auditsListRecords dd:nth-of-type(1) {
		width: calc(100% - 308px);
	}
	.auditsListRecords dd:nth-of-type(3) {
		width: 164px;
	}
}
/*###########################################################################*/
/*---responsive design // 800px---*/
@media screen and (min-width: 800px) {
	/*#######################################################################*/
	/*---navigation // breadcrumb---*/
	main nav .breadcrumb a,
	main nav .breadcrumb button {
		max-width: 250px;
	}
	/*#######################################################################*/
	/*---check // list---*/
	.checkList dl {
		display: flex;
		margin-bottom: 1px;
	}
	.checkList dt {
		padding-right: 4px;
		padding-left: 0;
		border: none;
		background-color: transparent;
	}
	.checkList dt:nth-of-type(1) {
		float: none;
		width: 32px;
		margin-right: 0;
		padding-right: 4px;
		padding-left: 4px;
	}
	.checkList dt:nth-of-type(2) {
		width: 120px;
	}
	.checkList dt:nth-of-type(2) button {
		width: auto;
	}
	.checkList .caption dd:nth-of-type(1) {
		width: 228px;
	}
	.checkList .notes {
		position: relative;
		top: 2px;
		width: 30px;
		height: 30px;
		background-size: 30px;
		margin-right: 0;
		margin-left: 4px;
	}
	.checkList .tagSelector {
		position: relative;
		top: 2px;
		right: 0;
		width: 30px;
		height: 30px;
		background-size: 30px;
		margin-right: 4px;
		margin-left: 4px;
	}
	.checkList .imageIndicator {
		position: relative;
		top: 0;
		width: 38px;
		height: 28px;
		background-size: 30px;
		margin-right: 4px;
		margin-left: 4px;
	}
	.checkList dd.rating {
		width: calc(100% - 165px);
	}
	.checkList .ratingControl {
		width: 224px;
	}
	.checkList .ratingOld,
	.checkList .ratingNew {
		flex-direction: row;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0;
	}
	.checkList .ratingNew {
		margin-top: 0;
		min-height: inherit;
	}
	.checkList .ratingOld::before,
	.checkList .ratingNew::before {
		content: none;
	}
	.checkList .ratingData {
		display: flex;
		width: calc(100% - 121px);
	}
	.checkList .tags {
		width: calc(100% - 232px);
		min-height: auto;
		margin-top: 0;
		margin-right: 4px;
		margin-left: 4px;
	}
	.checkList .tags ul {
		margin-left: 0;
	}
	.checkList .tags a,
	.checkList .tags span,
	.checkList .tags button {
		display: flex;
		box-sizing: border-box;
		height: 34px;
		align-items: center;
	}
	.checkList .notes {
		width: 32px;
	}
	/*#######################################################################*/
	/*---check // list / caption---*/
	.checkList dl.caption {
		display: flex;
	}
	.checkList dl.caption dd {
		font-weight: 600;
	}
}
/*###########################################################################*/
/*---responsive design // 1024px---*/
@media screen and (min-width: 1024px) {
	/*#######################################################################*/
	/*---navigation // breadcrumb---*/
	main nav .breadcrumb a,
	main nav .breadcrumb button {
		max-width: none;
	}
	/*#######################################################################*/
	/*---generic dialog // modal window---*/
	/*
	#mfsdDialog {
		top: 0;
		transform: translate(-50%, 0);
	}
	*/
	/*#######################################################################*/
	/*---check // list---*/
	.checkList dl:nth-of-type(2) {
		margin-top: 0;
		padding-top: 0;
	}
	.checkList dl:nth-of-type(2)::before {
		display: none;
	}
	.checkList dt:nth-of-type(1) {
		width: 32px;
		padding-right: 8px;
		padding-left: 8px;
	}
	.checkList dt:nth-of-type(2) {
		width: 192px;
	}
	.checkList dt {
		padding-right: 8px;
		padding-left: 8px;
	}
	.checkList .caption dd:nth-of-type(1) {
		width: 232px;
	}
	.checkList .ratingData {
		width: calc(100% - 138px);
	}
	.checkList .tagSelector {
		margin-right: 8px;
		margin-left: 8px;
	}
	.checkList .imageIndicator {
		margin-right: 8px;
		margin-left: 8px;
	}	
	.checkList dd.rating {
		width: calc(100% - 256px);
	}
	.checkList .tags {
		width: calc(100% - 240px);
		margin-right: 8px;
		margin-left: 8px;
	}
	/*#######################################################################*/
	/*---audit // archive---*/
	.auditsListRecords dl:hover {
		color: #4c4c4b;
		background-color: #dadc77;
	}
	.auditsListRecords dt {
		padding-left: 8px;
	}
	.auditsListRecords li {
		display: flex;
		align-items: center;
		height: 32px;
		padding-right: 8px;
		padding-left: 8px;
	}
	.auditsListRecords dl:hover li {
		color: #4c4c4b;
	}
	.auditsListRecords dd:nth-of-type(1) {
		width: calc(100% - 312px);
	}
}