body {
    background-color: white;
}
#main-container {
	margin-bottom: 30px;
	/* test */
}
div#footer {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 30px;
	background-color: #f9f9f9;
	border-top: 1px solid #ccc;
}

div.footer.no-separator {
    padding-top: 50px;
}
div.footer.no-separator div.footer-content {
    border-top: none;
}
div.footer.inverse-color div.footer-content {
    mix-blend-mode: difference;
    color: white;
}

@media only screen and (max-width: 768px) {
	div#footer {
		position: relative;
	}
}
.footer-message {
	line-height: 30px;
}
input[type=checkbox].ace.ace-checkbox-2+.lbl::before,
input[type=radio].ace.ace-checkbox-2+.lbl::before {
    border-color: #949494;
}
input[type=checkbox].ace + .lbl:hover::before,
input[type=checkbox].ace:hover + .lbl::before,
input[type=radio].ace + .lbl:hover::before,
input[type=radio].ace:hover + .lbl::before,
input[type=checkbox].ace:focus + .lbl::before {
    border-color: #fa6400
}
input[type=checkbox].ace.ace-checkbox-2:checked+.lbl::before,
input[type=radio].ace.ace-checkbox-2:checked+.lbl::before {
    background-color:#d67f05;
    border-color:#d67f05;
    color:#FFF
}
input[type=checkbox].ace.ace-checkbox-2:disabled:checked + .lbl::before {
    background-color: #d67f05 !important;
}
input[type=checkbox].ace.ace-checkbox-2:disabled + .lbl::before {
    border-color: #d67f05 !important;
    color: #FFF !important;
    opacity: .5 !important;
}
a.navbar-brand span.mainTitle {
	position: relative;
	display: inline-block;
	top: -4px;
}
a.navbar-brand span.subtitle {
	position: absolute;
	display: inline-block;
	left: 0px;
	bottom: -18px;
	font-size: 12px;
	margin: 0px;
	background: url("/css/images/NOVSTAR.png") 0px 3px no-repeat;
	padding-left: 20px;
}
.logo-panel {
	display: flex;
}
img.navbar-brand-image {
	max-height: 43px;
	height: 43px;
}
.login-logo-with-image {
	display: flex;
	flex-direction: column;
}
img.logo-img {
	max-width: 250px;
	margin-top: 20px;
	margin-bottom: 20px;
	align-self: center;
}

a.isDisabled {
	color: currentColor;
	cursor: text;
	text-decoration: none;
}
/* The following section handles overriding the width of the box container for the NewUserPage */
/* START */
.login-container {
  width: 450px;
}
.newUserPage .login-container {
  width: 500px;
}
@media only screen and (max-width: 500px) {
	.newUserPage .login-container {
		width: 98%;
	}
}
@media only screen and (max-width: 480px) {
	.login-container {
	 width:98%;
	}
	.login-layout .widget-box {
	 padding:0;
	}
	.login-box .toolbar > div {
	 width:auto;
	}
}
/* END */

/* fixing size feedback block */
.login-box div.feedbackPanel {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 8px;
}

.login-box .custom-divider{
    border: 0;
    border-bottom: 1px solid #eee;
}

#notPartOfLink {
    font-size: 17px;
    font-weight: lighter;
}

div.feedbackPanel {
	/* padding-top: 12px; */
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 12px;
}

div.containsPopup {
	display: block;
	position: relative;
}
div.currentAwardStatusPopup {
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid black;
	margin: 0px;
	padding: 0px;
	width: 300px;
	background-color: white;
	z-index: 100;
}
div.greenPopup {
	padding: 3px;
	background-color: green;
}
div.yellowPopup {
	padding: 3px;
	background-color: yellow;
}
div.redPopup {
	padding: 3px;
	background-color: red;
}
div.orangePopup {
	padding: 3px;
	background-color: orange;
}
div.greenPopup ul,
div.yellowPopup ul,
div.redPopup ul,
div.orangePopup ul {
	margin: 0px;
	padding: 20px;
	list-style-type: disc;
}
div.greenPopup ul li,
div.yellowPopup ul li,
div.redPopup ul li,
div.orangePopup ul li {
	margin: 0px;
	padding: 0px;
}

.dataTables_wrapper .btn-group a {
	display: inline-block;
	margin: 0px;
}

