/* Settings */
/* This file is for setting things up. Colors, fonts, etc. */

/* This file should have NO CSS RULES. Variables only. */

:root {


    /*  ||| Global tokens  */
    /*  Tokens that reference raw values. Not for use on UI components.  */

    /*  Brand  */

    --ir-brand-500 : #009bde;
    --ir-brand-700 : #006b99; /* new main brand blue. Will replace #07708D */
    --ir-brand-800 : #005a80;

    /*   Gray  */

    --ir-gray-50 : #ffffff;
    --ir-gray-75 : #fdfdfd;
    --ir-gray-100 : #f8f8f8;
    --ir-gray-200 : #e6e6e6;
    --ir-gray-300 : #d5d5d5;
    --ir-gray-400 : #b1b1b1;
    --ir-gray-500 : #909090;
    --ir-gray-600 : #6d6d6d;
    --ir-gray-700 : #464646;
    --ir-gray-800 : #222222;
    --ir-gray-900 : #000000;


    /*  ||| Semantic/Alias tokens  */
    /*  Tokens that reference other tokens. Should not be raw values.  */

    --ir-color-primary : var(--ir-brand-700);
    --ir-color-primary-accent : var(--ir-gray-50);
    --ir-color-secondary : var(--ir-brand-500);
    --ir-color-secondary-accent : var(--ir-gray-900);

    /* ||| Fonts */
    --ir-font-body-color : var(--ir-gray-800);
    --ir-font-heading-color : var(--ir-gray-900);
    --ir-font-color--muted : var(--ir-gray-600);
    --ir-font-color--inverted : var(--ir-gray-50);

    /* ||| Backgrounds */
    --ir-background-primary : var(--ir-color-primary);
    --ir-background-0 : var(--ir-gray-200);
    --ir-background-1 : var(--ir-gray-100);
    --ir-background-2 : var(--ir-gray-50);

    --ir-color-background-1 : var(--ir-gray-100,#f8f8f8);
    --ir-color-background-2 : var(--ir-gray-50,#ffffff);


    /*  ||| Component-specific tokens  */
    /*  Tokens to apply to UI components. Should never be raw values.  */

    --ir-action-link-color : var(--ir-color-primary);

    /* Buttons */
    --ir-action-button-background-primary : var(--ir-background-primary);
    --ir-action-button-text-primary : var(--ir-font-color--inverted);
    --ir-action-button-background-secondary : var(--ir-background-1);
    --ir-action-button-border-secondary : var(--ir-gray-400);
    --ir-action-button-text-secondary : var(--ir-font-body-color);


    /* ||| Branding */
    /* Changing this may require changing branding.css and/or the tenant css template. Tread carefully. */

    --ir-branding-primary-background : var(--ir-color-primary);
    --ir-branding-primary-text : var(--ir-color-primary-accent);
    --ir-branding-secondary-background : var(--ir-color-secondary);
    --ir-branding-secondary-text : var(--ir-color-secondary-accent);

    --ir-header__background : var(--ir-color-secondary);
    --ir-header__link : var(--ir-color-secondary-accent);
    --ir-header__text : var(--ir-color-secondary-accent);

    --ir-main-nav__background : var(--ir-color-primary);
    --ir-main-nav__background--hover : var(--ir-color-primary-accent);
    --ir-main-nav__text : var(--ir-color-primary-accent);
    --ir-main-nav__text--hover : var(--ir-color-primary);

    --ir-footer__background : var(--ir-color-primary);
    --ir-footer__link : var(--ir-color-primary-accent);
    --ir-footer__text : var(--ir-color-primary-accent);

}

/* ELEMENTS */
/* styling for bare HTML elements (like H1, A, etc.) */

/* Try and remove the id from this when we can simplify the css */
footer#footer {
    display: block;
}

:root {
	--ir-blue: #07708D;
	--ir-light-grey: #707070;
	/*--ir-focus: #86b7fe;*/
	--ir-focus: #07708D;
}

/* Baseline components - style rules for simple, broad components & classes (e.g., .btn) */

.btn#updatePassword, /* TODO: Investigate. This shouldn't need it's own selector */
.btn {
	border-radius: 0.25rem;
	padding: 0.375rem 0.75rem;

	box-shadow: none;
	background-image: none;
	filter: brightness(1);
	transition: filter 150ms;
	line-height: 1.5;

	/* remove the below 3 rules once all buttons are transitioned over & b2 is gone */
	border: 1px solid var(--ir-action-button-border-secondary, #b1b1b1);
	background: var(--ir-action-button-background-secondary, #f8f8f8);
	color: var(--ir-action-button-text-secondary, #222222);
}

.btn-lg { /* duplicates bootstrap 5 rules. should be able to get rid of this once b2 is gone */
	border-radius: 0.3rem;
	padding: 0.5rem 1rem;
}

.btn-sm { /* duplicates bootstrap 5 rules. should be able to get rid of this once b2 is gone */
	border-radius: 0.2rem;
	padding: 0.25rem 0.5rem;
}

.btn-link {
	border-color: transparent;
}

.btn#updatePassword:active, /* TODO: Investigate. This shouldn't need it's own selector */
.btn#updatePassword:focus, /* TODO: Investigate. This shouldn't need it's own selector */
.btn#updatePassword:hover, /* TODO: Investigate. This shouldn't need it's own selector */
.btn:active,
.btn:focus,
.btn:hover {
	background-image: none;
	filter: brightness(0.91);
	transition: filter 150ms;
	text-shadow: none;
	color: var(--ir-font-body-color);
	outline: none;

	/* remove the below 3 rules once all buttons are transitioned over */
	border: 1px solid var(--ir-action-button-border-secondary, #b1b1b1);
	background: var(--ir-action-button-background-secondary, #f8f8f8);
	color: var(--ir-action-button-text-secondary, #222222);
}

.btn:focus-visible {
	border-color: var(--ir-gray-900);
	box-shadow: 0 0 0 0.25rem var(--ir-color-secondary);
}

.btn-secondary {
	border: 1px solid var(--ir-action-button-border-secondary);
	background: var(--ir-action-button-background-secondary);
	color: var(--ir-action-button-text-secondary);
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
	background: var(--ir-action-button-background-secondary);
	color: var(--ir-action-button-text-secondary);
}

.btn-primary,
.btn.btnActive {
	border: 1px solid transparent;
	background: var(--ir-action-button-background-primary);
	color: var(--ir-action-button-text-primary);
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn.btnActive:active,
.btn.btnActive:focus,
.btn.btnActive:hover {
	background: var(--ir-action-button-background-primary);
	color: var(--ir-action-button-text-primary);
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
	border-color: transparent;
	background: transparent;
}

/* TODO: Work toward all links (except nav) across the platform being underlined because we allow customers to customize colors and can't guarantee sufficient contrast. */
#appHeader.header-b5 a:not(.nav-link):not(.dropdown-item),
#middleContentB5 #engagementHubContainer a {
	text-decoration: underline;
}

/* Help and Support popover heading color */
/* TODO: Remove tenant stylesheet rule that is causing this heading to be the wrong color. Then the below rule can be removed. */
#support h3 {
	color: #000000;
}

.white-space {
	white-space: normal !important;
}

.border-1px {
	border: 1px solid black !important;
}

.border-1px.grey {
	border-color: grey !important;
}

.padding-20 {
	padding: 20px !important;
}

#preLoginRight, #middleContent, #rightContent, #preLoginMiddle, #previewMiddleLeft, #previewMiddleRight {
	min-height: 100% !important;
	margin-bottom: -9999px;
	padding-bottom: 9999px;
	overflow: hidden;
}

.color a {
	color: #07708d;
}

.color .active {
	color: #757575;
	text-decoration: none;
	cursor: default;
}

#WAIT_INDICATOR {
	margin: 0 auto;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(10, 10, 10, 0.7);
	z-index: 10000;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#460a0a0a', endColorstr='#460a0a0a'); /* IE */
}

.btnActive {
	color: #ffffff;
	text-decoration: none;
	background-color: #f5f5f5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82c2de', endColorstr='#199ed7', GradientType=0);
	border-color: #199ed7 #199ed7 #82c2de;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #e6e6e6;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}

.hide {
	display: none;
}

.custom-scroll {

	scrollbar-3dlight-color: gold;
	scrollbar-arrow-color: blue;
	scrollbar-darkshadow-color: blue;
}

.height-0 {
	height: 0px;
}

.show {
	display: block;
}

.hide-not-important {
	display: none !important;
}

.font-color-black {
	color: #202C33 !important;
}

.center {
	text-align: center !important;
}

.margin-left-5 {
	margin-left: 5px !important;
}

.margin-left-2 {
	margin-left: 2px !important;
}

.margin-left-200 {
	margin-left: 200px;
}

.margin-left-30 {
	margin-left: 30px !important;
}

.margin-left-35 {
	margin-left: 35px !important;
}

.margin-10-25 {
	margin: 10px 25px;
}

.margin-left-minus-5 {
	margin-left: -5px;
}

.padding-top-5 {
	padding-top: 5px !important;
}

.padding-top-35 {
	padding-top: 35px !important;
}

.padding-top-55 {
	padding-top: 55px !important;
}

.padding-top-32 {
	padding-top: 32px;
}

.padding-top-40 {
	padding-top: 40px;
}

.margin-left-150 {
	margin-left: 150px;
}

.numberColor {
	color: #08C;
}

.padding_right_45 {
	padding-right: 45px;
}

.padding-right-8 {
	padding-right: 8px;
}

.padding-right-30 {
	padding-right: 30px;
}

.border_bottom {
	border-bottom: silver solid 1px;
}

.border_bottom_width {
	border-bottom-width: 200px
}

.border_top {
	border-top: silver solid 1px;
}

.border_top_skyblue {
	border-top: skyblue solid 1px;
}

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

.margin-top-0 {
	margin-top: 0px !important;
}

.width-128 {
	width: 128px;
}

.width-93 {
	width: 93%;
}

.width-89 {
	width: 89%;
}

.width-8 {
	width: 8%;
}

.width-50 {
	width: 50%;
}

.width-90 {
	width: 90%;
}

.width-100 {
	width: 100%;
}

.width-95 {
	width: 95%;
}

.width-89 {
	width: 89%;
}


.width-10 {
	width: 10%;
}

.width-12 {
	width: 12%;
}

.width-13 {
	width: 13%;
}

.width-17 {
	width: 17%;
}

.width-20 {
	width: 20%;
}

.width-80 {
	width: 80%;
}

.width-25 {
	width: 25%;
}

.width-35px {
	width: 35px;
}

.width-75 {
	width: 75% !important;
}

.width-60 {
	width: 60%;
}

.width-40 {
	width: 40%;
}

.width-30 {
	width: 30%;
}

.width-6 {
	width: 6%;
}

.width-4 {
	width: 4% !important;
}

.width-3 {
	width: 3%;
}

.width-70 {
	width: 70%;
}

.width-70-logo {
	width: 70px;
}

.width-15 {
	width: 15%;
}

.width-5 {
	width: 5% !important;
}

.width-45 {
	width: 45% !important;
}

.width-65 {
	width: 65% !important;
}

.width-35 {
	width: 35%;
}

.margin-left-10 {
	margin-left: 10px !important;
}

.margin-left-0 {
	margin-left: 0 !important;
}

.margin-0 {
	margin: 0 !important;
}

.margin-left-3 {
	margin-left: 3px !important;
}

.margin-5 {
	margin: 5px !important;
}

.border-right {
	border-right: solid thin silver
}

.padding-top-minus-10 {
	padding-top: -10px !important
}

.margin-left-10-per {
	margin-left: 10%;
}

.margin-right-3 {
	margin-right: 3px;
}

.margin-right-10 {
	margin-right: 10px;
}

.margin-right-30 {
	margin-right: 30px;
}

.margin-right-5 {
	margin-right: 5px;
}

.margin-top-4 {
	margin-top: 4px !important;
}

.margin-top-5 {
	margin-top: 5px;
}

.margin-top-7 {
	margin-top: 7px !important;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-top-15 {
	margin-top: 15px;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-bottom-11 {
	margin-bottom: 11px;
}

.margin-bottom-1 {
	margin-bottom: 1px !important;
}

.padding-left-10 {
	padding-left: 10px !important;
}

.padding-left-document {
	padding-left: 20px;
}

.padding-left-0 {
	padding-left: 0px !important;
}

.padding-right-10 {
	padding-right: 10px !important;
}

.padding-top-10 {
	padding-top: 10px !important;
}

.padding-top-0 {
	padding-top: 0px !important;
}

.padding-top-2 {
	padding-top: 2px !important;
}

.padding-bottom-10 {
	padding-bottom: 10px !important;
}

.table.table-borderless td, .table.table-borderless th {
	border-top: 0;
}

.unbulleted-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.textDecotationNone {
	text-decoration: none !important;
}

.padding-right-5 {
	padding-right: 5px !important;
}

.padding-right-8 {
	padding-right: 8px;
}

.padding-right-0 {
	padding-right: 0 !important;
}

.padding-bottom-minus-20 {
	padding-top: -20px !important
}

.margin-left-20 {
	margin-left: 20px !important;
}

.margin-bottom-57 {
	margin-bottom: 57px !important;
}

.margin-bottom-minus-40 {
	margin-bottom: -40px !important;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}

.padding-bottom-30 {
	padding-bottom: 30px !important;
}

.padding-top-20 {
	padding-top: 20px;
}

.borderAll {
	border: 1px solid silver;
}

.margin-bottom-5 {
	margin-bottom: 5px !important;
}

.margin-bottom-15 {
	margin-bottom: 15px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-bottom-0 {
	margin-bottom: 0 !important;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.marginBottom5 {
	margin-bottom: 5px !important;
}

.margin-right-0 {
	margin-right: 0 !important
}

.list-style-initial {
	list-style-type: initial;
}

.widthAuto {
	width: auto !important;
}

.width-53 {
	width: 53%;
}

.minWidth-530 {
	min-width: 530px;
}

.minWidth-450 {
	min-width: 450px;
}

.width-85 {
	width: 85%;
}

.width-80 {
	width: 80%;
}

.resize-none {
	resize: none;
}

.padding-0 {
	padding: 0px !important;
}

.padding-5 {
	padding: 5px !important;
}

.padding-5-10 {
	padding: 5px 10px;
}

.padding-4 {
	padding: 4px !important;
}

.input-width {
	width: 450px;
}

.green {
	color: green;
}

.red {
	color: #d14;
}

.red:hover {
	color: #d14;
}

.color-green {
	color: #22B843;
}

.color-red {
	color: #B94A48;
}

.color-brown {
	color: #84704C;
}

.color-black {
	color: #666;
}

.color-darkGray {
	color: #333333;
}

td.color-green > a, td.color-green > a:hover {
	color: #22B843 !important;
}

td.color-red > a, td.color-red > a:hover {
	color: #B94A48 !important;
}

td.color-brown > a, td.color-brown > a:hover {
	color: #84704C !important;
}

td.color-black > a, td.color-black > a:hover {
	color: #666 !important;
}

td.color-darkGray > a, td.color-darkGray > a:hover {
	color: #333333 !important;
}

.middle {
	vertical-align: middle !important;
}

.table-grey-header {
	background-color: #dae0e4;
}

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

.margin-left-130 {
	margin-left: 130px !important;
}

label.valid {
	width: 24px;
	height: 24px;
	display: inline-block;
	text-indent: -9999px;
}

label.error {
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}

.error-label {
	color: #B94A48;
}

label.deadlineForRevisionsLabel.form-field-name.error-label {
	color: #B94A48;
}

.border-bottom-dotted {
	border-bottom: 1px dotted black
}

.border-bottom-solid {
	border-bottom: 1px solid #999999
}

.border-top-solid {
	border-top: 1px solid #999999
}


.margin-top-30 {
	margin-top: 30px !important;
}

.margin-bottom-2 {
	margin-bottom: 2px !important;
}

.margin-top-100 {
	margin-top: 100px;
}

.middle-pane-background {
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.a-class {
	color: #ffffff !important;
	margin-right: 8px;
	margin-left: 8px;
	font-size: 14px;
}

.a-class:hover {
	text-decoration: none;
	color: #C8F0FF !important;
}

.successMsgColor {
	color: green;
}

#messageBodyDiv td, th {
	white-space: inherit !important;
}

.font-size-12 {
	font-size: 12px !important;
}

.font-size-13 {
	font-size: 13px;
}

.font-size-14 {
	font-size: 14px;
}

.font-size-16 {
	font-size: 16px !important;
}

.font-size-18 {
	font-size: 18px;
}

.strong {
	font-weight: bold;
}

.border-left-0 {
	border-left: 0 !important;
}

.evenListRow:nth-child(2n) {
	border-left: 1px solid #E5E5E5;
}

.evenListRow:nth-child(2n):not(:last-child) {
	border-bottom: 1px solid #E5E5E5;
}

.evenListRow:not(:last-child) {
	border-bottom: 1px solid #E5E5E5;
}

.border-bottom-list {
	border-bottom: 2px solid #E5E5E5;
}

.width-120 {
	width: 120px !important
}

.margin-left-140 {
	margin-left: 140px !important
}

.text-align-left {
	text-align: left !important
}

.break-word {
	word-break: break-word !important;
}

.break-word-normal {
	word-break: normal;
}

.popover-inner {
	color: grey;
	background: white;
}

.float-right {
	float: right !important;
}

.tableLayoutFixed {
	table-layout: fixed;
}

.margin-left-27 {
	margin-left: 27px;
}

.width-370 {
	width: 370px;
}

.font20 {
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
}

.textLeft {
	text-align: left !important;
}

.scroll-overflow {
	overflow: scroll;
}

.auto-overflow-y {
	overflow-y: auto;
}

.scroll-overflow-x {
	overflow-x: auto;
	overflow-y: hidden;
}

.auto-overflow {
	overflow: auto;
}

/* to compress candidate detail part */
#candidateDetailsForm label {
	margin-bottom: 0px;
}

.unknownImage {
	background-image: url("../img/unknownUser.png");
}

.td-vertical-spacing td {
	padding-top: 1px;
	padding-bottom: 1px;
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.max-height-300-overflow {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

.borderAllSilver {
	border: 1px solid silver;
}

.grayFont {
	color: gray;
	font-size: 10px;
}

.vAlign_middle {
	vertical-align: middle !important;
}

.divOverflow {
	max-height: 250px;
	padding: 5px;
	overflow-y: auto;
}

.divOverflowCandDetails {
	max-height: 450px;
	padding: 5px;
	overflow-y: auto;
}

.divOverflowTenantDetails {
	max-height: 520px;
	padding: 5px;
	overflow-y: auto;
}

.ulMargin5 > li {
	margin-top: 5px;
}

.ulMargin5 > li:first-child {
	margin-top: 0;
}

.padding-left-bottom-5 {
	padding: 0 0 5px 5px;
}

.padding-left-5 {
	padding-left: 5px;
}

.padding-bottom-0 {
	padding-bottom: 0px !important;
}

.font-size-13 {
	font-size: 13px !important;
}

.userDetailsPosition {
	position: relative;
	left: -5px;
}

/* facescroll css */

.styled-v-bar { /* sample CSS class for a different vertical scrollbar look */
	background: url(custom-scroll-bar.png) center top no-repeat;
	width: 10px;
	margin-right: 0;
	margin-bottom: 4px;
}

.custom-highlight {
	color: red;
}

.styled-v-bar ins { /* Style for the "ins" inner element, or bottom of the scrollbar */
	display: block;
	background: url(custom-scroll-bar.png) center bottom no-repeat;
	width: 10px;
	height: 4px;
	position: absolute;
	top: 100%;
}

.height-110-overflow {
	max-height: 110px;
	overflow: hidden;

}

.height-140-overflow {
	max-height: 140px;
	overflow: hidden;
}

.height-150-overflow {
	max-height: 150px;
	overflow: hidden;
}

.margin-top-50 {
	margin-top: 50px;
}

.padding-bottom-15 {
	padding-bottom: 15px !important;
}

.min-height-22 {
	font-size: 12px;
	min-height: 22px !important;
}

.min-height-300 {
	min-height: 300px !important;
}

.leftBorder {
	border-left: solid thin silver;
}

.rightBorder {
	border-right: 1px solid #ececec;
}

.background-light-grey {
	background-color: #E7E7E8;
}

.padding-left-3 {
	padding-left: 3px;
}

.link-underLine {
	text-decoration: underline !important;
}

.underLine-none {
	text-decoration: none !important;
}

td.underLine-none a {
	text-decoration: none !important;
}

.font-size-11 {
	font-size: 11px !important;
}

.wellBackground {
	background-color: #FAFAFA;
	border: 1px solid #ECECEC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	min-height: 20px;
	padding: 9px;
	margin-bottom: 20px;
}

.nav-header-border {
	background-color: grey;
	text-shadow: none !important;
	text-align: center;
	color: white;
	padding-top: 0;
	padding-bottom: 0;
}

.max-height-400 {
	max-height: 400px;
}

.min-height-20 {
	min-height: 20px !important;
}

.height-20 {
	min-height: 20px !important;
}

.sso-button { /* SSO button styling for legacy login pages */
	color: #fff;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);
	font-size: 13px;
	text-shadow: none;
}

.sso-button:hover  {
	/*background-image: linear-gradient(to bottom, #82c2de, #199ed7);*/
	background: var(--ir-action-button-background-primary);
	color: #fff;
}

.btngroupbookmark {
	max-height: 150px;
	overflow: hidden;
	overflow-y: auto;
}

.header-blue-gradient {
	background: #2FA4E7; /* Old browsers */
	background: -moz-linear-gradient(top, #54B4EB 1%, #2FA4E7 99%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #54B4EB),
	color-stop(99%, #2FA4E7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #54B4EB 1%, #2FA4E7 99%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #54B4EB 1%, #2FA4E7 99%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #54B4EB 1%, #2FA4E7 99%);
	/* IE10+ */
	background: linear-gradient(to bottom, #54B4EB 1%, #2FA4E7 99%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54B4EB',
	endColorstr='#2FA4E7', GradientType=0); /* IE6-9 */
	text-shadow: none !important;
	text-align: center;
	color: white;
	font-weight: normal;
	/*  Was being overwritten by the text-shadow above. Commented out for assessment / removal 2019-07-19 ~Jaq*/
	/*text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);*/
}

.font-grey-color {
	color: grey !important;
}

.max-height-300 {
	max-height: 300px !important;
}

.position-relative {
	position: relative;
}

.moreLinkWizard {
	position: absolute;
	padding-right: 5px;
	bottom: 0;
}

.min-height-15 {
	min-height: 15px !important;
}

.min-height-250 {
	min-height: 250px !important;
}

.max-height-250 {
	max-height: 250px !important;
}

.min-height-290 {
	min-height: 290px !important;
}

.max-height-290 {
	max-height: 290px !important;
}

.min-height-210 {
	min-height: 210px !important;
}

.max-height-210 {
	max-height: 210px !important;
}

.upperCase {
	text-transform: uppercase;
}

.min-height-220 {
	min-height: 220px !important;
}

.max-height-220 {
	max-height: 220px !important;
}

.min-height-260 {
	min-height: 260px !important;
}

.min-height-600 {
	min-height: 600px !important;
}

.max-height-260 {
	max-height: 260px !important;
}

.padding-left-70 {
	padding-left: 70%;
}

.imagesize {
	width: 25px !important;
	height: 31px !important;
}

.float-left {
	float: left
}

.border-top {
	border-top: 1px solid silver;
}

.border-bottom {
	border-bottom: 1px solid silver;
}

.borderbox {
	border: 1px solid #999999 !important;
}

.border-left-bottom-right {
	border-left: 1px solid #999999 !important;
	border-bottom: 1px solid #999999 !important;
	border-right: 1px solid #999999 !important;
}

.lst-styl {
	list-style: none;
}

.footer-bg {
	background: #cccccc;
}

a .text-decoration {
	color: #333333;
}


.shadow {
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
}

.shadow-top {
	box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.35);
}

.white-color {
	color: white;
}

.funding {
	width: 4% !important;
	padding: 3px !important;
	border: 2px solid #cccccc !important;
	min-height: 22px !important;
}

.fundingAvailable {
	width: 96%
}

.totalFunding {
	width: 60%;
}

.fund-bg, #gatesDiv {
	/*background: #ffffff;  Old browsers */
	background: -moz-linear-gradient(top, #ffffff 1%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(100%, #e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 1%, #e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 1%, #e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 1%, #e6e6e6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 1%, #e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=00); /* IE6-9 */
}

.padding-left-30 {
	padding-left: 30px;
}

.margin-left-per-5 {
	margin-left: 5%;
}

.gray-color {
	color: #e1e1e1;
}

.gray-right-border {
	border-right: 1px solid #E1E1E1;
}

.line-height-21 {
	line-height: 21px;
}

.effect2:before, .effect2:after {
	position: absolute;
	content: "";
	bottom: -198px;
	left: 58px;
	width: 50%;
	top: 147%;
	max-width: 258px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	display: inline-block;
}

.effect2:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 0;
	left: 238px;
}

.relative {
	position: relative;
}

.top-negative-10 {
	top: -10px;
}

.styled-select {
	background: url("/CompetitionSpace/assets/img/down-arrow.png") no-repeat;

}

.padding-right-20 {
	padding-right: 20px;
}

.padding-left-20 {
	padding-left: 20px !important;
}

.line-height-25 {
	line-height: 25px;
}

.margin-left-15 {
	margin-left: 15px !important;
}

.margin-top-25 {
	margin-top: 25px;
}

.textarea {
	resize: none;
}

.date-select {
	width: 59px;
	text-align: left;
	height: 30px;
}

.margin-top-35 {
	margin-top: 35px;
}

.margin-top-38 {
	margin-top: 38px;
}

.padding-left-62 {
	padding-left: 62px;
}

.padding-left-6 {
	padding-left: 6px !important;
}

.padding-left-35 {
	padding-left: 35px;
}

.margin-left-60 {
	margin-left: 60px;
}

.margin-left-50 {
	margin-left: 50px;
}

.margin-left-45 {
	margin-left: 45px;
}

.uppercase {
	text-transform: uppercase;
}

.h5-regular {
	font-size: 16px;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}

#reqTableMain, #ApplicationReportsTable {
	padding: 1px;
}

.font-12 {
	font-size: 12px;
}

.even {
	background-color: #ffffff;
}

.odd {
	background-color: #E7E7E8;
}

.silver-bkgrnd {
	background-color: #CCCCCC;
}

.padding5 {
	padding: 5px;
}

.borderRadius6 {
	border-radius: 6px !important;
}

.padding-left-15 {
	padding-left: 15px;
}

.locatorMedium {
	font-family: locatorMedium;
}

.padding-top-25 {
	padding-top: 25px;
}

.padding-top-3 {
	padding-top: 3px !important;
}

.padding-top-4 {
	padding-top: 4px !important;
}

.padding-top-15 {
	padding-top: 15px;
}

.margin-top-minus-5 {
	margin-top: -5%;
}

.margin-top-minus-9 {
	margin-top: -9%;
}

.padding-10 {
	padding: 10px !important;
}

.margin-left-15 {
	margin-left: 15px;
}

.table-layout-fixed {

	table-layout: fixed;
	overflow: hidden;
}

.anchorEllipses a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ulEllipses li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tableEllipses td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.control-label.width-10 {
	width: 10%;
}

.prevent-scroll {
	overflow: hidden;
}

.right {
	text-align: right !important;
}

/* This is needed to ensure text in popovers placed on the right is left-justified.
   This rule is needed because of the above rule (which makes no sense, since there is already
   a text-right bootstrap class that does the same thing). */
.popover.right {
   text-align: left !important;
}

.margin-left-25 {
	margin-left: 25px !important;
}

.margin-top-3 {
	margin-top: 3px;
}

.border-none {
	border: none !important;
}

.margin-right-40 {
	margin-right: 40px;
}

.margin-right-15 {
	margin-right: 15px;
}

.margin-right-18 {
	margin-right: 18px;
}

.margin-right-50 {
	margin-right: 50px;
}

.margin-10 {
	margin: 10px !important;
}

.cursorMove {
	cursor: move;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #6d6d6d;
	color: #ffffff;
}

table.tablesorter thead.listTableHeader tr th, table.tablesorter tfoot.listTableHeader tr th {
	background-color: transparent !important;
}

table.tablesorter thead tr:first-child + tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr:first-child + tr .headerSortUp {
	background-image: url(images/asc.gif);
}

table.tablesorter thead tr:first-child + tr .headerSortDown {
	background-image: url(images/desc.gif);
}

/* for reviewApplicationTable IE8 issue nth-child sol */
table#applicationRatingTable thead tr th, #applicationRatingTable tfoot tr th {
	background-color: #6d6d6d;
	color: #ffffff;
}

table#applicationRatingTable tbody tr.odd td {
	background-color: #F0F0F6;
}

/* For IE8 table-border issue sol */
.table-border thead tr th, .table-border tbody tr td {
	border: 1px solid gray !important;
}

.fixHeightDropdown {
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
}

.read-more {
	font-size: 14px !important;

}

.max-width-160 {
	max-width: 160px !important;
}

.max-width-150 {
	max-width: 150px !important;
}

.min-width-150 {
	min-width: 150px !important;
}

.padding-right-62 {
	padding-right: 62px;
}

.padding-right-72 {
	padding-right: 72px;
}

.confirmPasswordBox {
	margin-left: 313px;
	margin-top: 146px;
}

.margin-right-20 {

	margin-right: 20px;
}

.margin-right-25 {
	margin-right: 25px;
}

.login-align {
	margin-right: 69px;
	margin-top: 5px;
}

#support {
	display: inline-block;
}

#dvPreLogin {
	width:400px;
}

.margin-right-69 {
	margin-right: 69px;
}

.padding-30 {
	padding: 30px;
}

.padding-top-30 {
	padding-top: 30px;
}

.width_30 {
	width: 30px !important;
}

.width_335 {
	width: 335px !important;
}

.height_30 {
	height: 30px !important;
}

.padding-4-0 {
	padding: 4px 0px !important;
	margin-bottom: 0 !important;
}

.padding-6-0 {
	padding: 6px 0px !important;
	margin-bottom: 0 !important;
}

.padding-5-0 {
	padding: 5px 0px !important;
	margin-bottom: 0 !important;
}

.margin-10-0 {
	margin: 10px 0 !important;
}

.margin-right-10perc {
	margin-right: 10%;
}

.margin-left-right-5 {
	margin: 0 5px !important;
}

.dropdown-link {
	text-decoration: underline;
	font-size: 13px;
	cursor: pointer;
}

.margin-top-4 {
	margin-top: 4px;
}

.btnActive.disabled {
	color: #ffffff !important;
}

.padding-right-2 {
	padding-right: 2px !important;
}

.width-18 {
	width: 18%;
}

.padding-bottom-40 {
	padding-bottom: 40px !important;
}

.margin-top-12 {
	margin-top: 12px !important;
}

.padding-left-40 {
	padding-left: 40px;
}

.padding-bottom-5 {
	padding-bottom: 5px !important;
}

.padding-bottom-2 {
	padding-bottom: 2px !important;
}

.font-size-16 {
	font-size: 16px !important;
}

.margin-top-8px {
	margin-top: 8px;
}

.invisible {
	visibility: hidden;
}

.redBorder {
	border: 1px solid #b94a48 !important;
}

li.errormessage {
	line-height: 25px;
	padding-left: 8px;
}

.cursorPointer {
	cursor: pointer;
}

.cursorDefault {
	cursor: default !important;
}

#reviewErrText {
	margin-top: 10px;
}

#reviewErrText li {
	margin-top: 5px;
}

.sharAnnoClose {
	top: 2px !important;
}

#shareCompetitionLnk input#urlInput {
	width: 530px;
	font-size: 14px;
}

#shareCompetitionLnk > div#copiedToClipboardSuccess {
	font-size: 11px;
	text-align: right;
	color: #468847;
	margin-top: 5px;
	margin-right: 20px;
}

#copyLinkTitle {
	font-size: 14px;
	margin-bottom: 5px;
}

