.font-weight-bold {
	font-weight: 700 !important;
}

a {
	cursor: pointer;
}

	a.navbar-brand {
		white-space: normal;
		text-align: center;
		word-break: break-all;
	}

input[type=number]::-webkit-inner-spin-button {
	opacity: 1
}

.border-top {
	border-top: 1px solid #e5e5e5;
}

.border-bottom {
	border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
	font-size: 1rem;
	line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
	font-size: 14px;
	position: relative;
	min-height: 100%;
}

@media (min-width: 768px) {
	html {
		font-size: 16px;
	}
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 60px;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	padding: 15px;
}

/* Navigation Styles */
.navbar-text {
	float: right;
}

.dropdown-submenu {
	position: relative;
}

	.dropdown-submenu .dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -1px;
	}

.dropdown-select-menu {
	min-width: 100%;
	width: 100%;
}

ul.list-group > li {
	padding-top: 1em;
}

.navbar-inverse .navbar-nav > .open > a.test, .navbar-inverse .navbar-nav > .open > a.test:focus, .navbar-inverse .navbar-nav .test > .open > a.test:hover {
	background-color: #0c4010;
}

.navbar-inverse .navbar-nav > .open > a.testqa, .navbar-inverse .navbar-nav > .open > a.testqa:focus, .navbar-inverse .navbar-nav .testqa > .open > a.testqa:hover {
	background-color: lightgreen;
}

.navbar-inverse .navbar-nav > .open > a.testqa2, .navbar-inverse .navbar-nav > .open > a.testqa2:focus, .navbar-inverse .navbar-nav .testqa2 > .open > a.testqa2:hover {
	background-color: lightblue;
}

.navbar-inverse .navbar-nav > .open > a.testsb, .navbar-inverse .navbar-nav > .open > a.testsb:focus, .navbar-inverse .navbar-nav .testsb > .open > a.testsb:hover {
	background-color: red;
}
/* Popup Modal Styles */
.modal {
	text-align: center;
	padding: 0 !important;
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
	display: inline-block;
}

.modal-content {
	border-radius: 15px;
	box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.7);
}

.modal-backdrop.show {
	opacity: 0.75;
}

.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	overflow-y: initial !important
	/*width: 360px;*/
}

.modal-body {
	max-height: calc(100vh - 250px);
	overflow-y: auto;
}

.modal-fullscreen {
	width: 100vw;
	height: 100vh;
	max-width: none;
	max-height: none;
	margin: 0;
}

.modal-fullscreen1 {
	width: 100%;
	height: 100vh;
	max-width: none;
	max-height: none;
	margin: 0;
}

	.modal-fullscreen .modal-content,
	.modal-fullscreen1 .modal-content {
		height: 100%;
		border: 0;
		border-radius: 0;
	}

	.modal-fullscreen .modal-header,
	.modal-fullscreen1 .modal-header {
		height: 10%;
	}

	.modal-fullscreen .modal-body,
	.modal-fullscreen1 .modal-body {
		height: 80%;
		max-height: 80%;
		overflow-y: auto;
	}

	.modal-fullscreen .modal-footer,
	.modal-fullscreen1 .modal-footer {
		height: 10%;
	}

	.modal-fullscreen .form-group textarea,
	.modal-fullscreen1 .form-group textarea {
		max-height: 100%;
		max-width: 100%;
	}

/** SPINNER CREATION **/

.loader {
	position: relative;
	text-align: center;
	margin: 15px auto 35px auto;
	z-index: 9999;
	display: block;
	width: 80px;
	height: 80px;
	border: 10px solid rgba(0, 0, 0, .3);
	border-radius: 50%;
	border-top-color: #000;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
}

.loader-hidden {
	position: relative;
	text-align: center;
	margin: 15px auto 35px auto;
	z-index: 9999;
	display: none;
	width: 0px;
	height: 0px;
	border: 10px solid rgba(0, 0, 0, .3);
	border-radius: 50%;
	border-top-color: #000;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
	}
}