div.dataTables_paginate li span,
div.dataTables_paginate li:hover span {
	background-color: #6faed9;
	color: white;
}
div.dataTables_paginate li.next span,
div.dataTables_paginate li.prev span,
div.dataTables_paginate li a span {
	background-color: white;
	color: #6faed9;
}
div.dataTables_paginate li:hover a span {
	background-color: #f1f1f1;
	color: #6faed9;
}

table.footable thead tr th {
	color: #707070;
	font-weight: bold;
	border-color: #DDD;
	background: #f2f2f2;
	font-family: 'Open Sans';
	font-size: 13px;
}
table.footable tbody tr.odd td {
	background: #f9f9f9;
}
table.footable tbody tr.even td {
	background: #ffffff;
}
table td.tableRowActions div.btn-group {
    white-space: nowrap; display: inline-flex; flex-wrap: nowrap;
}
.dataTables_wrapper table td.tableRowActions a.btn-xs,
.dataTables_wrapper table td.tableRowActions button.btn-xs,
.dataTables_wrapper table td.footable-last-column a.btn-xs,
.dataTables_wrapper table td.footable-last-column button.btn-xs{
	border-width: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
}
.dataTables_wrapper table td.tableRowActions div.dropdown button.table-menu-2,
.dataTables_wrapper table td.footable-last-column div.dropdown button.table-menu-2 {
    height: 1.6rem;
	margin-top: 1px;
	margin-bottom: 1px;
}
.dataTables_wrapper table:not(.inline-item-table) td a.item-comment-btn {
	border-width: 1px;
}
.dataTables_wrapper table td a.item-comment-btn {
    margin-left: 4px;
}
table.table-hover tbody tr:hover td {
	background-color: #f1f1f1;
}
table thead tr.navigation {
	border: none;
}
table thead tr.navigation td {
	margin: 0px;
	padding: 0px;
	color: #393939;
	border: none;
	font-size: 14px;
}
table thead tr.navigation td div.dataTables_info {
	font-family: 'Open Sans';
	color: #393939;
	font-size: 14px;
}

.irbEventButtonContainer .btn.btn-app {
	width: 100px;
	height: 80px;
	font-size: 13px;
	line-height: 15px;
}

input[type=checkbox].ace-checkbox-2 + .lbl::before,
input[type=radio].ace-checkbox-2 + .lbl::before {
	margin-right: 5px;
	margin-top: -2px;
}
.lbl-checkbox {
	padding-top: 5px;
}

label.chb-group-reverse {
	text-align: right;
	display: flex;
	justify-content: flex-end;
}
label.chb-group-reverse span.lbl {
	padding-left: 5px;
	padding-top: 5px;
	width: 18px;
}

.nrmsRadioGroup {
	position: relative;
	top: 7px;
}

/* tabbed panels - css below relating to this is taken from wicket-examples */

/* TAB PANEL STYLES */
/* variation tab panel styles */

div.tabpanel div.tab-row ul {
    height: 20px;
    margin: 0;
    padding-left: 10px;
    background: url( tabs4/tab_bottom.gif ) repeat-x bottom;
}

div.tabpanel div.tab-row li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

div.tabpanel div.tab-row a:link, div.tabpanel4 div.tab-row a:visited {
    float: left;
    background: #f3f3f3;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #666;
}

div.tabpanel div.tab-row li.selected a:link, div.tabpanel4 div.tab-row a:visited.active {
    border-bottom: 2px solid #fff;
    background: #fff;
    color: #000;
}

div.tabpanel div.tab-row a:hover {
    background: #fff;
}

/* for Training and Certifications page - need to manually set max widths on the columns so the three distinct tables will line up */
th.certTypeCol {
	width: 250px;
}
th.expDateCol {
	width: 250px;
}
th.downloadCol {
	width: 150px;
}
th.uploadCol {
	width: 260px;
}
th.verifCol {
	width: 150px;
}
/*
table.cert-table th.hideExtraSpaceCol,
table.cert-table td.hideExtraSpaceCol {
	border-right: none;
	border-top: none;
	border-bottom: none;
	background: white !important;
}
table.cert-table {
	border-right: none;
}
*/

/* for edit room page - wet-dry lab choice */
@media (max-width: 1200px) {
	.form-horizontal .labFeatureChildren .control-label {
		text-align: left;
	}
}
div.wetDryContainer {
	position: relative;
}
div.wetDryContainer br {
	display: none;
}
div.wetDryContainer label {
	padding-left: 5px;
	padding-right: 20px;
}
div.wetDryContainer input[type=radio],
div.wetDryContainer input[type=radio]:checked,
div.wetDryContainer input[type=radio]:focus {
	opacity: 1;
	outline: black !important;
}