a#lnkHlpArchiveCompetition {
	margin-left: 5px;
}

.height-93perc {
	height: 93% !important;
}

.height-7perc {
	height: 7% !important;
}

.height-70 {
	height: 70px;
}

.height-75 {
	height: 75px;
}

.height-95perc {
	height: 95% !important;
}

.padding-top-8 {
	padding-top: 8px !important;
}

.dropdown-to-be-left-aligned {
	left: inherit;
	right: -5px;
}

.dropdown-to-be-left-aligned li.width-250 {
	width: 250px;
}

.dropdown-to-be-left-aligned li.width-250 a {
	white-space: normal;
}

.padding-10px-5px {
	padding: 10px 5px !important;
}

/* =============== */
/* JCT. 20101003   */
.submissionDeadline {
	padding-right: 12px;
}

#dvDraftApplications li[class*='span'] {
	padding-left: 10px;
}

#editCompetitionBlock #editCompetitionMsg {
	display: block;
}

.alert-button {
	padding: 0 6px 0 6px;
}

a {
	cursor: pointer;
}

.alert + .hero-unit {
	padding-top: 0;
}

.alert.hide + .hero-unit {
	padding-top: 55px;
}

.commentRow {
	background-color: #E7E7E8;
}

.commentRow:nth-child(2n-1) {
	background-color: #ffffff;
}

.commentRow label {
	font-size: 13px !important;
	margin-bottom: 0 !important;
}

.border-right-white {
	border-right: 1px solid #F2F2F2;
}

.print-page-break-after {
	page-break-after: always;
}

.font-to-be-print {
	font-family: Helvetica, Arial, sans-serif !important;
}

#createCompetitionBlock > .alert, #editCompetitionBlock > .alert {
	margin-top: 12px;
	display: table;
}

#createCompetitionBlock > .alert span, #editCompetitionBlock > .alert span {
	width: 100%;
}

#createCompetitionBlock > .alert span, #createCompetitionBlock > .alert button, #editCompetitionBlock > .alert span, #editCompetitionBlock > .alert button {
	display: table-cell;
	vertical-align: middle;
}

.alert#alertDisableTracksFields, .alert#alertOneApplicationPerApplicant {
	border-color: #FAF2CC;
	color: #66512C;
}

.lowerCase {
	text-transform: lowercase;
}

#supportInfo {
	float: none;
	margin: 0 auto;
	margin-top: 80px;
}

.pageTitle {
	font-weight: bold;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif !important;
}

/* Try to fix bottom margin/padding of rows within accordions */
.accordion-inner ul.row-fluid.unstyled {
	margin-bottom: 10px;
}

/* show the bootstrap popups (issue-969) */
.overflowOn {
	overflow: visible;
}

/* Give final cell some right-hand padding because of scroll bar */
.alt-scroll-content ul.row-fluid.unstyled li:last-child {
	padding-right: 16px;
}

.alt-scroll-content table.detailTable tr td:last-child, .alt-scroll-content table.detailTable tr th:last-child {
	padding-right: 16px;
}

.border-right-grey {
	border-right: 1px solid grey;
}

.border-right-bottom-left {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
}

.align-input-field-to-colon {
	position: absolute;
	bottom: 0px;
	width: 100%;
	float: left;
}

.padding-left-180px {
	padding-left: 180px !important;
}

.padding-left-200px {
	padding-left: 200px !important;
}

#preview-pane .preview-container {
	width: 325px;
	height: 45px;
	overflow: hidden;
}

#preview-pane {
	display: block;
	z-index: 2000;
	top: 10px;
	right: -280px;
	padding: 6px;
	border: 1px rgba(0, 0, 0, .4) solid;
	background-color: white;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	-webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
}

div#support .popover {
	pointer-events: inherit;
}

/* IMPORTANT:  the following style is needed for any popover that contains links. */
div#coAdminDiv .popover,
div.dateTimePickerView .popover, div.submitDefaultReviewOnDeadline .popover,
div#divTemplateOptions .popover, div.routingOptions .popover,
div#manualTriggerBatchDigest .popover, #closeCompInfo .popover,
div.overrideHideFromReviewer .popover,
div#learnMoreLinkConfig .popover,
div.popover-container .popover,
div.routingStepDeadlineType .popover,
div .lnkDefaultDeadlineHelp .popover,
div#sendAnnouncementHeader .popover {
	pointer-events: inherit;
}

div#divTemplateOptions #saveSelectionsAsDefault svg.fa-toggle-off {
	color: #5E5E5E;
}

.popover {
	/* JCT - 8/11/2020 - popovers were immediately disappearing on hover sometimes.  See https://github.com/zeroclipboard/zeroclipboard/issues/369 */
	pointer-events: none;
	z-index: 2000;
}

.popover button.close {
	pointer-events: all;
}

h3.popover-title {
	text-align: center;
}

table#applicationRatingTable th.header {
	font-size: 11px !important;
}

table#applicationRatingTable tr:first-child + tr th.header {
	cursor: pointer;
}

.middle-align {
	vertical-align: middle;
}

.tooltip-inherit-pointer-events .popover {
	pointer-events: inherit;
}

textarea {
	display: inline-block;
	margin-bottom: 0px;
	font-size: 13px;
	line-height: 25px;
	color: #555555;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	vertical-align: middle;
	padding: 0px 3px !important;
}

/* added exceptions for Survey.JS inputs - JAO 2023-04-25 & 2024-02-27 */
select:not(.sv-list__input):not(.sd-input):not(.form-select):not(.skip-style),
input[type="text"]:not(.sv-list__input):not(.sd-input),
input[type="password"]:not(.sv-list__input):not(.sd-input),
input[type="datetime"]:not(.sv-list__input):not(.sd-input),
input[type="datetime-local"]:not(.sv-list__input):not(.sd-input),
input[type="date"]:not(.sv-list__input):not(.sd-input),
input[type="month"]:not(.sv-list__input):not(.sd-input),
input[type="time"]:not(.sv-list__input):not(.sd-input),
input[type="week"]:not(.sv-list__input):not(.sd-input),
input[type="number"]:not(.sv-list__input):not(.sd-input),
input[type="email"]:not(.sv-list__input):not(.sd-input),
input[type="url"]:not(.sv-list__input):not(.sd-input),
input[type="tel"]:not(.sv-list__input):not(.sd-input),
input[type="color"]:not(.sv-list__input):not(.sd-input),
.uneditable-input:not(.sv-list__input):not(.sd-input) {
	display: inline-block;
	margin-bottom: 0px;
	font-size: 13px;
	line-height: 25px;
	color: #555555;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	vertical-align: middle;
	height: 25px !important; /* We should phase this out. Don't use !important */
	padding: 0px 3px !important; /* We should phase this out. Don't use !important */
}
/* Special case for SurveyJS field picker search area */
input[type="text"].sv-list__input {
	margin-bottom: 0;
	border: none;
	box-shadow: none;
	font-size: var(--sjs-font-size, 16px);
	line-height: calc(1.5*(var(--sjs-font-size, 16px)));
}

/* COMPSPACE-756: upload file on view aplication form having different background */
input[disabled].uploadDocument {
	cursor: not-allowed;
	background-color: transparent !important;
}

.btn-blue {
	background: #1d4871;
	color: white;
	border-radius: 0.5em;
}

.btn-round {
	border-radius: 0.5em;
}

#ie-warning label {
	font-size: 13px;
	font-weight: bold;
}

.padding-right-40 {
	padding-right: 40px;
}

.pointer-null {
	pointer-events: none;
}

.padding-bottom-40-per {
	padding-bottom: 40% !important;
}

.emailEditDomainDisabled {
	cursor: not-allowed !important;
	color: grey;
}

.emailDeleteDomainDisabled {
	cursor: not-allowed !important;
	color: grey;
}

/* Print Feature - Fix Print button width */
.row-fluid .spanPrintBtn {
	width: 70px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.row-fluid .spanPrintAllApplicationsBtn {
	width: 236px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.nominee-header {
	color: #0096d6;
}

.nominee-background {
	background-color: #ffffff;
	border-bottom: silver solid 3px;
}

.white-space-normal {
	white-space: normal;
}

.modal-body {
	height: auto;
	max-height: 100%;
}

.linkDisabled {
	cursor: not-allowed !important;
	color: grey;
}

#right-column-text ul {
	list-style-position: inside;
}

.awardInformation {
	margin-left: 16px !important;
	padding-top: 20px;
	clear: left;
}

.awardInformation label {
	padding-top: 4px;
}

#projectDatesForm {
	margin-left: 16px;
	padding-top: 20px;
	clear: left;
}

#projectDatesForm label {
	padding-top: 4px;
}


/* COMPSPACE-990 */
.showLink {
	padding: 8px;
	margin: 6px;
	background: #eeeeee;
	width: 100%;
}

/* Accessability fixes (polyfill for bootstrap 3.x)*/
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	white-space: normal;
}

.divTable {
	padding: 0px;
	height: auto;
	overflow: visible;
}

.divTableHeader {
	padding: 4px 5px;
	font-weight: bold;
	line-height: 17px;
	text-align: left;
	overflow: hidden;
}

.divTableRow {
	font-weight: normal;
	line-height: 17px;
	text-align: left;
	overflow: visible;
}

.divTableCell {
	padding: 4px 5px;
}

.dropdown-menu > li > a {
	color: #000000;
}

span.filter-option.pull-left {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

#administrationHeader .dropdown-menu > li > a {
	color: #000000;
	font-size: 14px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.margin-top-minus-2 {
	margin-top: -2px;
}

.wrap-long-fields {
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
}

.arrowContent {
	visibility: hidden;
}

.trReportField {
	border-top: 2pt solid black;
	padding-bottom: 5px;
}

div.trField {
	padding-top: 5px;
}

#reportFormMain {
	border: 1px solid gray;
	margin-top: 0;
	padding: 5px;
	border-radius: 5px;
}

#reportTabs ul li a {
	text-shadow: 1px 1px gray;
}

#reportTabs ul {
	padding-left: 0;
	padding-right: 0;
}

#reportTabs ul li {
	border-top: gray solid 1pt;
	border-left: gray solid 1pt;
	border-right: gray solid 1pt;
}

#reportTabs ul li.active {
	border: none;
}

@media only screen and (min-width: 980px) {
	.container-for-navbar {
		width: 1100px !important;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.row-fluid [class*="span"] {
		display: block;
		width: 100%;
		min-height: 27px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		margin-left: 0%;
		*margin-left: 2.709239449864817%;
	}
}

/* PIP data styling */

/* TODO: I think this may be unused. Confirm & if so, delete - JAO 2024-10-17 */
#bannerFields h6 {
	font-size: 12px;
}

.bannerFieldsData .accordion-group {
	background: #e6e6e6;
	border-radius: 4px;
	overflow: hidden;
}

.bannerFieldsData .accordion-toggle {
	display: inline-block;
}

.bannerFieldsData .accordion-inner {
	background: #fdfdfd;
}

/* END PIP data styling*/

.userLookupRow1 {
	font-weight: bold;
	font-size: 12px;
}

.userLookupTitle, .userLookupDepartment, .userLookupSsoUniqueIdentifier {
	font-weight: bold;
	font-size: 11px;
}

.userLookupRow2 {
	font-weight: normal;
	font-size: 11px;
	border-bottom: 2px solid #ccc;
}

#maintenanceModal .modal-footer {
	text-align: left !important;
}

input#doNotShowMaintenanceModal {
	vertical-align: top;
}

.plaintext {
	font-weight: normal;
}

select.categorySelect {
	height: auto !important;
	margin-top: 0 !important;
}

div#addedKeywords {
	padding-top: 10px !important;
}

.modalTop {
	margin-top: 5% !important;
}

.crop-and-center {
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	vertical-align: middle !important;
	text-align: center !important;
}

.inline-block {
	display: inline-block;
}

span.completion-status {
	padding-right: 10px;
	line-height: 30px;
}

tr.sectionSeparator {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #c3c3c3;
}

.externalMatchForm {
	padding: 10px;
}

.externalMatchForm label.control-label {
	text-align: right;
	font-weight: bold;
}

.matchDiv > .modal-header {
	background-color: #f5f5f5;
}

#matchModals > div.modal {
	margin-top: 60px !important;
}

div.coinvestigatorDisplay {
	padding-bottom: 10px;
	border-bottom: 1px solid silver;
}

div.coinvestigatorDisplay + div.coinvestigatorDisplay {
	margin-top: 10px;
}

.externalMatchForm .control-group {
	margin-bottom: 4px;
}

#matchModals .modal-body {
	height: 560px;
}

.ariInvisible {
	display: none !important;
	visibility: hidden !important;
}

.ir-component .modal-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
}

a.proposalKeywordAction {
	margin-right: 10px;
}

a.proposalKeywordAction:last-child {
	margin-right: 0;
}

button.actionButton {
	padding-left: 6px;
	padding-right: 6px;
}

button.actionButton:first-child {
	margin-right: 4px;
}

#proposalKeywordsTable th.dt-center, #proposalKeywordsTable td.dt-center {
	text-align: center;
}

h5 .popover-content {
	font-size: 13px;
}

.modal-header-with-border {
	padding: 9px 15px;
	border-bottom: 1px solid #eee;
}

select.buildMyOwnForm {
	height: inherit !important;
}

.important-center {
	text-align: center !important;
}

#notesTable p.noteAttachment {
	padding-left: 17px;
}

p.noteAttachment {
	margin-bottom: 3px;
}

span.noteAttachmentTitle {
	float: left;
	margin-right: 10px;
}

table#notesTable {
	width: 100% !important;
}

div.stageInfo, div.stageInfo > div[class*="span"] {
	min-height: auto !important;
}

div.routingStepData {
	margin-bottom: 10px;
}

table.routingStepSummaryTable th.stat {
	text-align: center;
	width: 9%;
}

span.bodyFontFize {
	font-size: 13px;
}

div.gateView {
	border-bottom: 1px solid #999;
}

#newGateDiv {
	padding: 10px;
}

.gateView label.control-label {
	width: 120px;
}

.gateView .controls {
	margin-left: 134px;
}

a.smallLink {
	font-size: 12px;
}

div#divTopRoutingStepOptions .popover {
	max-width: 320px;
}

div.defaultReviewers .popover {
	max-width: 350px;
}

.report-assignment-label {
	font-size: 14px;
	padding-top: 15px;
}

div.report-assignment-label .popover {
	max-width: 350px;
}

div.reminders-view {
	border-top: 1px dashed #ddd;
}

div.reminders-view .popover {
	max-width: 350px;
}

h4.standardFont {
	font-family: Helvetica, Arial, sans-serif !important;
}

.infoready-accordion a.accordion-toggle:hover {
	text-decoration: none;
}

.infoready-accordion .accordion-group {
	border: none;
}

.competition-label {
	font-size: 14px;
	font-weight: bold;
}

.competition-description {
	font-size: 14px;
	padding-left: 10px;
}

.competition-title {
	font-size: 18px;
	padding-bottom: 5px;
}

.dataTables_wrapper .dataTables_length label select {
	width: 50px;
	background-color: white;
}

.accordion-text-style {
	font-size: 14px;
}

.label-application-styling {
	font-size: 14px;
	font-weight: bold;
}

#marketplaceTileIframe .iframe-title {
	font-size: 15px;
}

a#closeMarketplaceIframe, a#closeMarketplaceIframe:hover {
	color: #333;
	text-decoration: none;
font-size: 22px;
}

.chooseFileButton {
	font-size: 12px;
	padding: 2px 4px 0 4px;
}

a.cancelUploadJustification {
	color: #333;
}

.text-normal {
	font-size: 13px;
	color: #333;
	font-weight: normal;
}

.chart {
	border: 1px solid #ccc;
	border-radius: 6px;
	background-color: #fff;
	padding: 16px;
}

.popover-inner {
    color: #575757;
    background: white;
}

/* JMayorga 11-16-2021: I don't know why the css above is different than in production.
 If the color of .popover-inner changes to #333333 please remove this */
a.document-link + div.popover {
	color: #333333
}

/* JMayorga 11-16-2021 this is to override what li does to line-height for the specific case of popovers */
li div.popover {
	line-height: 20px;
}

a.document-link + div.popover .popover-inner {
	color: #333333
}

div.isPublic + div.popover .popover-content, a.document-link + div.popover .popover-content {
   padding: 2px 8px 2px 8px;
   font-size: 13px;
}

div.isPublic + div.popover .popover-content p, a.document-link + div.popover .popover-content p {
   margin: 0;
}

.isPublic {
	margin-left: -40px;
	float: left;
	padding-top: 3px;
	width: 14px;
}

.isPublic.isPublicNonInline {
	margin-top: -4px;
}

.publicFieldsToolTip {
	margin-left: -50px;
	padding-bottom: 5px;
}

#hlpPublicFieldsTooltip img {
	padding-left: 2px;
	margin-top: -2px;
}

#applicantTblFields .isLocked,
#proposalTblFields .isLocked,
#divRequirementTable .isLocked,
#uploadSupportingDocument .isLocked,
.fileUpload .isLocked {
	position: absolute;
	left: -20px;
	top: 7px;
}

#applicantTblFields .lockIcon,
#proposalTblFields .lockIcon,
#divRequirementTable .lockIcon,
#uploadSupportingDocument .lockIcon,
.fileUpload .isLocked {
	font-size: 15px;
	color: #999;
}

.control-group .isLocked {
	position: absolute;
	left: -20px;
	top: 7px;
}

.control-group .lockIcon {
	font-size: 15px;
	color: #999;
}

#additionalFieldsDiv .icon-trash,
#additionalDateFieldsDiv .icon-trash {
	margin-left:12px;
	margin-right:12px;
}

/* Styling for text on SSO Login page */
#SSOLoginMain p {
	font-size: 14px;
}

#SSOLoginMain small {
	font-size: 12px;
	color: #464646;
}

div.chartTitle {
	height: 20px;
	color: #333;
	font-size: 16px;
	margin-bottom: 10px;
}

div.chartTitle.insights-title-with-tooltip {
	float: left;
}

div.canvasContainer {
	width: 400px;
	height: 240px;
}

.standardChartLegend {
	width: 280px;
	margin: 0 auto;
	font-size: 11px;
}

.standardChartLegend li, #applicationStatusChartLegend li {
	display: inline;
	margin-right: 20px;
}

.standardChartLegend li span, .standardChartLegend div span {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 5px;
	border-radius: 25px;
}

.standardChartLegend #div1 {
	float: left;
	width: 48%;
	margin-right: 5px;
	height:  40px;
}

.competitionStatusesLegendWidth {
	width: 300px !important;
}

.applicationsSubmittedLegendWidth {
	width: 300px !important;
}

.customChartLegend {
	width: 400px;
	font-size: 11px;
}

.customChartLegendFirstCell {
	width: auto;
	float: right;
	padding: 0;
	max-width: 190px;
}

.customChartLegendSecondCell {
	width: 190px;
	padding: 0;
	float: right;
	margin-left: 20px;
}

.customChartLegend span.indicator {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 5px;
	border-radius: 25px;
}

.customChartLegend div.element p {
	color: #485465;
	line-height: 14px;
	padding: 0;
	margin: 0;
}

#applicationStatusChartLegend {
	font-size: 11px;
	color: #485465;
}

#insightsDashboardHeading {
	font-size: 22px;
	color: #485465;
}

div.insightsWidgets {
	margin-bottom: 20px;
}

a.disabled {
	pointer-events: none;
	cursor: not-allowed;
	color: #555555
}

/*  MULTITRACK STYLING  */

#formGatingQuestion .help-popover {
	padding-left: 10px;
}

#formGatingQuestion h2 {
	line-height: normal
}

#formGatingQuestion h5 {
	margin-bottom: 10px;
}

#formGatingQuestion h6 {
	font-weight: bold;
}

#formGatingQuestion p {
	margin: 0;
}

#formGatingQuestion .centerHelpIcon {
	display: flex;
	align-items: center;
}

#formGatingQuestion .multiTrackQuestion {
	font-size: 16px;
}

#formGatingQuestion .centerHelpIcon label, #formGatingQuestion .centerHelpIcon > h5 {
	margin: 0;
}

#formGatingQuestion #createTracks {
	background: #dae0e4;
}

#formGatingQuestion #createTracks div.tracksHeading  {
	padding: 10px;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
}

div#multitrackTypeSelectionContainer {
       padding-top:16px;
       padding-bottom:26px;
}

fieldset#multitrackTypeSelection {
       margin:0;
}

fieldset#multitrackTypeSelection legend {
       font-size:14px;
       font-weight:bold;
}

.configStatusChevron {
	color:  #333333;
	font-size: 17px;
}

svg.configStatusChevron {
	width: 15px !important;
}

.configurationStatusTable-striped tbody > tr:nth-child(odd) > td,
.configurationStatusTable-striped tbody > tr:nth-child(odd) > th {
	background-color: #ffffff;
}

.configurationStatusTable-striped tbody > tr:nth-child(even) > td,
.configurationStatusTable-striped tbody > tr:nth-child(even) > th {
	background-color: #F0F0F6;
}

svg.fa-plus-circle {
	font-size:12px;
}

a.newGate svg {
	color:#333333;
}

a.newGate.disabled svg {
	color:#555555;
}

#sectionStatusTable tr td {
	box-sizing: border-box;
	min-width: 122px;
	width: 17%;
}

#sectionStatusTable tr td:first-of-type {
	width: 30%;
	max-width: 228px;
}

div.select2PrimaryOrg ul.select2-results li {
	border-bottom: 1px solid #edecec;
}

#currentGateHeader {
	padding-top: 22px;
	line-height: normal;
}
#divSelectTrackDropdown {
	min-height:170px;
}

a#toggleSectionStatus, a#toggleSectionStatus:hover {
	color: #333 !important;
	text-decoration: none;
}

/*  END MULTITRACK STYLING */

/* Background color (gradient) for all select2 highlights: */
.select2-results .select2-highlighted,
.messageRule > div.fieldValueOptionSelector  > ul.dropdown-menu > li > a:hover,
div#applicationGrid ul.dropdown-menu > li > a:hover {
	background-color: #0081c2 !important;
	background-image: linear-gradient(to bottom, #0088cc, #0077b3) !important;
	color: #ffffff !important;
}

.competitionOptionsLabel {
	/*  These are Bootstrap's default styles for ".form-horizontal .control-label"  */
	float: left;
	width: 160px !important;
	padding-top: 5px !important;
	text-align: right !important;
}

#waitIndicatorModal {
	top: 45%;
	border-radius: 15px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#waitIndicatorModal p {
	margin: 0;
	font-size: 16px;
	color: #333;
}


.organizationBox {
	border: 1px solid gray;
	padding: 5px;
	margin-bottom: 5px;
}

.organizationBox.error {
	border: 1px solid #b94a48;
}

.fundingAwardRange {
	width: 100px;
}

.fundingTrash {
	padding-top: 5px;
	margin-right: 5px;
}

.fundingAmount {
	width: 100px;
}

.lockedFunding {
	margin-left: 5px;
	padding-top: 5px;
	color: #999999;
}

.advancedFundingAwardAmount, .advancedFundingTotalAward {
	width: 100px;
}

.totalFundedSection {
	padding-top: 10px;
	border-top: 1px solid silver;
}
/* Style we can use for help icons in the upper-right corners of all the
   Insights Dashboard's charts. See FundingAvailableChartView.html for an
   example. #/
.material-icons.md-18 { font-size: 18px;color: #A2A6AD }*/

.dashboard-dropdown-container select {
	width: 80%;
}

.accordion-table-header-dark-grey {
	color: #495358 !important;
	font-size: 14px;
}

.form-field-name {
	font-weight: bold;
	line-height: 1;
	color: #333333;
	magin-top: 0px;
}

div#competitionDescriptionArea {
	padding-top: 6px;
	border-top: 1px solid silver;
}

div#competitionMetaDataFieldsArea {
	padding-top: 6px;
	padding-bottom: 3px;
	border-top: 1px solid silver;
}

.competitionMetadataFields .row {
    padding-bottom: 10px;
}

.competitionMetadataFields .row [class*="span"] {
    min-height: 20px;
}

.competitionMetadataFields #administrators .row {
    padding-bottom: 0;
}

.competitionMetadataFields #administrators {
    margin-bottom: 10px;
}

.user-profile-table-header {
	font-size: 14px;
	color: #333333;
	font-weight: normal;
	/*line-height: 18px;*/
}

h1.pageHeader {
	font-size:24px;
	margin:0 0 9px 0;
	text-shadow: none;
}

.modalHeading {
	font-size: 22.75px;
	line-height: 34px;
	font-weight: normal;
}

div.commonErrorHeading {
	color: #b94a48;
	font-size:18px;
}

.emphasis {
	font-style: italic;
	font-weight: bold;
}

div.slight-emphasis {
    color: #555555;
    font-size: 12px;
    font-style: italic;
}

div#divMarketplaceTileConfiguration .popover {
	max-width: 390px;
}

div#marketplaceTileDiv .popover {
	max-width: 380px;
}

/* ------------------- Override default bootstrap alert colors so they're accessible ---------------------- */

/* The default alert is "alert-warning" (not a bootstrap class actually); this is the yellowish color ... */
.alert {
	background-color: #fcf8e3;
	border: 1px solid #faf2cc;
}
.alert,
.alert h4 {
	color: #8a6d3b;
}

.alert-success {
	background-color: #dff0d8;
	border-color: #d0e9c6;
	color: #3c763d;
}
.alert-success h4 {
	color: #3c763d;
}
.alert-danger,
.alert-error {
	background-color: #f2dede;
	border-color: #ebcccc;
	color: #a94442;
}
.alert-danger h4,
.alert-error h4 {
	color: #a94442;
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bcdff1;
	color: #31708f;
}
.alert-info h4 {
	color: #31708f;
}

/* ------------------- End override default bootstrap alert colors so they're accessible ---------------------- */

/* ------------------- Override default link color ------------------------------------------------------------ */
a {
	color: #07708d;
}
/* ------------------- End Override default link color -------------------------------------------------------- */

div.errorMessage {
	font-size: 14px;
}

/* JAQ - 16-JAN-2020 - a couple of styles to facilitate keyboard accessible field reordering on the Requirements and Progress Reports pages */
.hiddenIcon {
	opacity: 0;
}

.arrowContent:focus {
	opacity: 100;
}

#defineApplicationRequirement .arrowContent {
	visibility: visible; !important;
}

div.modal-title {
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#session-dialog-time-remaining {
	font-size: 24px;
	font-weight: bold;
}
/* For activity pages */

.activityIconCircle {
	height: 40px;
	width: 40px;
	margin-left: 10px;
	border-radius: 50%;
	display: inline-block;
	background-color: #6f6f7b;
}
.activityIconCircle span.initials {
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	margin-left: .5px; /* This is to adjust the appearance of the letters so they're more uniformly centered; they
					    appear to be off slightly without this, and we can't figure out why; probably something
					    to do with the proportional font and some letters */ }
.activityIcon svg {
	font-size: 40px;
	padding-left: 10px;
	color: #61616b;
}
.mutedEven {
	color: #757575;
}
.mutedOdd {
	color: #636363;
}

/* End - For activity pages */

.createCompetitionPageBlock {
    padding-top: 22px;
}

.createCompetitionPageTitle {
    font-size: 14px;
	color: #555555;
	margin-bottom: 30px;
}

.helpImageInlineMessage {
    float: left;
}

.helpImageInlineMessageText {
    padding-top: 2px;
}
.iconToggleSaveDefaults {
	font-size: 23px;
	transform: translateY(-9%);
	padding-left: 5px;
	color: #53c34a;
}
.iconToggleSaveDefaults.fa-toggle-off {
	color: #ccc;
}
.popover.right {
	text-align: left !important;
}

.userTableEmail {
	display: inline-block;
	max-width: 300px;
	word-wrap: break-word;
}

/* Progress Report Create Page */
/*#progressReportsAccordion {*/
/*	border-radius: 4px;*/
/*	border: 1px solid #DDD;*/
/*}*/

.progressReportAccordionItem {
	margin-bottom: 15px;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #DDD;
}
#configureProgressReportsView .progressReportAccordionItem {
	margin-bottom: 13px;
}
.accordion-group.progressReportAccordionItem {
	margin-bottom: 0;
	margin-top: 4px;
}
.accordion-group.progressReportAccordionItem:first-child {
	margin-top: 0;
}
.progress-report-assignment-accordion .progressReportAccordionItem .progress-report-block {
	margin-bottom: 0;
}
.progressReportAccordionItem .progress-report-block.assignment-heading {
	border-bottom: 1px dashed #ddd;
}