.mycontainer {
	display: grid;
	padding: 10px;
	width: 95vw;
	margin: auto;
	grid-template-areas: 'maintenance' 'header' 'main' 'footer';
	grid-template-columns: 1fr;
}

@media only screen and (max-width: 600px) {
	.mycontainer {
		display: grid;
		padding: 10px;
		width: 95vw;
		margin: auto;
		grid-template-areas: 'maintenance' 'header' 'main' 'footer';
		grid-template-columns: 1fr;
		font-size: x-small;
	}

	.footer {
		font-size: x-small;
	}
}

.myaltcontainer {
	display: grid;
	padding: 10px;
	width: 95vw;
	margin: auto;
	grid-template-areas: 'maintenance maintenance' 'header header' 'left top' 'left main' 'left main' 'left bottom' 'footer footer';
	grid-template-columns: 400px 1fr;
}

.myformscontainer {
	display: grid;
	padding: 10px;
	width: 95vw;
	margin: auto;
	grid-template-areas: 'maintenance maintenance' 'header header' 'left main' 'footer footer';
	grid-template-columns: 220px 1fr;
}

.mywikicontainer {
	display: grid;
	padding: 10px;
	width: 95vw;
	margin: auto;
	grid-template-areas: 'maintenance maintenance' 'header header' 'left top' 'left main' 'left main' 'left bottom' 'footer footer';
	grid-template-columns: 400px 1fr;
}

.myaltcontainer-nosidebar {
	display: grid;
	padding: 10px;
	width: 95vw;
	margin: auto;
	grid-template-areas: 'maintenance' 'header' 'menu' 'top' 'main' 'main' 'bottom' 'footer';
	grid-template-columns: 1fr;
}

.hideSideBar {
	display: none;
}

.flex-container,
.flex-container .dataTables_wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

.flex-item-div, .flex-item-div-full {
	padding: 10px;
	border: 1px solid #000;
	border-radius: 15px;
	-moz-border-radius: 15px;
	margin: 5px;
	box-shadow: 0px 0px 3px 3px lightblue;
}

.flex-item-div {
	flex: 30%;
}

.flex-item-div-full {
	width: 100%;
}

.flex-item-div-no-border {
	padding: 15px 10px 10px 10px;
	width: 100%;
	border-radius: 15px;
	-moz-border-radius: 15px;
	margin: 5px;
	box-shadow: 0px 0px 5px 5px lightblue;
}

.flex-container-card {
	display: flex;
	flex-direction: column;
	text-align: center;
}

.flex-container-card-item {
	width: 75%;
	margin: 5px;
	box-shadow: 5px 5px 5px lightblue;
}

.flex-container-card-item-required {
	width: 75%;
	margin: 5px;
	box-shadow: 1px 1px 1px 1px red;
}

th {
	text-align: center;
}

/* Css for the next and previous buttons */
.btn-arrow-right,
.btn-arrow-left {
	position: relative;
	padding-left: 18px;
	padding-right: 18px;
}

.btn-arrow-right {
	padding-left: 36px;
}

.btn-arrow-left {
	padding-right: 36px;
}

	.btn-arrow-right:before,
	.btn-arrow-right:after,
	.btn-arrow-left:before,
	.btn-arrow-left:after {
		/* make two squares (before and after), looking similar to the button */

		content: "";
		position: absolute;
		top: 5px;
		/* move it down because of rounded corners */

		width: 22px;
		/* same as height */

		height: 22px;
		/* button_outer_height / sqrt(2) */

		background: inherit;
		/* use parent background */

		border: inherit;
		/* use parent border */

		border-left-color: transparent;
		/* hide left border */

		border-bottom-color: transparent;
		/* hide bottom border */

		border-radius: 0px 4px 0px 0px;
		/* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */

		-webkit-border-radius: 0px 4px 0px 0px;
		-moz-border-radius: 0px 4px 0px 0px;
	}