/* for SqFtRevByPIDeptReport page - need to manually set max widths on certain columns so the distinct tables will line up */
th.departmentCol {
	width: 150px;
}
th.piCol {
	width: 150px;
}

tr.td-as-th {
	font-weight: bold;
}
/*
table.table-floorreport tr.sectionStart {
	border-spacing: 5em;
}
table.table-floorreport tr.sectionStart td {
	border-spacing: 5em;
}
*/

.control-displayValue {
	padding-top: 6px;
	word-wrap:break-word

}

/* this is necessary so that the dropdown datepicker will appear above radio buttons if they happen to be overlapping,
because the ace default sets the z-index for the radio buttons as 12. */
.datepicker-dropdown {
	z-index: 20 !important;
}

.nrms-wysiwyg-container {
	position: relative;
}
.nrms-wysiwyg-container .wysiwyg-speech-input {
	position: absolute;
	top: 0px !important;
	left: -8px !important;
}
.editor-height-375 div.wysiwyg-editor {
    min-height: 375px;
    height: 375px;
}

div#wysiwyg3,
div#wysiwyg4,
div#wysiwyg5,
div#wysiwyg6,
div#wysiwyg7,
div#wysiwyg8 {
	border-left: 1px solid #BBC0CA;
	border-bottom: 1px solid #BBC0CA;
}

.nrmsSelect2 {
}

a.nrms-popover {
	text-decoration: none;
}
div.popover {
	width: 275px;
}

div.wide-body {
    width: 550px;
}

div.nrms-wicket-mfu-container {
	border: 1px dashed #aaa;
	padding: 5px;
}
div.nrms-container-hidden {
	display: none;
}
div.nrms-wicket-mfu-container p.alert {
	margin-bottom: 0px;
}

span.nrms-multiple-file {
	position: relative;
	overflow: hidden;
	padding-left: 0px;
}
span.nrms-multiple-file input {
	position: absolute;
	top: -10px;
	left: 0px;
	width: 245px;
	height: 60px;
	border : none !important;
	/* border: 1px solid red; */
	background: transparent;
	color: transparent;
	font-size: 100px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
	z-index: 3 !important;
	opacity: 0.0;
 	filter: alpha(opacity=0.0);
 	cursor: cell;
}
span.nrms-multiple-file span.nrms-mfu-button {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 2 !important;
}
span.nrms-multiple-file span.nrms-mfu-button.btn-purple.hovered {
	background-color: #7461aa !important;
}

.nrms-wicket-mfu-field {
	width:245px;
}

/*
span.nrms-multiple-file input.nrms-wicket-mfu-field {
	z-index: 20 !important;
	opacity: 0.5;
}
*/

tr.hasErrors span.control-label,
span.hasErrors label.control-label,
span.hasErrors label,
span.hasErrors span.lbl,
td span.hasErrors,
label.control-label span.hasErrors {
	color: #b94a48;
}

tr.hasErrors div.control-label,
tr.hasErrors td span,
div.hasErrors label.control-label,
div.hasErrors label,
div.hasErrors span.lbl,
label.control-label div.hasErrors {
	color: #b94a48;
}
label.control-label.hasErrors {
    color: #b94a48;
}

fieldset.enum-radio-fieldset-columns {
    display: flex;
    flex-direction: column;
}
fieldset.enum-radio-fieldset-row {
    display: flex;
    flex-direction: row;
}
fieldset.enum-radio-fieldset-columns span.enum-radio-fieldset-opt {
    margin-bottom: 5px;
}
label.inline-lbl {
    display: inline;
}

div.ctrl-lbl-with-cmnt {
	display: flex;
	justify-content: end;
}
.right-padded-0-5 {
	padding-right: 0.5rem;
}
.control-label i {
	font-size: 14px;
	padding: 1px;
}

a.btn.hasErrors {
	border: solid #b94a48 3px;
	/*duplicate css below to avoid override in skins .css*/
	border-color: #b94a48;
	border-style: solid;
	border-width: 3px;
}
tr.hasErrors {
	border-color: #b94a48;
	border-width: 3px;
	border-style: solid;
}

.footable-row-detail-inner {
	width: 100%;
	background-color: white;
}

.footable td {
	word-break: normal;
}

#addStatusModal .modal-dialog,
#researchTypeDescModal .modal-dialog,
#adverseEventModal .modal-dialog {
	margin-left: auto;
	margin-right: auto;
}
#addStatusModal .modal-body {
	max-height: 650px;
}