.progressReportAccordionItem .accordion-heading {
	height: 44px;
	background-color: #EFEFEF;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.progressReportAccordionItem .accordion-heading.accordion-heading-with-border {
	border-bottom:1px solid #ddd;
}
.progressReportAccordionItem .accordion-heading > div {
	height: 44px;
	padding-top: 12px;
}
.progressReportAccordionItem .toggleProgressReportAccordion {
	text-align: center;
	border-right: 8px solid #919191 !important;
}
.progressReportAccordionItem .accordion-heading .lockIcon,
.progress-report-section-header .lockIcon,
.progress-report-section-body .lockIcon,
.fileUploadsSection .fileUploadsContainer .lockIcon {
	font-size: 15px;
	color: #999;
}

.progress-report-section-body .fieldStatusCell .isLocked {
	position: absolute;
	left: -11px;
	top: 37px;
}

.progress-report-section-body .fieldStatusCell .isLocked.dateRange {
	top: 57px;
	top: 57px;
}

.row-fluid .span1.toggleProgressReportAccordion {
	width: 6.333333333333332%;
}

.row-fluid .span10.progress-report-name-in-header.assignment-and-reminder {
	width: 93%;
}
.progressReportAccordionItem .progress-report-name-in-header {
	padding-left: 10px;
}
.row-fluid .span10.progress-report-name-in-header {
	width: 85.33333333333331%;
}
.progress-report-name-in-header .report-due-date {
	font-weight: bold;
	font-size: 16px;
	float: right;
	padding-right: 10px;
}
.progressReportAccordionItem .progress-report-block {
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #DDD;
}
.progressReportAccordionItem .progress-report-block.assignment-and-reminder-container {
	border-bottom: none;
}

.progressReportAccordionItem .progress-report-section {
	padding-top: 0;
}
.progressReportAccordionItem .input-progress-report-large {
	font-weight: bold;
	font-size: 20px;
	color: #333;
	width: 389px;
}

.progress-report-section-header .progress-report-section-name {
	width: 389px;
}
a.scheduleReminders.disabled, a.scheduleReminders.disabled:hover {
	cursor: not-allowed;
	opacity: .5;
	text-decoration: none;
}

.progress-report-section-header, .progress-report-field-block {
	padding-bottom: 10px;
}
table.progressReportFieldsTable {
	margin-bottom: 0;
}
table.progressReportFieldsTable td {
	vertical-align: bottom;
	padding-top: 7px;
	padding-bottom: 12px;
	border-top: 1px dashed #ddd;
}
table.progressReportFieldsTable input.progressReportFieldsTableInput {
	width: 97%;
}
table.progressReportFieldsTable select.progressReportFieldsTableSelect {
	width: 100%;
}
table.progressReportFieldsTable td.fieldStatusCell {
	width:18%;
}
table.progressReportFieldsTable td.fieldNameCell {
	width: 38%;
}
table.progressReportFieldsTable td.fieldNotesToAwardeeCell {
	width: 34%;
}
table.progressReportFieldsTable td.editDeleteFieldCell {
	width: 10%;
	padding-right: 0;
	text-align: right;
}
table.progressReportFieldsTable td.editDeleteFieldCell span.blank-span {
	display: inline-block;
	width: 13px;
	float: right;
}
table.progressReportFieldsTable td.editDeleteFieldCell a, table.progressReportFieldsTable td.editDeleteFieldCell a:hover {
	color: #333;
}
table.progressReportFieldsTable td.editDeleteFieldCell a.disabled, table.progressReportFieldsTable td.editDeleteFieldCell a.disabled:hover {
	color: #cfcfcf;
}
.progress-report-field-block {
	padding-top: 8px;
	padding-bottom:10px;
}
table.progressReportFieldsTable label, table.progressReportFieldsTable .progress-report-label {
	font-weight: bold;
	font-size: 14px;
	color: #333;
}
table.progressReportFieldsTable .date-range-label {
	font-weight: normal;
	color: #333;
	font-size: 12px;
}
table.progressReportFieldsTable .progress-report-field-row div.input-prepend {
	margin-bottom: 0;
}
table.progressReportFieldsTable .input-date-range {
	width:60px !important;
}
table.progressReportFieldsTable .input-date, table.progressReportFieldsTable .input-currency {
	width: 82% !important;
	margin: 0 !important;
}
.progressReportDeleteModal, .fileUploadDeleteModal {
	width: 360px;
}
.progressReportDeleteModal .modal-header {
	border-bottom: 1px solid #ddd;
}
#addNewProgressReportContainer {
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #ddd;
}
.addNewProgressReportSection {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	padding-top: 20px;
}
.progressReportForm .fileUploadsSection {
	margin-top: 15px;
}
/* to make room for the reminders popover */
.progressReportForm .accordion-inner.add-height-for-tooltip {
	padding-bottom: 50px;
}
.progressReportSectionHeading, .fileUploadsSectionHeading {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	padding-bottom: 15px;
}

.progressReportSectionHeading.addOrEditField, .progressReportSectionHeading.addSection {
	font-weight: normal;
}
.close.closeAddOrEditField, .close.closeAddNewSectionForm {
	color: #333;
	font-size: 30px;
	opacity: .5
}
.addNewProgressReportSection p, .fileUploadsSection p {
	margin-bottom: 15px;
}
.progressReportDialog, .addNewFieldForm {
	background-color: #e7e7e8;
	padding: 30px 20px 30px 20px;
}
.progressReportDialog .sectionTitleLabel {
	width:100px;
}
.progressReportDialog .sectionTitleInput {
	margin-left: 115px;
}
.addNewProgressReportFieldLinks a:first-child {
	position: relative;
	top: 2px;
}
.progressReportDialog label:not(.radio) {
	font-weight: bold;
}
.addProgressReportFieldContainer {
	border-top: 1px dashed #ddd;
	padding-top: 15px;
	padding-bottom: 15px;
}
.addProgressReportFieldContainer a {
	font-size: 14px;
}
.addProgressReportFieldContainer a.addNewOption {
	font-size: 13px;
}
.addProgressReportFieldContainer svg.fa-plus-circle {
	font-size: 18px;
}
.addProgressReportFieldContainer a.addNewOption svg.fa-plus-circle {
	font-size: 13px;
}
.progressReportAddEditFieldForm .controls {
	margin-left: 130px;
}
.progressReportAddEditFieldForm .control-label {
	padding-top: 2px;
	width: 130px;
}
.progressReportAddEditFieldForm .input-xlarge {
	width: 360px;
}
.notes-to-awardee.input-xlarge {
	width: 250px;
}
.progressReportDialogButtons {
	width: 498px;
}
.progressReportDialog .field-notes {
	font-size: 11px;
}
tr.progress-report-field-row:hover, tr.progress-report-field-row td:hover, tr.progress-report-field-row td label:hover {
	cursor: move;
}
.progressReportAccordionItem .accordion-heading {
	cursor: move;
}
.freeform .progressReportAccordionItem .accordion-heading {
	cursor: default;
}
.progressReportSections .progress-report-section-header {
	cursor: move;
}
tr.progress-report-field-row.disabled:hover, tr.progress-report-field-row td.disabled:hover, tr.progress-report-field-row td label:hover {
	cursor: default;
}
.progressReportAccordionItem .accordion-heading.disabled {
	cursor: default;
}
.progressReportSections .progress-report-section-header.disabled {
	cursor: default;
}

.dragIcon {
	width: 12px;
	margin-right: 4px;
	visibility: visible;
	display: inline;
}
.dragIcon.hide {
	visibility: hidden;
	display: inline;
}

.dragIcon.invisible {
	visibility: hidden;
	display: inline;
}
#disableProgressReports,
#addReportDropdownDiv {
	padding-top: 20px;
	padding-bottom: 10px;
	border-top: 1px solid #c0c0c0;
}
#disableProgressReports label {
	font-size: 13px;
}
#progressReportsContainer a[disabled], a[disabled]:hover {
	pointer-events: none;
}
.dragAndDropInfo {
	font-size:11px;
	color: #333;
}
.progressReportAccordionItem .accordion-heading div.actionIcons {
	padding-top: 9px;
}

a.fileUploadCollapse, a.fileUploadCollapse:hover {
	text-decoration: none;
}
div.file-upload-content-form {
	padding:10px 20px;
}
.fileUploadsSection label {
	font-size: 13px;
}
.includeFileUploadsRadios {
	padding-bottom: 10px;
}
.includeFileUploadsRadios.includeFileUploadsTrue {
	border-bottom:1px dashed #ddd;
}
.file-upload-heading {
	margin-top: 10px;
}
.progress-report-file-upload-block {
	padding-top: 10px;
}
.addFileUploadLinksContainer {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px dashed #ddd;
}
.addFileUploadLinks a, .addFileUploadLinks svg {
	font-size: 14px;
}
.editFileUploadLinks a {
	display:inline-block;
	margin-right:0;
	padding:0;
}
.editFileUploadLinks a:first-child {
	margin-right: 4px;
}

/*.toggleProgressReportAccordion, #reportAssignmentAccordionGroup, #reportAssignmentAccordionInner  {*/
/*		border: 0px none rgba(255, 0, 0, 0) !important;*/
/*}*/

/*.toggleProgressReportAccordion, .toggleProgressReportCollapsibleInner, .accordion-inner  {*/
/*	border: 0px none rgba(255, 0, 0, 0) !important;*/
/*	border-top: 0px none rgba(255, 0, 0, 0) !important;*/
/*}*/

.email-template-header-view input.input-xxlarge, .email-template-body-view input.input-xxlarge {
	width: 580px;
}

.email-template-header-view .control-label {
	width: 300px;
}

.border-top-dashed {
	border-top: #DDD dashed 1px;
}

/*#assignmentsAndRemindersView .control-group input[type="radio"] {*/
/*	float: left;*/
/*	margin-top: 39px;*/
/*}*/
#assignmentsAndRemindersView {
	padding-top: 25px;
	border-top: 1px solid silver;
}

.configureAwardeeReportingHeader {
	padding-top: 52px;
	font-size: 18px;
	padding-bottom: 10px;
}

.custom-send-date-container {
	float: left;
	width: 220px;
}
label.send-assignment-mode,
label.progress-report-custom-send-time-label,
label.progress-report-custom-send-date-label,
label.report-offset-number,
label.report-offset-unit,
label.progress-report-deadline {
	font-size: 13px;
}

.custom-send-offset-container {
	float: left;
	width: 172px;
}

.custom-send-offset-unit-container {
	float: left;
	width: 166px;
}

.custom-date-radio {
	float: left;
	width: 20px;
	padding-top: 25px;
}

.custom-sent-offset-help {
	padding-top: 27px;
}

.progress-report-custom-send-date {
	width: 170px;
}

.progress-report-custom-send-offset-number {
	width: 140px;
}

.emailHeaderView input {
	width: 150px;
}
#progressReportsContainer {
	padding-bottom: 10px;
}
#progressReportsContainer.applicant-progress-report-view {
	padding-top: 55px;
}
#applicantProgressReports {
	margin-top: 20px;
}
.progress-report-tabs {
	color: #333;
}
.nav.progress-report-tabs li > a, .nav.progress-report-tabs li > a:hover  {
	color: #333 !important;
	text-align: center;
	font-size: 14px;
	border-bottom-color: transparent;
	border-right: 1px solid #dedede;
}
.nav.progress-report-tabs li.active a {
	color: #333 !important;
	font-weight:bold !important;
	text-align: center;
	font-size: 14px;
	border-right: 1px solid transparent;
}
.nav.progress-report-tabs li span.progress-report-due-date {
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}
.progress-report-tab-pane .progress-report-title {
	font-size: 20px;
	padding-bottom: 20px;
	font-weight: bold;
}
.progress-report-tab-pane .progress-report-instructions {
	padding-top: 20px;
	padding-bottom: 20px;
}
.progress-report-tab-pane legend {
	position: relative;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	top: 30px;
	margin-bottom:20px;
}
.progress-report-tab-pane fieldset {
	padding: 30px 0;
	border-bottom: 1px solid #ddd;
}
.control-group.form-field {
	width: 612px;
}
.control-group.form-field label, .control-group.form-field div.control-label {
	font-size:13px;
	font-weight: bold;
	padding: 0;
	padding-top: 6px;
}
.control-group.form-field label.control-label, .control-group.form-field div.control-label {
	width: 185px;
	padding-top: 3px;
}
.control-group.form-field div.control-label.date-range-main-label {
	margin-top: 20px;
}
.control-group.form-field label.checkbox {
	font-weight: normal;
}
.control-group.form-field div.control-label.date-range {
	padding-top: 20px;
}
.control-group.form-field .controls {
	margin-left: 195px;
}
.control-group.form-field .controls input {
	width: 408px;
}
.control-group.form-field .controls input.date, .control-group.form-field .controls input.numeric,
	.control-group.form-field .controls select.yesNo {
	width: 150px;
}
.control-group.form-field .controls select {
	width: 416px;
}
.control-group.form-field .controls input[type=checkbox] {
	width: auto;
}
.control-group.form-field .controls label.date-range-label {
	font-size: 13px;
	margin-bottom: 0;
}
.control-group.form-field .controls input.date-range {
	width: 150px;
}
.control-group .checkbox-container {
	margin-left: 20px;
}
.field-error {
	margin-left: 195px;
}
.field-error-text-area, .field-error-file-upload {
	margin-left: 0;
}
.field-instructions {
	margin-bottom: 7px;
}
.control-group.form-field label.control-label.non-floating-label {
	width: auto;
	float: none;
}
.control-group.form-field label.date-range-label {
	font-weight: normal;
}
.requiredMessageForMultipleSelect {
	margin: 0 0 0 -20px;
}
.min-selections-error, .max-selections-error, .max-character-count-error, .max-word-count-error {
	margin-left: 130px;
}
.reminder-custom-send-date {
	width: 170px;
}

.reminder-custom-send-offset-amount {
	width: 140px;
}

.toggleRemindersCollapsible.on-hold,
.collapsibleReminderA.on-hold,
.accordion-heading.row.skipped {
	cursor: not-allowed;
	color: #777;
}
.report-assignment-outer-accordion-link.skipped,
.report-assignment-outer-accordion-report-name-link.skipped {
	pointer-events: none;
	color: #777777;
}
.modal-header-with-border {
	border-bottom: 1px solid #eee;
}
.modal-body-bootstrap {
	max-height: 400px;
}

#batchReportAssignmentModal {
	top: 45% !important;
	left: 50% !important;
	margin-top: -200px !important;
	margin-left: -360px !important;
}
.allProgressReports {
	border: 1px solid #ddd;
	padding: 0;
	background-color: #efefef;
}
.progress-report-form-section {
	padding:0 20px;
	border-bottom: 1px solid #ddd;
}

ul.progress-report-tabs {
	margin-bottom:0 ;
}
ul.progress-report-tabs li {
	width: 160px;
	border-radius: 0;
	height: 57px;
}
ul.progress-report-tabs li.active {
	background-color: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-top: 3px solid #07708D;
	/* margin-bottom: -3px; */
}
ul.progress-report-tabs li a, ul.progress-report-tabs li a:hover {
	border-radius: 0;
	margin-right: 0;
	border-right: 1px solid #ddd;
}
.tab-content .progress-report-tab-pane.active {
	background-color: #fff;
}
#progressReportSummary {
	border-top: 1px solid #ddd;
	padding: 10px 0;
}
#progressReportSummary #competitionTitle {
	font-weight: bold;
	font-size: 16px;
}
#progressReportsRecap {
	margin-top: 20px;
}
#progressReportsRecap.no-reports-below {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
#progressReportsHeader {
	font-size: 16px;
	font-weight: bold;
	padding-top: 12px;
	border-top: 1px solid #ddd;
	margin-bottom: 15px;
	padding-bottom: 8px;
}
.addAnotherPublicationContainer {
	border-top: 1px dashed #ddd;
	padding-top:15px;
}
.publicationHeader {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0;
}
.publicationHeader.publicationHeaderWithTopBorder {
	border-top: 1px dashed #ddd;
}
fieldset.fileUploads .control-group.form-field .controls {
	margin-left: 0;
}
.progress-report-actions {
	padding:20px;
}
.providedDocument {
	margin-bottom: 20px;
}
.providedDocumentTitle {
	font-weight: bold;
	font-size: 18px;
	margin-bottom:10px;
}

.overdue-status {
	color: #a94442;
	font-weight: normal;
}
.due-status {
	font-weight: bold;
}
.overdue-date {
	color:#a94442;
	font-size: 11px;
	font-weight: normal;
}
.due-date {
	font-size: 11px;
	font-weight: normal;
}
/*.file-upload-content.in.collapse {*/
/*	height: auto !important;*/
/*}*/
a.editFileUpload, a.editFileUpload:hover, a.deleteFileUpload, a.deleteFileUpload:hover,
a.deleteReport, a.deleteReport:hover, a.deleteSection, a.deleteSection:hover, a.deleteField, a.deleteField:hover,
a.edit-reminder, a.edit-reminder:hover, a.delete-reminder, a.delete-reminder:hover,
a.edit-report-assignment.disabled, a.edit-report-assignment.disabled:hover,
a.delete-report-assignment, a.delete-report-assignment:hover,
a.edit-report-assignment.pencil, a.edit-report-assignment.pencil:hover,
a.edit-report-assignment.edit-deadline-link, a.edit-report-assignment.edit-deadline-link:hover {
	color: #333;
	text-decoration: none !important;
}
a.fileUploadCollapse.editFileUpload.disabled, a.editField.disabled, a.deleteFileUpload.disabled,
a.deleteReport.disabled, a.deleteSection.disabled, a.deleteField.disabled,
a.edit-reminder.disabled, a.delete-reminder.disabled,
a.fileUploadCollapse.editFileUpload.disabled:focus, a.editField.disabled:focus, a.deleteFileUpload.disabled:focus,
a.deleteReport.disabled:focus, a.deleteSection.disabled:focus, a.deleteField.disabled:focus,
a.edit-reminder.disabled:focus, a.delete-reminder.disabled:focus,
a.edit-report-assignment.pencil.disabled, a.edit-report-assignment.pencil.disabled:focus,
a.delete-report-assignment.disabled, a.delete-report-assignment.disabled:focus {
	color: #cfcfcf;
	text-decoration:none !important;
	outline: none;
}
a.edit-report-assignment:focus, a.delete-report-assignment:focus, a.chevron:focus, a.text-link:focus,
a.edit-reminder:focus, a.delete-reminder:focus {
	outline: none;
}
input[type="radio"] {
	margin: 3px 0 0;
}

.dataTables_wrapper .dataTables_filter input[type="search"] {
	background-color: #fff;
}

#progressReportsHeader .spanPrintBtn {
	width: auto;
}
#progressReportsHeaderTitle {
	padding-top: 8px;
}
.progressReportForm .accordion-inner {
	border-top: none;
}
/* Note:  this is the original bootstrap style.  Someone unfortunately changed the original file
so the padding was 8px instead of 5px.
 */
.form-horizontal.form-horizontal-bootstrap-original .control-label {
	padding-top: 5px;
}
.form-horizontal .optionsContainer .control-group:last-child {
	margin-bottom:0;
}
.addNewFieldForm .addAnotherOption {
	margin-top: 17px;
}
a.fileUploadCollapse:focus {
	outline: none;
}
.file-upload-content.collapse.in {
	border-bottom:1px dashed #ddd;
}
.progress-report-file-upload-block:last-child .file-upload-content.collapse.in {
	border-bottom: none;
}
.alert-warning.fileUploadAlert {
	margin-top:10px;
	margin-bottom:10px;
}
.notifications-page-header {
	font-size: 16px;
	font-weight: bold;
}
a.edit-reminder, a.edit-report-assignment.pencil {
	margin-left: 5px;
}
.skipReportCheckbox {
	font-size: 13px;
}
.single-progress-report {
	margin-top: 25px;
}
#configureAwardeeReportingView #personalMetadata {
	margin-bottom: 10px;
}
.edit-deadline-send-mail label.radio {
	padding-top: 0px;
}
.add-another-reminder {
	border-top: 1px dashed #DDD;
	margin-top: 15px;
	padding-top: 15px;
}

.report-reminder-date,
.progress-report-deadline,
.email-template-label {
	font-size: 13px;
}
.report-assignment-buttons {
	padding-bottom: 20px;
	margin-top: 15px;
}
.edit-deadline-buttons.send-email {
	border-top: none;
	border-bottom: #DDD dashed 1px;
	padding-bottom: 20px;
	margin-top: 15px;
	text-align: right;
}
.edit-deadline-buttons.no-email {
	border-top: #DDD dashed 1px;
	border-bottom: #DDD dashed 1px;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: left;
}
.final-reminder-label {
	margin-left: 5px;
	font-size: 12px;
}
.to-field-advice {
	color: #555555;
}
.accordion-inner.schedule-assignment {
	padding-top: 4px;
}
a.addReminder.disabled, a.addReminder.disabled:hover {
	text-decoration: none;
}
form.progress-report-form {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 0;
}
a.downloadFile {
	padding-right:5px;
}
.form-field-document {
	padding-bottom:20px;
	border-bottom: 1px dashed #ddd;
}
.form-field-document:last-child {
	border-bottom: none;
	padding-bottom:0;
	margin-bottom:0;
}
.alert-no-progress-reports {
	margin-top: 17px;
	border-top: 1px solid #ddd;
}
a.help-popover:active {
	text-outline: none;
}
#progress-reports-tab-instructions {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
}
.progress-report-form-section {
	margin-top: 17px;
	margin-bottom: 0;
}
.progress-report-form-section .alert {
	margin-bottom: 10px;
}
.applications-list-about {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
a.progress-report-cancel.disabled,
a.collapsibleA.disabled,
a.reminder-schedule.btn-default.disabled,
a.reminder-cancel.disabled {
	pointer-events: none;
}
.alert.alert-success.edit-deadline-success {
	margin-top: 0;
	margin-bottom: 7px;
}
a.collapsibleReminderA.chevron, a.collapsibleA.chevron, a.collapse-report-assignment.chevron {
	width: 13px;
	display: inline-block
}
.assignment-and-reminder .report-due-date {
	color: #555;
}
.deleteWarningModal {
	width: 560px;
}

/***

BEGIN APPLICATION / DATA GRID STYLING

***/

body.ag-special-for-grid-view #middleContent, body.ag-special-for-grid-view #rightContent {
	border: 1px solid #ddd;
}

div.ag-save-current-grid-view-modal {
	width: 600px;
}

#ag-grid-view-name-label {
	width: 120px;
}

#ag-save-named-grid-form .controls {
	margin-left: 120px;
	width: 325px;
}

#ag-grid-view-name {
	width: 330px;
}

#applicationGrid {
	background: #fafafa;
	border: 1px solid #ddd;
	padding: 25px;
}

table#applicationGridTable {
	border-collapse: separate !important;
}

/*  APPLICATION GRID TAB STYLING */

div#applicationGridContent {
	display: grid;
	min-height: 300px;
}

table#applicationGridTable #applicationGridTabs.nav-tabs {
	margin-bottom: 0;
	/*border-bottom: 1px solid #808080;*/
}

#applicationGridTabs {
	margin-bottom: 0;
}

#applicationGridTabs.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
	background-color: #ffffff;
	border-bottom: none;
}

#applicationGridTabs.nav-tabs > li {
	width: 15%;
	background-color: #eee !important;
	font-size: 14px;
	border: 1px solid #ccc !important;
	border-right: none;
}

#applicationGridTabs.nav-tabs > li.active {
	border-bottom: none;
}

#applicationGridTabs.nav-tabs > li:last-of-type, .nav-pills > li:last-of-type {
	border-right: 1px solid #ccc;;
}

#applicationGridTabs.nav-tabs > li > a, .nav-pills > li > a {
	box-sizing: border-box;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 0px;
	/*border: 1px solid #808080;*/
	border: none;
	padding: 0;
	-webkit-border-radius: 0px 0px 0px 0px;
	text-align: center;
	color: #444 !important;
	font-weight: normal !important;
}

#applicationGridTabs.nav-tabs > li > a:hover, #applicationGridTabs.nav-tabs > li.active > a {
	background: #fff !important;
	color: #333 !important;
}

/* for Cayuse integration */
#applicationGridTabs.nav-tabs > li.appGridDisabledTab > a {
	color: #777777 !important;
	border: 1px solid #A19F9F !important;
	cursor: default;
}


#applicationGridTabs.nav-tabs > li.active > a {
	border-top: 4px solid #07708d;
	border-bottom: none;
	background: #fff !important;
	color: #333 !important;
	font-weight: bold;
}

#competitionMetadataDateFieldsContainer {
	padding-top: 5px;
	padding-bottom: 3px;
}

#freeformApplicationAlerts, #infoOnlySchoolAllowContainer,
#viewApplicationForm #competitionMetaDataviewAppForm #competitionNotOpenAlertContainer,
#reviewApplicationForm #competitionMetaDataApplicationGrid #competitionNotOpenAlertContainer,
#reviewApplicationForm #competitionMetaDataApplicationGrid #competitionStatusMessageContainer {
	padding-top: 15px;
	border-top: 1px solid silver;
}

#manageCompetitionDetail .accordion-toggle,
#idCompetitionDesc .accordion-toggle, #reviewApplicationForm .accordion-toggle,
#competitionMetaDataApplicationGrid .accordion-toggle, #viewApplicationForm a.accordion-toggle,
#shareAnnouncement .accordion-toggle, #closeCompetition .accordion-toggle {
	color: #333;
	display: inline-block;
}

#manageCompetitionDetail #applicationHeader .pageTitle,
#compDetail #applicationHeader .competition-title, #competitionActivity #applicationHeader .pageTitle,
#shareAnnouncement #applicationHeader .pageTitle, #reviewApplicationForm #applicationHeader .pageTitle,
#viewApplicationForm #applicationHeader .pageTitle, #closeCompetition  #applicationHeader .pageTitle {
	width: 88%;
	margin-bottom: 10px;
}

#manageCompetitionDetail #applicationHeader .pageTitle {
	padding-bottom: 10px;
}

#closeCompetition #applicationHeader .pageTitle, #competitionActivity #applicationHeader .pageTitle {
	margin-bottom: 15px;
}

#compDetail .accordion-toggle:hover, #compDetail  .accordion-toggle:focus,
#reviewApplicationForm .accordion-toggle:focus,
#manageCompetitionDetail .accordion-toggle:hover, #manageCompetitionDetail .accordion-toggle:focus,
#idCompetitionDesc .accordion-toggle:hover,
#closeCompetition .accordion-toggle:hover, #closeCompetition .accordion-toggle:focus,
#viewApplicationForm .accordion-toggle:hover, #viewApplicationForm .accordion-toggle:focus,
#shareAnnouncement .accordion-toggle:hover, #shareAnnouncement .accordion-toggle:focus,
#competitionMetaDataApplicationGrid .accordion-toggle:hover, #competitionMetaDataApplicationGrid .accordion-toggle:focus {
	text-decoration: none;
}

#reviewApplicationForm a#manageCompetitionDatesAccordion:hover,
#reviewApplicationForm a#manageCompetitionDescriptionAccordion:hover,
#reviewApplicationForm a#manageCompetitionDetailsAccordion:hover {
	text-decoration: none;
}

#previewApplicationForm {
	padding-top: 15px;
	border-top: 1px solid silver;
}

a#lnkHlpCompetitionViewers {
	margin-left: 7px;
}

a#lnkHlpCompetitionViewers > img {
	padding-top: 8px;
}

a#cv-add-modify-viewers-link {
	float: left;
	font-size: 16px;
	margin-top: 5px;
}

.cv-add-modify-view label {
	margin-bottom: 2px;
}

.infoready-table-striped tbody > tr:nth-child(odd) > td {
	background-color: #fff;
}

.infoready-table-striped tbody > tr:nth-child(even) > td {
	background-color: #f0f0f0;
}

#cv-viewers-table th {
	color: #333;
}

#cv-viewers-table label {
	margin-bottom: 0;
	font-size: 13px;
}

#cv-confirm-delete-viewer-modal {
	width: 350px;
}

div#cv-add-modify-accordion {
	padding-top: 4px;
	padding-bottom: 5px;
	border-top: 1px solid silver;
}

div#cv-add-modify-accordion svg#cv-user-plus {
	margin-bottom: 2px;
	font-size: 13px;
}

div#cv-empty-table {
	padding-bottom: 10px;
}

div#cv-collapse-viewer-area {
	margin-top: 5px;
	padding-left: 17px;
	font-size: 13px;
}

div#cv-empty-table-header {
	padding: 5px;
	background-color: #E7E7E8;
}

#cv-comments-to-admin-tooltip {
	padding-top: 7px;
}

/*  END APPLICATION GRID TAB STYLING  */

/*  ADDITIONAL APPLICATION GRID STYLING  */
/* 2021-06-29 TODO: remove app grid styling as it becomes irrelevant, JAO */

div#applicationGrid ul.dropdown-menu {
	background-color: #fff !important;
	max-height: 50vh !important;
}

div#applicationGrid ul.dropdown-menu > li > a {
	min-height: 20px;
	color: #000 !important;
}

#ag-review-chart-select-container ul.dropdown-menu {
	max-height: 22.5em !important;
}

table.applicationGridTable th {
	color: #000 !important;
}

table.applicationGridTable thead tr {
	border-top: 2px solid #000 !important;
	border-bottom: 2px solid #000 !important;
}

#ag-charts-accordion {
	overflow: visible;
}

.applicationGridAccordionGroup .accordion-heading {
	background-color: #f7f7f7 !important;
}

table.applicationGridTable th span.selectAllLabel {
	color: #0096d6;
	font-size: 9px;
}

table.applicationGridTable {
	border-collapse: collapse;
}


#applicationGridTable td.reviewDetail {
	border-right: none !important;
}

#applicationGridTable th.routingStepNameHeader {
	font-weight: normal;
}

#applicationGridContainer .popover-content {
	font-weight: normal;
}

#applicationGridContainer .popover {
	max-width: 500px;
}

/*#applicationGridContent .accordion-heading .wrapper {*/
/*	width:1102px !important;*/
/*}*/

#applicationGridContent table.routingStepSummaryTable {
	width:1074px;
}

#applicationGridContent .actionLabel {
	padding-top:4px;
}