.btn-arrow-right:before,
.btn-arrow-right:after {
	transform: rotate(45deg);
	/* rotate right arrow squares 45 deg to point right */

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.btn-arrow-left:before,
.btn-arrow-left:after {
	transform: rotate(225deg);
	/* rotate left arrow squares 225 deg to point left */

	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
}

.btn-arrow-right:before,
.btn-arrow-left:before {
	/* align the "before" square to the left */

	left: -11px;
}

.btn-arrow-right:after,
.btn-arrow-left:after {
	/* align the "after" square to the right */

	right: -11px;
}

.btn-arrow-right:after,
.btn-arrow-left:before {
	/* bring arrow pointers to front */

	z-index: 1;
}

.btn-arrow-right:before,
.btn-arrow-left:after {
	/* hide arrow tails background */

	background-color: white;
}

table {
	table-layout: fixed;
}

/* Appraisal Team CoC Styles */
.tree, .tree ul {
	margin: 0;
	padding: 0;
	list-style: none
}

	.tree ul {
		margin-left: 1em;
		position: relative
	}

		.tree ul ul {
			margin-left: .5em
		}

		.tree ul:before {
			content: "";
			display: block;
			width: 0;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			border-left: 1px solid
		}

	.tree li {
		margin: 0;
		padding: 0 1em;
		line-height: 2em;
		color: #369;
		font-weight: 700;
		position: relative
	}

	.tree ul li:before {
		content: "";
		display: block;
		width: 10px;
		height: 0;
		border-top: 1px solid;
		margin-top: -1px;
		position: absolute;
		top: 1em;
		left: 0
	}

	.tree ul li:last-child:before {
		background: #fff;
		height: auto;
		top: 1em;
		bottom: 0
	}

.indicator {
	margin-right: 5px;
}

.tree li a {
	text-decoration: none;
	color: #369;
}

.tree li button, .tree li button:active, .tree li button:focus {
	text-decoration: none;
	color: #369;
	border: none;
	background: transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	outline: 0;
}

.associates-wrapper {
	overflow-x: hidden;
}

	.associates-wrapper table {
		white-space: nowrap;
	}

/*.associates-wrapper table,
	.associates-wrapper td,
	.associates-wrapper th {
		border-collapse: collapse;
		border: 1px solid #777;
	}

	.associates-wrapper th {
		padding: 5px;
		background: #ddd;
	}

	.associates-wrapper td {
		padding: 5px 10px;
	}*/

.stats-wrapper {
	overflow-x: hidden;
}

	.stats-wrapper table {
		white-space: nowrap;
		margin: 0 auto;
	}

	.stats-wrapper table,
	.stats-wrapper td,
	.stats-wrapper th {
		border-collapse: collapse;
		border: 1px solid #777;
	}

	.stats-wrapper th {
		padding: 5px;
		background: #ddd;
	}

	.stats-wrapper td {
		padding: 5px 10px;
	}

.associate-details table,
.associate-details td {
	border: 1px solid #777;
	padding: 2px;
}

.div-hide {
	display: none;
	transition: all 1s ease-out;
	opacity: 0;
}

.div-show {
	display: block;
	transition: all 1s ease-in;
	opacity: 1;
}

/* LOG PAGE STYLES */
#exceptionDetailsModal .modal-header .modal-title {
	margin-right: 0;
	position: relative;
	top: -20px;
}

#exceptionDetailsModal .modal-body {
	min-width: 640px;
	min-height: 512px;
}

	#exceptionDetailsModal .modal-body .logRecordInfoDetails {
		width: 100%;
		text-align: center;
	}

	#exceptionDetailsModal .modal-body .form-title {
		font-weight: 700;
	}