.commentsModal .modal-body {
    height: 70vh;
}

#researchTypeDescModal .modal-footer {
	text-align: left;
}
#externalCoinvestigatorModal .modal-dialog {
	width: 600px;
}
#externalCoinvestigatorModal .modal-dialog div.ace-file-input input.ace_file_input {
	width: 400px;
	font-size: 100px;
}

#submitReviewModal .modal-dialog {
    margin-left: auto;
    margin-right: auto;
}

#painCategoriesModal .modal-dialog {
    margin-left: auto;
    margin-right: auto;
}

.modal.aside-dark .modal-content {
    background-color: #f3f3f3;
}

.modal-backdrop ~ .select2-container--open{
    z-index: auto;
}

.modal-backdrop {
    opacity:0.2 !important;
}

.modal-dialog {
    overflow-y: initial !important;
    width: 80%;
	min-height: 90%;
	margin: 45px auto 15px;
}

.modal-dialog.noHeaderLabel {
	border: none;
	width: unset;
	margin: 0;
	padding: 0;
}

.modal-dialog.noHeaderLabel .modal-header {
	display: none;
}

.modal-dialog.noHeaderLabel .modal-body {
	margin: 0;
	padding: 0;
}

.modal-dialog.noHeaderLabel .modal-body .row {
	margin: 0;
	padding: 0;
}

.modal-dialog.noHeaderLabel .modal-body .space-6 {
	display: none;
}

.modal-dialog.noHeaderLabel .modal-body .widget-box {
	width: auto;
	padding: 3px;
	margin: 3px;
}

.modal-dialog.noHeaderLabel .modal-body .widget-box-toggle-cntrl {
	display: none;
}

.footable-row-detail.lbl-hide .profile-info-name {
	display: none;
}
.profile-info-value .form-group div[class^="col-xs-"] {
	width: auto;
}

.modal-header{
    padding-top: 3px;
    padding-bottom: 3px;
}
.modal-header .close{
    margin-top: 3px;
}
.modal-header .modal-head{
    display: block;
}

.modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-footer{
    height: 46px;
    padding-top: 4px;
    padding-bottom: 5px;
}
.modal-footer .btn{
    padding-top: 3px;
    padding-bottom: 3px;
}

.datepicker,
.date-picker {
	z-index: 10001 !important;
}

@media only screen and (max-width: 580px) {
 .form-horizontal .control-label {
    float: none;
    padding-top: 0;
    text-align: left;
    width: auto;
 }
 .form-horizontal .controls {
	margin-left: 0;
 }
}

.form-horizontal .control-label {
    padding-top: 0px;
}

.form-actions-smaller {
    padding-top: 10px;
    padding-bottom: 10px;
}
.footer {
    margin-bottom: 50px;
}

.filter-centered .control-label {
	text-align: right;
}

.mirror-y {
    display:inline-block;
    -moz-transform: matrix(1, 0, 0, -1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    -o-transform:matrix(1, 0, 0, -1, 0, 0);
    -prefix-transform: scale(-1, 1);
    transform: rotateX(180deg);
}

textarea.projectTitle {
	width: 90%;
	height: 100px;
}

textarea {
    max-width: 100%;
}

.nrmsSearchFilterForm select,
.nrmsSearchFilterForm input {
	margin-bottom: 10px;
}
.nrmsSearchFilterForm label {
	position: relative;
	top: 3px;
}
.dataTables_wrapper .adminControlsColumn {
	min-width: 103px !important;
}
.dataTables_wrapper .adminControlsColumn2 {
	min-width: 125px !important;
}
#myTasksTable .adminControlsColumn {
	min-width: 125px !important;
}
.piControlsColumn {
}

.manageSponsorsTable .sponsorNameCol {
	width: 300px;
}
.manageSponsorsTable .sponsorTypeCol {
	width: 200px;
}
.manageSponsorsTable .saveDelCol {
	width: 100px;
}

/*
Need to override the following from ace, otherwise, if the profile-info-name happens to wrap to 2 rows, but the value doesn't also do so,
the row will only take the height of the value column, and the name field will get cut off.  The media query part is necessary to deal with
what happens when for small screens the name/value pairs for rows are moved to be above each other.
*/
.profile-info-row {
	clear: left;
	display: block;
	border-top: 1px dotted #d5e4f1;
}
.profile-info-name {
	position: relative;
	float: left;
	width: 180px;
}
@media only screen and (max-width: 480px) {
	.profile-user-info-striped .profile-info-name {
		width: 100%;
	}
	.profile-user-info-striped .profile-info-value {
		padding-top: 35px;
	}
}