#applicationGridContent .bootstrap-select {
	float:left;
	/*margin-right:15px;*/
	margin: 0;
}
#applicationGridContent .bootstrap-select:hover {
	background-color: #efefef;
}
#applicationGridContent .applicationGridActionRow {
	z-index: 2;
	margin-bottom: 15px;
	clear: both;
	width: 1076px;
}
#applicationGridContent .stageInformation {
	width: 1076px;
	position: sticky;
	left: 0;
}

#allTableCollapse, #callForSubmissionTableCollapse, #reviewTableCollapse, #awardTableCollapse, #postAwardTableCollapse,
#allStageCollapse, #callForSubmissionStageCollapse, #reviewStageCollapse, #awardStageCollapse, #postAwardStageCollapse,
#allStageInformationCollapse, #callForSubmissionStageInformationCollapse, #reviewStageInformationCollapse, #awardStageInformationCollapse, #postAwardStageInformationCollapse,
#applicationGridTable_wrapper, .dt-top, .dt-bottom, #applicationGridTable, .wrapper  {
	overflow: visible;
}


.applicationGridActionRow, #applicationGridTable_length, #applicationGridTable_info, .stageInformationOverviewHeader, .stageInformationSection {
	position: sticky;
	left: 0;
}

#applicationGridTable_paginate,
#allCollapseExpandStageHeader, #callForSubmissionCollapseExpandStageHeader,  #reviewCollapseExpandStageHeader, #awardCollapseExpandStageHeader,#postAwardCollapseExpandStageHeader,
#allCollapseExpandStage, #callForSubmissionCollapseExpandStage,  #reviewCollapseExpandStage, #awardCollapseExpandStage, #postAwardCollapseExpandStage {
	position: sticky;
	right: 0;
}
#applicationGridTable_filter.dataTables_filter {
	top: -54px;
	position: absolute;
	right:0;
}

div#addOrganizationsModal:not(.ag-organization-modal) {
	padding: 20px;
}

div#addOrganizationsModal:not(.ag-organization-modal) #searchContainer {
	border-top: 1px solid silver;
	padding-top: 10px;
}

div#addOrganizationsModal.ag-organization-modal {
	background-color: #fff;
}

div#addOrganizationsModal.ag-organization-modal .modal-body {
	padding-left: 0px;
}

div#addOrganizationsModal.ag-organization-modal #clearSelectionsContainer {
	margin-top: 15px;
}

div#addOrganizationsModal.addOrganizationsModal .modal-footer,
div#addOrganizationsModal.ag-organization-modal .accordion-group {
	border: none;
}

div#ag-org-filter-header {
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 18px;
	border-bottom: 1px solid silver;
}

div#ag-org-filter-header #closeDialog {
	margin-right: 14px;
	font-size: 24px;
}

div#ag-org-filter-body {
	padding-left: 20px;
	padding-top: 10px;
}

#ag-clear-search-container {
	position: absolute;
	right:0;
	top: -28px;
}

#ag-action-panel .btn-group {
	margin-left: 0px;
}

#ag-action-panel > div.ag-action {
	display: inline-block;
	border-right: 1px solid #ccc;
}

#ag-action-panel > div.ag-action:first-child {
	margin-left: 20px;
}

#ag-action-panel > div.ag-action > svg {
	pointer-events: none;
}

#ag-action-panel div.ag-action:last-of-type {
	border-right: none;
}

#ag-action-panel a.btn-link {
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	padding: 6px 8px;

	border-color: transparent;
	background: transparent;
}

.ag-action-dropdown-review li {
	padding-left: 10px;
}

.ag-action-dropdown-review li.ag-action-header {
	font-weight: bold;
	margin-left: 15px
}

#ag-action-panel a.btn-link:hover,
#ag-action-panel a.btn-link:focus {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 6px 8px;
	background-image: none;
	background-color: #efefef;
	text-decoration: none;
}
#ag-action-panel a#ag-read-only-help-link:hover,
#ag-action-panel a#ag-read-only-help-link:focus {
	background-color: transparent;
	border: 1px solid transparent;
}

#ag-action-panel .ag-action ul {
	padding: 12px 0;
}

/*#ag-action-panel .ag-action li:not(.divider) {*/
/*	display: flex;*/
/*	justify-content: space-between;*/
/*	align-items: center;*/
/*	padding: 5px 15px;*/
/*}*/

#ag-action-panel .ag-action li:not(.divider):not(.ag-action-header):hover,
#ag-action-panel .ag-action li:not(.divider):not(.ag-action-header):focus {
	background-color: #0081c2;
	background-image: linear-gradient(to bottom, #0088cc, #0077b3);
	color: #fff;
}

#ag-action-panel .ag-action li:not(.divider):hover a,
#ag-action-panel .ag-action li:not(.divider):focus a,
#ag-action-panel .ag-action li:not(.divider):hover .ag-icon,
#ag-action-panel .ag-action li:not(.divider):focus .ag-icon {
	color: #fff !important;
}

#ag-action-panel .ag-icon, #ag-read-only-help-link .ag-icon {
	padding: 0 5px;
	font-size: 15px;
	color: #000;
}

#ag-action-panel #ag-save-custom-grid-button .ag-icon,
#ag-read-only-help-link .ag-icon {
	color: #595959;
}

#ag-action-panel .ag-icon:hover {
	padding: 0 5px;
}

#ag-action-panel #ag-btn-download-report-link,
#ag-action-panel #ag-btn-download-report-link:hover {
	padding-right: 13px;
}

#ag-show-batch-actions-container-div {
	margin: 0;
}

.ag-icon {
	padding: 0 5px;
	opacity: 1;
	font-size: 15px;
	color: #000;
	font-weight: normal;
}

.ag-icon-muted {
	padding: 0 5px;
	opacity: 1;
	font-size: 15px;
	color: #333;
	font-weight: normal;
}

/*#ag-action-panel #ag-save-current-grid-view + .infoready-tooltip .ag-icon:last-child, #ag-action-panel .ag-icon:last-child:hover {*/
/*	padding-left: 2px;*/
/*}*/

#ag-charts-accordion .ag-icon, #ag-track-select-header .ag-icon,
#insight-dashboard .ag-icon {
	color: #595959;
}

.ag-tooltip-icon {
	border: none;
	padding: 0px;
	background: none;
}

.infoready-tooltip, .dropdown-menu > li > a.infoready-tooltip {
	display: inline-block;
}
/*.dropdown-menu > li > a.infoready-tooltip {*/
/*	padding: 0;*/
/*}*/
.dropdown-menu > li > a.ag-read-only-saved-view-help.infoready-tooltip {
	padding-top: 3px;
	padding-right: 23px;
	padding-left: 4px;
	font-size: 14px;
	font-size: 14px;
}

#ag-show-grid-view-container-div.dropdown-menu > li > a:not(.infoready-tooltip).ag-toggle-grid-view-with-help {
	padding-right: 0;
	width: 96px;
}

#ag-show-grid-view-container-div {
	margin-top: 0;
	width: 350px;
}

#ag-expanded-view-controls .tooltip,
#applicationGrid .tooltip,
.dynamic-insights-dashboard-view #insight-dashboard .tooltip.in {
	font-size: 12px;
}

#ag-expanded-view-controls .tooltip.in,
#applicationGrid .tooltip.in,
.dynamic-insights-dashboard-view #insight-dashboard .tooltip.in {
	opacity: 1;
	filter: alpha(opacity=100);
	font-size: 12px;
	color: #595959;
}

#ag-expanded-view-controls .tooltip-inner,
#applicationGrid .tooltip-inner,
.dynamic-insights-dashboard-view #insight-dashboard .tooltip-inner {
	white-space: normal;
	width: 200px;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	background-color: #595959;;
}

#ag-expanded-view-controls .tooltip-inner,
#applicationGrid .tooltip-inner {
	word-wrap: break-word;
}

#applicationGrid .tooltip.top .tooltip-arrow,
.dynamic-insights-dashboard-view #insight-dashboard .tooltip.top .tooltip-arrow {
	border-top-color: #595959;
}
#applicationGrid .tooltip.left .tooltip-arrow,
.dynamic-insights-dashboard-view #insight-dashboard .tooltip.left .tooltip-arrow {
	border-left-color: #595959;
}
#applicationGrid .tooltip.right .tooltip-arrow,
.dynamic-insights-dashboard-view #insight-dashboard .tooltip.right .tooltip-arrow {
	border-right-color: #595959;
}
#applicationGrid .tooltip.bottom .tooltip-arrow,
.dynamic-insights-dashboard-view #insight-dashboard .tooltip.bottom .tooltip-arrow {
	border-bottom-color: #595959;
}

#ag-column-header-select .tooltip-inner {
	margin-left: 80px;
}

#applicationGridContent table.applicationGridTable thead tr:first-child th.ag-column-with-tooltip {
	z-index: 5;
}

#applicationGridTable > tbody > tr > td > .infoready-tooltip.ag-table-cell {
	color: #07708d;
	cursor: pointer;
}
#applicationGridTable > tbody > tr > td > .infoready-tooltip.ag-table-cell .tooltip-inner {
	position: relative;
}
#applicationGridTable > tbody > tr > td > .tooltip.top.in > .tooltip-inner > button {
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	background-color: #595959;
	opacity: unset;
	position: absolute;
	right: 10px;
	top: 13px;
}

.infoready-tooltip svg {
	pointer-events: none;
	color: #595959;
}

.infoready-tooltip-popup .tooltip-inner {
	background-color: #595959;
	padding: 8px 12px;
}

.infoready-tooltip-popup.tooltip.top .tooltip-arrow {
	border-top-color: #595959;
}

.infoready-tooltip-popup.tooltip.right .tooltip-arrow {
	border-right-color: #595959;
}

.infoready-tooltip-popup.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #595959;
}

.infoready-tooltip-popup.tooltip.left .tooltip-arrow {
	border-left-color: #595959;
}

/*.infoready-tooltip-popup.tooltip-wide .tooltip-inner {*/
/*	width: 200px;*/
/*	max-height: none;*/
/*	white-space: normal;*/
/*}*/

.infoready-tooltip-popup.testing {
	position-top: -10px;
}



/* APP/DATA GRID - specific to columns dropdown */
#ag-column-selection-dropdown {
	width: 720px;
}

#ag-column-selection-dropdown.two-column-width {
	width: 530px;
}

#ag-show-column-selection-container-div {
	padding: 0;
	margin: 0;
}

#ag-column-selection-dropdown-message div.ag-column-selection-panel-column {
	padding-top: 12px;
	font-size: 13px;
	/*text-overflow: ellipsis;*/
	/* height: 300px; */
	height: 318px; /* JCT - fix this. */
	overflow: hidden;
}

#ag-column-selection-dropdown-message input[type="radio"], #ag-column-selection-dropdown-message input[type="checkbox"] {
	margin-top: 3px;
}

.ag-column-selection-panel-column-title {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	font-size: 14px;
}

#ag-column-selection-dropdown legend {
	font-size: 13px;
	font-weight: bold;
}

.ag-column-selection-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #bbb;
	padding: 15px;
	background-color: #fff;
}

.ag-column-selection-footer p {
	margin: 0;
	padding-left: 8px;
}

.ag-column-selection-fieldset {
	height: 100%;
}

.ag-column-selection-fieldset .checkbox {
	font-size: 13px;
	/*height: 1em;*/
	/*overflow-y: hidden;*/
}

.ag-column-selection-fieldset > *, .ag-column-select-all {
	border-right: 1px solid #ddd;
	padding-left: 20px;
}

.ag-column-select-all-container {
	overflow-y: hidden;
}

.ag-column-selection-fieldset > *:first-child {
	border-right: none;
}

.ag-column-selection-fieldset div:nth-child(2) {
	padding-top: 5px;
}

.ag-column-selection-panel-column:last-of-type .ag-column-selection-fieldset > * {
	border-right: none;
}

.ag-column-selection-filter-list {
	height: 255px;
	overflow-x: hidden;
	white-space: normal;
}

#ag-column-selection-dropdown .popover, #ag-column-selection-dropdown .popover > .popover-inner {
	background-color: #595959;
	color: #fff;
}

#ag-column-selection-dropdown .popover.top .arrow:after {
	border-top-color: #595959;
}

.ag-with-search-field {
	height: 215px;
}


.ag-routing-steps-search-box {
	box-sizing: border-box;
}

#ag-columns-selected-display {
	font-size: 13px;
}

.ag-column-selection-footer-buttons {
	width: 40%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ag-column-selection-footer-buttons.two-column-width {
	width: 55%;
}

input[type="text"].ag-search-box {
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 4px;
	box-shadow: none;
	font-size: 13px;
	color: #555;
	font-weight: normal;
}

.ag-btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.ag-btn.focus, .ag-btn:focus, .ag-btn:hover {
	color: #333;
	text-decoration: none;
}

.ag-btn-group-sm>.ag-btn, .ag-btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

.ag-btn-primary {
	border-radius: 4px;
}

.ag-btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.ag-btn-default:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}

.text-truncate {
	/*white-space: nowrap;*/
	/*overflow: hidden;*/
	/*text-overflow: ellipsis;*/
}

.ddd-truncated {
	overflow: auto;
}

div#manualTriggerBatchDigest {
	padding-top: 15px;
	border-top: 1px solid silver;
	font-size: 13px;
}

a#lnkHlpSendBatchNotification {
	margin-left: 4px;
	margin-top: 3px;
}

div#manualTriggerBatchDigest span#ag-next-digest-run-text,
div#manualTriggerBatchDigest a#aCompetitionSendReviewRequestDigests {
	font-size: 13px;
}

.ag-next-digest-time {
	margin-left: 9px;
	font-size: 15px;
}

#ag-next-digest-run-bell {
	font-size: 15px;
}

#ag-pdf-configuration-modal label {
	margin-bottom: 0px;
	font-size: 13px;
}

div#ag-pdf-configuration-modal-heading {
	padding: 15px 15px 15px 25px;
}

div.ag-options-div {
	padding-top: 15px;
}

.ag-download-modal-subheading {
	padding-bottom: 2px;
	font-size: 15px;
}

.ag-options-div:last-of-type {
	margin-bottom: 10px;
}

div#ag-pdf-configuration-modal-body input[type="radio"], div#ag-pdf-configuration-modal-body input[type="checkbox"] {
	margin-top: 4px;
}

.ag-pdf-options-secondary {
	margin-left: 20px;
}

.ag-pdf-options-tertiary {
	margin-left: 21px;
}

div#ag-pdf-configuration-modal-body {
	max-heigth: 1500px !important;
	margin-left: 10px;
}

label#ag-pdf-include-all-application-contents-label {
	margin-bottom: 0px;
}

div#ag-pdf-configuration-modal-instructions {
	outline: none;
}

h3#ag-pdf-download-options-header-title {
	margin-top: 6px;
}

.ag-save-current-grid-view-modal p {
	margin: 0;
}

div.ag-download-options-label-wrapper {
	margin-top: 12px;
}

div#ag-pdf-download-options-footer {
	padding-top: 20px;
	padding-bottom: 20px;
}

div.ag-pdf-modal-scrolling-options {
	max-height: 240px;
	overflow: auto;
}

.ag-columns-header {
	margin-top: 20px;
	margin-right: 30px;
	margin-left: 20px;
}

.ag-columns-header h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}

.ag-columns-header p {
	margin: 0;
	white-space: normal;
}

/* App Grid Chart styles */


.ag-overview-chart-collapse .accordion-group {
	border: none;
}

.ag-overview-chart-collapse .accordion {
	padding : 10px 15px 0px 0px;
}

#ag-charts-container {
	padding-left: 15px;
}

#ag-charts-container .no-data-to-display {
	font-size: 24px;
	font-weight: normal;
	color: #555555;
	width: 100%;
	height: 60px;
}

#applicationGridTable tr.odd {
	background-color: #f9f9f9;
}
#applicationGridTable tr.even {
	background-color: #fff;
}

.ag-charts-container .accordion-inner {
	display: flex;
	/*justify-content: space-between;*/
	justify-content: flex-start;
	align-items: flex-start;
	border: none;
	padding: 0;
}
.ag-charts-container .accordion-inner.ag-charts-container-review {
	display: block;
}

.ag-accordion-heading, .ag-accordion-heading:hover, .ag-accordion-heading:visited, .ag-accordion-heading:focus {
	font-size: 16px;
	color: #333;
	font-weight: bold;
}

.ag-accordion-heading:hover, .ag-accordion-heading:visited, .ag-accordion-heading:focus {
	text-decoration: none;
}

#ag-charts-accordion .ag-tooltip-container,
#insight-dashboard .ag-tooltip-container {
	position:relative;
	display: inline-block;
	top: 2px;
}
.ag-tooltip-container .tooltip.right {
	width:200px;
	top:-27px !important;
	left:19px !important;
}
#ag-progress-report-status-chart-legend .ag-tooltip-container .tooltip.right {
	top: -18px !important;
}
#ag-progress-report-chart-legend .ag-tooltip-container .tooltip.top {
	top: -60px !important;
	left: -108px !important;
}
#ag-progress-report-chart-container #ag-progress-report-chart-legend .standardChartLegend div.ag-tooltip-container,
#insight-dashboard .standardChartLegend div.ag-tooltip-container {
	margin-right: 0;
}
.ag-tooltip-container .tooltip.left {
	width:200px;
	top:-22px !important;
	left:-206px !important;
}
.ag-tooltip-container.ag-tooltip-container-nudge-down .tooltip.left {
	top:-16px !important;
}
div.ag-progress-report-chart-link+div.tooltip.left {
	left: 115px !important;
}
div.ag-review-chart-link+div.tooltip.left {
	left: 162px !important;
}
.ag-single-chart > div {
	min-width: 30%;
	min-height: 150px;
	padding: 0px;
	color: #eee;
}

body.ag-expanded-view .ag-single-chart > div {
	min-width: 20%;
}

body.ag-expanded-view div#all.active div.ag-single-chart > div {
	min-width: 22%;
}

#ag-application-status-chart-legend {
	min-width: 130px;
}

#ag-reference-letter-chart-container {
	min-width:358px;
}

#ag-overview-accordion {
	margin-bottom: 0;
	padding-bottom: 0;
}

#ag-overview-accordion-collapse.no-data {
	padding-bottom: 10px;
}

#ag-overview-accordion-collapse .ag-icon {
	font-size: 14px;
}

#ag-overview-accordion-collapse.ag-accordion-heading .overview-toggle {
	font-size: 15px;
}

.ag-toggle-review-dashboard-view {
	font-weight: normal;
}

a.ag-toggle-review-dashboard-view.disabled {
	font-weight: bold;
	color: #333;
}

#ag-routing-step-summary-table {
	border-collapse: separate;
}
#ag-routing-step-summary-table th:first-child, #ag-routing-step-details-table th:first-child {
	width: 190px;
}

#ag-routing-step-view-tabs li a {
	padding : 5px 15px;
	color: #000;
}

#ag-routing-step-view-tabs li a:hover {
	padding : 5px 15px;
}

#ag-routing-step-view-tabs li:not(.active) a, #ag-routing-step-view-tabs li:not(.active) a:hover {
	border: 1px solid transparent;
	margin-top: 3px;

}

#ag-routing-step-view-tabs li.active a {
	border-top: 4px solid #07708d;
	font-weight: bold;
	border-bottom: 1px solid transparent;
}
a.toggle-rating-scales {
	text-decoration: none;
	color: #000;
}
#ag-review-chart-toggles span {
	font-weight: normal;
	color: #aaa;
	padding: 0px 1px 0px 5px;
	margin: 0;
}

#ag-review-chart-toggles {
	font-weight: bold;
	padding-top: 6px;
	font-size: 16px;
}
#ag-review-chart-toggles a:focus {
	text-decoration: none;
}

.ag-legend-list {
	margin: 0;
	margin-left: 5px;
	font-size: 13px;
	color: #333;
	list-style: none;
}

.ag-legend-list p {
	margin: 0;
}

.ag-legend-list li {
	line-height: 1.5em;
}

ul.ag-legend-list div.ag-funding-organization-details {
	margin-left: 14px;
	color: #506883;
}

.ag-chart-and-legend {
	display: flex;
}
#ag-review-chart-container .standardChartLegend, #ag-progress-report-chart-container .standardChartLegend,
#insight-dashboard .standardChartLegend {
	width: 376px;
}
#ag-review-chart-container .ag-chart-and-legend, #ag-progress-report-chart-container .ag-chart-and-legend {
	display: block;
	font-size: 11px;
	color: #333;
}
#ag-review-chart-container .ag-chart-and-legend .standardChartLegend {
	font-size: 13px;
}
#ag-review-chart-container .standardChartLegend, #ag-progress-report-chart-container .standardChartLegend {
	margin: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-left: 14px;
}
#ag-review-chart-container .standardChartLegend div:first-child {
	float: left;
	margin-right: 12px;
}
#ag-progress-report-chart-container .standardChartLegend div,
#insight-dashboard .standardChartLegend div {
	float: left;
	margin-right: 12px;
}
#ag-progress-report-chart-container .standardChartLegend div:last-child,
#insight-dashboard .standardChartLegend div:last-child {
	float: none;
}
#ag-progress-report-chart-container .standardChartLegend div.ag-progress-report-chart-legend-identifier-with-tooltip,
#insight-dashboard .standardChartLegend div.ag-progress-report-chart-legend-identifier-with-tooltip {
	margin-right: 5px;
}
.ag-review-toggle-container #ag-application-status-chart-container {
	width: 320px;
	float: left;
}
#ag-application-chart-legend-list, #ag-progress-report-status-chart-legend-list {
	list-style-type: none;
}

#ag-select-container-hint {
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

#ag-award-chart-container > div {
	min-height: auto;
}

#ag-award-chart-container #ag-award-amount-label {
	margin-bottom: 10px;
	font-size: 13px;
	color: #506883;
}
#ag-award-chart-container #ag-award-amount {
	font-size: 30px;
	color: #000;
}
#ag-award-chart-container {
	margin-left: 100px;
}
#ag-routing-steps-container {
	margin-right: 24px;
	margin-bottom: 30px;
}
#ag-routing-steps-container div.tab-pane {
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}
#ag-routing-steps-container ul.nav-tabs {
	margin-bottom: 0;
}
.ag-routing-step-table.table {
	border: none !important;
	margin-bottom: 0;
}
.ag-routing-step-table.table th {
	background-color: #fff !important;
	border-right: 1px solid #ddd;
	text-align: center;
}
.ag-routing-step-table.table td {
	border-right: 1px solid #ddd  !important;
}
.ag-routing-step-table.table th:last-child, .ag-routing-step-table.table td:last-child {
	border-right: none !important;
}
.ag-routing-step-table.table td {
	text-align:right;
}
.ag-routing-step-table.table td:first-child, .ag-routing-step-table.table td:nth-child(2),
.ag-routing-step-table.table th:first-child, .ag-routing-step-table.table th:nth-child(2) {
	text-align: left;
}
#ag-routing-step-details-table td, #ag-routing-step-details-table th {
	text-align: left;
}
#ag-routing-step-container .nav-tabs > .active > a:hover {
	border-bottom: 1px solid #fff;
}


/*#applicationGrid #overview-chart-collapse li {*/
/*	display: flex;*/
/*	align-items: center;*/
/*}*/
#ag-review-chart-controls-container, #ag-progress-report-chart-controls-container {
	width: 300px;
	height: 157px;
	float: left;
	margin-top: -20px;
}
#ag-review-chart-links-container, #ag-progress-report-chart-links-container {
	clear: right;
	text-align: right;
}
.ag-review-chart-link {
	margin-bottom: 18px;
	color: #333;
}
.ag-progress-report-chart-link {
	margin-bottom:  43px;
	color: #333;
	margin-right: -4px;
}
#ag-review-chart-select-container, #ag-progress-report-chart-select-container {
	display: block;
	float: right;
}
#ag-review-chart-container .ag-chart-and-legend, #ag-progress-report-chart-container .ag-chart-and-legend {
	float: right;
}
.ag-canvas-container {
	width: 165px;
	height: 165px;
	position: relative;
}

.ag-canvas-container.ag-review-canvas-container, .ag-canvas-container.ag-progress-report-canvas-container {
	width: 400px;
}
.ag-canvas-container.ag-progress-report-canvas-container {
	height: 240px;
}
#applicationGrid .ag-overview-chart-collapse li span:not(span.filter-option):not(span.caret), .ag-overview-chart-collapse div span:not(span.filter-option):not(span.caret) {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 5px;
	border-radius: 25px;
}

.ag-column-filter-select.bootstrap-select.btn-group .btn:hover span.filter-option  {
	text-shadow: none;
}

.ag-overview-chart-collapse div .standardChartLegend span:not(span.filter-option):not(span.caret) {
	margin-right: 2px;
}

.ag-batch-skip-steps-warning-message {
	color: #543F00;
	padding-left: 20px;
	margin-bottom: 5px;
}

div#ag-skip-routing-steps-modal {
	z-index: 100001;
}

div#ag-reviews-already-assigned-modal {
	z-index: 100002;
}

div#ag-delete-reviews-warning {
	margin-top: 20px;
}

div#ag-skip-routing-steps-modal-body {
	padding-left: 25px;
}

div#ag-skip-routing-steps-modal-body label.checkbox span {
	display: inline-block;
	margin-top: 1px;
}

div#ag-skip-routing-steps-modal-body label.step-has-warning {
	margin-bottom: 0px;
}

h3#ag-skip-routing-steps-modal-heading {
	padding-top: 15px;
	padding-left: 10px;
}

#ag-skip-step-status-message {
	margin: 15px 0px 15px 15px;
}

h3#ag-reviews-already-assigned-modal-header {
	margin-top: 5px;
}

label#ag-delete-reviews-warning-label {
	margin-top: 10px;
	margin-bottom: 5px;
}

div#ag-reviews-already-assigned-modal-instructions {
	margin-bottom: 15px;
	outline: none;
}

div#ag-skip-routing-steps-modal-instructions {
	outline: none;
}

#applicationGridTable th.ag-select-all-dropdown-header .bootstrap-select .btn {
	background: #fff;
	border: none;
	color: #333;
	font-size: 18px;
	padding: 0;
	margin-left: -10px;
}
#applicationGridTable th.ag-select-all-dropdown-header .bootstrap-select .btn:hover, #applicationGridTable .bootstrap-select .btn:focus {
	color: #333;
}
#applicationGridTable th.ag-select-all-dropdown-header .bootstrap-select.btn-group .btn .caret {
	right: 18px;
}
#applicationGridTable th.ag-select-all-dropdown-header .btn .caret {
	margin-top: 6px;
}
#ag-select-all-dropdown {
	width: 60px;
}
/* The following rule hides the first option in the dropdown, which has an empty value.  We use that to
   reset the selection (see note elsewhere) programatically, but we don't let the user ever choose it. */
#applicationGridTable th.ag-select-all-dropdown-header .bootstrap-select .dropdown-menu li:first-child {
	display:none;
}

#applicationGridTable th {
	padding-left: 8px;
	padding-right: 8px;
}
#applicationGridTable th:not(.sorting_disabled):not(.ag-select-all-dropdown-header) {
	padding-right: 18px;
}

/* for expanded view of the creator */
body.expanded-view {
	max-width: none;
}

/* allow navbar to function on a singular line */
body.expanded-view #headerNavigationBar .container-for-navbar {
	width: auto !important;
}

body.expanded-view #rightContent {
    width: 25%;
}

body.expanded-view #middleContent {
    width: 75%;
}

body #expand-view-container {
	justify-content: unset;
	align-items: center;
	line-height: normal;
}


/* --- styles for: Application Grid Expanded View --- */

body.ag-expanded-view {
	max-width: none;
}

#headerNavigationBar .container-for-navbar.ag-expanded-view {
	width: auto !important;
}

#middleContent.ag-expanded-view, #rightContent.ag-expanded-view {
	display: none !important;
}

#ag-expanded-view-controls,
#expand-view-container {
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
	color: #333;
	font-size: 12px;
	font-weight: bold;
}

#ag-expanded-view-controls > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

/* TODO
squash these selectors into a class
migrate over edit-homepage-view-toggle-icon to something that uses expand-view-toggle-icon
 */
#ag-expanded-view-toggle-icon,
#expand-view-toggle-icon,
#edit-homepage-view-toggle-icon {
    font-size: 23px;
    cursor: pointer;
}

#ag-expanded-view-toggle-icon[data-icon="toggle-on"],
#expand-view-toggle-icon[data-icon="toggle-on"],
#edit-homepage-view-toggle-icon[data-icon="toggle-on"] {
    color: #53c34a;
}
#ag-expanded-view-toggle-icon[data-icon="toggle-off"],
#expand-view-toggle-icon[data-icon="toggle-off"],
#edit-homepage-view-toggle-icon[data-icon="toggle-off"] {
    color: #bbb;
}

#ag-expanded-view-toggle {
	display: flex;
	padding: 0;
}

button#ag-expanded-view-toggle:hover,
button#ag-expanded-view-toggle:focus {
	background: none;
	border-color: transparent;
}

#ag-expanded-view-toggle-close {
	display: none;
}

body.ag-expanded-view button#ag-expanded-view-toggle-close {
	display: block;
}

#ag-expanded-view-toggle-close.ag-icon-muted {
	margin-right: 15px;
	font-size: 30px;
}

#ag-expanded-view-toggle-close.ag-expanded-view {
	display: block;
}

#applicationGridTable th {
	padding-left: 8px;
	padding-right: 8px;
}

.ag-menu-tick {
	float:left;
	width: 18px;
	display: block;
	padding-left: 15px;
	padding-top: 3px;
}

#ag-show-grid-view-container-div.dropdown-menu > li > a:not(.infoready-tooltip) {
	clear: none;
	width: 250px;
	padding-right: 0px;
	float: left;
	padding-left: 0;
}

#ag-show-grid-view-container-div > li:not(.divider) {
	width: 340px;
	height: 23px;
	padding-top:4px;
	padding-bottom: 4px;
}

#ag-show-grid-view-container-div .ag-menu-tick {
	padding-left: 8px;
}

#ag-show-grid-view-container-div.dropdown-menu > li.ag-custom-view-default-view {
	height: 37px;
}

#ag-show-grid-view-container-div.dropdown-menu .ag-custom-view-default-view-label {
	font-size: 10px;
	color: grey;
}

#ag-show-grid-view-container-div.dropdown-menu .ag-delete-grid-view {
	padding-top: 4px;
}

#ag-show-grid-view-container-div.dropdown-menu .grid-view-default-item {
	padding-top: 10px;
}