.exceptionLogSearchForm #dateRangeFilterCustomDateContainer,
.activityLogSearchForm #dateRangeFilterCustomDateContainer {
	position: absolute;
	top: 65px;
	width: 300px;
	left: 20px;
	z-index: 100;
}

	.exceptionLogSearchForm #dateRangeFilterCustomDateContainer .form-group-subitem,
	.activityLogSearchForm #dateRangeFilterCustomDateContainer .form-group-subitem {
		display: inline-block;
		width: 125px;
		margin-right: 20px;
	}

	.exceptionLogSearchForm #dateRangeFilterCustomDateContainer .fromDateContainer,
	.activityLogSearchForm #dateRangeFilterCustomDateContainer .fromDateContainer {
		padding-left: 0;
	}

		.exceptionLogSearchForm #dateRangeFilterCustomDateContainer .fromDateContainer input,
		.exceptionLogSearchForm #dateRangeFilterCustomDateContainer .toDateContainer input,
		.activityLogSearchForm #dateRangeFilterCustomDateContainer .fromDateContainer input,
		.activityLogSearchForm #dateRangeFilterCustomDateContainer .toDateContainer input {
			width: 125px;
		}

.exceptionLogSearchForm div.dataTables_wrapper div.dataTables_info,
.activityLogSearchForm div.dataTables_wrapper div.dataTables_info,
.addRemoveExistingPMGModalForm div.dataTables_wrapper div.dataTables_info,
.addRemoveExistingPMGModalForm div.dataTables_wrapper div.dataTables_length,
.addPMGWithSearchModalForm div.dataTables_wrapper div.dataTables_info,
.addPMGWithSearchModalForm div.dataTables_wrapper div.dataTables_length,
.addPMRWithSearchModalForm div.dataTables_wrapper div.dataTables_info,
.addPMRWithSearchModalForm div.dataTables_wrapper div.dataTables_length,
#PMRGroups div.dataTables_wrapper div.dataTables_info,
#PMRGroups div.dataTables_wrapper div.dataTables_length {
	padding-top: 35px;
	margin-bottom: 10px;
}

.addPMGWithSearchModalForm div.dataTables_wrapper div.dataTables_info,
.addPMGWithSearchModalForm div.dataTables_wrapper div.dataTables_length,
.addPMRWithSearchModalForm div.dataTables_wrapper div.dataTables_info, 
.addPMRWithSearchModalForm div.dataTables_wrapper div.dataTables_length {
	padding-top: 0;
	margin-top: 10px;
}

.addRemoveExistingPMGModalForm div.dataTables_wrapper div.dataTables_info,
.addRemoveExistingPMGModalForm div.dataTables_wrapper div.dataTables_length,
.addRemoveExistingPMGModalForm div.dataTables_wrapper div.dataTables_info,
.addRemoveExistingPMGModalForm div.dataTables_wrapper div.dataTables_length,
.addPMGWithSearchModalForm div.dataTables_wrapper div.dataTables_length,
.addPMRWithSearchModalForm div.dataTables_wrapper div.dataTables_length,
#PMRGroups div.dataTables_wrapper div.dataTables_info,
#PMRGroups div.dataTables_wrapper div.dataTables_length {
	padding-top: 0;
	margin-top: 15px;
}

.exceptionLogSearchForm #dateRangeFilterCustomDateContainer .field-validation-error,
.exceptionLogSearchForm #dateRangeFilterCustomDateContainer .field-validation-valid,
.activityLogSearchForm #dateRangeFilterCustomDateContainer .field-validation-error,
.activityLogSearchForm #dateRangeFilterCustomDateContainer .field-validation-valid {
	position: absolute;
	top: 65px;
	font-size: 11px;
	width: 155px;
}

.form-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}

.exceptionLogSearchForm .search-filter-row,
.activityLogSearchForm .search-filter-row {
	padding-left: 15px;
	padding-top: 15px;
}

.exceptionLogSearchForm .form-row .form-group,
.activityLogSearchForm .form-row .form-group {
	text-align: left;
}

	.exceptionLogSearchForm .form-row .form-group #logs tr > td:nth-child(1),
	.exceptionLogSearchForm .form-row .form-group #logs tr > td:nth-child(2),
	.exceptionLogSearchForm .form-row .form-group #logs tr > td:nth-child(4),
	.activityLogSearchForm .form-row .form-group #logs tr > td:nth-child(1),
	.activityLogSearchForm .form-row .form-group #logs tr > td:nth-child(2),
	.activityLogSearchForm .form-row .form-group #logs tr > td:nth-child(4) {
		text-align: center;
	}