.demographicTable input[type="text"] {
	width: 50px;
}
.demographicTable .demographic-date input[type="text"] {
	width: 100px;
}

.demographicTable td.hasErrors input {
	border: 1px solid red;
}

.fieldComparisonContainer {
	display: table;
	width: 100%;
}
.fieldComparisonSideLeft,
.fieldComparisonSideRight {
	display: table-cell;
	width: 49%;
	padding: 8px;
}
.fieldComparisonSideSeparator {
	display: table-cell;
	width: 2%;
}
.fieldComparisonSideLeft {
	background-color: #fcf8e3;;
}
.fieldComparisonSideRight {
	background-color: #d9edf7;
}

@media (max-width: 768px) {
	.fieldComparisonContainer {
		display: block;
	}
	.fieldComparisonSideLeft,
	.fieldComparisonSideRight,
	.fieldComparisonSideSeparator {
		display: block;
		width: 100%;
	}
	.fieldComparisonSideSeparator {
		height: 10px;
	}
}

a.unlockProtocolButton {
	width: auto;
}
a.unlockProtocolButton span {
	font-size: 16px;
	font-weight: normal;
	text-shadow: none;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 46px;
}
a.unlockProtocolButton i.icon-edit {
	vertical-align: middle;
}

span.labelSubtitle {
	font-size: 13.5px;
	color: rgb(102, 159, 199);
}

span.chairpersonPalette select:focus.choicesSelect,
span.chairpersonPalette select:focus.selectionSelect,
span.chairpersonPalette select:focus.choicesSelect option,
span.chairpersonPalette select:focus.selectionSelect option {
	width: 450px !important;
}
/*
.navbar-header ul.dropdown-navbar {
	left: -20px;
}
.dropdown-menu.dropdown-caret:before {
	left: 20px;
}
*/

.app-popover-fw {
  max-width: none;
  width: auto;
}

input.date-picker .date-time-only-picker {
	margin-left: -12px;
}

div.select2-container {
	padding-right: 0px;
	padding-left: 0px;
}

.form-group div.view-label {
	top: 6.5px;
}

.widget-header {
	position: relative;
}
.widget-header span.label {
	position: absolute;
	top: 10px;
	right: 110px;
}

.widget-box-overlay > .loading-icon {
  top: 2%;
}

.nrms-panel-footer .widget-toolbox {
background-color: #f3f3f3;
position: relative;
text-align: center;
}
.nrms-panel-footer .widget-toolbox button.center-button {
position: relative;
margin: 0 auto;
}

body,
#scrollspyNavParent {
	position: relative;
}

#scrollspyNavParent li.active {
	background-color: #f3f3f3;
}

.mainSidebarContainer {
	position: relative;
}
@media (min-width: 768px) {
	#mainWithSidebar.right-margined {
		margin-right: 200px;
	}
}
@media (min-width: 768px) {
	#mainWithSidebar.left-margined {
		margin-left: 200px;
	}
}
@media (min-width: 768px) {
	.page-header.position-relative.left-margined{
		margin-left: 200px;
	}
}
@media (min-width: 768px) {
	#breadcrumbs.breadcrumbs.left-margined{
		margin-left: 200px;
	}
}
@media (min-width: 768px) {
	#stickySummaryPanel.widget-box.left-margined{
		margin-left: 200px;
	}
}
@media (min-width: 768px) {
    #stickySummaryPanel.widget-box.right-margined{
        margin-right: 200px;
    }
}

#breadcrumbs.breadcrumbs{
	margin: 0px;
}

.mainSidebarContainer.hide-right-menu #mainWithSidebar {
	margin-right: 0px;
}

.mainSidebarContainer.hide-right-menu #right-menu {
	margin-right: -200px;
}

.mainSidebarContainer.show-right-menu {
	margin-right: 200px;
}

.mainSidebarContainer.hide-right-menu-left #mainWithSidebar {
	margin-left: 0px;
}

.mainSidebarContainer.hide-right-menu-left #right-menu {
	margin-left: -200px;
}

.budget-right-menu {
	right: 0px;
	top: 0px;
}

.shcts-panel-right-menu {
	/*right: 0px;*/
	top: 89px;
	left: 0px;
}