button.ag-change-default-mode {
	padding-top: 3px;
}

button.ag-change-default-mode.ag-change-default-mode-read-only {
	padding-top: 0;
	margin-top: -3px;
}

#ag-show-grid-view-container-div.dropdown-menu {
	overflow-y: auto;
	overflow-x: clip;
}

#ag-show-grid-view-container-div.dropdown-menu > li > a#ag-save-current-grid-view {
	color: #07708d !important;
}

#ag-show-grid-view-container-div.dropdown-menu > li > a#ag-save-current-grid-view:hover {
	color: #fff !important;
}

a#ag-save-current-grid-view + button {
	padding-top: 4px;
}

#ag-show-grid-view-container-div.dropdown-menu > li >  a.ag-grid-view-action {
	padding-left: 26px;
}

.batch-action-num-entries {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
}

.ag-batch-action-content {
	height: 85%;
}

.dropdown-menu > li > a.ag-batch-action-read-only {
	padding-left: 10px;
}

.dropdown-menu > li > a.ag-batch-action-read-only.ag-batch-action-review {
	padding-left:0;
}

.ag-chevron {
	font-size: 14px;
}

#applicationGrid .accordion-group {
	border: none;
}

#applicationGridTabs.nav-tabs {
	display: flex;
	border: none !important;
}

#applicationGridTabs.nav-tabs > li {
	min-width: 167px;
	margin-bottom: 0px;
	border: 1px solid #ccc !important;
	border-right: 0 !important;
}

#applicationGridTabs.nav-tabs > li:last-of-type {
	border-right: 1px solid #ccc !important;
}

#applicationGridTabs.nav-tabs > li.active {
	border-bottom : 1px solid #fff !important;
}

#applicationGridTabs.nav-tabs > div.ag-nav-tab-filler {
	width: 100%;
	border-bottom: 1px solid #ccc !important;
}

/* Styles for standard input & select fields */
#applicationGrid input[type="text"], #applicationGrid input[type="search"], #applicationGrid .dropdown-toggle,
#insight-dashboard input[type="text"], #insight-dashboard input[type="search"], #insight-dashboard .dropdown-toggle {
	border-radius: 4px;
	box-shadow: none;
	font-size: 13px;
	color: #555;
	font-weight: normal;
}

#applicationGrid .dropdown-toggle {
	background: none;
}

#applicationGridContent.tab-content {
	overflow: hidden;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #fff;
}

body.ag-expanded-view  #applicationGrid {
	width: 100vw;
	padding: 25px 2vw;
}

div#applicationGridTable_wrapper { /* This is the datatables-created div to house the table */
	max-width: 1070px;
	padding: 0;
}

body.ag-expanded-view div#applicationGridTable_wrapper {
	max-width: 96vw;
	width: 100%;
}

#applicationGridTable_wrapper div.col-sm-12 {
	width: 100%;
	overflow-x: auto;
	max-height: 800px;
	height: 75vh;
	overflow-y: auto;
}

body.ag-expanded-view #applicationGridTable_wrapper div.col-sm-12 {
	width: 100%;
	overflow-x: auto;
}

#applicationGridContent table.applicationGridTable thead tr th {
	position: sticky;
	top: 42px;
}

#applicationGridContent table.applicationGridTable thead tr:first-child th {
	top: 0;
}

body.ag-expanded-view #applicationGridTable {
	width: 100% !important;
}

#applicationGridContent > .tab-pane > div {
	padding-left: 20px;
}

#ag-charts-accordion {
	padding-top: 10px;
}

#ag-review-overview-chart-collapse #ag-charts-accordion {
	padding-top: 20px;
}

#ag-postAward-overview-chart-collapse #ag-charts-accordion, #ag-review-overview-chart-collapse #ag-charts-accordion {
	padding-top: 10px;
}

#ag-postAward-overview-chart-collapse #ag-charts-container, #ag-review-overview-chart-collapse #ag-charts-container {
	padding-top: 15px
}

#ag-charts-accordion.collapse {
	padding-top: 10px;
}

#ag-charts-accordion.collapse.no-data {
	padding-top: 0px;
}

.ag-overview-chart-collapse {
	border-bottom: 1px dashed #aaa;
}

#ag-action-panel .ag-action:first-child a.btn-link {
	padding-left: 0;
}

#applicationGrid label {
	font-size: 13px;
}

/* proper margins/spacing for the line including "Show ___ Entries" & the search input field */
div#applicationGridTable_length {
	margin-left: 7px;
}

#ag-global-search {
	margin-right: 20px;
	position: relative;
	z-index: 100;
}
#ag-read-only-help div.tooltip {
	z-index: 200;
}

/* END */

#applicationGrid table.dataTable.cell-border tbody td:first-of-type {
	border-left: none;
}

#applicationGrid table.dataTable.cell-border tbody td:last-of-type {
	border-right: none;
}

.ag-nav-tab-space-filler {
	width: 100%;
	border-bottom: 1px solid #ccc;
}

#applicationGrid table.dataTable.no-footer {
	border-bottom: none;
}

#applicationGridContent table.applicationGridTable thead tr {
	border: none !important;
}

#applicationGridContent table.applicationGridTable thead tr:first-child th {
	border-top: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	white-space: nowrap !important;
}

#applicationGridContent thead {
	position: sticky;
	top: 0;
}

#applicationGridContent table thead, #applicationGridContent table tbody tr {
	/*display: table;*/
	/*width: 100%;*/
	/*table-layout: fixed;*/
}

#applicationGridContent thead tr:first-child th:first-child .infoready-tooltip {
	margin-left: 3px;
	margin-right: 0;
}

#applicationGridContent thead tr .infoready-tooltip {
	margin-left: 0;
	margin-right: 0;
}

#applicationGrid div.infoready-tooltip + .tooltip {
	padding-top: 2px;
}

#applicationGridContent table.dataTable thead th, table.dataTable thead td {
	border: none;
}

#applicationGridTable thead {
	background-color: #fff;
}

#applicationGridContent div#allTableInformationCollapse, #applicationGridContent div#submissionsAndDraftsTableInformationCollapse, #applicationGridContent div#reviewTableInformationCollapse, #applicationGridContent div#awardTableInformationCollapse, #applicationGridContent div#postAwardTableInformationCollapse {
	padding: 0;
}

#reviewTableInformationCollapse {
	max-width: 1070px;
}

body.ag-expanded-view div#reviewTableInformationCollapse {
	max-width: 100%;
}

#applicationGridTable_info {
	margin-left: 7px
}

#applicationGridTable tr:last-child td {
	border-bottom:1px solid #ddd;
}
#ag-track-select-container {
	margin-left: 23px;
	margin-bottom: 8px;
}
/* The following style is so that it matches the datatables style on the app grid page */
#ag-track-select {
	border-radius: 3px;
	border-color: #ccc;
}

input#cv-new-viewer-email {
	width: 400px;
}

div#cv-add-modify-message {
	width: 400px;
	margin-top: 5px;
}

div#cv-control-div {
	margin-top: 10px;
	margin-bottom: 20px;
}
/****

DO NOT CHANGE THE NEXT SECTION!
Below is DataTables' css for their Font Awesome integration.

****/


/*!
 * DataTables + Font Awesome integration
 * License: MIT - http://datatables.net/license
 */

/*
 * Sort styling
 */
/*#applicationGrid table.dataTable thead th {*/
/*	position: relative;*/
/*	background-image: none !important; !* Remove the DataTables bootstrap integration styling *!*/
/*}*/

/*#applicationGrid table.dataTable thead th.sorting:after,*/
/*#applicationGrid table.dataTable thead th.sorting_asc:after,*/
/*#applicationGrid table.dataTable thead th.sorting_desc:after {*/
/*	position: absolute;*/
/*	top: 12px;*/
/*	right: 8px;*/
/*	display: block;*/
/*	font-family: "Font Awesome 5 Free";*/
/*}*/

/*#applicationGrid table.dataTable thead th.sorting:after {*/
/*	font-family: "Font Awesome 5 Free";*/
/*	font-weight: 900; !* regular style/weight *!*/
/*	content: "\f0dc";*/
/*	color: #333;*/
/*	font-size: 0.8em;*/
/*	padding-top: 0.12em;*/
/*}*/
/*#applicationGrid table.dataTable thead th.sorting_asc:after {*/
/*	font-weight: 900; !* regular style/weight *!*/
/*	content: "\f0de";*/
/*}*/
/*#applicationGrid table.dataTable thead th.sorting_desc:after {*/
/*	font-weight: 900; !* regular style/weight *!*/
/*	content: "\f0dd";*/
/*}*/

/*#applicationGrid div.dataTables_scrollBody table.dataTable thead th.sorting:after,*/
/*#applicationGrid div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,*/
/*#applicationGrid div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {*/
/*	content: "";*/
/*}*/

/*!* In Bootstrap and Foundation the padding top is a little different from the DataTables stylesheet *!*/
/*#applicationGrid table.table thead th.sorting:after,*/
/*#applicationGrid table.table thead th.sorting_asc:after,*/
/*#applicationGrid table.table thead th.sorting_desc:after {*/
/*	top: 8px;*/
/*}*/

/* END - DataTables + Font Awesome integration */

/***

END APPLICATION / DATA GRID STYLING

***/

/*
#notes-add-note-view input, #notes-add-note-view textarea {
    border-radius: 4px;
    box-shadow: none;
}
*/

div#notes-choose-file-upload-modal {
	height: 250px;
	width: 370px;
	margin-top: 290px !important;
}

#notesAttachmentsAndPermissions {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#application-note-modal-container {
	height: auto;
	width: 600px;
	vertical-align: center;
}

#application-note-modal-container > div.modal-header {
	margin-top: 10px;
}

#application-note-modal-container .modal-body.modal-body-bootstrap {
	max-height: 393px;
	padding: 15px 15px 0px 15px;
	height: 500px;
}

#batchEmailNotificationModal {
	width: 720px;
	top: 30% !important;
	left: 50% !important;
	margin-top: -180px !important;
	margin-left: -360px !important;
	vertical-align: middle;
	overflow-y: auto;
	max-height: 90vh;;
}

#batchEmailNotificationModal > div.modal-header {
	margin-top: 10px;
}

#batchEmailNotificationModal .modal-body {
	overflow-y: unset;
    margin: 0px 10px 45px 10px;
}

#batchEmailNotificationModal #batchNotificationCancel {
	height: auto;
}

#notes-entries-selected-header {
	border-bottom: 1px solid #eee;
	margin-top: 5px;
	padding-bottom: 5px;
}

#notes-view-modal-body.modal-body {
	padding: 15px 15px 0px 15px;
	margin-bottom: 15px;
}

#notes-entries-selected-header #notes-entries-selected {
	margin-left: 15px;
}

#application-note-modal-container label[for=agNotesBody] {
	font-size: 13px;
}

#notesAttachmentsAndPermissions .radio {
	font-size: 13px;
}

#notesAttachmentsAndPermissions #notes-attachments-container {
	width: 200px;
}

#notesAttachmentsAndPermissions #notes-attachments-container.has-attachments {
	margin-top: 4px;
}

#notesAttachmentsAndPermissions #note-permissions-container {
	width: 365px;
}

#notesAttachmentsAndPermissions .radio {
	font-size: 13px;
}

div#single-attachment-delete-modal {
	width: 400px;
}

div.single-attachment-row  a.delete-attachment {
	font-size: 16px;
	color: #333;
}

div.single-attachment-row  a.download-attachment {
	font-size: 14px;
	color: #333;
}

div.single-attachment-row div.attachment-title-container {
	float: left;
	margin-right: 8px;
}
div.single-attachment-row div.attachment-download-link-container {
	float: left;
	margin-right: 4px;
}
div.single-attachment-row div.attachment-delete-link-container {
	float: left;
}

#applicationGridTable th.ag-column-name-default-title, #applicationGridTable th.ag-column-name-default-applicantName,
#applicationGridTable th.ag-column-name-default-reportTitle {
	min-width: 185px;
}
#applicationGridTable th.ag-column-type-custom, #applicationGridTable th.ag-column-type-routingStepField.ag-column-routing-step-type-BUILD_FORM {
	max-width: 264px;
}
#applicationGridTable th.ag-column-type-routingStepField {
	max-width: 169px;
}
#applicationGridTable th {
	min-width: 84px;
}
#applicationGridTable th#ag-column-header-select, #applicationGridTable th.ag-select-all-dropdown-header {
	min-width: 0;
}

.input-with-icon {
	/* causes absolute icon div to be positioned correctly */
	position: relative;
	box-sizing: border-box;
}

.input-with-icon .form-control {
	height: 100%;
	width: 100%;
	padding-right: 3.65rem;
	box-sizing: border-box;
}

.input-with-icon .icon {
	position: absolute;
	/* These are set relative to the height of the input box to bound the box neatly inside. This is aesthetic to me but you may change the dimensions of course. */
	right: 6px;
	top: 8px;
	padding: 0;
	background-color: transparent;
	border: none;
	background-image: none;
	/* content in the icon div is centered, without bootstrap or font-awesome you may wish to add your own text in the span */
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	color: #666;
}
.input-with-icon .icon:hover, .input-with-icon .icon:active {
	color: #666;
	background-image: none;
	background-color: transparent;
}
.input-with-icon .icon.ag-cancel-column-filter {
	right: 22px;
	top: 13px;
}

.input-with-icon .icon.hide {
	display: none;
}

#ag-execute-global-search:hover,
#userDataTable_filter .execute-global-search:hover,
#CompetitionReportsData_filter .execute-global-search:hover,
#ApplicantReportsData_filter .execute-global-search:hover,
#ActivityReportData_filter .execute-global-search:hover {
	cursor:pointer;
}
#applicationGridTable_filter,
#userDataTable_filter,
#CompetitionReportsData_filter,
#ApplicantReportsData_filter,
#ActivityReportData_filter {
	position: relative;
}
#applicationGridTable_filter input,
#userDataTable_filter input,
#CompetitionReportsData_filter input,
#ApplicantReportsData_filter input,
#ActivityReportData_filter input {
	border-color: #ccc;
}
#applicationGridTable_filter input::placeholder, #applicationGridTable .input-with-icon input::placeholder,
#userDataTable_filter input::placeholder, #userDataTable .input-with-icon input::placeholder,
#CompetitionReportsData_filter input::placeholder, #CompetitionReportsData .input-with-icon input::placeholder,
#ApplicantReportsData_filter input::placeholder, #ApplicantReportsData .input-with-icon input::placeholder,
#ActivityReportData_filter input::placeholder, #ActivityReportData .input-with-icon input::placeholder {
	font-size: 12px;
}
/* ag - app grid; mu - manage users */
#ag-global-search-cancel-icon {
	position: absolute;
	top: 4px;
	right: 38px;
	color: #aaa;
	z-index: 3000;
}
#ag-global-search-cancel-icon:hover,
#userDataTable_filter .global-search-cancel-icon:hover,
#CompetitionReportsData_filter .global-search-cancel-icon:hover,
#ApplicantReportsData_filter .global-search-cancel-icon:hover,
#ActivityReportData_filter .global-search-cancel-icon:hover {
	cursor: pointer;
}

#clear-user-search-all-icon .fa-times-circle {
	padding-top: 3px;
}

.metadata-view-container {
	position: relative;
}
#metadata-pdf-button-container {
	position: absolute;
	right: 0;
}

#lnkHlpSendBatchNotification img {
	margin-top: -1px;
}

#applicationGrid div.infoready-tooltip {
	font-size: 12px;
}
#ag-expanded-view-controls div.infoready-tooltip {
	color: #000;
	margin-top: 3px;
}

#applicationGridTable .infoready-tooltip {
	color: #595959;
}

span.ag-column-title {
	color: #333;
}
/* Following style will override all datatables disabled paginate buttons, but I don't think it matters . */
/* This rule was implemented for the application grid, but probably OK that all tables get this. */
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	color: #777 !important;
}

.ag-grid-column-header {
	display: flex;
	align-items: center;
}

.ag-grid-column-header .ag-column-title {
	padding-bottom: 1px;
}

.ag-grid-column-header .infoready-tooltip {
	margin-top: 1px;
}

.departmentAccordion > .accordion-inner {
	border-top: none;
}
#ag-charts-accordion {
	overflow: visible;
}
#ag-charts-accordion.no-data {
	overflow: hidden;
}

#notes-display-attachments-container .single-attachment-row .tooltip.in {
	opacity: 1;
	filter: alpha(opacity=100);
}

#notes-display-attachments-container .single-attachment-row .tooltip .tooltip-inner {
	width: 140px;
	background-color: #595959;
	text-align: left;
	padding: 10px;
	white-space: normal;
}
#notes-display-attachments-container .single-attachment-row .tooltip.top .tooltip-arrow {
	border-top-color: #595959;
}

#applicationGridTable thead .sorting {
	background-image: url("../img/ag_sort_both.png");
}
#applicationGridTable thead .sorting_asc {
	background-image: url("../img/ag_sort_asc.png") !important;
}
#applicationGridTable thead .sorting_desc {
	background-image: url("../img/ag_sort_desc.png") !important;
}
body.ag-expanded-view div.ag-charts-container-review {
	width: 1020px;
}

#chart4-title-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#chart4-title-container.insights-no-flex {
	display: inline-block;
}

.insightsWidgets .tooltip.in {
	opacity: 1;
	filter: alpha(opacity=100);
}

.insightsWidgets .tooltip-inner {
	background: #fff;
	color: #000;
	text-align: left;
	border: 1px solid red;
}

.insightsWidgets .tooltip.top .tooltip-arrow {
	border-top-color: #fff;
}
.insightsWidgets .tooltip.right .tooltip-arrow {
	border-right-color: #fff;
}
.insightsWidgets .tooltip.left .tooltip-arrow {
	border-left-color: #fff;
}
.insightsWidgets .tooltip.bottom .tooltip-arrow {
	border-bottom-color: #fff;
}
/* Manage Users Page */
div#userDataTable_filter {
	height: 32px;
}

#userDataTable_filter .execute-global-search {
	position: absolute;
	top: 0px;
	right: 0px;
}

#userDataTable_filter .global-search-cancel-icon {
	position: absolute;
	top: 4px;
	right: 38px;
	color: #aaa;
	z-index: 3000;
}
#userDataTable_filter .clear-search-container {
	position: absolute;
	right:0;
	top: 28px;
}

table#userDataTable {
	width: 637px;
}

table#userDataTable tr:first-child th {
	white-space: nowrap !important;
}

/* TODO: I want to note that these 4 width adjustments don't have an effect on the table headers because there is another width being set which takes priority, jao 2021-01-04 */
table#userDataTable th:first-child {
	width: 145px;
}

table#userDataTable th:nth-child(2n) {
	width: 110px;
}

table#userDataTable th:nth-child(3n) {
	width: 176px;
}

table#userDataTable th:nth-child(4n) {
	width: 62px;
}

table#userDataTable.add-padding-top,
table#CompetitionReportsData.add-padding-top,
table#ApplicantReportsData.add-padding-top,
table#ActivityReportData.add-padding-top {
	padding-top: 20px;
}

/* Competition Reports Page */
#CompetitionReportsData_filter {
	height: 32px;
	padding-bottom: 4px;
}

#CompetitionReportsData_filter .clear-search-container {
	position: absolute;
	right: 0;
	top: 28px;
}

table#CompetitionReportsData.dataTables_filter {
	top: -5px;
	position: absolute;
	right: 0;
}

#CompetitionReportsData_filter .global-search-cancel-icon {
	position: absolute;
	top: 4px;
	right: 38px;
	color: #aaa;
	z-index: 3000;
}

#CompetitionReportsData_filter .execute-global-search {
	position: absolute;
	top: 0px;
	right: 0px;
}

/* Application Reports Page */
#ApplicantReportsData {
	width: 100%;
}

div#ApplicantReportsData_length {
	padding-bottom: 4px;
}

#ApplicantReportsData_filter {
	height: 32px;
	padding-bottom: 4px;
}

#ApplicantReportsData_filter .clear-search-container {
	position: absolute;
	right: 0;
	top: 28px;
}

table#ApplicantReportsData.dataTables_filter {
	top: -5px;
	position: absolute;
	right: 0;
}

#ApplicantReportsData_filter .global-search-cancel-icon {
	position: absolute;
	top: 4px;
	right: 38px;
	color: #aaa;
	z-index: 3000;
}

#ApplicantReportsData_filter .execute-global-search {
	position: absolute;
	top: 0px;
	right: 0px;
}


/* Activity Report Table -- currently UM-Foundations only */
#ActivityReportData_filter {
	height: 32px;
	padding-bottom: 4px;
}

#ActivityReportData_filter .clear-search-container {
	position: absolute;
	right:0;
	top: 28px;
}

table#ActivityReportData.dataTables_filter {
	top: -5px;
	position: absolute;
	right: 0;
}

#ActivityReportData_filter .global-search-cancel-icon {
	position: absolute;
	top: 4px;
	right: 38px;
	color: #aaa;
	z-index: 3000;
}

#ActivityReportData_filter .execute-global-search {
	position: absolute;
	top: 0px;
	right: 0px;
}

#loiConversionModal .modal-header {
	padding-top: 18px;
	padding-bottom: 13px;
}

/* Fix for input-prepend and input-append for use with input-block-level */
/* Taken from: https://stackoverflow.com/questions/13306670/bootstrap-prepended-and-appended-input-how-to-max-input-field-width/15775299 */

.input-prepend.input-block-level, .input-append.input-block-level {
	display: table;
	width: 100%;
}

.input-prepend.input-block-level .add-on, .input-append.input-block-level .add-on {
	display: table-cell;
	width: 16px;
}

.input-prepend.input-block-level > input, .input-append.input-block-level > input {
	box-sizing: border-box;
	height: 30px;
	display: table-cell;
	width: 100%;
	border-left-style: none;
}

/* End fix for input-prepend/input-append with input-block-level */

.irCurrencyContainer.input-append, .irCurrencyContainer.input-preprend {
	margin-bottom: 0;
}

/* Currency fields on Progress Report Submission form. */
.progress-report-tab-pane .control-group.form-field .currency {
	width: 120px;
}

#application-note-modal-container.behind-upload-attachment {
	z-index: 1041;
}

#rescindsec .rescind-withdraw-alert,
#rescindsec1 .rescind-withdraw-alert {
	margin-top: 7px;
	padding-right: 5px;
}

.id-chart-title-with-tooltip {
/*	display: flex;*/
/*	justify-content: space-between;*/
/*	align-items: center;*/
}
/*** #2: Tools ***/

:root {
	--borderDefault: #ccc;
	--focusColorDark: #07708d;
	--linkDefault: #07708d;
	--linkHoverDefault: #0096d6;
}

/*** #5: Object Styling ***/

/* "Login", "Register", and "Help" links */
#dvPreLogin a {
	color: var(--linkDefault);
}

.ir-icon-group:not(#insight-clear-filters-container) { /* if we can ever come back and clean up overall styling, we should remove the "not" on this rule */
	display: inline-flex;
	align-items: center;
}

.ir-icon {
	font-size: 1em;
}

.ir-icon-link {
	color: inherit;
}

.ir-button-icon {
	background: none;
	border: none;
	padding: 0;
}

.ir-button-icon > svg {
	color: var(--ir-light-grey);
}

/*** #6: Component Styling ***/

/* when creating a link with an icon after it (e.g. Clear Filters) put both elements inside a div with the class "ir-icon-link-group" and consistent padding will be applied */
.ir-icon-group > a + a > svg {
	padding-left: 0.4em;
}

/* a link with an icon before it */
.ir-icon-group > a.ir-icon-link + a {
	padding-left: 0.3em;
}

.deleteApplicationLink,
.reportApplicationLink {
	cursor: pointer;
}

/* new Insights Dashboard styling below */

body.dynamic-insights-dashboard-view #totalContent {
	background-color: #fff;
}

body.dynamic-insights-dashboard-view .leftBg {
	background-color: #fff;
}

body.dynamic-insights-dashboard-view .well {
	padding: 0px;
}

body.dynamic-insights-dashboard-view #reportHeader {
	padding: 0 25px !important; /* !important to overrule inline styling. If inline styling is removed, also remove !important */
}

body.dynamic-insights-dashboard-view #ReportsTitle {
	padding: 20px 0 !important; /* !important to overrule inline styling. If inline styling is removed, also remove !important */
}

body.dynamic-insights-dashboard-view #middleContent, body.dynamic-insights-dashboard-view #rightContent {
	display: none;
}

body.dynamic-insights-dashboard-view #reports-title-container {
	margin: 0px !important; /* !important to overrule "margin-top-10". If class is removed, also remove !important */
	padding: 0px;
}

#insight-dashboard h2 {
	margin: 12px 0;
	font-size: 22px;
	color: #333;
	font-weight: normal;
}

#insight-dashboard .tooltip {
	z-index: 9999;
}

.insight-window-padding {
	padding: 0 25px;
}

.insight-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	margin: -7px -10px;
}

.insight-filters > * {
	flex: 0 0 18.15%;
	margin: 7px 10px;
}

.insight-filter label {
	margin-bottom: 0px;
	font-size: 13px;
}

#insight-dashboard .insight-filter .insight-template-select,
#insight-dashboard .insight-filter .insight-filter-select {
	min-width: 100px;
	width: 100%;
	border-radius: 4px;
}

#insight-clear-filters-container {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-top: 7px;
}

/* TODO: remove "display : none" once we have content for the Applications charts tab of the Insights Dashboard - jao 2022-06-13 */
#insight-tabs {
	display: none;
}

#insight-tabs ul {
	padding-left: 20px;
}

#insight-tabs li > a {
	margin: 0 35px;
	border: 1px solid transparent;
	padding: 0;
	padding-bottom: 5px;
	background-color: transparent;
	font-size: 14px;
	font-weight: bold;
	color: #07708d;
}

#insight-tabs li.active > a {
	border-bottom: 4px solid #07708d;
	color: #757575;
}

#insight-tabs li > a:first-child {
	margin-left: 0;
}

#insight-tab-content {
	margin-top: 40px;
}

.insights-bar-chart-legend {
	margin-top: -20px;
	font-size: 11px;
	color: #333333;
}

.insightsWidgets .ag-canvas-container.insights-progress-report-canvas-container {
	height: 200px;
}

#insight-dashboard .insightsWidgets .standardChartLegend {
	width: 400px;
	display: flex;
	justify-content: center;
}

.insightsWidgets .ag-chart-and-legend {
	display: block;
}

/*.insightsWidgets .standardChartLegend div {*/
/*	width: 100px;*/
/*}*/
/* Dynamic Insights Dashboard View All Modals */
#insights-view-all-modal,
#progress-reports-view-all-modal {
	height: 670px;
	width: 850px;
}

#insights-view-all-modal.modal .modal-body,
#progress-reports-view-all-modal.modal .modal-body {
	max-height: 645px;
	overflow-y: auto;
}

div.canvasContainer.viewAll {
	height: 600px;
	width: 780px;
}

div.canvasContainer.viewAll.progressReports {
	height: 520px;
}

#view-all-chart-container.modal-body,
#progress-reports-view-all-modal.modal-body {
	padding: 0px 30px 15px 15px;
}

#view-all-chart-container .insights-bar-chart-legend {
	color: #485465;
}

#insights-view-all-modal .modal-header,
#progress-reports-view-all-modal .modal-header {
	padding: 14px 15px 0px 15px;
}

.progress-report-view-all-footer {
	padding: 14px 15px 0px 15px;
	font-size: 12px;
}

a.insights-chart-view-all {
	font-size: 12px;
	color: #07708d;
}

#insights-view-all-modal-cancel.close,
#progress-reports-view-all-modal-cancel.close {
	color: #333;
	font-size: 35px;
	opacity: .8;
	font-weight: normal;
}

#insights-view-all-modal h3,
progress-reports-view-all-modal-cancel h3 {
	color: #333;
	font-size: 20px;
}

/* Insights Dashboard -- disabling specified departments */
#ag-org-filter-body label.checkbox.disabled-org {
	color: #999999;
}
#ag-org-filter-body label.checkbox.disabled-org a.toggle-department-accordion {
	color: #999999;
}
#ag-org-filter-body label.checkbox.disabled-org a.toggle-department-accordion:hover,
#ag-org-filter-body label.checkbox.disabled-org a.toggle-department-accordion:focus {
	text-decoration: none;
}


.insightsWidgets .no-data-to-display-container {
	width: 400px;
	height: 240px;
}

.insightsWidgets .no-data-to-display {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: normal;
	color: #555555;
	height: 200px;
}

#insight-dashboard {
	min-height: 800px;
}

#insight-dashboard .dropdown-toggle {
	background: #fff;
}

#insight-dashboard #insight-tabs ul.nav-tabs {
	margin-bottom: 0px;
	border-bottom: none;
}

#insight-dashboard #tab-content-row {
	border-top: 1px solid #c0c0c0;
	background-color: #fafafa;
}

#insight-dashboard #insight-tabs-content-insights .insight-download-reports {
	margin-bottom: 20px;
}

#insight-dashboard .chartTitle .popover-content,
#insight-dashboard #insights-view-all-modal .popover-content {
	font-size: 13px;
}

#insight-dashboard .chart .popover-content p {
	margin: 0px;
}

#insight-dashboard div#applicationGridContent {
	min-height: auto;
}

.integrationIcon {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	display: inline-block;
	color: #ffffff;
	text-align: center;
	line-height: 20px;
	font-style:	normal;
}

.integrationIcon.cayuse {
	background-color: #0076B6;
}

.integrationIcon.cayuse.inverse {
	background-color: #FFFFFF;
	color: #0076B6;
	border: 1px solid #0076B6;
	height: 19px;
	width: 19px;
}

.integrationIcon.scale {
	background-color: red;
}

.integrationIcon.scale.inverse {
	background-color: #FFFFFF;
	color: red;
	border: 1px solid red;
	height: 19px;
	width: 19px;
}

.integrationIcon.google {
	background-color: green;
}

.integrationIcon.google.inverse {
	background-color: #FFFFFF;
	color: green;
	border: 1px solid green;
	height: 19px;
	width: 19px;
}

.integrationText {
	font-size: 13px;
	color: #333333;
	font-style: oblique;
}

.integrationText.competitionIntegration {
	margin-top: 25px;
}

#integrationModalWrapper #projectTitle {
	width: 95%;
}