.exceptionLogSearchForm .dataTables_info,
.exceptionLogSearchForm .dataTables_length,
.activityLogSearchForm .dataTables_info,
.activityLogSearchForm .dataTables_length,
.addPMGWithSearchModalForm div.dataTables_wrapper div.dataTables_info,
.addPMGWithSearchModalForm div.dataTables_wrapper div.dataTables_length,
.addPMRWithSearchModalForm div.dataTables_wrapper div.dataTables_info,
.addPMRWithSearchModalForm div.dataTables_wrapper div.dataTables_length,
.addRemoveExistingPMGModalForm div.dataTables_wrapper div.dataTables_length,
#addRemoveExistingPMGModalForm .dataTables_info,
#addRemoveExistingPMGModalForm .dataTables_length {
	text-align: center;
}

.exceptionLogSearchForm .form-submit-row,
.activityLogSearchForm .form-submit-row {
	padding-left: 15px;
	margin-top: 20px;
	display: flex;
	flex-direction: row;
}

.exceptionLogSearchForm .logRelatedToFilter-container,
.activityLogSearchForm .logRelatedToFilter-container {
	min-width: 210px;
}

.exceptionLogSearchForm .dateRangeFilter-container,
.activityLogSearchForm .dateRangeFilter-container {
	position: relative;
	min-width: 210px;
}

.table-hover > tbody > tr > th,
.table-hover > tbody > tr > td {
	color: #666666;
}

.table-hover > tbody > tr:hover > th,
.table-hover > tbody > tr:hover > td {
	background-color: #DDDDDD;
	color: #000000;
}

table.dataTable > tbody > tr > th.first_column,
table.dataTable > tbody > tr > td.first_column {
	cursor: pointer;
}

	table.dataTable > tbody > tr > th.first_column::before,
	table.dataTable > tbody > tr > td.first_column::before {
		margin-right: .5em;
		display: inline-block;
		color: rgba(0, 0, 0, 0.5);
		content: "►";
	}

form.exceptionLogSearchForm > table.dataTable > tbody > tr > td.last_column,
form.activityLogSearchForm > table.dataTable > tbody > tr > td.last_column {
	white-space: pre;
}

#dropZoneContainer {
	padding: 5px;
}

#fileError {
	color: red;
}

#dropZone {
	width: 50%;
	height: 100px;
	border: 1px solid lightgray;
	border-radius: 3px;
	margin: 0 auto;
	margin-top: 20px;
	text-align: center;
	overflow: auto;
}

	#dropZone:hover {
		cursor: pointer;
	}

	#dropZone .dropZoneText {
		text-align: center;
		font-weight: bold;
		font-size: 16px;
	}

#attachmentsContainer > h5,
#attachmentsContainer > a {
	float: right;
}

/* Timeline CSS */
.pb-4 {
	padding-bottom: 1.5rem !important;
}

.mb-5 {
	margin-bottom: 3rem !important;
}

.mb-2 {
	margin-bottom: .5rem !important;
}

.fw-bold {
	font-weight: 700 !important;
}

.text-muted {
	--mdb-text-opacity: 1;
	color: #757575 !important;
}

.timeline {
	border-left: 1px solid hsl(0, 0%, 90%);
	position: relative;
	list-style: none;
	padding-left: 2rem;
}

	.timeline .timeline-item {
		position: relative;
	}

		.timeline .timeline-item:after {
			position: absolute;
			display: block;
			top: 0;
		}

		.timeline .timeline-item:after {
			background-color: hsl(0, 0%, 90%);
			left: -38px;
			border-radius: 50%;
			height: 11px;
			width: 11px;
			content: "";
		}