#right-menu {
	position: fixed;
	padding-top: 0px;
	width: 200px;
	height: calc( 100% );
	z-index: 6;
}
#right-menu .widget-box {
	position: relative;
	width: 200px;
	height: 100%;
	overflow-y: scroll;
	background-color: white;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom-width: 0px;
}
#right-menu button#right-menu-toggle {
	position: absolute;
	top: 140px;
	height: 45px;
	opacity: .68;
	z-index: 1;
}

#right-menu button#right-menu-toggle.hide-right-menu-left{
	right: -24px !important;
}
#right-menu button#right-menu-toggle.hide-right-menu{
	left: -24px !important;
}

#right-menu li {
	position: relative;
}

#right-menu .nav li a {
    padding: 5px 10px;
}

#right-menu li i.fa-check,
#right-menu li i.fa-exclamation-triangle,
#right-menu li i.fa-lock,
#right-menu li i.fa-unlock,
#right-menu li i.fa-info-circle{
	font-weight: bold;
	position: absolute;
	top: 9px;
	left: -15px;
}
#right-menu li i.fa-check{
	color: #87b87f;
}
#right-menu li i.fa-lock,
#right-menu li i.fa-unlock {
	color: #555555;
}
#right-menu li i.fa-exclamation-triangle {
	color: #dd5a43;
}

#bottom-menu {
	position: fixed;
	width: 100%;
	bottom: 0px;
	left: 0px;
	margin:0px 0px -3px 0px;
	z-index: 21;
}
#bottom-menu.hide-bottom-menu {
	height: 0px;
}
#bottom-menu button#bottom-menu-toggle {
	position: absolute;
	width:60px;
	top: -25px;
	left: 50%;
	border-radius: 6px 6px 0 0;
	padding: 0px;
}
#bottom-menu button#bottom-menu-toggle.bottom-menu-button {
	top: -20px;
}

#btn-scroll-up {
	right: 20px;
}

.pagination>li.selectedPage>a,
.pagination>li.selectedPage>a:focus,
.pagination>li.selectedPage>a:hover {
	background-color: #dde6f1;
    border-color: #dde6f1;
    color: #fff;
}

.btn.btn-primary {
	font-weight: 900;
}
.btn.btn-success {
	font-weight: 900;
}
.btn.btn-info {
	font-weight: 900;
}

@media only screen and (min-width: 991px) {
    #stickySummaryPanel.with-top-nav {
        left: 0px;
        right: 0px;
        top: 70px;
    }
}
@media only screen and (min-width: 991px) {
    #stickySummaryPanel.with-left-nav {
        left: 195px;
        right: 0px;
        top: 70px;
    }
}

@media only screen and (max-width: 991px){
    #stickySummaryPanel.widget-box{
        left: 0px;
        right: 0px;
        top: 25px;
    }
}

#stickySummaryPanel.widget-box{
	position: fixed;
	z-index: 5;
	border-top-width: 20px;
	border-top-color: white;
	margin-top: 10px;
}

#stickySummaryPanel > .widget-header, #stickySummaryPanelCP > .widget-header {
	color: #393939;
    background: white none;
    border-bottom: none;
}

#stickySummaryPanelCP.widget-box{
    border-top-color: white;
    margin: -12px -7px 15px;
}

.main-content-inner.stickySummaryHeaderOpen{
	padding-top: 115px;
}

@media only screen and (min-width: 992px){
	.h-sidebar.sidebar-fixed.menu-min+.main-content {
		padding-top: 46px;
	}
	.h-sidebar.sidebar-fixed+.main-content {
		padding-top: 71px;
	}
	.h-sidebar.sidebar-fixed+.main-content.cu-style {
		padding-top: 44px;
	}
}

a.shortcuts-panel-link{
	cursor: pointer;
}

.nav-list>li .submenu>li {
	right: 4px;
}

.select2-container--open{
	z-index: 4;
}

.bootstrap-datetimepicker-widget{
	z-index: 4 !important;
}

.loader,
.loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}

.loader {
	margin: -5em 0 0 -5em;
	opacity: 0.1;
	font-size: 10px;
	position: fixed;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
	/*transform: translate(-50%, -50%);*/
	text-indent: -9999em;
	border-top: 1.1em solid #dde0e4;;
	border-right: 1.1em solid #dde0e4;;
	border-bottom: 1.1em solid #dde0e4;;
	border-left: 1.1em solid #337ab7;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

div[id^=MpApprovalPanel] section.form-group-container {
	border-radius: 0;
	background-color: #F5F5F5;
}

div[id^=MpApprovalPanel] section.form-group-container #itemBody .btn {
	height: 40px;
}