.manageCompetitionRightEntry {
	min-height: 17px  !important;
}

.manageCompetitionRightEntry.lastModifiedDate {
	margin-bottom: 8.5px;
}

.enableDisablePageText {
	font-size: 13px;
	color: #333333;
	font-weight: bold;
}

.enableDisablePageView {
	margin-bottom: 25px;
}


.btn:disabled:hover, .btn:focus:disabled {
	text-shadow:none !important;
	pointer-events: none !important;
}

#integrationSettingLabel {
	margin-right: 15px;
	float:left;
	margin-top: 5px;
}

#divIntegrationRadioGroup {
	margin-top:20px;
	padding-top:6px;
}

.enableDisablePageBlock label.radio.inline,
.enableDisablePageBlock .form-field-name,
.enableDisablePageBlock p,
.enableDisablePageBlock .break-word,
.enableDisablePageBlock #addRequirementsHeader,
.enableDisablePageBlock #applicantRequirementsHeader,
.enableDisablePageBlock #proposalRequirementsHeader,
.enableDisablePageBlock #uploadDocumentsHeader,
.enableDisablePageBlock #acknowledgementHeader,
.enableDisablePageBlock th,
.enableDisablePageBlock #addFieldInfo,
.enableDisablePageBlock #coApplicantHeader,
.enableDisablePageBlock #coApplicantPrompt,
.enableDisablePageBlock #coApplicantQuestion,
.enableDisablePageBlock #referenceLettersHeader,
.enableDisablePageBlock #applicationKeywordsHeader,
.enableDisablePageBlock .configure-pr-page-label,
.enableDisablePageBlock .progress-report-name-in-header,
.enableDisablePageBlock .progress-report-label,
.enableDisablePageBlock .progressReportNotesToApplicant,
.enableDisablePageBlock .progressReportSectionHeading,
.enableDisablePageBlock .fileUploadsSectionHeading,
.enableDisablePageBlock .addNewProgressReportFieldLinks,
.enableDisablePageBlock .dragAndDropInfo,
.enableDisablePageBlock .progressReportNoteToAdmin,
.enableDisablePageBlock .icon-calendar,
.enableDisablePageBlock .fileUpload,
.enableDisablePageBlock .requirement strong,
.enableDisablePageBlock label[for=chkAcknowledge],
.enableDisablePageBlock .pageTitle,
.enableDisablePageBlock .help-popover > img,
.enableDisablePageBlock .cke_inner,
.enableDisablePageBlock #preApproverConfiguration label.radio.inline,
.enableDisablePageBlock #preApproverConfiguration #applicantDrivenExplanation,
.enableDisablePageBlock #preApproverConfiguration #applicantDrivenAlert,
.enableDisablePageBlock #lnkHlpPreApproval > img,
.enableDisablePageBlock #applicantDrivenTitle,
.enableDisablePageBlock #reportReqHeader div,li.appGridDisabledTab
.enableDisablePageBlock .icon-pencil {
	opacity: .38;
}

.enableDisablePageBlock .trReportField {
	border-top: 2pt solid #C0C0C0;
}

.enableDisablePageBlock fieldset.doc {
	border: 1px solid #C0C0C0;
}

.enableDisablePageBlock input[type=text] {
	color: rgb(163, 163, 163);
}

#projectTitleError.text-error {
	font-size: 11px;
}

#projectTitleLengthError.text-error {
	font-size: 11px;
}

.small-right-justified-text {
	font-size: 11px;
	float: right;
}

.adminApplyAsProxyInstructions {
	font-size: 14px;
	margin-bottom: 5px;
}

/* ||| Legacy table styling */
#middleContent table.dataTable thead td.irdatatable-filter,
#middleContent table.tablesorter thead tr th, table.tablesorter tfoot tr th,
#totalContent table.dataTable thead td.irdatatable-filter,
#totalContent table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #6d6d6d;
}

table.tablesorter tbody tr.odd td,
#middleContent table.tablesorter tbody tr.odd td,
#totalContent table.tablesorter tbody tr.odd td {
	background-color: #f8f8f8;
}

/* Lighten the active sorting column arrow for contrast */
body table.dataTable thead .sorting_asc,
body table.dataTable thead .sorting_desc {
	background-blend-mode: color-dodge;
}

/* Warning: We're doing some weird workarounds in here using the invert filter. Be careful. */
#messageTable #select-dropdown {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	text-align-last: center;
	font-size : 14px;
	background-color: #929292; /* inverts to #6d6d6d */
	background-image: url("../img/black-down-arrow.png"); /* inverts to a white arrow */
	background-repeat: no-repeat;
	background-position: 95%;
	background-size: 8px 5px;
	color: #000; /* inverts to #fff */
	filter: invert(1);
}

#messageTable #select-dropdown > * {
	color: #000;
	background-color: #fff;
}

#rightContent {
	float: right;
}

/* Freeform Progress Report Configuration */

.save-progress-report-title {
	margin-left: 5px;
	margin-right: 5px;
}

.progress-report-name-in-header .title-editor {
	font-size: 12px;
	font-weight: normal;
}

.progress-report-name-in-header {
	margin-left: 5px;
}

.pipAccordionContainer .accordion-body {
	margin-bottom: 16px;
}

.learn-more-expand-collapse {
	margin-right: calc( 0.25rem + calc(var(--bs-gutter-x) * .5));
}

.expand-toggle {
	padding-left: 10px;
}

.allReviewersModifyDeadline {
	padding-left: 180px;
}

.striped > div:nth-child(even of :not(.hide)) {
	background-color: #ffffff;
}

.striped > div:nth-child(odd of :not(.hide)) {
	background-color: #E7E7E8;
}

div > button#addReportButton {
	background-color: white;
	color: #07708D;
	outline: 1px solid #07708D;
	line-height: 19px;
	font-size: 14px;
	padding: 5px 15px;
	cursor: pointer;
	border: 0;
}

#addReportOptions {
	poisition: absolute;
	margin: 2px 0 0;
	border: 1px solid #ccc;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color: white;
	display: none;
	max-width: fit-content;
}

.addReportOption {
	display: block;
	color: black;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 17px;
	white-space: nowrap;
	min-width: 100px;
}

.addReportOption:hover {
	text-decoration: none;
	color: #07708D;
}

#addReportButton[disabled],
#addReportButton:disabled {
	cursor: default;
	color: grey;
	outline: 1px solid grey;
}

#divMicroSites ul.dropdown-menu > li > a {
	color: black !important;
	background-color: white !important;
}

#divMicroSites ul.dropdown-menu > li > a:hover {
	color: white !important;
	background-color: #1967D2 !important;
}

#learnMoreLinkOptions,
#learnMoreLabelConfig {
	display: flex;
}

#learnMoreLinkRadios > label {
	width: 100%;
}

#learnMoreConfigLabel {
	width: 41%;
}

#learnMoreLinkRadios {
	display: flex;
	flex-direction: column;
	width: 95%;
}

#learnMoreLinkLabel {
	width: 29%;
}

#learnMoreLinkOptionsContainer {
	width: 71%;
	float: right;
}

#previewCard {
	height: 500px;
	width: 394px;
	overflow: hidden;
}

#previewCard .modal-body {
	height: 430px;
	width: 394px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}

#previewCard .modal-body-bootstrap {
	max-height: 465px;
}

#previewCard .modal-body .card {
	height: 400px;
	width: 394px;
}

#previewCard .card-body {
	padding: 16px 16px 0px;
	height: 218px;
	margin-left: 10px;
	margin-right: 10px;
}

#previewCard .card-text {
	margin-bottom: 10px;
	line-height: 15px;
}

#previewCard .card-body ul {
	height: 54px;
	width: 292px;
	list-style-type: none;
}

#previewCard .card-body .list-group {
	padding-bottom: 20px;
	margin-left: 0px;
	width: 342px;
}

#previewCard .card-body .list-group .list-group-item {
	padding: 0px 16px 0px 0px;
}

#previewCard .card-body .list-group .list-group-item .container {
	margin-left: 0px;
	margin-right: 12px;
}

#previewCard .card-body .list-group .list-group-item .row {
	padding-right: 10px;
	padding-left: 0px;
	width: 310px;
}

#previewCard .card-body .list-group .list-group-item .row .category-key {
	padding: 0px 10px 0px 0px;
	font-weight: bold;
	width: 87px;
	float: left;
}

#previewCard .card-body .list-group .list-group-item .row .category-value {
	padding: 0px 0px 0px 10px;
	width: 177px;
	float: left;
}

#previewCard a {
	cursor: default;
}

#previewCard .card-footer {
	position: relative;
	height: 34px;
	padding: 8px 16px;
	width: 340px;
}

#previewCard .card-title {
	font-size: 16px;
	color: #5C5C5C;
	font-weight: bold;
	margin-bottom: 5px;
}

#previewCard .card-image {
	height: 170px;
	background-color: #EEEEEE;
	cursor: default;
	padding-right: 15px;
	padding-left: 15px;
}

#previewCard .card-image.p-4 {
	height: 122px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-right: 15px;
	margin-left: 15px;
}

#previewCard .card-image svg,
#previewCard .card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	color: #333333;
}

#previewCard .card-text,
#previewCard .category-key,
#previewCard .category-value {
	font-size: 12px;
	color: #5C5C5C;
}

#previewCard div[class$='-title-row'] {
	margin-left: calc(5% + 8px);
}

#previewCardDismissButton {
	margin-right: 15px;
	margin-top: 15px;
}

#previewCardBtnDiv {
	height: 100px;
	margin-top: 40px;
	padding-left: 30px;
}

#previewCardBtn {
	width: 130px;
}

#btnAddCompetitionField {
	width: 130px;
}

#previewCard .card-actions-container {
	height: 34px;
}

#previewCard .card-actions-controls {
	height: 34px;
}

#carouselSelectDiv .bootstrap-select:not([class*="span"]) {
	width: 600px;
}

#homepageDescriptionContainer {
	display: flex;
	gap: 10px;
}

#homepageDescription {
	resize: none;
}

#homepageDescriptionTextArea {
	position: relative;
	display: inline-block;
	width: 90%;
}

#homepageDescriptionTextArea div {
	position: absolute;
	right: 0px;
}

#homepageDescriptionContainer {
	display: flex;
}


#filterSelectDiv .card-filter-container {
    padding-bottom: 10px;
}

#filterSelectDiv .filter-name {
    margin-bottom: 10px;
}

#filtersAccordion .accordion-group {
    border: none;
}

#filtersAccordion .accordion-inner {
    border-top: none;
}

.boxy {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	min-width: 45px;
}

.progressReportAssigneeTable {
	border: 1px solid #dddddd;
	border-radius: 4px;
}

#progressReportAssigneeTable.table th,
#progressReportAssigneeTable.table td
{
	text-align: center;
}

.d-flex {
	display: flex !important;
}

.flex-column {
	flex-direction: column;
}

.justify-content-start {
	justify-content: flex-start;
}

.flex-2 {
	flex-grow: 2;
}

.baseline {
	align-items: stretch;
}

.shareAnnouncementContainer {
	border: 2px solid silver;
}

div.accordion-heading > .shareAnnouncementAccordion {
	display: flex;
	align-items: center;
	background-color: #EFEFEF;
	min-height: 30px;
}

.shareAnnouncementAccordionBody {
	border: 2px solid silver;
	border-top: none;
}

#messageRulesSelector {
	overflow: visible;
}

#emailAnnouncement > div.shareAnnouncementAccordionBody {
	min-height: 365px;
}

.profileFieldSelector {
	background-color: #ADD9F7;
}

.logicSelector {
	background-color: #F5C793;
}

div.fieldValueOptionSelector > button.dropdown-toggle {
	background: #D1E5AC;
}

div.messageRule > div.fieldValueOptionSelector {
	margin-bottom: 0px;
}

#recipientRuleButtons {
	display: flex;
	justify-content: right;
	gap: 15px;
}

#messageRuleContainer {
	background-color: #F8F8F8;
}

.messageRule {
	display: flex;
	gap: 5px;
	align-items: center;
}

#btnDownloadRecipientList {
	background-color: transparent;
	border: none;
	font-size: 13px;
}

section#shareAnnouncementTemplate div.accordion-heading > div.collapse {
	min-height: 0px;
}

#filterUsersAccordionHeading {
	display: flex;
	align-items: center;
}

.messageRule > div.fieldValueOptionSelector  > ul.dropdown-menu {
	max-height: 125px;
	overflow-y: auto;
}

/* Tenant css rules are causing this to sometimes appear as white background with white text,
 so we need to use !important to override them */
.messageRule > div.fieldValueOptionSelector  > ul.dropdown-menu > li > a,
select.profileFieldSelector > option,
select.logicSelector > option {
	background-color: white !important;
	color: black !important;
}

#ehRoleContainer {
	align-items: center;
	flex-wrap: wrap;
}

#ehPermissions > #ehRoleContainer {
	margin-bottom: 17px;
	gap: 15px;
}

#ehPermissionsReadOnly > #ehRoleContainer {
	gap: 10px;
}

#ehPermissionsReadOnly #ehRoleHeader {
	font-weight: bold;
}

#ehRoleCheckboxes {
	gap: 20px;
}
#sendAnnouncementHeader {
	display: flex;
	align-items: center;
}

#sendAnnouncementHeader > div > div.popover-inner > div {
	font-weight: normal;
	font-size: 13px;
}

#lnkHlpShareAnnouncement {
	text-decoration: none;
	color: black;
}

/* Stops focus indicator from getting cut off */
#saveFreeformApplication,
.applicantTabApply {
	margin: 0.25rem;
	margin-top: 0;
}


#manageCompetitionRight,
#manageApplicationRight {
	padding-top: 50px;
}

#deleteFieldModal {
	width: 500px;
}

#deleteFieldModal.wide-display {
	width: 600px;
}

ul.ui-autocomplete > li.ui-menu-item > div.ui-state-active {
    border: 1px solid #74b2e2;
    background: #e4f1fb url(images/ui-bg_glass_100_e4f1fb_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #0070a3;
}

.dateTimePickerField {
    gap: 10px;
    align-items: center;
}

#tenantDataStoreFieldSelectionTableDiv {
    max-height: 60vh;
    overflow: auto;
}

#tenantDataStoreFieldSelectionTableDiv > table {
    border-spacing: .3em;
    border-collapse: separate;
}

.tenantDataStoreFieldCheckboxSelection {
    text-align: center;
}
/* ||| Manage Administrators */

/* Variables - eventually these will primarily be global, not in individual files */
#admin-management,
#manage-users {

    --ir-warning-100: #fff3cd; /* background */
    --ir-warning-200: #ffecb5; /* border color */
    --ir-warning-800: #664d03; /* text color */

    --ir-success-100: #d1e7dd; /* background */
    --ir-success-200: #badbcc; /* border color */
    --ir-success-800: #0f5132; /* text color */

    --ir-alert-color-background: var(--ir-warning-100);
    --ir-alert-color-border: var(--ir-warning-200);
    --ir-alert-color-text: var(--ir-warning-800);


    --ir-alert-color-background--success: var(--ir-success-100);
    --ir-alert-color-border--success: var(--ir-success-200);
    --ir-alert-color-text--success: var(--ir-success-800);

    --legacy-font-size-h1 : 20px;
    --legacy-font-size-h2 : 16px;
    --legacy-font-size-body : 14px;

    --ir-font-color-body : var(--ir-gray-800,#222222);
    --ir-font-color-body--muted : var(--ir-gray-600,#6d6d6d);
    --ir-container-color-background-1 : var(--ir-gray-100,#f8f8f8);
    --ir-container-color-background-2 : var(--ir-gray-50,#ffffff);
    --ir-container-color-border : var(--ir-gray-200,#e6e6e6);
}

/* overall page setup */
#admin-management > * {
    margin: 24px auto;
}

#admin-management a {
    text-decoration: underline;
}

#admin-management h1,
#admin-management h2 {
    font-weight: bold;
    line-height: 20px; /* This is to the Manage Users page. Both should be changed in the future */
}

#admin-management h1 {
    font-size: var(--legacy-font-size-h1);
}

#admin-management h2 {
    margin-bottom: 8px;
    font-size: var(--legacy-font-size-h2);
}

#admin-management .infoready-tooltip svg {
    padding: 0 5px;
}

#admin-management .alert {
    border-radius: 0.25rem;
    border-color: var(--ir-alert-color-border);
    background-color: var(--ir-alert-color-background);
    color: var(--ir-alert-color-text);
    text-shadow: none;
}

#admin-management .alert-success {
    background-color: var(--ir-alert-color-background--success);
    color: var(--ir-alert-color-text--success);
    border-color: var(--ir-alert-color-border--success);
}

/* TODO: when we fix the legacy css, we can get rid of this */
#admin-management input,
#admin-management textarea {
    height: auto !important;
    box-shadow: none;
    line-height: 1.25em;
}

#admin-management input {
    width: 100%;
}

#admin-management textarea {
    box-shadow: none;
    resize: none;
}

/* this is a duplicate of the bootstrap 5 rule, but applied only to this page */
#admin-management .visually-hidden,
#admin-management .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* ---------- */

/* styling for specific components */

#admin-management-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;

    margin-top: 55px; /* This is to the Manage Users page. Both should be changed in the future */
}

#admin-management-header__last-modified span:first-child {
    font-weight: bold;
}
#admin-management .input-quiet {
    border-color: transparent;
    background: none;
}

#admin-management-header__last-modified {
    display: flex;
    align-items: flex-end;
}

#institution-overview {
    margin-bottom: 48px;
}

#admin-management #institution-overview-table__container {
    border: 1px solid var(--ir-container-color-border);
    border-radius: 8px;
    background: var(--ir-container-color-background-1);
}

#admin-management #institution-overview-table {
    border-color: var(--ir-container-color-border);
}

#admin-management #institution-overview-table,
#admin-management #institution-overview-table input {
    color: var(--ir-font-color-body);
}

#admin-management #institution-overview-header {
    display: flex;
    align-items: center;
}

#admin-management #institution-overview th,
#admin-management #institution-overview td,
#admin-management #institution-overview input {
    vertical-align: middle;
    text-align: center;
}

#admin-management #institution-overview input,
#admin-management #institution-overview td {
    font-size: 1.5rem;
    width: 5.5em;
}

#admin-management #institution-overview th,
#admin-management #institution-overview td {
    width: 25%;
}

#admin-management #institution-overview-table,
#admin-management #tenant-details-table {
    margin-bottom: 0;
}

#admin-management #tenant-details__admins-allocated,
#admin-management #tenant-details__admin-accounts,
#admin-management .tenant-details__admins-allocated,
#admin-management .tenant-details__admin-accounts {
    text-align: right;
}

#admin-management .tenant-details__admins-allocated input {
    width: 6.75rem;
    margin: -19px;
    text-align: right;
}

#admin-management .tenant-details__view-users svg {
    color: black;
}

.manageAdminTableColumns {
    text-align: center;
}
/* Manage Users */

/* Page setup - things that should be consistent across pages */

#manage-users > * {
    margin : 24px auto;
}

#manage-users h1 {
    font-size : var(--legacy-font-size-h1, 20px);
    margin-right : 8px;
}

#manage-users h2 {
    font-size : var(--legacy-font-size-h2, 16px);
}

#manage-users .accordion-heading .accordion-toggle {
    padding : 8px 15px;
    line-height : unset;
}

#manage-users input[type="search"] {
    box-shadow : none;
}

/* ------------------------- */
/* New component rules - rules that are typically more specific to this page */

#manage-users #manage-users-header {
    display : flex;
    justify-content : space-between;
    align-items : center;
    flex-wrap : wrap;
    margin-top : 55px;
}

#manage-users #manage-users-header div:first-child {
    display : flex;
    align-items : center;
}

#manage-users .accordion-group {
    border-radius : 8px;
    border : 1px solid var(--ir-container-color-border);
    background : var(--ir-container-color-background-1);
}

#manage-users .accordion-toggle#user-overview-toggle {
    display : flex;
    align-items : center;
}

#manage-users .accordion-chevron--legacy {
    margin-left : 8px;
}

#manage-users #user-stats-table {
    font-size: var(--legacy-font-size-body);
}

#manage-users .user-stats-row {
    display : flex;
    justify-content : center;
    flex-wrap : wrap;
}

#manage-users .user-stats-total {
    color : var(--ir-font-color-body--muted);
}

#manage-users .user-stats-total__heading {
    margin-bottom : 4px;
    color : #000;
}

#manage-users .user-stats-total__heading .user-stats-count {
    font-size : var(--legacy-font-size-body,14px);
}

#manage-users .user-stats-total__stat {
    display : flex;
    justify-content : space-between;
    align-items : flex-end;
}

#manage-users .user-stats-total .user-stats-count {
    font-weight : bold;
}

#manage-users .user-stats {
    display : flex;
    flex-direction : column;
    justify-content : space-between;
    width : 100%;

    margin : 4px 4px;
    border : 2px solid var(--ir-container-color-border);
    border-radius : 8px;
    padding : 16px 12px;

    background :var(--ir-container-color-background-2);
    line-height : normal;
}

/* These rules apply when the screen is wider than 576 pixels */
/* 575px matches with the sm breakpoint in bootstrap */
@media screen and (min-width : 576px) {
    #manage-users .user-stats {
        width : 150px;
    }

    #manage-users .user-stats-total {
        width : 175px;
    }
}

#manage-users .user-stats label {
    margin-bottom : 0;
}

#manage-users div:not(.user-stats-total__stat) > .user-stats-count {
    margin-top : 8px;
    font-size : 2rem;
    color : #000;
}

#manage-users #users-table-container {
    overflow-x : auto;
}
/* general overrides of bootstrap 5 default styles */

#middleContentB5 {
    --bs-link-color: var(--linkDefault);
    --bs-link-hover-color: var(--linkHoverDefault);
}

#middleContentB5 .accordion {
    --bs-accordion-active-color: #333;
    --bs-accordion-active-bg: transparent;

    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333333'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333333'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* TODO: Work toward all links across the platform being underlined because we allow customers to customize colors and can't guarantee sufficient contrast. */
/* Standard links */
#middleContentB5 a:not(.btn),
#middleContentB5 a.btn-link {
    color: var(--linkDefault);
    text-decoration: none;
}

/* Standard links, hover state */
#middleContentB5 a:hover:not(.btn),
#middleContentB5 a.btn-link:hover {
    color: var(--linkHoverDefault);
    text-decoration: underline;
}

/* Icons within a link */
#middleContentB5 a > svg {
    font-size: 0.85em;
}

/* focus indicator for mobile view of homepage menu toggle */
.navbar-toggler.navbar-toggle-b5:focus {
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width) rgba(125,125,125,0.85)
}

/* Styling for the header. Bootstrap 5 */

/* TODO: Remove this once we relocate nav background colors to be on the main nav element or navbar class - JAO, 2024/11/11 */
.header-b5 .navbar {
    padding: 0;
}

/* min width here matches Bootstrap 5 lg breakpoint */
@media screen and (min-width: 992px) {
    .header-b5 .navbar-nav {
        align-items: flex-start;
    }
}

.header-b5 .headerLinks a {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: var(--linkDefault);
}

/* TODO: Delete this rule once we fix the tenant stylesheets. This is compensating for a rule in there. - JAO, 2024/10/31 */
.header-b5 .navbar .nav > li > a {
    padding: .5rem;
}

.header-b5 #liMyHome,
.header-b5 .navbar .nav > li > a {
    font-family: LocatorMedium, sans-serif;
    font-size: 0.88rem;
}

/* Hide the default bootstrap split button icon */
.header-b5 .dropdown-toggle-split::after {
    display: none;
}

.header-b5 .dropdown-menu {
    position: absolute;
}

/* TODO: Remove or rework this rule once tenant css has received overall improvements, JAO - 2024/11/19  */
.header-b5 #headerNavigationBar nav ul.dropdown-menu {
    background-color: #fff !important;
}

/* TODO: Remove or rework this rule once tenant css has received overall improvements, JAO - 2024/11/19  */
.header-b5 #headerNavigationBar nav ul.dropdown-menu a {
    background-color: #fff !important;
    color: #000 !important;
}

/* TODO: Remove or rework this rule once tenant css has received overall improvements, JAO - 2024/11/19  */
.header-b5 #headerNavigationBar nav ul.dropdown-menu a:hover {
    filter: brightness(0.85);
    color: #000 !important;
}

/* I'd like to implement wrapping for the microsite link text (main button/link) in the future, but once we have a better plan or fewer menu items - JAO, 2024-11-15 */
/*.header-b5 a.nav-link[id^='aMicroSiteHome'] {*/
/*    max-width: 18.75rem; !* at 16px root font size, 18.75rem would be 300px *!*/
/*}*/

/* ||| Legacy Header */

.header-b2 #headerNavigationBar .caret {
    vertical-align: middle;
    padding-bottom: 9px;
}

.header-b2 #headerNavigationBar .dropdown-toggle {
    line-height: 31px;
    font-size: 15px;
    margin-top: 0px;
    border: none;
    background-color: #333333;
    color: #e1e1e1;
    text-shadow: none;
    outline: none;
    text-decoration: none;
    background-image: none;
}

/* TODO: Remove the !important from the below rules for the microsites dropdown once  tenants have been moved from legacy tenant css */
.header-b2 #headerNavigationBar .dropdown-menu {
    background-color: var(--ir-color-background-2) !important;
    -webkit-border-radius: 0px;
}

.header-b2 #headerNavigationBar .dropdown-menu a {
    color: var(--ir-font-body-color) !important;
}

.header-b2 #headerNavigationBar .dropdown-menu a:hover {
    background-color: var(--ir-color-background-2) !important;
    color: var(--ir-font-body-color) !important;
    filter: brightness(0.85);
}

/*COMPSPACE-946 reduced padding to making sure all menu button come in one row*/
.header-b2 .headerLinks a {
    padding-right: 8px !important;
}

.header-b2 #headerNavigationBar .dropdown-menu > li > a {
    text-align: -webkit-match-parent;
    float: none;
    padding: 11.5px 16px 12.5px 16px; /* TODO: Look into getting rid of this - JAO, 2024/10/31 */
    padding-right: 8px !important;
    font-family: LocatorMedium, sans-serif;
}

.header-b2 #headerNavigationBar .microSiteHome {
    color: #e1e1e1;
}

/* Links inside of header "Help" popover */
#headerLoginBar #support .popover a {
    color: var(--ir-brand-700);
}

#headerNavigationBar a {
    background: transparent;
}
/* Styling for the footer. Bootstrap 5 */

.footer-b5 {
    padding: 30px 0;
    font-size: .88rem;
}

.footer-b5 p,
.footer-b5 address {
    margin: 0;
}

.footer-b5 div#footer-right > *:not(*:last-child) {
    margin-bottom: 1rem;
}

.footer-b5 #footerInfo {
    margin-left: 30px;
}

.footer-b5 #footer-right {
    margin-left: 100px
}

@media (min-width: 768px) {
    .footer-b5 #footer-right {
        margin-left: 0;
        border-left: 1px solid #aaa;
    }
}

/* Freeform Template Styles (i.e., the SurveyJs template) */

.freeformPageBlock #pagination {
    border-top: 1px solid silver;
    padding-top: 15px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

#rightContent.freeform.formbuilder {
    padding: 60px 20px 0px 45px;
}

#competitionFreeformSteps ul, #freeform-edit-container ul {
    margin: 0;
    list-style: none;
}

#freeform-nav-container {
    padding-right: 50px;
}

#freeform-edit-container {
    margin-top: 45px;
    border-top: 1px solid silver;
    padding: 35px 60px 0 10px;

}

.freeform-nav-button,
.freeform-edit-button {
    margin-top: 5px;
}

.freeform-nav-button:first-of-type,
.freeform-edit-button:first-of-type {
    margin-top: 0px;
}

.freeform-nav-button.active a {
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    /*background-image: linear-gradient(to bottom, #82c2de, #199ed7);*/
    background: var(--ir-action-button-background-primary);
    color: #fff;
    text-shadow: 0 1px 1px rgb(0 0 0 / 25%);
}

#saveCancelLabel {
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
}

#middleContent.freeform {
    border-right: solid thin silver;
    padding-left: 62px;
    background: #d9d9cf;
}

#middleContent.freeformSpacing {
    margin-bottom: auto;
    padding: 0px 22px;
}

#middleContent.freeformAppTab {
    border-right: none;
    background-color: white;
    width: 100%;
}

#rightContent.freeformAppTab {
    display: none;
    background-color: white;
    width: 240px;
}

.freeformPageBlock .expandCollapse {
    padding-top: 10px;
    font-size: 13px;
    cursor: pointer;
}

.freeformPageBlock .expandCollapse svg path {
    fill: var(--foreground-light, #909090);
}

body.freeform-view #postLoginContainer {
    display: flex;
}

#rightContent.freeform {
    background: #e7e7dd;
    padding-bottom: 0;
    margin-bottom: 0;
}

.freeformPageBlock {
    padding-top: 22px;
}

.freeformPageBlock .formBuilderContainer,
.freeformPageBlock #formBuilderContainer {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
}

.freeformPageBlock #pageInstructions {
    margin-top: 10px;
}

#applicantTabView {
    padding-top: 55px;
}

#freeformAdminApplicationView {
    padding-top: 55px;
    padding-bottom: 30px;
}

#freeformAdminApplicationView .row.adminEditingFreeform {
    margin-bottom: 20px;
}

#applicantTabView #applicantTabs {
    margin-top: 20px;
}

#applicantTabs > ul > li {
    padding-right: 16px;
    font-weight: normal;
}

#applicantTabs > ul > li:first-child {
    padding-left: 0px;
}

#applicantTabs > ul > li.active {
    padding-right: 12px;
    font-weight: bold;
}

/* BEGIN: delete these rules once the tenant stylesheets have been fixed - JAO 2023-04-12 */

#applicantTabs .nav li a, #applicantTabs .nav li a:visited {
    background-color: transparent!important;
    color: #000!important;
}

#applicantTabs .nav li a:hover, #applicantTabs .nav li a:hover:visited {
    background-color: transparent!important;
    color: #000!important;
}

#applicantTabs .nav li.active a, #applicantTabs .nav li.active a:visited {
    background-color: transparent!important;
    color: #000!important;
}

/* END RULES TO DELETE */

#applicantTabs li > a:not(.applicantTabApply) {
    margin: 0;
    border: 1px solid transparent;
    padding: 2px 2px 0px 2px;
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    color: #07708d;
}