.ql-editor {
	min-height: 200px;
}

	.ql-editor.ql-blank::before {
		font-size: 20px;
		font-weight: bold;
	}

/* Signature Pad */
.signature-pad {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 10px;
	width: 100%;
	height: 100%;
	max-width: 700px;
	max-height: 460px;
	border: 1px solid #e8e8e8;
	background-color: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
	border-radius: 4px;
	padding: 16px;
}

	.signature-pad::before,
	.signature-pad::after {
		position: absolute;
		z-index: -1;
		content: '';
		width: 40%;
		height: 10px;
		bottom: 10px;
		background: transparent;
		box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
	}

	.signature-pad::before {
		left: 20px;
		-webkit-transform: skew(-3deg) rotate(-3deg);
		transform: skew(-3deg) rotate(-3deg);
	}

	.signature-pad::after {
		right: 20px;
		-webkit-transform: skew(3deg) rotate(3deg);
		transform: skew(3deg) rotate(3deg);
	}

.signature-pad--body {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: 1px solid #f4f4f4;
}

	.signature-pad--body canvas {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border-radius: 4px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
	}

.signature-pad--footer {
	color: #c3c3c3;
	text-align: center;
	font-size: 1.2em;
	margin-top: 8px;
}

.signature-pad--actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 8px;
}

	.signature-pad--actions .column {
		padding: 0.1em;
	}

	.signature-pad--actions .button {
		margin: 0.2em;
	}

/* Target View = Group.cshtml */
#groups_wrapper,
#pmrs_wrapper,
#pmgs_wrapper {
	padding-left: 0;
	padding-right: 0;
}

	#groups_wrapper #groups,
	#pmrs_wrapper #pmrs,
	#pmgs_wrapper #pmgs {
		margin-top: 10px !important;
		margin-bottom: 15px !important;
	}

/* Target View = _EditGroup.cshtml */
#editGroupForm div.tab-content,
#editPMRForm div.tab-content,
#editPMGForm div.tab-content {
	padding-top: 20px;
	padding-bottom: 10px;
}

#groups_wrapper #groups_pmgs_wrapper,
#GroupPMGsTab #group_pmgs_wrapper,
#GroupPMGs #group_pmgs_wrapper,
#GroupPMRsTab #group_pmrs_wrapper,
#GroupPMRs #group_pmrs_wrapper,
#GroupNotesTab #group_notes_wrapper,
#GroupNotes #group_notes_wrapper,
#GroupNotifyTab #group_notify_wrapper,
#GroupNotify #group_notify_wrapper,
#GroupActivityTab #group_activities_wrapper,
#GroupActivity #group_activities_wrapper,
#PMGPMRs #pmgpmr_pmrs_wrapper,
#PMGGroups #pmggroups_groups_wrapper,
#PMGNotes #pmg_notes_wrapper,
#PMGNotify #pmg_notify_wrapper,
#PMGActivity #pmg_activities_wrapper,
#PMGAttachments #attachments_wrapper,
#PMGAttachments div.form-group,
#PMRNotes #pmr_notes_wrapper,
#PMRNotify #pmr_notify_wrapper,
#PMRPMG #pmr_pmgs_wrapper,
#PMRGroups #pmr_groups_wrapper,
#PMRActivity #pmr_activities_wrapper,
#PMRAttachments #attachments_wrapper,
#PMRAttachments div.form-group {
	padding-left: 0;
	padding-right: 0;
}

#PMGPMRs .dataTables_info,
#PMGGroups .dataTables_info {
	margin-bottom: 10px;
}