div[id^=MpApprovalPanel] section.form-group-container div.form-group-title {
	background-color: #F5F5F5;
}

div[id^=MpApprovalPanel] section.form-group-container div.form-group-title h4 {
	font-size: 22px;
	font-weight: 900;
}

.requiredAction .widget-body {
	background-color: #fff;
}

.notRequiredAction .widget-body {
	background-color: #e4e6e9;
}

div.screenOverlay {
	opacity: 0.6;
	background: #000;
	width: 100%;
	height: 100%;
	z-index: 2000;
	top: 0;
	left: 0;
	position: fixed;
	font-family: 'Open Sans';
	color: white;
	text-align: center;
	font-size: 24pt;
	padding-top: 150px;
}

span.sfiTables div.profile-info-value {
	display: grid;
}

span.no-form-group-margin div.form-group {
	margin: 0;
}

.green-dot {
	height: 20px;
	width: 20px;
	background-color: #1dad22;
	border-radius: 50%;
	display: inline-block;
}

.red-dot {
	height: 20px;
	width: 20px;
	background-color: #ad1d1d;
	border-radius: 50%;
	display: inline-block;
}

.bigger-font {
	font-size: 14px;
}
div.expandedContentContainer span.select2-container span.select2-selection--multiple ul li {
	white-space: normal;
}

.select2-selection--multiple .select2-selection__clear {
	height: 30px !important;
}

input[type=checkbox].ace-black + .lbl::before, input[type=radio].ace-black + .lbl::before {
    border: 2px solid #010101;
}
input[type=checkbox].ace-red + .lbl::before, input[type=radio].red + .lbl::before {
    border: 2px solid #f67d7a;
}

.nrms-btn-remove-upload {
    margin-left: 15px;
}

.edit-budget-sticky-header {
    position: fixed;
    z-index: 5;
    left: 0 !important;
    right: 0;
    top: 0 !important;
    border: 1px solid #CCC;
}

a.link-without-underline:hover {
     text-decoration: none;
}

/*********************************************************************************/
/* ARIA */
.skip-link {
	background: #62a8d1;
	color: #ffffff;
	font-weight: 700;
	left: 50%;
	padding: 4px;
	position: absolute;
	transform: translateY(-100%);
	transition: transform 0.3s;
}

.skip-link:focus {
	transform: translateY(0%);
}

input[type=text]:focus {
	border-color: inherit !important;
	outline-style: auto;
	outline-width: 3px;
}

/* To make numbering look like: 1) content 2) content ...*/
ol.num-with-bracket {
	counter-reset: list;
}
ol.num-with-bracket > li {
	list-style: none;
}
ol.num-with-bracket > li:before {
	content: "" counter(list, decimal) ") ";
	counter-increment: list;
}
textarea:disabled {
	background-color: #eee;
}
.margined-side-2 {
    margin-left: 2px;
    margin-right: 2px;
}



.fb-filter-cont > .input-group {
    margin-left: 0px !important;
}


.display-tags-cont {
    display: flex;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}
.shown-on-hover-btn {
    opacity: 0;
}
td:hover .shown-on-hover-btn {
    opacity: 100;
}

div.communicationContentReadOnlyWrapper {
    width:100%;
    height:500px;
    overflow: auto;
}
td.download_link_col {
    word-break: break-word;
}
.wicket-mfu-container {
    word-break: break-word;
}

.warning-lbl .form-group div[class^="col-xs-"] {
    color: red;
    padding-left: 0;
}
div.gritter-without-image a{
    color: greenyellow;
}
legend.voiceover {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
}

.margined-15 {
    margin: 15px;
}
/*a.dropdown-opt-link:hover {*/
/*    color: white;*/
/*}*/
.select2-results__option--highlighted a {
    color: white;
}

.ajax-indicator {
    pointer-events: none;
    user-select: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 5px;
    background: #fff;

    display: none;
}

.ajax-indicator .ajax-indicator-progress {
    background-color: #0087E1;
    position: fixed;
    top: 0;
    right: 100%;
    width: 100%;
    height: 5px;
    overflow: hidden;

    box-shadow: inset -1px 0 #00558F, inset 0 -1px #00558F, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3);

    transform: translate3d(100%, 0px, 0px);
}