#applicantTabs li.active > a {
    padding-bottom: 10px;
    border-bottom: 4px solid #07708d;
    color: #333;
}

li.hide + #applyTabButton,
li[style="display: none;"] + #applyTabButton,
li.hide + #applyAsProxyTabButton,
li[style="display: none;"] + #applyAsProxyTabButton {
    border-left: 1px solid #ddd;
    padding-left: 17px;
}

#applicantTabs li > a:first-child {
    margin-left: 0;
}

#applicantTabs #applyTabButton {
    margin-bottom: 0px;
}

#applicantTabs #applyTabButton a,
#applicantTabs #applyAsProxyTabButton a {
    height: 20px;
    margin: 0px;
    border: 1px solid #ddd;
    padding: 2px 7px 0px 7px;
    border-radius: 4px;
    color: #07708d;
    font-size: 14px;
}

#applicantTabs #applyTabButton a:hover,
#applicantTabs #applyAsProxyTabButton a:hover,
#applicantTabs #applyTabButton a:active,
#applicantTabs #applyAsProxyTabButton a:active,
#applicantTabs #applyTabButton a:focus,
#applicantTabs #applyAsProxyTabButton a:focus {
    border-color: #07708d;
    text-shadow: none;
}

#applicantTabs #applyTabButton a:hover,
#applicantTabs #applyAsProxyTabButton a:hover,
#applicantTabs #applyTabButton a:active,
#applicantTabs #applyAsProxyTabButton a:active,
#applicantTabs #applyTabButton a:focus,
#applicantTabs #applyAsProxyTabButton a:focus {
    background: none;
}

#application-accordion__header {
    font-size: 16px;
}

#detailsTabMetadataContainer {
    border-bottom: 1px solid silver;
    margin-bottom: 20px;
}

#detailsTabMetadataContainer .accordion-toggle {
    color: #333;
    display: inline-block;
}

#detailsTabMetadataContainer .accordion-toggle:hover {
    text-decoration: none;
}

#applicantTabPanes {
    margin-bottom: 20px;
}

.modal#surveyJsPdfModal {
    width: 1000px;
    height: 1000px;
}

#primaryOrgButton {
    border-radius: 4px;
    margin-bottom: 2px;
}

#scrollableDiv-designer .primaryOrgContainer > br {
    display: none;
}

.freeformProposalKeywordsContainer {
    width: 100%;
}

/* below rule overrides a bootstrap 2.3.1 rule */
@media (min-width: 768px) and (max-width: 979px) {
    #applicationHeader .row,
    #applicantTabView .row,
    #idCompetitionDesc .row {
        margin-left: 0;
    }
}

h4.sd-title span {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Reduce space between first reference letter field and the instructions above. */
div[data-name=reference_letters_repeatable].sd-element--nested.sd-question--paneldynamic {
    margin-top: 0px;
}

div[data-name=reference_letters_repeatable].sd-element--nested.sd-question--paneldynamic div[data-name=email1] {
    padding-top: 15px;
}

#competitionFreeformSteps {
    padding-top: 55px;
}

/* This is the character counter seen when entering text into a form text field */
/* TODO: this is not a good long-term solution. We should be working with the Surveyjs variable "--sjs-base-unit" to size this and the input field itself -JAO 2023/10/05 */
div.sd-remaining-character-counter {
    inset-block-end: 0px;
}

/* TODO phayes - reduce padding-bottom to tighten up space between component header and the first ref letter email field */
/*div[data-name="Reference Letters"] div.sd-question__header:first {*/
/*    padding-bottom: 0px;*/
/*}*/

/* hide subtype expander on the question toolbox and the add field popup */
div.svc-toolbox__item-submenu-button,
svg.svc-list-item__marker-icon {
    display: none;
}

/* remove extra padding for subtype icon */
div.svc-toolbox__item--has-subitems {
    padding-inline-end: var(--ctr-toolbox-item-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
/*** This file contains CSS rules meant to alter InfoReady CSS to better match Survey.JS or vice versa ***/

/* MODIFICATIONS TARGETED AT OVERRIDING INFOREADY CSS */

.sv-list__filter .sv-list__input {
    height: initial;
    padding: calc(1.5 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px)); /* As of 2023-04-25, this is the default padding on the Survey.JS demo forms for this element - JAO */
    padding-inline-start: calc(7 * var(--base-unit, 8px));
    line-height: 1.5rem;
}

.sv-list__item {
    line-height: 1.5rem;
}

input.sd-dropdown__filter-string-input, input.sd-dropdown__filter-string-input:focus {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.sv-list__item-separator {
    margin: 0px;
    height: 0px;
    background-color: transparent;
}

/* The rule below should match the SurveyJS css rule for ".sd-input". We needed to manually re-add it with additional specificity */
#middleContent .sd-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: static;
    width: 100%;
    box-sizing: border-box;
    padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
    line-height: calc(1.5*(var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
    font-family: var(--sjs-font-editorfont-family, var(--font-family));
    font-weight: var(--sjs-font-editorfont-weight, 400);
    color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
    font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
    background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
    box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
    border: none;
    border-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));
    text-align: start;

    /* Not part of the original ruleset for this class, the below rule is needed to nullify the InfoReady set height */
    height: unset;
}

#middleContent .sd-input:focus {
    box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #07708D));
}

/* The rule below should match the SurveyJS css rule for ".sd-dropdown__filter-string-input". We needed to manually re-add it with additional specificity */
#middleContent .sd-dropdown__filter-string-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    border: none;
    outline: none;
    padding: 0;
    font-family: var(--sjs-font-editorfont-family, var(--font-family));
    font-weight: var(--sjs-font-editorfont-weight, 400);
    color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91))));
    font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
    line-height: calc(1.5*(var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
    background-color: rgba(0,0,0,0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    appearance: none;
    height: 100%;
}

/* SURVEYJS MODIFICATIONS */

#surveyCreator,
.surveyCreator {
    min-height: 50vh;
}

:root {
    /* This needs to be replicated here because the drag&drop for surveyJS appears outside of the <body> element*/
    --sjs-secondary-backcolor : #07708D;
}

/* Sets the color variables for SurveyJS */
body div[class^="svc-"],
body div[class^="sv-"],
html > div > span[class^="svc-"],
.surveyContainer,
#surveyContainer
{
    --primary: #07708D;
    --primary-light: rgba(7, 112, 141, 0.1);
    --sjs-primary-backcolor : #07708D;
    --secondary: #07708D;
    --secondary-light: rgba(7, 112, 141, 0.2);
    --secondary-back-light: rgba(7, 112, 141, 0.07);
    --sjs-secondary-backcolor : #07708D;
    --sjs-secondary-backcolor-semi-light: rgba(7, 112, 141, 0.07);
    --foreground-disabled: #555;
    --background-dim-light: #eee;
    --sjs-editor-background: #f9f9f9;
    --sjs-general-forecolor-light: #696969;
}

.surveyCreator .sv-svg-icon.sv-action-bar-item__icon,
#surveyCreator .sv-svg-icon.sv-action-bar-item__icon,
#applicationSurveyContainer .sv-svg-icon.sv-action-bar-item__icon,
#surveyElement .sv-svg-icon.sv-action-bar-item__icon,
.surveyContainer .sv-svg-icon.sv-action-bar-item__icon,
#surveyContainer .sv-svg-icon.sv-action-bar-item__icon {
    --secondary: #333;
    --sjs-secondary-backcolor : #333;
}

.surveyCreator .sv-svg-icon.sv-action-bar-item__icon[aria-label="Required"] use,
#surveyCreator .sv-svg-icon.sv-action-bar-item__icon[aria-label="Required"] use,
#applicationSurveyContainer .sv-svg-icon.sv-action-bar-item__icon[aria-label="Required"] use,
#surveyElement .sv-svg-icon.sv-action-bar-item__icon[aria-label="Required"] use,
.surveyContainer .sv-svg-icon.sv-action-bar-item__icon[aria-label="Required"] use,
#surveyContainer .sv-svg-icon.sv-action-bar-item__icon[aria-label="Required"] use {
    --foreground-light: #333;
}

.surveyCreator .svc-creator .sd-input--error,
#surveyCreator .svc-creator .sd-input--error,
#applicationSurveyContainer .sd-input--error,
#surveyElement .sd-input--error,
.surveyContainer .sd-input--error,
#surveyContainer .sd-input--error  {
    border: none;
    background: var(--red-light, rgba(230, 10, 62, 0.1));
    box-shadow: inset 0px 1px 2px rgb(0 0 0 / 15%);
}

input.sd-input--disabled,
div.sd-input--disabled,
input.sd-input--disabled::placeholder,
div.sd-input--disabled::placeholder,
div.sd-item--disabled.sd-item--disabled .sd-item__decorator,
.sd-boolean--disabled .sd-boolean__switch,
label.sd-action--disabled,
div.sd-file__choose-btn--disabled .sd-file__wrapper,
button#primaryOrgButton[disabled] {
     color: var(--foreground-disabled, rgba(22, 22, 22, 0.25));
     background-color: var(--background-dim-light, #f9f9f9);
     box-shadow: none;
     cursor: not-allowed;
}

.sd-radio--checked.sd-radio--disabled span.sd-radio__decorator:after {
    background-color: var(--foreground-disabled, rgba(22, 22, 22, 0.25));
}

.sd-boolean--disabled .sd-boolean__switch {
    background-color: unset;
}

div.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {
    fill: var(--foreground-disabled, rgba(22, 22, 22, 0.25));
}

.svc-side-bar:not(.svc-flyout-side-bar) .svc-flex-column.svc-side-bar__wrapper {
    border-left: none;
}

div.sd-action-bar {
    justify-content: flex-end;
}

input.sv-action--hidden {
   display:none;
}

div.sd-body__navigation input.sd-btn {
    width: 120px;
    border: 1px solid #ddd;
    padding: 7px 30px;
    font-size: 14px;
}

div.sd-body__navigation input.sd-btn:hover {
    border: 1px solid var(--primary);
    box-shadow: 0 0 0 1px var(--primary);
}

input.sd-navigation__preview-btn {
    background-color: var(--primary);
    color: #fff;
}

input.sd-navigation__preview-btn:hover {
    background-color: #fff;
    color: var(--primary);
}

div.sd-action-bar.sd-footer.sd-body__navigation.sd-clearfix {
    padding-bottom: 50px;
}

h5.sd-element__title span {
    font-size: 14px;
}

.sd-element--complex.sd-element--with-frame>div.sd-element__header--location-top:after,
/* co-applicants and paragraph don't work via the below method, which is why I'm using the more general rule above. */
/* TODO:  Revisit this styling if an when we add in dynamic panels for general use */
.sd-element--complex.sd-element--with-frame[data-name="paragraph"]>div.sd-element__header--location-top:after,
.sd-element--complex.sd-element--with-frame[data-name="Primary Organization"]>div.sd-element__header--location-top:after,
.sd-element--complex.sd-element--with-frame[data-name="referenceletters"]>div.sd-element__header--location-top:after,
.sd-element--complex.sd-panel.sd-element--with-frame[data-name="Approvals"]>div.sd-element__header--location-top:after {
    display: none;
}

div.svc-toolbox__category {
    border-bottom: 1px solid var(--border, #d6d6d6);
}

div.svc-toolbox__category:last-of-type {
    border-bottom: none;
}

span.svc-toolbox__category-title {
    white-space: nowrap;
    font-size: calc(1.5 * var(--base-unit, 9px));
}

div.svc-toolbox__category-header {
    border-bottom: none;
}

div.svc-toolbox__category-header__controls {
    right: calc(1 * var(--base-unit, -18px));
}

div.sd-question__header--location-top {
    padding-top: calc(.25*var(--sd-base-vertical-padding));
}

body.freeform-view #divApplicationDetailsCollapse div.accordion-inner {
    padding: 0px;
}

#middleContent.freeformSpacing {
    padding: 8px;
}

div[data-sv-drop-target-survey-element="referenceletters"] div.svc-panel__add-new-question-container,
div[data-name="Approvals"] div.svc-panel__add-new-question-container {
    display: none;
}

div[data-sv-drop-target-survey-element="referenceletters"] div.sd-element--nested.sd-question--paneldynamic,
div[data-name="Approvals"] div.sd-element--nested.sd-question--paneldynamic {
    border: none;
}

/* TODO: once we figure out how properly to remove the options "None", "Other", and "15", we will need to remove this style */
div[data-sv-drop-target-survey-element="referenceletters"] .svc-question__dropdown-choice:nth-last-child(-n+3) {
    display: none;
}

/* sets the json editor tab height for debugging purposes */
.formBuilderContainer .surveyCreator,
#formBuilderContainer .surveyCreator {
    height: 100vh;
}

div.sd-body__progress--top {
    z-index: 0;
}

h5.sd-element__title.sd-element__title--disabled,
div.sd-text__content input.sd-input--disabled,
div textarea.sd-input.sd-input--disabled,
div.sv-dropdown_select-wrapper div.sd-input.sd-input--disabled,
div.sd-text__content input.sd-input--disabled::placeholder,
div.sd-element div.sd-question__content div label span {
    opacity: 1;
}

/* Color for required field icon: icon toggled on */
.surveyCreator button.svc-required-action.svc-required-action.svc-required-action--active use {
    fill: var(--sjs-special-red, var(--red, #e60a3e));
}

div.sd-progress__bar {
    background-color: #07708D;
}

div.sd-body__navigation input.sd-btn:hover {
    background-color: white;
    color: #07708D;
}

.primaryOrgContainer button#primaryOrgButton,
.primaryOrgContainer button#primaryOrgButton:hover,
div.referenceLetterButtons span button,
div.referenceLetterButtons span button:hover {
    padding-top: 4px;
    padding-bottom:4px;
    padding-inline: 12px;
    border: 1px solid #b3b3b3;
}

.primaryOrgContainer button#primaryOrgButton:active,
div.referenceLetterButtons span button:active {
    background: #1d4871;
    color: white;
}

div#selectedOrgsContainer div.organizationBox div {
    font-size: 13px;
    line-height: 20px;
}

/* The below rule is for fields where we have settings disabled */
.spg-question--disabled,
.spg-question--disabled .spg-question__content,
.sv-button-group__item--disabled {
    cursor: not-allowed;
}

/* The below rule is for fields where we have settings disabled */
div.spg-checkbox--disabled,
.spg-checkbox--disabled label {
    cursor: not-allowed;
}

/* The below rule is for fields where we have settings disabled */
.spg-checkbox--disabled label {
    cursor: not-allowed;
}

/* The below rule is for fields where we have settings disabled */
.sv-button-group__item.sv-button-group__item--disabled {
    cursor: not-allowed;
}

/* This rule adds hover and focus behaviors to the active SurveyJS tab */
div.svc-tabbed-menu-item--selected:hover, div.svc-tabbed-menu-item--selected:focus {
    background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}

/* Adds hover and focus behaviors for an active/expanded SurveyJS settings menu heading */
h4.spg-title.spg-panel__title.sd-element__title--num-inline.spg-panel__title--expandable.sd-element__title--expanded:hover,
h4.spg-title.spg-panel__title.sd-element__title--num-inline.spg-panel__title--expandable.sd-element__title--expanded:focus {
    background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}

/* Allows the property grid tooltip icon to fully fill its container */
div#property-grid-help div.sv-action__content
button.spg-action-button svg.spg-action-button__icon use {
    font-size: 12px;
}

div.svc-question__content--supportingdocuments div.sd-question__header {
    padding-bottom: 0;
}

div.sd-question__content div.sd-panel div.sd-panel__content
div.svc-question__content--supportingdocuments div.sd-question__content div.sd-panel__header,
div.svc-question__content--supportingdocuments div.sd-panel__header {
    display: none;
}

div.sd-question__content div.sd-panel div.sd-panel__content {
    padding-top: 0;
}

div[data-name=name] input.sd-input--disabled {
    background-color: var(--background-dim-light, #f9f9f9);
    font-size: calc(2.0 * var(--base-unit, 9px));
    box-sizing: border-box;
}

/* The element this applies to is the little caret(s) which are part of the field select dropdown menu along the bottom of a SJS field */
/* Here we are changing the color of the caret to our standard InfoReady blue */
#middleContent .svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title::after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11L13 6H3L8 11Z' fill='%2307708D'/%3E%3C/svg%3E%0A");
}

.spg-input.spg-text.sd-input--disabled {
    opacity: 0.80;
}

div.sd-html button.btn {
    font-size: 13px;
	border: 1px solid var(--ir-action-button-border-secondary);
	background: var(--ir-action-button-background-secondary);
	color: var(--ir-action-button-text-secondary);
}

div.sd-file--readonly .sd-file__image-wrapper {
    background: white;
}

/* SurveyJs upgrade introduced styling changes that cause the questions to fit the full widths of their container
   This was breaking adrs and ref letters in the creator view and causing their panel input fields not to render
   I didn't want to override the actual styling rule that sets this, since it impacts all questions
   TODO: figure out a better selector override that will not require !important
 */
.svc-question__content--referenceletters div.sd-panel__content,
.svc-question__content--referenceletters div.sd-question__content,
.svc-question__content--applicantdrivenroutingsteps div.sd-panel__content,
.svc-question__content--applicantdrivenroutingsteps div.sd-question__content {
    overflow-x: visible !important;
    overflow: visible !important;
}
/* custom style sheet for the cards and carousels in the engagement hub */

#engagementHubContainer .carousels,
#engagementHubContainer .cards-wrapper,
#engagementHubContainer .empty-carousel-wrapper {
	font-family: Helvetica, Arial, sans-serif;
}

#engagementHubContainer .carousel-control-prev,
#engagementHubContainer .carousel-control-next {
	width: 50px;
}

#engagementHubContainer .cards-wrapper,
#engagementHubContainer .empty-carousel-wrapper {
	margin: 0 5%;
}

#engagementHubContainer div[class$='-title-row'] {
	margin-left: calc(5% + 8px);
	padding-top: 1rem;
	padding-bottom: 0;
}

#engagementHubContainer .cards-wrapper,
#engagementHubContainer .empty-carousel-wrapper {
	display: flex;
	overflow-x: hidden;
}

#engagementHubContainer .card-image {
	width: 100%;
	height: 170px;
	background-color: #EEEEEE;
}

#engagementHubContainer .card-image svg,
#engagementHubContainer .card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	color: #333333;
}

.card-image {
	cursor: pointer;
}

#engagementHubContainer .card {
	/* At a base font size of 16px, this is equivalent 325px */
	max-width: 20.31rem;
	min-width: 20.31rem;
}

#engagementHubContainer .card,
#engagementHubContainer .empty-carousel-contents {
	/* At a base font size of 16px, this is equivalent 425px */
	max-height: 26.56rem;
	min-height: 26.56rem;
	margin: .5rem;
}

#engagementHubContainer .empty-carousel-contents {
	background: #EEEEEE;
	color: #6c757d;
}

#engagementHubContainer .card-title {
	font-size: 1rem;
	font-weight: bold;
	color: #5C5C5C;
}

#engagementHubContainer .card-text,
#engagementHubContainer .category-key,
#engagementHubContainer .category-value {
	font-size: 12px;
	color: #5C5C5C;
}

#cardGridContainer .card-body {
	border: none;
}

#cardGridContainer div[id|='cardCol'] {
	padding: 0;
}

#engagementHubContainer h6 {
	font-weight: bold;
}

/* ellipsize content to 2 lines max.  from https://kiranworkspace.com/ellipsis-to-multiline-text-in-css/ */
.text-ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: normal;
}

.text-ellipsis-2 {
	-webkit-line-clamp: 2;
}

.text-ellipsis-3 {
	-webkit-line-clamp: 3;
}

ul.card-categories {
	margin-top: 0.5rem;
}

.card-footer {
	width: 100%;
	position:absolute;
	bottom: 0;
	border-top: 1px dashed #ebebeb;
	background: white;
}

.card-footer .card-actions-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.card-actions-container > a {
	font-size: 0.875rem;
}

.card-footer .card-control-menu {
	margin-right: 0.25em;
}

.card-footer .btn {
	font-size: 0.875rem; /* =14px at root font size of 16px */
}

.card-footer button {
	padding: 0;
	color: var(--linkDefault);
}

.card-footer .card-control-caret svg {
	pointer-events: none;
}

.card-footer .card-actions {
	width: 100%;
}

.card-footer ul {
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
	list-style: none;
}

.card-footer a,
.card-footer .btn-link {
	text-decoration: none;
}

.card-footer li {
	padding: 0.47rem 0;
	font-size: 0.8125rem; /* =13px at root font size of 16px */
	line-height: 1em;
}

/* custom style sheet for the engagement hub */

#engagementHubContainer {
    padding: 0;
}

/* These rules apply when the screen is wider than 576 pixels */
/* 575px matches with the sm breakpoint in bootstrap */
@media screen and (min-width: 576px) {

    #engagementHubContainer {
        padding-top: 1.5rem;
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
    }
}

#engagementHubContainer :focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.125rem var(--focusColorDark);
}

.standard-font {
    font-family: Helvetica, Arial, sans-serif;
}

/* TODO: Are we going to have additional search bars that we need styled in this way? If so, this should be made into a more universal style */
.search-button {
    background-color: #E8E8E8;
    color: #585858;
    font-size: 1em;
}

#welcomeMessageContainer {
    margin: 0px;
    margin-bottom: 32px;
}

@media screen and (min-width: 576px) {

    #welcomeMessageContainer {
        padding-bottom: 60px;
        margin: 0 calc(5% + 8px);
    }
}

#welcomeMessageContainer .col {
    --bs-gutter-x: 0rem;
}

#welcomeMessageContainer h1:hover {
    border-color: var(--linkHoverDefault);
    border-width: 10px;
}

#welcomeMessageAccordion .accordion-item {
    border-color: rgba(0, 0, 0, 0.25);
}

#welcomeMessageAccordion .accordion-item .accordion-header{
    border-color: rgba(0, 0, 0, 0.25);
}

/* Support documents */

@media (min-width: 769px) and (max-width: 5000px) {
    #welcomeMessageAccordion #documents {
        border-left: 1px solid var(--bs-border-color);
    }
}

@media (min-width: 100px) and (max-width: 768px) {
    #welcomeMessageAccordion #documents {
        border-top: 1px solid rgba(0, 0, 0, 0.25);
    }
}

#welcomeMessageAccordion #documents h3 {
    font-size: 1.25rem;
}

#welcomeMessageAccordion #documents ul {
    margin-left: 8px;
}

#welcomeMessageAccordion #documents li {
    display: list-item;
    list-style-position: outside;
}

/* END Support Documents */

#welcomeMessageAccordion .accordion-button {
    font-size: 1.30rem;
    font-weight: bold;
}

#welcomeMessageAccordion .accordion-button:focus:not(:focus-visible) {
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);}

#welcomeMessageAccordion .accordion-button:focus-visible {
    box-shadow: 0 0 0 0.125rem var(--focusColorDark);
}

#welcomeMessage .accordion-body p {
    margin: 0;
}

#collapseWelcome .accordion-body .row {
    margin: 0;
}

#engagementHubSearch,
#searchEngagementHub {
    border-color: var(--borderDefault) ;
}

#engagementHubSearch {
    font-size : 0.875rem;
    color: #333;
    line-height: 1.25;
    padding-top: 9px;
    padding-bottom: 9px;
}

#searchEngagementHub {
    width: 70px;
    padding-top: 0;
    padding-bottom: 0;
}

/*  prevents login containers from spanning entire page.  
    660px was the max-width before removing the col restriction so this is could change. */
#middleContentB5 #loginDialog, #middleContentB5 #SSOLogin {
    max-width: 660px;
}

.navbar-toggle-b5 {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #151515, #040404);
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    font-size: 13px;
    line-height: 19px;
}

.navbar-toggler:focus:not(:focus-visible) {
    box-shadow: none;
    outline: 1px auto #e6e6e6;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-collapse.collapsing,
.navbar-collapse.show {
    text-align: left;
}

.is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: inline;
}

.modal-header-b5 {
    border-bottom-color: silver;
    font-family: Helvetica, Arial, sans-serif;
}

.modal-footer-b5 {
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
}

.modal-background-b5,
#whatsNewDialog .accordion-body {
    background-color: #E7E7E8;
}

.modal-title-b5-lg {
    font-size: 24px;
    font-weight: normal;
}

.modal-title-b5-sm {
    font-size: 22.75px;
    font-weight: normal;
}

.text-input-b5 {
    border: 1px solid #cccccc;
    box-shadow: inset 0px 0px 5px 0px rgb(0 0 0 / 30%);
}

/* TODO: if we want to apply this more broadly, remove id and move to a "bootstrap overrides" css file? - jao */
#createAccountForm .btn-close:focus {
    box-shadow: 0 0 0 0.25rem var(--focusColorDark);
}

.cancel-btn {
    color: #07708d;
    font-size: 13px;
}

/* TODO: line height should never be less than the font size - jao */
.close-btn {
    font-size: 20px;
    line-height: 17px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
}

.text-area {
    width: 206px;
}

.margin-left-125 {
    margin-left: 125px;
}

.name-feedback {
    font-size: 13px;
    padding-left: 5px;
}

.register-text-area {
    width: 320px;
}

.register-label {
    width: 120px;
}

.register-btn {
    width: 180px;
}

.update-profile-width {
    width: 600px;
    max-width: 600px;
}

.forgot-password-width {
    width: 400px;
    max-width: 400px;
}
#engagementHubContainer #pageXofY {
    color: #333;
    font-size: 13px;
}

#engagementHubContainer #emptyCardGrid {
    color: #333;
    height: 600px;
}

#engagementHubContainer #emptyCardGrid #testIcons {
    font-size: 60px;
}

#engagementHubContainer #emptyCardGrid #roundIcon {
    color: #eee;
}

#engagementHubContainer #emptyCardGrid #noResultsFound {
    font-size: 24px;
}

#engagementHubContainer #emptyCardGrid #adjustSearchTerms {
    font-size: 14px;
}

#engagementHubContainer #carouselDetails {
    margin-left:  calc(5% + 8px);
    margin-right:  calc(5%);
}

#engagementHubContainer #cancelSearch {
    position: absolute;
    top: 1px;
    right: 84px;
    color: #ccc;
    z-index: 3000;
    font-size: 20px;
}

#cancelSearch:hover {
    cursor: pointer;
}

.infoready-button {
    color: #333333;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    border: 1px solid #cccccc;
}

.active > .infoready-button {
    /*background-image: linear-gradient(to bottom, #82c2de, #199ed7);*/
    background: var(--ir-action-button-background-primary);
}

.login-button-b5 {
    padding: 11px 19px;
}

.sso-button-b5 {
    color: #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);
    font-size: 13px;
}
.infoready-button:hover, .sso-button-b5:hover  {
    /*background-image: linear-gradient(to bottom, #82c2de, #199ed7);*/
    background: var(--ir-action-button-background-primary);
    color: white;
}

.top-divider {
    border-top: 1px solid silver;
}

#whatsNewDialog .accordion-button {
    background: #cccccc;
}

#whatsNewDialog .accordion-button:after {
    order: 0;
    margin-left: 0;
}

#whatsNewDialog .accordion-button:not(.collapsed):after {
    background-image: var(--bs-accordion-btn-icon);
}

#whatsNewDialog .accordion-button:focus,
#whatsNewDialog .accordion-button:not(.collapsed) {
    outline: none;
    box-shadow: none;
    background: #cccccc;
    color: black;
}

/* Applying bootstrap's focus styling for the form-control class to the engage carousel nav buttons */
.carousel-control-prev:focus-visible,
.carousel-control-next:focus-visible {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}

.carousel-control-prev:focus-visible {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.carousel-control-next:focus-visible {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

/* Styling that would apply to all Learn More pages. */
/* styling specific to one template should be written inline in the template */

div[id|="learnMoreContainer"] {
    font-size: 0.875rem;
}

#manageCarousels {
    margin: 0 calc(5% + 8px);
}

.carouselActions[aria-expanded="true"] > .manageCarouselIcon,
#manageCarouselsButton[aria-expanded="true"] > .manageCarouselsIcon {
    transform: rotate(180deg);
}

#edit-homepage-view-container {
    margin: 0 calc(5% + 8px);
    display: flex;
    padding-top: 10px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.text-error {
    color: #b94a48;
}

#createOrEditCarouselModal {
    --bs-modal-width: 750px;
}

#createOrEditCarouselModal .modal-footer {
    margin-right: 57px;
}

/*This is really silly, and we should really just add a singular class to handle this.*/
#createOrEditCarouselModal #carouselNameLabel,
#createOrEditCarouselModal #carouselDescriptionLabel,
#createOrEditCarouselModal #carouselVisibilityLabel,
#createOrEditCarouselModal #carouselCardOrderLabel,
#createOrEditCarouselModal #carouselOrderLabel,
#createOrEditCarouselModal #carouselViewAllEnabledLabel {
    width: 30%;
    font-weight: bold;
}

#createOrEditCarouselModal #carouselOrder,
#createOrEditCarouselModal #carouselCardOrder,
#createOrEditCarouselModal #carouselName,
#createOrEditCarouselModal #carouselDescription,
#createOrEditCarouselModal #carouselVisibility,
#createOrEditCarouselModal #carouselViewAllEnabled {
    width: 60%;
    font-size: 14px; /* TODO should this be a bootstrap 5 size? */
}

#createOrEditCarouselModal #carouselOrderTooltip,
#createOrEditCarouselModal #carouselViewAllEnabledTooltip {
    padding-left: 10px; /* TODO should this be a bootstrap 5 Spacing? */
}

.carousel-title {
    padding-top: 1px;

    font-size: 1.1rem;
    font-weight: bold;
    color: #000000;
}

.carousel-title__item-count {
    font-size: 0.9rem;
    color: #464646;
}

.carouselViewAll {
    vertical-align: middle;
}

div.popover > div.popover-arrow {
    display: none;
}

div.popover > div.popover-body {
    pointer-events: auto;
}

a.tableAction > button {
    font-size: 12px;
    white-space: nowrap;
    color: white;
    padding: 3px;
}

div.learnMoreAction button {
    background-color: #07708D;
}

div.learnMoreAction button:hover  {
    border: 1px solid #07708D;
    color: #07708D;
    background-color: white;
}

div.applyAction button {
    background-color: #656565;
}