#groups_wrapper #groups_pmgs_paginate,
#GroupPMGsTab #group_pmgs_paginate,
#GroupPMGsTab #group_pmgs_length,
#GroupPMGs #group_pmgs_paginate,
#GroupPMGs #group_pmgs_length,
#GroupPMRsTab #group_pmrs_paginate,
#GroupPMRsTab #group_pmrs_length,
#GroupPMRs #group_pmrs_paginate,
#GroupPMRs #group_pmrs_length,
#GroupNotesTab #group_notes_paginate,
#GroupNotesTab #group_notes_length,
#GroupNotes #group_notes_paginate,
#GroupNotes #group_notes_length,
#GroupNotifyTab #group_notify_paginate,
#GroupNotifyTab #group_notify_length,
#GroupNotify #group_notify_paginate,
#GroupNotify #group_notify_length,
#GroupActivityTab #group_activities_paginate,
#GroupActivityTab #group_activities_length,
#GroupActivity #group_activities_paginate,
#GroupActivity #group_activities_length,
#PMRNotes #pmr_notes_paginate,
#PMRActivity #pmr_activities_paginate,
#PMRNotify #pmr_notify_paginate,
#PMGPMRs #pmg_pmrs_paginate,
#PMGPMRs #pmg_pmrs_length,
#PMGGroups #pmg_groups_paginate,
#PMGGroups #pmg_groups_length,
#PMGNotes #pmg_notes_paginate,
#PMGActivity #pmg_activities_paginate,
#PMGNotify #pmg_notify_paginate,
#Product #products_length,
#Product #products_paginate,
#SubProduct #subproducts_length,
#SubProduct #subproducts_paginate,
#Priority #priorities_length,
#Priority #priorities_paginate,
#Category #categories_length,
#Category #categories_paginate,
#Status #statuses_length,
#Status #statuses_paginate,
#Users #projectUsers_length,
#Users #projectUsers_paginate,
#AddPMRDefaults #addPMRDefaultsTable_length,
#AddPMRDefaults #addPMRDefaultsTable_paginate,
#PMRPMG #pmr_pmgs_paginate,
#PMRGroups #pmr_group_paginate,
#pmgs_wrapper #pmgs_length,
#pmrs_wrapper #pmrs_length {
	margin-top: 20px;
}

#PMGPMRs .dataTables_info,
#PMGGroups .dataTables_info {
	margin-bottom: 10px;
}

#groups_wrapper #groups_pmgs_paginate,
#GroupPMGsTab #group_pmgs_paginate,
#GroupPMGs #group_pmgs_paginate,
#GroupPMRsTab #group_pmrs_paginate,
#GroupPMRs #group_pmrs_paginate,
#GroupNotesTab #group_notes_paginate,
#GroupNotes #group_notes_paginate,
#GroupNotifyTab #group_notify_paginate,
#GroupNotify #group_notify_paginate,
#GroupActivityTab #group_activities_paginate,
#GroupActivity #group_activities_paginate,
#PMRNotes #pmr_notes_paginate,
#PMRActivity #pmr_activities_paginate,
#PMRNotify #pmr_notify_paginate,
#PMGPMRs #pmgpmr_pmrs_paginate,
#PMGGroups #pmggroups_groups_paginate,
#PMGNotes #pmg_notes_paginate,
#PMGActivity #pmg_activities_paginate,
#PMGNotify #pmg_notify_paginate,
#Product #products_paginate,
#SubProduct #subproducts_paginate,
#Priority #priorities_paginate,
#Category #categories_paginate,
#Status #statuses_paginate,
#Users #projectUsers_paginate,
#AddPMRDefaults #addPMRDefaultsTable_paginate,
#PMRPMG #pmr_pmgs_paginate,
#PMRGroup #pmr_groups_paginate,
.addRemoveExistingPMGModalForm div.dataTables_wrapper div.dataTables_paginate {
	margin-top: 5px;
}

.dataTables_wrapper .dataTables_paginate {
	margin-top: 5px !important;
}

#PMRAttachments div.form-row,
#PMGAttachments div.form-row {
	margin-left: 0;
	margin-right: 0;
}

.modal .modal-header .window-buttons a.minimize,
.modal .modal-header .window-buttons a.modal-resize-button {
	color: #cbcbcb;
	text-decoration: none;
	padding-bottom: 4px;
}

	.modal .modal-header .window-buttons a.minimize:hover,
	.modal .modal-header .window-buttons a.modal-resize-button:hover {
		color: #7e7e7e;
		background-color: #CCC;
	}