.ajax-indicator .ajax-indicator-activity {
    position: fixed;
    top: 0;
    left: 0;
    right: -28px;
    bottom: 0;

    height: 5px;

    background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%);
    background-size: 28px 100%;
    animation: ajax-indicator-theme-mac-osx-motion 200ms linear infinite;
}

@keyframes ajax-indicator-theme-mac-osx-motion {
    0% { transform: none; }
    100% { transform: translate(28px, 0); }
}


/*a.dropdown-opt-link:hover {*/
/*    color: white;*/
/*}*/
.select2-results__option--highlighted a {
    color: white;
}

section.add-new-entity-sect {
    margin-left: 1.875rem;
    margin-right: 1.875rem;
    margin-bottom: 1.875rem;
}
.no-skin .sidebar.h-sidebar .nav-list>li.active>a:after {
    border-color: transparent;
}

.diff-pname-highlight {
    color: #F89406;
}

/*To port "Please Explain*" text block label (ruled by .col-sm-xx class) from modals to ScreeningPanel*/
.col-sm--1 {
    width: unset;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 16px;
}


.icon-success {
    color: limegreen;
}

.icon-warning {
    color: red;
}

.basepanel-fb-edit {
    border: 1px dashed black;
    display:inline-block;
}

.adhoc-report-completed {
    color: rgb(76, 175, 80);
}

br.inter-section-space {
    display: block;
    margin: 10px 0;
    content: " ";
}

/* --------- Photo gallery begin ----------------- */

.photo-gallery {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 8px;
    padding-left: 10px;
}

.photo-gallery .image-container {
    position: relative;
    margin: 5px;
    height: 100px;
    min-width: 100px;
}

.photo-gallery .image-item {
    height: 100%;
    width: 100%;
    object-fit: fill;
    position: relative;

    opacity: 1;
    filter: brightness(80%);

    border-radius: 5px;
    border-style: solid;
    border-color: lightgrey;
}

.photo-gallery .add-image-ref {
    text-decoration: none;
    cursor: pointer;
    display: block;
    min-width: 100px;
    min-height: 100px;
    align-content: center;
    font-size: larger;

    border-radius: 5px;
    border-style: solid;
    border-color: lightgrey;
    padding-left: 5px;
    padding-right: 5px;

    transition: background-color 0.3s ease;
}

.photo-gallery .image-container:not(:first-of-type):hover {
    filter: brightness(120%);
}

.photo-gallery .image-container:first-of-type:hover .add-image-ref {
    opacity: 0.9;
}

.photo-gallery .image-container:hover .add-image-ref {
    text-decoration: none;
    border-radius: 5px;
    border-style: solid;
    border-color: lightgrey;
    padding-left: 5px;
    padding-right: 5px;
}

.photo-gallery .image-container:hover .describe-me {
    opacity: 0.9;
    display: block;
    color: white;
    filter: drop-shadow(0 0 2px #000);
}

.photo-gallery .image-container:hover .delete-me {
    opacity: 0.9;
    display: block;
    color: white;
    filter: drop-shadow(0 0 2px #000);
}

.photo-gallery .select-me {
    position: absolute;
    top: 10px;
    right: 10px;
    color: grey;
    background: transparent;
    padding: 2px;
    display: none;
}

.photo-gallery .describe-me {
    position: absolute;
    top: 72px;
    right: 40px;
    color: grey;
    background: transparent;
    opacity: 0.8;
    padding: 2px;
    display: none;
}

.photo-gallery .delete-me {
    position: absolute;
    top: 72px;
    right: 8px;
    color: grey;
    background: transparent;
    opacity: 0.8;
    padding: 2px;
    display: none;
}

/* --- photoswipe plugin part ---------- */
.pswp__bg {
    opacity: 0.9;
}

.pswp img {
    max-width: none;
    object-fit: contain;
}

.pswp__custom-caption {
    background: rgba(75, 150, 75, 0.75);
    font-size: 16px;
    color: #fff;
    width: calc(100% - 32px);
    max-width: 400px;
    padding: 2px 8px;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    bottom: 16px;
    transform: translateX(-50%);
    text-align: center;
}

.pswp__custom-caption a {
    color: #fff;
    text-decoration: underline;
}

.hidden-caption-content {
    display: none;
}
/* --- photoswipe plugin end ---------- */

/* --------- Photo gallery end ----------------- */



.fb-indicator {
    padding: 3px 3px 3px 3px !important;
    font-size: 10px;
    height: 50%;
}


@media (width > 991px) {
    .coi-mp-modal-attest {
        float: right !important;
    }
}