div.applyAction button:hover {
    border: 1px solid #656565;
    color: #656565;
    background-color: white;
}

.view-carousel {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%235f6368"><path d="M80-360v-240q0-33 23.5-56.5T160-680q33 0 56.5 23.5T240-600v240q0 33-23.5 56.5T160-280q-33 0-56.5-23.5T80-360Zm280 160q-33 0-56.5-23.5T280-280v-400q0-33 23.5-56.5T360-760h240q33 0 56.5 23.5T680-680v400q0 33-23.5 56.5T600-200H360Zm360-160v-240q0-33 23.5-56.5T800-680q33 0 56.5 23.5T880-600v240q0 33-23.5 56.5T800-280q-33 0-56.5-23.5T720-360Zm-360 80h240v-400H360v400Zm120-200Z"/></svg>');
}

.view-list {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%235f6368"><path d="M360-240h440v-107H360v107ZM160-613h120v-107H160v107Zm0 187h120v-107H160v107Zm0 186h120v-107H160v107Zm200-186h440v-107H360v107Zm0-187h440v-107H360v107ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Z"/></svg>');
}

#toggleEHView > .btn {
    background: transparent;
    border-color:#9e9e9e;
}

#toggleEHView > .btn.active {
    background: #b7b7b7c5;
    border-color:#9e9e9e;
}

#status-select:disabled {
    opacity: 0.6;
    pointer-events: none;
}

/* custom AG grid styling */

div.ag-header-cell {
    color: black;
    background-color: white;
}

div.ag-row-odd {
    background-color: #EFEFEF;
}

#opportunity-table-data div.ag-column-first > span > a,
#opportunity-table-data div.ag-column-last > span > a {
    text-decoration: underline;
}

/* end custom AG grid styling */

#listViewError {
    height: 20vh;
    width: 95vw;
}

/* TODO: fix the pagination buttons/links & remove this rule */
#paginationContainer .active a.page-link {
    color: #fff;
}
/* ||| Styling related to the InfoReady home page filter component */

/* Modal slides in from the left */
#filters-modal.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(-50px,0)
}

#filters-modal.modal.show .modal-dialog {
    transform: none
}

/* Set width of Filters toggle button column so it doesn't get overlapped */
div#filtersButtonContainer {
    min-width: 6em;
}

/* Add standard home page margins */
#filtersSearchRow,
.carousel-title-row {
    margin: 0 calc(5% + 8px);
}

#filtersSearchRow {
    margin-bottom: 1rem;
}

/* Adjust modal margin, borders, and padding to fit nicely as a side bar */
#filters-modal {
    padding-left: 0;
}

#filters-modal .modal-dialog {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}

#filters-modal .modal-content {
    height: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#filters-modal .modal-body {
    padding: 0;
}

/* Accent color for expanded accordion */
#filters-modal .accordion-header {
    background-color: #f8f8f8;
}

/* TODO: This rule for a focus indicator can be removed once we have a global rule set up */
#filters-modal :focus-visible,
#filters-modal .accordion-button:focus {
    border-color: #009BDE;
    box-shadow: 0 0 0 0.25rem #009BDE;
}

/* TODO: These button rules can be removes once we have global button styling set up. */
#filters-modal button.btn:hover,
#filtersButtonToggle.btn:hover {
    background-image: none;
    filter: brightness(0.85);
}

#filters-modal .btn-primary {
    border-color:transparent;
    background-image: none;
    background-color: #006B99;
    color: #ffffff;
}

#filters-modal .btn-secondary,
#filtersButtonToggle.btn-secondary {
    border: 1px solid #B1B1B1;
    background-color: #F8F8F8;
    color: #222222;
}

/* Fix an edge case graphical issue caused by having a flush accordion inside of a modal */
#filters-modal .accordion-item:first-child .accordion-button {
    border-top: 0.25rem solid transparent;
    padding-top: .75rem;
}

/* Also to fix the graphical issue */
#filters-modal .accordion-item:first-child .accordion-button:focus {
    border-top-color: #009BDE;
}

/* Align & space the filters panel toggle button */
#filtersButtonToggle {
    white-space: nowrap;
}

#filtersButtonToggle svg {
    width: 0.8em;
    padding-top: 0.125em;
}

.eh-logical-operators {
    padding-bottom: 10px;
}
/* Old Tenant Styles */
/* This file has the rules from the old tenant stylesheet template */
/* TODO: This is an absolute mess right now, I know. The goal is to phase this out completely - JAO, 2024/12/04 */

/* 1 : Links (Log In, Competition Names, etc.) - Normal View */
/* Header text in the header (above the navigation)*/

a#lnkSignIn,
a#lnkSignIn:visited,
a#lnkRegister,
a#lnkRegister:visited,
a#userName,
a#userName:visited,
a#lnkSignOut,
a#lnkSignOut:visited,
a#lnkSupport,
a#lnkSupport:visited {
    /*color: #ffffff !important;*/
    /*text-decoration:underline;*/
}

/* 2 : Links (Log In, etc.) - Hover View */
/* Header text in the header (above the navigation)*/

a#lnkSignIn:hover,
a#lnkRegister:hover,
a#userName:hover,
a#lnkSignOut:hover,
a#lnkSupport:hover {
    /*color: #ffffff !important;*/
    /*text-decoration: underline;*/
}

/* 3: Underline Links? */
/* comment or uncomment the text-decoration lines */

/* 4: Header Background Color */

.header-bg {
    /*background-color: #7F868C !important;*/
}

/* 5 : Header, non links, Hello */

#dvPostLogin {
    /*color: #ffffff;*/
}

.brand h4 {
    /*color: #ffffff;*/
}

/*6 : Background Navigation Color*/

div.navbar-inner, footer {
    /*background-color: #ffffff !important;*/
}

/* 7 */

#header .nav a, #header .nav a:visited {
    /*color: #7F868C !important;*/
}

/* 8 */

#header .nav a:hover {
    /*background-color: #fff !important;*/
    /*color: #ff5c00 !important;*/
}

/* 9 */

#header .nav li.active a, #header .nav li.active a:visited {
    /*background-color: #fff !important;*/
    /*color: #ff5c00 !important;*/
}

/* 10 */

#middleContent {
    /*background-color: #fff !important;*/
}

/* 11 */

#rightContent {
    /*background-color: #D8DADC !important;*/
}

/* 12 */

.navbar-inner.padding-right-0.padding-left-0 {
    /*background-color: #444444 !important;*/
    /*color: #fff !important;*/
    /*background-image: -moz-linear-gradient(top, #00205B , #00205B );*/
    /*     border-top: 6px solid #FF8200;   footer border color on top  */
}

/* 13 */

.footer-text-color {
    /*color: #FFF !important;*/
}

/* OLD PART BRANDING SHEET */

/* no idea */
div.fund-hcolor {
    /*background-color: #fff !important;*/
}

/* border bottom on Header Navigation */
section#headerNavigationBar {
    /*      border-bottom: 6px solid #FF8200; */
}

.leftBg {
    /*background-color: #D8DADC !important*/
}


/*NAVIGATION FINE DETAILS*/
.navbar-inverse .navbar-inner {
    /*background-color: #333333;*/
}

.navbar-inner {
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    /*background-color: #333333;*/
    /*-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.56);*/
    /*-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.56);*/
    /*box-shadow: 0 1px 5px rgba(0, 0, 0, 0.56);*/
    /**zoom: 1;*/
}

/* text color in navigation */
/*no hover */
.navbar .nav > li > a {
    float: none;
    padding: 11.5px 16px 12.5px 16px;
    /*color: #777;*/
    /*text-decoration: none;*/
    /*text-shadow: 0 1px 0 #FFF;*/
    font-family: LocatorMedium;
    font-size: 14px;
}

/* whichever navigation is active */
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    /*color: #cccc33;*/
}

/* navigation hover color */
.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
    /*color: #cccc33;*/
}

/* default navigation color? */
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    /*color: #e1e1e1;*/
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
}

.navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover, .navbar-inverse .brand:focus, .navbar-inverse .nav > li > a:focus {
    /*color: #ffffff;*/
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    /*background-color: transparent;*/
    /*color: #cccc33;*/
    /*text-decoration: none;*/
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    /*color: #cccc33;*/
    /*text-decoration: none;*/
}


/*MICROSITES  NAVIGATION */
ul.nav div.dropdown {
    /*background-color: #002855 !important;*/
}

#headerNavigationBar .dropdown-menu {
    /*color: #0f2044 !important;*/
    /*background-color: #002855 !important;*/
}

#headerNavigationBar .dropdown-toggle {
    /*color: #0f2044 !important;*/
    /*background-color: #002855 !important;*/
}

.nav .microsite-home-menu > li > a {
    /*color: #fff !important;*/
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    /*color: #DAAA00 !important;*/
    /*background-color: #fff !important;*/
    /*text-decoration: none;*/
    /*background-image: none !important;*/
    background-repeat: repeat-x;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    /*color: #DAAA00 !important;*/
    /*background-color: #fff !important;*/
    /*text-decoration: none;*/
    outline: 0;
    /*background-image: none !important;*/
    background-repeat: repeat-x;
}

.nav .dropdown-toggle .caret {

    /*border-top-color: white !important;*/

    /*border-bottom-color: white !important;*/
}

/* FOOTER FINE DETAILS */

/* link in footer */
a#lnkEmail,
a#lnkEmail:visited {
    /*color: #fff;*/
}

/* Go to the Manage tab and then press the search button in the search bar without typing anything. The titles in this section corrolate with the competition detail fields. */

.competitionDtlFld a, .competitionDtlFld a:visited {
    /*color: #1B93D3 !important;*/
}

#messageListDiv a, #messageListDiv a:visited {
    /* Message */
    /*color: #0096d6 !important;*/

}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.bootstrap-select.btn-group, 
.bootstrap-select.btn-group[class*="span"] {
    float:none; 
    display: inline-block;
    margin-bottom: 10px;
    margin-left:0;
}

.bootstrap-select.btn-group.pull-right, 
.bootstrap-select.btn-group[class*="span"].pull-right, 
.row-fluid .bootstrap-select.btn-group[class*="span"].pull-right {
    float:right;
}

.input-append .bootstrap-select.btn-group {
    margin-left: -1px;
}

.input-prepend .bootstrap-select.btn-group {
    margin-right: -1px;
}

.bootstrap-select:not([class*="span"]) {
    width: 220px;
}

.bootstrap-select .btn {
    width: 100%;
}

.bootstrap-select .btn:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.bootstrap-select.btn-group .btn .filter-option {
    overflow:hidden; 
    position:absolute;
    left:12px; 
    right:25px;
    text-align:left;
}

.bootstrap-select.btn-group .btn .caret {
    position:absolute;
    right:12px;
}

.bootstrap-select.btn-group > .disabled, 
.bootstrap-select.btn-group .dropdown-menu li.disabled > a {
    cursor: not-allowed;
}

.bootstrap-select.btn-group[class*="span"] .btn {
    width:100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width:100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.bootstrap-select.btn-group .dropdown-menu dt {
    display:block; 
    padding:3px 20px; 
    cursor:default;
}

.bootstrap-select.btn-group .div-contain {
    overflow:hidden;
}

.bootstrap-select.btn-group .dropdown-menu li > a.opt {
    padding-left:35px;
}

.bootstrap-select.btn-group .dropdown-menu li > a {
    min-height:20px;
}

.bootstrap-select.btn-group .dropdown-menu li > dt small {
    font-weight:normal;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark { 
    display:inline-block;
    position: absolute;
    right: 15px;
    margin-top: 2.5px;
}

.bootstrap-select.btn-group .dropdown-menu li a i.check-mark { 
    display: none;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left:0.5em;
}

.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small, 
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small {
    color: #64b1d8; 
    color:rgba(255,255,255,0.4);
}

.bootstrap-select.btn-group .dropdown-menu li > dt small {
    font-weight:normal;
}

.bootstrap-select.btn-group.show-menu-arrow .dropdown-menu {
    overflow-y:visible !important;
}     
     
.bootstrap-select.btn-group.show-menu-arrow .dropdown-menu::after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    border-left: 6px solid transparent;
    content: '';
}

.bootstrap-select.btn-group.show-menu-arrow .dropdown-menu::before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/

}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  /* width: 20px; */
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000 !important;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr:first-child th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.bootstrap-timepicker.dropdown-menu {
    border-radius: 4px 4px 4px 4px;
    display: none;
    left: 0;
    margin-top: 1px;
    padding: 4px;
    top: 0;
    min-width: 10px;
    z-index: 99999;
}
.bootstrap-timepicker.dropdown-menu.open {
    display: inline-block;
}
.bootstrap-timepicker.dropdown-menu:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    left: 6px;
    position: absolute;
    top: -7px;
}
.bootstrap-timepicker.dropdown-menu:after {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    left: 7px;
    position: absolute;
    top: -6px;
}
.bootstrap-timepicker.modal {
    margin-left: -100px;
    margin-top: 0;
    top: 30%;
    width: 200px;
}
.bootstrap-timepicker.modal .modal-content {
    padding: 0;
}
.bootstrap-timepicker table {
    margin: 0;
    width: 100%;
}
.bootstrap-timepicker table td {
    height: 30px;
    margin: 0;
    padding: 2px;
    text-align: center;
}
.bootstrap-timepicker table td span {
    width: 100%;
}
.bootstrap-timepicker table td a {
    border: 1px solid transparent;
    display: inline-block;
    margin: 0;
    outline: 0 none;
    padding: 8px 0;
    width: 3em;
}
.bootstrap-timepicker table td a:hover {
    background-color: #EEEEEE;
    border-color: #DDDDDD;
    border-radius: 4px 4px 4px 4px;
}
.bootstrap-timepicker table td a i {
    margin-top: 2px;
}
.bootstrap-timepicker table td input {
    margin: 0;
    text-align: center;
    width: 25px;
}
.bootstrap-timepicker-component .add-on {
    cursor: pointer;
}
.bootstrap-timepicker-component .add-on i {
    display: block;
    height: 16px;
    width: 16px;
}

/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datetimepicker {
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/

}
.datetimepicker-inline {
  width: 220px;
}
.datetimepicker.datetimepicker-rtl {
  direction: rtl;
}
.datetimepicker.datetimepicker-rtl table tr td span {
  float: right;
}
.datetimepicker-dropdown, .datetimepicker-dropdown-left {
  top: 0;
  left: 0;
}
.datetimepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datetimepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datetimepicker-dropdown-left:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  right: 6px;
}
.datetimepicker-dropdown-left:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  right: 7px;
}
.datetimepicker > div {
  display: none;
}
.datetimepicker.minutes div.datetimepicker-minutes {
    display: block;
}
.datetimepicker.hours div.datetimepicker-hours {
    display: block;
}
.datetimepicker.days div.datetimepicker-days {
    display: block;
}
.datetimepicker.months div.datetimepicker-months {
  display: block;
}
.datetimepicker.years div.datetimepicker-years {
  display: block;
}
.datetimepicker table {
  margin: 0;
}
.datetimepicker  td,
.datetimepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
  background-color: transparent;
}
.datetimepicker table tr td.minute:hover {
    background: #eeeeee;
    cursor: pointer;
}
.datetimepicker table tr td.hour:hover {
    background: #eeeeee;
    cursor: pointer;
}
.datetimepicker table tr td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}
.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
  color: #999999;
}
.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datetimepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datetimepicker .datetimepicker-hours span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker .datetimepicker-minutes span {
  height: 26px;
  line-height: 26px;
}

.datetimepicker table tr td span:hover {
  background: #eeeeee;
}
.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datetimepicker table tr td span.old {
  color: #999999;
}
.datetimepicker th.switch {
  width: 145px;
}
.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th {
  cursor: pointer;
}
.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  cursor: pointer;
  width: 14px;
  height: 14px;
}

/*
Document   : jquery.pnotify.default.css
Created on : Nov 23, 2009, 3:14:10 PM
Author     : Hunter Perrin
Version    : 1.2.0
Link       : http://pinesframework.org/pnotify/
Description:
	Default styling for Pines Notify jQuery plugin.
*/
/* -- Notice */
.ui-pnotify {
top: 25px;
right: 25px;
position: absolute;
height: auto;
/* Ensures notices are above everything */
z-index: 9999;
}
/* Hides position: fixed from IE6 */
html > body .ui-pnotify {
position: fixed;
}
.ui-pnotify .ui-pnotify-shadow {
-webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
}
.ui-pnotify-container {
background-position: 0 0;
padding: .8em;
height: 100%;
margin: 0;
}
.ui-pnotify-sharp {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-pnotify-closer, .ui-pnotify-sticker {
float: right;
margin-left: .2em;
}
.ui-pnotify-title {
display: block;
margin-bottom: .4em;
}
.ui-pnotify-text {
display: block;
}
.ui-pnotify-icon, .ui-pnotify-icon span {
display: block;
float: left;
margin-right: .2em;
}
/* -- History Pulldown */
.ui-pnotify-history-container {
position: absolute;
top: 0;
right: 18px;
width: 70px;
border-top: none;
padding: 0;
-webkit-border-top-left-radius: 0;
-moz-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
border-top-right-radius: 0;
/* Ensures history container is above notices. */
z-index: 10000;
}
.ui-pnotify-history-container .ui-pnotify-history-header {
padding: 2px;
}
.ui-pnotify-history-container button {
cursor: pointer;
display: block;
width: 100%;
}
.ui-pnotify-history-container .ui-pnotify-history-pulldown {
display: block;
margin: 0 auto;
}
/*!
 * FullCalendar v1.6.1 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */


.fc {
	direction: ltr;
	text-align: left;
	}
	
.fc table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
html .fc,
.fc table {
	font-size: 1em;
	}
	
.fc td,
.fc th {
	padding: 0;
	vertical-align: top;
	}



/* Header
------------------------------------------------------------------------*/

.fc-header td {
	white-space: nowrap;
	}

.fc-header-left {
	width: 25%;
	text-align: left;
	}
	
.fc-header-center {
	text-align: center;
	}
	
.fc-header-right {
	width: 25%;
	text-align: right;
	}
	
.fc-header-title {
	display: inline-block;
	vertical-align: top;
	}
	
.fc-header-title h2 {
	margin-top: 0;
	white-space: nowrap;
	}
	
.fc .fc-header-space {
	padding-left: 10px;
	}
	
.fc-header .fc-button {
	margin-bottom: 1em;
	vertical-align: top;
	}
	
/* buttons edges butting together */

.fc-header .fc-button {
	margin-right: -1px;
	}
	
.fc-header .fc-corner-right,  /* non-theme */
.fc-header .ui-corner-right { /* theme */
	margin-right: 0; /* back to normal */
	}
	
/* button layering (for border precedence) */
	
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
	z-index: 2;
	}
	
.fc-header .fc-state-down {
	z-index: 3;
	}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
	z-index: 4;
	}
	
	
	
/* Content
------------------------------------------------------------------------*/
	
.fc-content {
	clear: both;
	}
	
.fc-view {
	width: 100%; /* needed for view switching (when view is absolute) */
	overflow: hidden;
	}
	
	

/* Cell Styles
------------------------------------------------------------------------*/

.fc-widget-header,    /* <th>, usually */
.fc-widget-content {  /* <td>, usually */
	border: 1px solid #ddd;
	}
	
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
	background: #fcf8e3;
	}
	
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
	}
	


/* Buttons
------------------------------------------------------------------------*/

.fc-button {
	position: relative;
	display: inline-block;
	padding: 0 .6em;
	overflow: hidden;
	height: 1.9em;
	line-height: 1.9em;
	white-space: nowrap;
	cursor: pointer;
	}
	
.fc-state-default { /* non-theme */
	border: 1px solid;
	}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	}

/*
	Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
	and we'll try to make them look good cross-browser.
*/

.fc-text-arrow {
	margin: 0 .1em;
	font-size: 2em;
	font-family: "Courier New", Courier, monospace;
	vertical-align: baseline; /* for IE7 */
	}

.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow { /* for &lsaquo; &rsaquo; */
	font-weight: bold;
	}
	
/* icon (for jquery ui) */
	
.fc-button .fc-icon-wrap {
	position: relative;
	float: left;
	top: 50%;
	}
	
.fc-button .ui-icon {
	position: relative;
	float: left;
	margin-top: -50%;
	*margin-top: 0;
	*top: -50%;
	}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
	}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
	}

.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	outline: 0;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
	}

	

/* Global Event Styles
------------------------------------------------------------------------*/
	 
.fc-event {
	border: 1px solid #3a87ad; /* default BORDER color */
	background-color: #3a87ad; /* default BACKGROUND color */
	color: #fff;               /* default TEXT color */
	font-size: .85em;
	cursor: default;
	}

a.fc-event {
	text-decoration: none;
	}
	
a.fc-event,
.fc-event-draggable {
	cursor: pointer;
	}
	
.fc-rtl .fc-event {
	text-align: right;
	}

.fc-event-inner {
	width: 100%;
	height: 100%;
	overflow: hidden;
	}
	
.fc-event-time,
.fc-event-title {
	padding: 0 1px;
	}
	
.fc .ui-resizable-handle {
	display: block;
	position: absolute;
	z-index: 99999;
	overflow: hidden; /* hacky spaces (IE6/7) */
	font-size: 300%;  /* */
	line-height: 50%; /* */
	}
	
	
	
/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
	border-width: 1px 0;
	margin-bottom: 1px;
	}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
	border-left-width: 1px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
	border-right-width: 1px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	}
	
/* resizable */
	
.fc-event-hori .ui-resizable-e {
	top: 0           !important; /* importants override pre jquery ui 1.7 styles */
	right: -3px      !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: e-resize;
	}
	
.fc-event-hori .ui-resizable-w {
	top: 0           !important;
	left: -3px       !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: w-resize;
	}
	
.fc-event-hori .ui-resizable-handle {
	_padding-bottom: 14px; /* IE6 had 0 height */
	}
	
	
	
/* Reusable Separate-border Table
------------------------------------------------------------*/

table.fc-border-separate {
	border-collapse: separate;
	}
	
.fc-border-separate th,
.fc-border-separate td {
	border-width: 1px 0 0 1px;
	}
	
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
	border-right-width: 1px;
	}
	
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
	border-bottom-width: 1px;
	}
	
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
	border-top-width: 0;
	}
	
	

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th {
	text-align: center;
	}

.fc .fc-week-number {
	width: 22px;
	text-align: center;
	}

.fc .fc-week-number div {
	padding: 0 2px;
	}
	
.fc-grid .fc-day-number {
	float: right;
	padding: 0 2px;
	}
	
.fc-grid .fc-other-month .fc-day-number {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
	}
	
.fc-grid .fc-day-content {
	clear: both;
	padding: 2px 2px 1px; /* distance between events and day edges */
	}
	
/* event styles */
	
.fc-grid .fc-event-time {
	font-weight: bold;
	}
	
/* right-to-left */
	
.fc-rtl .fc-grid .fc-day-number {
	float: left;
	}
	
.fc-rtl .fc-grid .fc-event-time {
	float: right;
	}
	
	

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc-agenda table {
	border-collapse: separate;
	}
	
.fc-agenda-days th {
	text-align: center;
	}
	
.fc-agenda .fc-agenda-axis {
	width: 50px;
	padding: 0 4px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	font-weight: normal;
	}

.fc-agenda .fc-week-number {
	font-weight: bold;
	}
	
.fc-agenda .fc-day-content {
	padding: 2px 2px 1px;
	}
	
/* make axis border take precedence */
	
.fc-agenda-days .fc-agenda-axis {
	border-right-width: 1px;
	}
	
.fc-agenda-days .fc-col0 {
	border-left-width: 0;
	}
	
/* all-day area */
	
.fc-agenda-allday th {
	border-width: 0 1px;
	}
	
.fc-agenda-allday .fc-day-content {
	min-height: 34px; /* TODO: doesnt work well in quirksmode */
	_height: 34px;
	}
	
/* divider (between all-day and slots) */
	
.fc-agenda-divider-inner {
	height: 2px;
	overflow: hidden;
	}
	
.fc-widget-header .fc-agenda-divider-inner {
	background: #eee;
	}
	
/* slot rows */
	
.fc-agenda-slots th {
	border-width: 1px 1px 0;
	}
	
.fc-agenda-slots td {
	border-width: 1px 0 0;
	background: none;
	}
	
.fc-agenda-slots td div {
	height: 20px;
	}
	
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
	border-top-width: 0;
	}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
	border-top-style: dotted;
	}
	
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
	*border-top-style: solid; /* doesn't work with background in IE6/7 */
	}
	


/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
	border-width: 0 1px;
	}

.fc-event-vert.fc-event-start {
	border-top-width: 1px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	}

.fc-event-vert.fc-event-end {
	border-bottom-width: 1px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	}
	
.fc-event-vert .fc-event-time {
	white-space: nowrap;
	font-size: 10px;
	}

.fc-event-vert .fc-event-inner {
	position: relative;
	z-index: 2;
	}
	
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .25;
	filter: alpha(opacity=25);
	}
	
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
	display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
	}
	
/* resizable */
	
.fc-event-vert .ui-resizable-s {
	bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
	width: 100%      !important;
	height: 8px      !important;
	overflow: hidden !important;
	line-height: 8px !important;
	font-size: 11px  !important;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
	}
	
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
	_overflow: hidden;
	}
	
	

/*!
 * FullCalendar v1.6.1 Print Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */

/*
 * Include this stylesheet on your page to get a more printer-friendly calendar.
 * When including this stylesheet, use the media='print' attribute of the <link> tag.
 * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
 */
 
 
 /* Events
-----------------------------------------------------*/
 
/* .fc-event {
	background: #fff !important;
	color: #000 !important;
	} */
	
/* for vertical events */
	
.fc-event-bg {
	display: none !important;
	}
	
.fc-event .ui-resizable-handle {
	display: none !important;
	}
	
	

/*! jQuery UI - v1.10.2 - 2013-03-16
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=deedf7&bgTextureHeader=highlight_soft&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=highlight_hard&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=glass&bgImgOpacityDefault=80&borderColorDefault=aed0ea&fcDefault=2779aa&iconColorDefault=3d80b3&bgColorHover=e4f1fb&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=3baae3&bgTextureActive=glass&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=ffef8f&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=flat&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=eeeeee&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=90&opacityOverlay=80&bgColorShadow=000000&bgTextureShadow=highlight_hard&bgImgOpacityShadow=70&opacityShadow=30&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #f2f5f7 url(images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x;
	color: #362b36;
}
.ui-widget-content a {
	color: #362b36;
}
.ui-widget-header {
	border: 1px solid #aed0ea;
	background: #deedf7 url(images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #aed0ea;
	background: #d7ebf9 url(images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #2779aa;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #2779aa;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #74b2e2;
	background: #e4f1fb url(images/ui-bg_glass_100_e4f1fb_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #0070a3;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #0070a3;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #2694e8;
	background: #3baae3 url(images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #f9dd34;
	background: #ffef8f url(images/ui-bg_highlight-soft_25_ffef8f_1x100.png) 50% top repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #cd0a0a url(images/ui-bg_flat_15_cd0a0a_40x100.png) 50% 50% repeat-x;
	color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(images/ui-icons_72a7cf_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_72a7cf_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_3d80b3_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_2694e8_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_ffffff_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 6px;
}

/* Overlays */
.ui-widget-overlay {
	background: #eeeeee url(images/ui-bg_diagonals-thick_90_eeeeee_40x40.png) 50% 50% repeat;
	opacity: .8;
	filter: Alpha(Opacity=80);
}
.ui-widget-shadow {
	margin: -7px 0 0 -7px;
	padding: 7px;
	background: #000000 url(images/ui-bg_highlight-hard_70_000000_1x100.png) 50% top repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

/* ||| Branding */
/* Changing this may require changing the branding section in settings.css and/or the tenant css template. Tread carefully. */

/* Primary color should have good contrast with white. This will be nav bar & footer color. */

/* Primary color should have good contrast with white. It will be nav bar & footer color. */
/* 1a. Core branding, primary color – background */

header,
footer {
    background: var(--ir-branding-primary-background, var(--ir-color-primary));
}

/* 1b. Core Branding, primary color - text */

header,
footer {
    color: var(--ir-branding-primary-text, var(--ir-color-primary-accent));
}

/* Secondary color is only for the page header logo area */
/* 1c. Core branding, secondary color – background */

#headerNavigationBar {
    background: var(--ir-branding-secondary-background, var(--ir-color-secondary));
}

/* 1d. Core Branding, secondary color - text */

#headerNavigationBar {
    color: var(--ir-branding-secondary-text, var(--ir-color-secondary-accent));
}

/* ||| Detailed Branding*/
/* Detailed branding is for when you need to make more specific adjustments than what core branding covers. You can set up core branding to cover most of the client’s styling needs and then make further adjustments here. */

/* ||| 2. Header */
/* 2a. Header, Background color */

/*#headerLoginBar, <-- add this back in once individual tenant css has been remediated and we can remove .header-bg - JAO, 2024-12-24 */
.header-bg {
    background: var(--ir-header__background);
}

/* 2b. Header, Link color */

#headerLoginBar a {
    color: var(--ir-header__link);
}

/* 2c. Header, Text color (non-link) */

#headerLoginBar {
    color: var(--ir-header__text);
}

/* ||| 3. Main Navigation */
/* 3a. Main Navigation, Navigation bar - background color */

#headerNavigationBar {
    background: var(--ir-main-nav__background);
}

/* 3b. Main Navigation, Navigation item - background when tab is in hover or active state */

#headerNavigationBar .nav a:active,
#headerNavigationBar .nav a:hover {
    background: var(--ir-main-nav__background--hover);
}

/* 3c. Main Navigation, Navigation item - text */

#headerNavigationBar a {
    color: var(--ir-main-nav__text);
}

/* 3d. Main Navigation, Navigation item - text when tab is in hover or active state */

/* remove the .header-b2 selector when we can */
#headerNavigationBar a:active,
#headerNavigationBar a:hover,
.header-b2 #headerNavigationBar a:hover {
    color: var(--ir-main-nav__text--hover);
}

/* ||| 4. Footer */
/* 4a. Footer, Background color */

footer {
    background: var(--ir-footer__background);
}

/* 4b. Footer, Link color */

footer a {
    color: var(--ir-footer__link);
}

/* 4c. Footer, Text color (non-link) */

footer {
    color: var(--ir-footer__text);
}