.modal .modal-header div.window-buttons {
	position: absolute;
	text-align: right;
	width: 100%;
	top: 0;
	padding-left: 30px;
	padding-right: 12px;
}

.modal .modal-header .window-buttons .minimize,
.modal .modal-header .window-buttons .modal-resize-button {
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	width: 40px;
	text-align: center;
}

.modal .modal-header .window-buttons .minimize {
	position: relative;
	padding-bottom: 9px;
	line-height: 1;
	margin-right: -4px;
	top: -4px;
}

.modal .modal-header .window-buttons .close {
	margin-top: 0px;
	width: 40px;
	padding-top: 3px;
	padding-bottom: 4px;
	font-weight: normal;
	font-size: 26px;
}

	.modal .modal-header .window-buttons .close:hover {
		background-color: #d9534f;
		color: #fff;
	}

#addNoteModal .noteField {
	width: 100%;
}

div.txtNote {
	display: flex;
	justify-content: space-between;
}

	div.txtNote .editLnks, .txtNote .removeBtn {
		margin-left: auto;
	}

.tab-content #Product,
.tab-content #SubProduct,
.tab-content #Priority,
.tab-content #Category,
.tab-content #Status,
.tab-content #Users,
.tab-content #AddPMRDefaults {
	padding-top: 10px;
}

	.tab-content #Product .form-row .form-group,
	.tab-content #SubProduct .form-row .form-group,
	.tab-content #Priority .form-row .form-group,
	.tab-content #Category .form-row .form-group,
	.tab-content #Status .form-row .form-group,
	.tab-content #Users .form-row .form-group,
	.tab-content #AddPMRDefaults .form-row .form-group {
		padding-left: 5px;
		padding-right: 5px;
	}

		.tab-content #Product .form-row .form-group .dataTables_wrapper,
		.tab-content #SubProduct .form-row .form-group .dataTables_wrapper,
		.tab-content #Priority .form-row .form-group .dataTables_wrapper,
		.tab-content #Category .form-row .form-group .dataTables_wrapper,
		.tab-content #Status .form-row .form-group .dataTables_wrapper,
		.tab-content #Users .form-row .form-group .dataTables_wrapper,
		.tab-content #AddPMRDefaults .form-row .form-group .dataTables_wrapper {
			padding-left: 0;
			padding-right: 0;
		}

.page {
	/*background-color: white;*/
	backface-visibility: hidden;
	transform-origin: left;
	/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
	transition: transform 0.1s;
}

	.page.hidden {
		display: none;
	}

	.page.forwardturning {
		display: block;
		animation: flipforward 0.1s forwards;
	}

	.page.backwardturning {
		display: block;
		animation: flipbackward 0.1s backwards;
	}

@keyframes flipforward {
	from {
		transform: rotateY(0deg);
	}

	to {
		transform: rotateY(-180deg);
	}
}

@keyframes flipbackward {
	from {
		transform: rotateY(-180deg);
	}

	to {
		transform: rotateY(0deg);
	}
}

a.editRankGroupingLnk, a.deleteRankGroupingLnk, a.activateRankGroupingLnk {
	float: right;
	margin: 0 5px;
}

.dataTable td .selected-id,
.dataTable td .added-selected-id,
.dataTable td .deleted-selected-id {
	font-weight: bold;
	border: solid 1px #31b0d5;
	padding: 6px;
	border-radius: 16px;
}

.dataTable td .deleted-selected-id {
	border: solid 1px #c9302c;
}

.dataTable td .selected-id-identifier,
.dataTable td .added-selected-id-identifier,
.dataTable td .deleted-selected-id-identifier {
	color: #286090;
	font-size: 24px;
	padding-left: 5px;
	position: relative;
	top: 0;
	color: #31b0d5;
}

.dataTable td .deleted-selected-id-identifier {
	color: #c9302c;
}