/* 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-600 : #007DBC;
    --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-gray-50);
    --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: #07708D;
    --ir-font-color-body : var(--ir-gray-800,#222222);
    --ir-font-color-negative : #842029;
}

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

.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:focus-visible {
	border-color: var(--ir-gray-900);
	box-shadow: 0 0 0 0.25rem var(--ir-brand-700);
}

/* Re-establish bootstrap 5 styling for focus indicator */
#data-grid-search.btn:focus-visible {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: var(--bs-btn-hover-border-color);
	outline: 0;
	box-shadow: var(--bs-btn-focus-box-shadow);
}

.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) ! important;
}

.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;
}

.recaptcha-responsive {
	max-width: 100%;
	text-align: center;
}

.recaptcha-responsive .g-recaptcha {
	display: inline-block;
	transform-origin: top center;
}

@media screen and (max-width: 400px) {
	.g-recaptcha {
		transform: scale(0.77);
		-webkit-transform: scale(0.77);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}
}

/* 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 h1 {
	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;
}

.color a {
	color: #07708d;
}

#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;
}

.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
}

.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;
}


.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;
}

.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;
}

#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;
}

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;
}

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

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

.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;
}

/* 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);
}

@media (max-width: 767px) {
	#cropImageModal #cropImageForm {
		display: block !important;
	}

	#cropImageModal #preview-pane {
		position: static !important;
		top: auto;
		right: auto;
		margin-top: 12px;
		width: 100%;
		box-sizing: border-box;
	}

	#cropImageModal #mainImageDv,
	#cropImageModal #preview-pane {
		max-width: 100%;
	}

	#cropImageModal #preview-pane .preview-container {
		width: 100%;
		max-width: 325px;
	}
}

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: var(--ir-gray-600, #6d6d6d);
}

.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;
}

/* This should no longer be needed now that we are transitioning to b5 styling,
but I will leave it commented out until the upgrade is completed

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;
	padding: 0px 3px !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;
}

/* 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;
}

.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;
}

.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 */

#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;
}

div#categories > div.categorySelectContainer > select.categorySelect {
	height: auto !important;
	margin-top: 0 !important;
	max-height: none;
}

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;
}

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

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

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

.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.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;
}

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

.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
}

#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 */
#loginMain p {
	font-size: 14px;
}

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

a.disabled:not(.btn) {
	pointer-events: none;
	cursor: not-allowed;
	color: #555555 ! important;
}

a.disabled.btn {
	color: var(--bs-btn-disabled-color);
}

/*  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;
}

.select2ProposalKeywords {
    width: 100%;
}

/* Prevent the keywords field from wrapping too early when screen resized*/
@media (min-width: 250px) {
    .d-flex.gap-2.align-items-center:has(#proposalKeywords) {
        flex-wrap: nowrap !important;
        min-width: 0;
    }
    
    .d-flex.gap-2.align-items-center .select2ProposalKeywords {
        flex: 1 1 auto;
        min-width: 0;
        width: calc(100% - 32px);
    }
    
    .d-flex.gap-2.align-items-center:has(#proposalKeywords) .help-popover {
        flex: 0 0 auto;
        width: 24px;
    }
}

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

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

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

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

/* 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;
}

.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 ---------------------- */

.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;
}

#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;
}
.helpImageInlineMessage {
    float: left;
}

.helpImageInlineMessageText {
    padding-top: 2px;
}
.iconToggleSaveDefaults {
	font-size: 23px;
	transform: translateY(-9%);
	padding-left: 5px;
	color: var(--ir-status-positive-accent, #198754);
}
.iconToggleSaveDefaults.fa-toggle-off {
	color: var(--ir-gray-600, #6d6d6d);
}
.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;*/
/*}*/

a.fileUploadCollapse, a.fileUploadCollapse:hover {
	text-decoration: none;
}
.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;*/
/*}*/
.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;
}
.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;
}

.allProgressReports {
	border: 1px solid #ddd;
	padding: 0;
	background-color: #efefef;
}
.progress-report-form-section {
	padding:0 20px;
	border-bottom: 1px solid #ddd;
}

.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;
}

/* 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;
}

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;
}
a.help-popover:active {
	text-outline: none;
}
.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

***/

/*
 * ag-Grid empty state:
 * Several grids use domLayout: 'autoHeight'. When there are 0 displayed rows (initially or via filtering),
 * the body viewport can collapse and the built-in "No Rows To Show" overlay gets clipped.
 */
.ag-center-cols-viewport {
	min-height: calc(var(--ag-row-height) * 3);
}

.ag-overlay-no-rows-center {
	padding: calc(var(--ag-grid-size) * 4);
	white-space: normal;
	text-align: center;
}

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

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

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

#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: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,
#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#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;
}
/*  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; */
}

#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;
}

.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 .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;
}

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-action-panel .btn-group {
	margin-left: 0px;
}

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

	border-color: transparent;
	background: transparent;
}

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

.app-grid-action-dropdown-review li.app-grid-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 .app-grid-action ul {
	padding: 12px 0;
}

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

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

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

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

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

#ag-action-panel .app-grid-icon:hover {
	padding: 1px;
}

#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;
}

.app-grid-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 .app-grid-icon:last-child, #ag-action-panel .app-grid-icon:last-child:hover {*/
/*	padding-left: 2px;*/
/*}*/

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

.app-grid-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.app-grid-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 {
	margin-top: 0;
	width: 350px;
}

#applicationGrid .tooltip {
	font-size: 12px;
}

#applicationGrid .tooltip.in {
	opacity: 1;
	filter: alpha(opacity=100);
	font-size: 12px;
	color: #595959;
}

#applicationGrid .tooltip-inner {
	white-space: normal;
	width: 200px;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	background-color: #595959;;
}

#applicationGrid .tooltip-inner {
	word-wrap: break-word;
}

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

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

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

#applicationGrid .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.app-grid-column-with-tooltip {
	z-index: 5;
}

#applicationGridTable > tbody > tr > td > .infoready-tooltip.app-grid-table-cell {
	color: #07708d;
	cursor: pointer;
}
#applicationGridTable > tbody > tr > td > .infoready-tooltip.app-grid-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.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-column-selection-dropdown-message div.app-grid-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;
}

.app-grid-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;
}

.app-grid-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;
}

.app-grid-with-search-field {
	height: 200px;
}


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

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

.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;
}

.app-grid-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.app-grid-options-div {
	padding-top: 15px;
}

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

.app-grid-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;
}

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

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

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

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

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

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

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

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

/* App Grid Chart styles */


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

#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;
}

.app-grid-accordion-heading, .app-grid-accordion-heading:hover, .app-grid-accordion-heading:visited, .app-grid-accordion-heading:focus {
	font-size: 16px;
	color: #333;
	font-weight: bold;
}

.app-grid-accordion-heading:hover, .app-grid-accordion-heading:visited, .app-grid-accordion-heading:focus {
	text-decoration: none;
}
.app-grid-tooltip-container .tooltip.right {
	width:200px;
	top:-27px !important;
	left:19px !important;
}

#ag-progress-report-status-chart-legend .app-grid-tooltip-container .tooltip.right {
	top: -18px !important;
}

#ag-progress-report-chart-legend .app-grid-tooltip-container .tooltip.top {
	top: -60px !important;
	left: -108px !important;
}

#ag-progress-report-chart-container #ag-progress-report-chart-legend .standardChartLegend div.app-grid-tooltip-container {
	margin-right: 0;
}

.app-grid-tooltip-container .tooltip.left {
	width:200px;
	top:-22px !important;
	left:-206px !important;
}

.app-grid-tooltip-container.app-grid-tooltip-container-nudge-down .tooltip.left {
	top:-16px !important;
}

div.app-grid-progress-report-chart-link+div.tooltip.left {
	left: 115px !important;
}

div.app-grid-review-chart-link+div.tooltip.left {
	left: 162px !important;
}

.app-grid-single-chart > div {
	min-width: 30%;
	min-height: 150px;
	padding: 0px;
	color: #eee;
}

#ag-application-status-chart-legend {
	min-width: 130px;
}

#ag-reference-letter-chart-container {
	min-width:358px;
}

#ag-overview-accordion-collapse.no-data {
	padding-bottom: 10px;
}

#ag-overview-accordion-collapse .app-grid-icon {
	font-size: 14px;
}

#ag-overview-accordion-collapse.app-grid-accordion-heading .overview-toggle {
	font-size: 15px;
}

.app-grid-toggle-review-dashboard-view {
	font-weight: normal;
}

a.app-grid-toggle-review-dashboard-view.disabled {
	font-weight: bold;
	color: #333;
}

#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 a:focus {
	text-decoration: none;
}

.app-grid-legend-list {
	font-size: 13px;
	color: #333;
	list-style: none;
}

.app-grid-legend-list p {
	margin: 0;
}

.app-grid-legend-list li {
	line-height: 1.5em;
}

ul.app-grid-legend-list div.app-grid-funding-organization-details {
	margin-left: 14px;
	color: #506883;
	
}

.app-grid-legend-list a {
    text-decoration: none !important;
}
.app-grid-legend-list a:hover {
    text-decoration: underline !important;
}

.app-grid-chart-and-legend {
	display: flex;
}

#ag-review-chart-container .app-grid-chart-and-legend, #ag-progress-report-chart-container .app-grid-chart-and-legend {
	display: block;
	font-size: 11px;
	color: #333;
}

#ag-review-chart-container .app-grid-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 {
	float: left;
	margin-right: 12px;
}

#ag-progress-report-chart-container .standardChartLegend div:last-child {
	float: none;
}

#ag-progress-report-chart-container .standardChartLegend div.app-grid-progress-report-chart-legend-identifier-with-tooltip {
	margin-right: 5px;
}

.app-grid-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 ul.nav-tabs {
	margin-bottom: 0;
}

#ag-routing-step-container .nav-tabs > .active > a:hover {
	border-bottom: 1px solid #fff;
}

#ag-review-chart-links-container, #ag-progress-report-chart-links-container {
	clear: right;
	text-align: right;
}

.app-grid-review-chart-link {
	margin-bottom: 18px;
	color: #333;
}

.app-grid-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;
}

.app-grid-canvas-container {
	width: 165px;
	height: 165px;
	position: relative;
}

.app-grid-column-filter-select.bootstrap-select.btn-group .btn:hover span.filter-option  {
	text-shadow: none;
}

.app-grid-overview-chart-collapse div .standardChartLegend span:not(span.filter-option):not(span.caret) {
	margin-right: 2px;
}

.app-grid-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.app-grid-select-all-dropdown-header .bootstrap-select .btn:hover, #applicationGridTable .bootstrap-select .btn:focus {
	color: #333;
}
#applicationGridTable th.app-grid-select-all-dropdown-header .bootstrap-select.btn-group .btn .caret {
	right: 18px;
}
#applicationGridTable th.app-grid-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.app-grid-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(.app-grid-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%;
}

#edit-homepage-view-toggle-icon {
    font-size: 23px;
    cursor: pointer;
}

#edit-homepage-view-toggle-icon {
	font-size: 28px;
}

#edit-homepage-view-toggle-icon[data-icon="toggle-on"] {
    color: var(--ir-status-positive-accent, #198754);
}

#edit-homepage-view-toggle-icon[data-icon="toggle-off"] {
    color: var(--ir-gray-600, #6d6d6d);
}

#applicationGridTable th {
	padding-left: 8px;
	padding-right: 8px;
}

.app-grid-batch-action-content {
	height: 85%;
}

.dropdown-menu > li > a.app-grid-batch-action-read-only {
	padding-left: 10px;
}

.dropdown-menu > li > a.app-grid-batch-action-read-only.app-grid-batch-action-review {
	padding-left:0;
}

.app-grid-chevron {
	font-size: 14px;
}

#applicationGrid .accordion-group {
	border: none;
}

#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.app-grid-nav-tab-filler {
	width: 100%;
	border-bottom: 1px solid #ccc !important;
}

#applicationGridTable_wrapper div.col-sm-12 {
	width: 100%;
	overflow-x: auto;
	max-height: 800px;
	height: 75vh;
	overflow-y: auto;
}

#applicationGridContent table.applicationGridTable thead tr th {
	position: sticky;
	top: 42px;
}

#applicationGridContent table.applicationGridTable thead tr:first-child th {
	top: 0;
}

.app-grid-overview-chart-collapse {
	border-bottom: 1px dashed #aaa;
}

#ag-action-panel .app-grid-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-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;
}

.app-grid-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 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;
}

#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;
}

div#viewerAlertMessage {
	width: 400px;
	margin-top: 5px;
}

div#cv-control-div {
	margin-top: 10px;
	margin-bottom: 20px;
}

svg.icon-symbol {
    width:16px;
    height:16px;
}
/****

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-view-modal-body.modal-body {
	padding: 15px 15px 0px 15px;
	margin-bottom: 15px;
}

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.app-grid-column-name-default-title, #applicationGridTable th.app-grid-column-name-default-applicantName,
#applicationGridTable th.app-grid-column-name-default-reportTitle {
	min-width: 185px;
}
#applicationGridTable th.app-grid-column-type-custom, #applicationGridTable th.app-grid-column-type-routingStepField.app-grid-column-routing-step-type-BUILD_FORM {
	max-width: 264px;
}
#applicationGridTable th.app-grid-column-type-routingStepField {
	max-width: 169px;
}
#applicationGridTable th {
	min-width: 84px;
}
#applicationGridTable th#ag-column-header-select, #applicationGridTable th.app-grid-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 .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.app-grid-cancel-column-filter {
	right: 22px;
	top: 13px;
}

.input-with-icon .icon.hide {
	display: none;
}

/* Fix for overflow issue with focus indicator on manage users page - JAO, 2025-09-17 */
#users-table-container #userDataTable_wrapper {
	padding-top: 8px;
	padding-right: 8px;
}

#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;
}

#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 .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;
}

#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;
}

.metadata-view-container {
	position: relative;
}

#lnkHlpSendBatchNotification img {
	margin-top: -1px;
}

#applicationGridTable .infoready-tooltip {
	color: #595959;
}

span.app-grid-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;
}

.app-grid-column-header {
	display: flex;
	align-items: center;
}

.app-grid-column-header .app-grid-column-title {
	padding-bottom: 1px;
}

.app-grid-column-header .infoready-tooltip {
	margin-top: 1px;
}

.departmentAccordion > .accordion-inner {
	border-top: none;
}

#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;
}

/* Manage Users Page */

#userDataTable_filter .execute-global-search {
	position: absolute;
	right: 5px;
}

#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: 30px;
	gap: 2px;
	font-size: 14px;
	align-items: center;
}

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;
}

#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: 5px;
}

/* Application Reports Page */
#ApplicantReportsData {
	width: 100%;
}

div#ApplicantReportsData_length {
	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: 5px;
}


#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;
	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;
}

/*** #2: Tools ***/

:root {
	--borderDefault: #ccc;
	--focusColorDark: #07708d;
	--linkDefault: #07708d;
}

/*** #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 */

/*.insightsWidgets .standardChartLegend div {*/
/*	width: 100px;*/
/*}*/
/* Dynamic Insights Dashboard View All Modals */
#progress-reports-view-all-modal {
	height: 670px;
	width: 850px;
}

#progress-reports-view-all-modal.modal .modal-body {
	max-height: 645px;
	overflow-y: auto;
}

div.canvasContainer.viewAll.progressReports {
	height: 520px;
}

#progress-reports-view-all-modal.modal-body {
	padding: 0px 30px 15px 15px;
}

#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;
}

/*#insights-view-all-modal-cancel.close,*/
#progress-reports-view-all-modal-cancel.close {
	color: #333;
	font-size: 35px;
	opacity: .8;
	font-weight: normal;
}

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;
}

/* TODO - this is for Insights and App Grid */
#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%;
}

.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 .progress-report-name-in-header,
.enableDisablePageBlock .progress-report-label,
.enableDisablePageBlock .progressReportNotesToApplicant,
.enableDisablePageBlock .fileUploadsSectionHeading,
.enableDisablePageBlock .addNewProgressReportFieldLinks,
.enableDisablePageBlock .progressReportNoteToAdmin,
.enableDisablePageBlock .icon-calendar,
.enableDisablePageBlock .fileUpload,
.enableDisablePageBlock .requirement strong,
.enableDisablePageBlock label[for=chkAcknowledge],
.enableDisablePageBlock .pageTitle,
.enableDisablePageBlock .help-popover > img,
.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;
}

.striped > div:nth-child(even of :not(.hide)), /*likely dead */
.striped > tbody > tr:nth-child(even of :not(.hide)) {
	background-color: #ffffff;
}

.striped > div:nth-child(odd of :not(.hide)), /*likely dead */
.striped > tbody > tr:nth-child(odd of :not(.hide)) {
	background-color: var(--bs-table-striped-bg);
}

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;
}

.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;
}

@media (min-width: 450px) {
    #previewCard .modal-content {
        width: 425px;
    }

    #previewCard .modal-body .card {
        height: 400px;
        width: 394px;
    }

    #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;
        max-width: 330px;
    }

    #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;
    }

    #previewCard .card-body .list-group .list-group-item .row .category-value {
        padding: 0px 0px 0px 10px;
        width: 177px;
    }
}

@media (max-width: 449px) {
    #previewCard .modal-content {
        width: 305px;
    }

    #previewCard .modal-body .card {
        width: 270px;
    }
}

#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 .list-group .list-group-item .container {
	margin-left: 0px;
	margin-right: 12px;
}

#previewCard a {
	cursor: default;
}

#previewCard .card-footer {
	height: 34px;
	padding: 8px 16px;
}

#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;
}

#btnAddCompetitionField {
	width: 130px;
}

#previewCard .card-actions-container {
	height: 34px;
}

#previewCard .card-actions-controls {
	height: 34px;
}

.boxy {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	min-width: 45px;
}

.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;
}
/* Stops focus indicator from getting cut off */
#saveFreeformApplication,
.applicantTabApply {
	margin: 0.25rem;
	margin-top: 0;
}


#manageCompetitionRight,
#manageApplicationRight {
	padding-top: 50px;
}

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;
}

header .navbar-inner,
footer .navbar-inner {
	padding: 0 calc(2.5% + 12px)
}

footer .navbar-inner {
	padding: 20px calc(2.5% + 12px);
}

.dateTimePickerField {
	gap: 10px;
	align-items: center;
}

#tenantDataStoreFieldSelectionTableDiv {
    max-height: 350px;
	overflow: auto;
}

#tenantDataStoreFieldSelectionDiv {
    background-color: #ffffff;
    border: 1px solid #eee;
    border-radius: 10px;
}

#tenantDataStoreFieldSelectionTable {
	width: 100%;
}

.tenantDataStoreFieldCheckboxSelection {
	text-align: center;
}

/* This works but is unpolished and looks bad.  Waiting for feedback or to hand to Jacki */
#applicationGridTable_processing {
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	top: 6%;
	padding-top: 25%;
	z-index: 1;
}

#tenantDataStoreTableHeader {
    top: 0;
    position: sticky;
}

#tenantDataStoreTableSelectAll {
    font-weight: bold;
}

#tenantDataStoreTableHeader,
#tenantDataStoreTableSelectAll {
    background-color: white;
}

#tenantDataStoreFieldSelectionTable > tbody > tr:last-child > td,
#nominationNotificationTable > tbody > tr:last-child > td {
    padding-bottom: 10px;
}

.nominationNotificationToggle {
    cursor: pointer;
    font-size: 22px;
}

#tenantDataStoreFieldSelectionDiv {
    background-color: #ffffff;
    border: 1px solid #eee;
    border-radius: 10px;
}

#tenantDataStoreNotificationHeader {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-weight: bold;;
    line-height: 30px;
}

.nominationNotificationOptions {
    display: flex;
    gap: 10px;
    align-items: center;
}

.nominationNotificationOptions > .fa-toggle-off {
    color: var(--ir-gray-600, #6d6d6d);
}

.nominationNotificationOptions > .fa-toggle-on {
    color: var(--ir-status-positive-accent, #198754);
}

.nominationNotificationOptions > .fa-toggle-off {
    color: var(--ir-gray-600, #6d6d6d);
}

.nominationNotificationOptions > .fa-toggle-on {
    color: var(--ir-status-positive-accent, #198754);
}

#fileUploadInputLabel {
    cursor: pointer;
}

/* Hide default file upload input button, so we can choose our own button label */
.custom-file-button input[type="file"] {
    &::-webkit-file-upload-button {
        display: none;
    }
    &::file-selector-button {
        display: none;
    }
}

#rightContentB5,
#previewMiddleRight {
	width: 400px;
}

@media screen and (max-width : 991px) {
    #rightContentB5,
    #previewMiddleRight {
        max-width: 100%;
        min-width: 100%;
    }
}

div#postLoginContainerB5 h1,
div#fullContainer h1,
div#formDialog h1,
div#postLoginContainerB5 .h1,
div#fullContainer .h1,
div#formDialog .h1 {
    font-size : 24px;
}

div#postLoginContainerB5 h2,
div#fullContainer h2,
div#formDialog h2,
div#postLoginContainerB5 .h2,
div#fullContainer .h2,
div#formDialog .h2 {
    font-size : 22px;
}

div#postLoginContainerB5 h3,
div#fullContainer h3,
div#formDialog h3,
div#postLoginContainerB5 .h3,
div#fullContainer .h3,
div#formDialog .h3 {
    font-size : 20px;
}

div#postLoginContainerB5 h4,
div#fullContainer h4,
div#formDialog h4,
div#postLoginContainerB5 .h4,
div#fullContainer .h4,
div#formDialog .h4 {
    font-size : 18px;
}

#fileUploadAndTooltipContainer input {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem;
}

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

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

#postLoginContainerB5 {
    max-width: 100%;
}

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

section#calendar div.fc-event-inner {
    color: white;
}

/* These are too general and will likely cause problems */
input.form-control,
select.form-select:not(.applicationFormInput) {
    max-height: 38px;
}

/* TODO we may be able to delete these in the future */
input.form-control:not(#engagementHubSearch, .app-grid-column-filter),
select.form-select,
div.bootstrap-select:has(select) {
    max-width: 700px;
}

input[type='date'],
input[type='time'] {
    max-width: 200px;
    min-width: 100px;
    width: auto;
    height: 38px;
}

div.irCurrencyContainer .add-on {
    border: 1px solid #ced4da;
    padding: .375rem .375rem;
    border-radius: .375rem;
    background: white;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none;
}

div.irCurrencyContainer .add-on + input {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

li.page-item.active > a {
    color: white !important;
}

div.bootstrap-select > button.dropdown-toggle.bs-placeholder {
    color: black;
    border: 1px solid black;
}

/* TODO: Remove this once all b2 popovers are converted to use b5 styling */
.popover-header .text-info {
    color: black !important;
}

div.userLookupDiv,
div#coAdminDiv div.select2-container {
    width: 90%;
    max-width: 700px;
    min-width: 150px;
}

.form-select:focus, .form-check-input:focus, .form-control:focus, .btn-close:focus {
    box-shadow: 0 0 0 .25rem var(--ir-brand-600, #007DBC);
}

/* redundancy to ensure that modal text is the correct color */
#support-dialog {
	color: var(--ir-font-body-color);
}
div.primaryOrgCheckboxDiv {
    max-width: 20px;
}

div.modal-body > div.spinner-border {
    max-width: 2rem;
    max-height: 2rem;
    min-height: 2rem;
    min-width: 2rem;
}

/* In MessageWithIcon.html */
.message-with-icon-svg > svg {
	width: 16px;
	height: 16px;
	aspect-ratio: 1/1;
	margin-bottom: 3px;
}

div.bootstrap-select .dropdown-menu .dropdown-item {
    white-space: normal;
}

/* TODO: Fix tenant css so we don't have to use !important on all of these selectpicker classes */
div.bootstrap-select .dropdown-menu .dropdown-item.not(.active) {
    color: black !important;
    background-color: white !important;
}

div.bootstrap-select .dropdown-menu .dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color) !important;
    background-color: var(--bs-dropdown-link-hover-bg) !important;
}

div.bootstrap-select .dropdown-menu .dropdown-item.active,
div.bootstrap-select .dropdown-menu .dropdown-item:active {
    color: white !important;
    background-color: var(--ir-blue) !important;
}

div.bootstrap-select:not(.disabled) button.dropdown-toggle,
div.routingStepContainer:not(.disabled) .bootstrap-select button.dropdown-toggle {
    border: 1px solid #ced4da;
}

div.bootstrap-select:not(.disabled):not(:has(select.custom-color)) button.dropdown-toggle,
div.routingStepContainer:not(.disabled) .bootstrap-select button.dropdown-toggle {
    background-color: white;
    color: black;
}

div.customOffsetContainer div.bootstrap-select.reminder-select-offset-unit button.dropdown-toggle[aria-disabled="true"] {
    background-color: #e9ecef !important;
    opacity: 1;
    border: 1px solid #ced4da;
}

#addOrganizationsModal #keywords {
	min-width: 200px;
}

th.irdatatable-filter div.bootstrap-select {
    max-width: 100%;
}

@media only screen and (min-width: 575px) {
	table.table-width-100 {
        width: 100% !important; /* this is only needed at wider screens, since it already takes up smaller screens fully */
    }
}

#loginContainer {
    max-width: 700px;
}

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

@media (min-width: 800px) {
    .ui-autocomplete {
        max-width: 700px;
    }
}

@media (max-width: 799px) {
    .ui-autocomplete {
        max-width: 80vw;
    }
}

@media (max-width: 563px) {
    div.ag-paging-panel {
        flex-wrap: wrap;
        height: unset;
    }
}

.ir-font-body {
    color: var(--ir-font-color-body);
}

.ir-font-negative,
span.sd-question__required-text {
    color: var(--ir-font-color-negative);
}


/* TODO: Figure out why there is extra whitespace showing for some dropdown menus */
div.bootstrap-select div.dropdown-menu,
div.bootstrap-select div.dropdown-menu div.inner {
    min-height: unset !important;
}

figure.table, figure.table * {
    border: revert;
}

/* For some reason, the manage tab table headers do not take up the full width on smaller screens */
/* We plan to upgrade to ag grid soon anyway, so this is just a temporary fix */
div#manageCompetitionContainer div.dataTables_scrollHeadInner {
    padding-right: unset !important;
}

.fw-500 {
    font-weight: 500;
}

input.form-check-input.disabled,
div.form-check:has(input.form-check-input.disabled) > label.form-check-label {
    cursor: default;
    opacity: .5;
    pointer-events: none;
}

div.form-control.disabled,
select.form-select.disabled {
    background-color: #e9ecef;
    opacity: 1;
    pointer-events: none;
}

.form-control:read-only {
    background-color: #e9ecef;
    opacity: 1;
}

button:not(.btn).disabled {
    pointer-events: none;
    background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(19, 1, 1, 0.3));
    color: light-dark(rgba(16, 16, 16, 0.3), rgba(255, 255, 255, 0.3));
    border-color: light-dark(rgba(118, 118, 118, 0.3), rgba(195, 195, 195, 0.3));
}
/* ||| 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--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;
}

#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 */
/* New component rules - rules that are typically more specific to this page */

#manageUsersDiv #manage-users-header {
    display : flex;
    justify-content : space-between;
    align-items : center;
    flex-wrap : wrap;
}

#manageUsersDiv #manage-users-header div:first-child {
    display : flex;
    align-items : center;
}

#manageUsersDiv .accordion-group {
    border-radius : 8px;
    border : 1px solid var(--ir-container-color-border);
    background : var(--ir-container-color-background-1);
}

#manageUsersDiv .accordion-toggle#user-overview-toggle {
    display : flex;
    align-items : center;
}

#manageUsersDiv .accordion-chevron--legacy {
    margin-left : 8px;
}

#manageUsersDiv #user-stats-table {
    font-size: var(--legacy-font-size-body);
}

#manageUsersDiv .user-stats-total {
    color : var(--ir-font-color-body--muted);
}

#manageUsersDiv .user-stats-total__heading {
    margin-bottom : 4px;
    color : #000;
}

div#manageUsersDiv form input.user-stats-count {
    font-size : 3rem;
    line-height: 3.5rem;
    font-weight: 500;
}

#manageUsersDiv .user-stats {
    background :var(--ir-container-color-background-2);
}

#manageUsersDiv .user-stats label {
    margin-bottom : 0;
}

#manageUsersDiv #users-table-container {
    overflow-x : auto;
}
/* general overrides of bootstrap 5 default styles */

/* override by element type */
a:hover {
    --bs-link-hover-color: var(--ir-brand-600, #007DBC);
}

/* override by class or id */
#middleContentB5, #mainContent {
    --bs-link-color: var(--linkDefault);
}

#middleContentB5 .accordion, #mainContent .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):not(.dropdown-item):not(.convertTemplate),
#middleContentB5 a.btn-link,
#mainContent a:not(.btn):not(.dropdown-item),
#mainContent a.btn-link {
    color: var(--linkDefault);
    text-decoration: none;
}

/* Standard links, hover state */
#middleContentB5 a:hover:not(.btn):not(.convertTemplate),
#middleContentB5 a.btn-link:hover,
#mainContent a:hover:not(.btn),
#mainContent a.btn-link:hover {
    color: var(--bs-link-hover-color);
    text-decoration: underline;
}

/* Icons within a link */
#middleContentB5 a > svg, #mainContent 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);
}

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

btn.btn-secondary:active {
    --bs-btn-active-bg: var(--ir-action-button-background-secondary);
    --bs-btn-active-color: var(--ir-action-button-text-secondary);
    --bs-btn-active-border-color: var(--ir-action-button-background-secondary);
}

btn.btn-primary,
btn.btn-primary:hover {
    --bs-btn-bg: var(--ir-action-button-background-primary);
}

btn.btn-primary:active {
    --bs-btn-active-bg: var(--ir-action-button-background-primary);
    --bs-btn-active-color: var(--ir-action-button-text-primary);
    --bs-btn-active-border-color: var(--ir-action-button-background-primary);
}

input[type='search']::-webkit-search-cancel-button {
    display: none;
}
/* 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;
}

#support h1 {
    font-size: 1.17em;
}

/* 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 {
    color: var(--linkDefault);
}

#support-container a {
    color: var(--bs-link-color);
}

/* 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 .nav {
    width: 100%;
}

.header-b5 #liMyHome,
.header-b5 .navbar .nav > li > a {
    font-family: LocatorMedium, sans-serif;
    font-size: 0.88rem;
}

.header-b5 #liMyHome a {
    display: flex;
    align-items: center;
}

.header-b5 #liMyHome button {
    background: transparent;
    color: var(--ir-branding-primary-text);
}

/* 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 *!*/
/*}*/

/* Links inside of header "Help" popover */
#headerLoginBar #support .modal a {
    color: var(--ir-brand-700);
}

#headerNavigationBar a {
    background: transparent;
}

#dvPreLogin,
#dvPostLogin {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: calc(2.5% + 12px);
    padding: 8px 0;
}

#brand-container {
    display: flex;
    justify-content: flex-start;
    margin-left: calc(2.5% + 12px);
}
/* Styling for the footer. Bootstrap 5 */

.footer-b5 {
    padding: 30px 0;
    font-size: .88rem;
}

/* Prevent long strings (e.g., emails/URLs) from overflowing at 320px / high zoom */
.footer-b5 .footer-info-group,
.footer-b5 #footerInfo {
    min-width: 0;
}

.footer-b5 #footerInfo,
.footer-b5 #footerInfo a,
.footer-b5 #footerInfo span,
.footer-b5 #footerInfo address,
.footer-b5 #footerInfo div {
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
}

.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 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        margin-left: 0;
        border-left: 1px solid #aaa;
    }
}

/* Freeform Template Styles (i.e., the SurveyJs template) */
#applicantTabs > ul > li.active > button {
    border-color: var(--bs-nav-tabs-link-active-border-color);
    border-bottom-color: var(--ir-background-1);
}

#application-accordion__header {
    font-size: 16px;
}

#detailsTabMetadataContainer .accordion-toggle {
    color: #333;
    display: inline-block;
}

#detailsTabMetadataContainer .accordion-toggle:hover {
    text-decoration: none;
}

.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)))));
}

#applicantName,
#userApplications {
    max-width: 800px;
}
/*** 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 */
#middleContentB5 .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;
}

#middleContentB5 .sd-input:focus,
div.sd-checkbox:has(input[readonly]):focus-within span.sd-checkbox__decorator {
    box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #07708D)) !important;
}

/* 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 */
#middleContentB5 .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%;
}

#middleContentB5 .sd-input.sd-input--preview {
    cursor: not-allowed;
}

/* 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,
div.surveyCreator > div.svc-creator,
.surveyCreator .svc-survey-element-toolbar__item,
.surveyCreator .svc-page-toolbar__item use,
.surveyCreator .svc-page__content--selected.svc-page__content--selected,
.surveyCreator .svc-question__content--selected:not(.svc-question__content--dragged) {
    --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;
    --sjs-primary-background-10: rgba(7, 112, 141, .1);
    --sjs-secondary-background-10: rgba(7, 112, 141, .1);
    --sjs-primary-background-500: #07708D;
    --sjs-secondary-background-500: #07708D;
    --sjs-special-background
    --sjs-special-yellow: #07708D;
    --thm-icon-color: #07708D;
    --sjs-special-background: rgba(7, 112, 141, .04);
    --ctr-property-grid-header-border-color: #07708D;
    --ctr-menu-toolbar-button-icon-color-selected: #07708D;
    --ctr-toolbox-item-icon-color-hovered: #07708D;
    --ctr-button-group-item-text-color-selected: #07708D;
    --ctr-button-group-item-icon-color-selected: #07708D;
    --ctr-checkbox-button-check-mark-color: #07708D;
    --ctr-checkbox-border-color-focused: #07708D;
    --ctr-button-group-border-color-focused: #07708D;
    --ctr-actionbar-button-icon-color-hovered: #07708D;
    --ctr-editor-border-color-focused: #07708D;
    --ctr-page-navigator-button-icon-color-hovered: #07708D;
    --ctr-actionbar-button-text-color: #07708D;
    --ctr-actionbar-button-border-color-selected: #07708D;
    --ctr-list-item-background-color-selected: #07708D;
    --ctr-menu-item-border-color-selected: #07708D;
    --ctr-page-navigator-item-dot-border-color-selected: #07708D;
    --ctr-page-navigator-item-dot-color-hovered: #07708D;
    --ctr-page-navigator-button-icon-color-pressed: #07708D;
    --ctr-button-text-color: #07708D;
    --ctr-button-border-color-focused: #07708D;
    --ctr-button-background-color-cta: #07708D;
    --ctr-collapse-button-icon-color-hovered: #07708D;
    --ctr-property-grid-switcher-toggle-button-background-color-checked: #07708D;
    --ctr-property-grid-switcher-toggle-button-border-color-focused: #07708D;
    --ctr-property-grid-switcher-toggle-button-thumb-color-focused: #07708D;
    --ctr-expression-item-text-color-button: #07708D;
    --ctr-expression-item-background-color-button-hovered: #07708D;
    --ctr-text-decor-border-color-editing: #07708D;
    --ctr-property-grid-header-border-color: #07708D;
    --ctr-data-table-cell-border-color-focused: #07708D;
    --ctr-code-viewer-code-error-row-fix-button-icon-color-hovered: #07708D;
    --ctr-editor-border-color-focused: #07708D;
    --ctr-survey-action-button-icon-color-positive: #07708D;
    --ctr-survey-action-button-text-color-positive: #07708D;
    --ctr-survey-placeholder-border-color-hovered: #07708D;
    --ctr-survey-image-picker-item-border-color-hovered-placeholder: #07708D;
    --ctr-survey-contextual-button-icon-color-positive: #07708D;
    --ctr-survey-matrix-cell-border-color-edit: #07708D;
    --ctr-survey-header-text-title-color: #07708D;
    --ctr-survey-header-logo-placeholder-icon-color-hovered: #07708D;
    --ctr-actionbar-button-icon-color-colorful: #07708D;
    --ctr-survey-page-border-color-overing: #07708D;
    --ctr-toggle-button-border-color-focused: #07708D;
    -ctr-toggle-button-background-color-checked: #07708D;
    --ctr-toggle-button-thumb-background-color-checked-focused: #07708D;
    --ctr-page-navigator-button-icon-color-checked: #07708D;
    --ctr-survey-question-panel-toolbar-item-icon-color: #07708D;
    --ctr-survey-page-border-color-selected: #07708D;
    --ctr-survey-page-border-color-hovered: rgba(7, 112, 141, .5);
    --ctr-survey-question-panel-border-color-selected: #07708D;
    --ctr-survey-question-panel-border-color-hovered: rgba(7, 112, 141, .5);
    --ctr-survey-page-background-color-selected: rgba(7, 112, 141, .1);
    --ctr-survey-page-background-color-hovered: rgba(7, 112, 141, .1);
    --ctr-survey-drop-indicator-color: #07708D;
    --ctr-property-grid-chapter-caption-text-color: #808080;
    --lbr-page-header-title-color-not-completed-rule: #07708D;
    --ctr-survey-question-panel-toolbar-item-background-color-selected: #FFE6E6;
    --ctr-survey-question-panel-toolbar-item-icon-color-selected: #D10700;
}

.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 */
#middleContentB5 .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;
}

div.sd-dropdown_clean-button > svg.sd-dropdown_clean-button-svg {
    cursor: pointer;
}

div.sd-dropdown_clean-button:has(svg.sd-dropdown_clean-button-svg) {
    padding-right: 25px;
}

svg.svc-page-navigator__button-icon {
    padding: 0;
}

div.sd-file__drag-area:has(span.sd-file__drag-area-placeholder) div.sd-file__page {
    display: none;
}

.surveyCreator .svc-dragged-element-shortcut--selected {
    border: 2px solid #07708D;
}
/* 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 .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 .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;
}

.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;
}

#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;
}

@media (min-width: 564px) {
    #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 {
        margin: .5rem;
    }

    #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'] {
        padding-top: 1rem;
        padding-bottom: 0;
    }

    #engagementHubContainer #cardGridContainer [class$='-title-row'] {
        margin-left: calc(5% + 8px);
    }

    #engagementHubContainer .cards-wrapper,
    #engagementHubContainer .empty-carousel-wrapper {
        display: flex;
        overflow-x: hidden;
    }

    ul.card-categories {
        margin-top: 0.5rem;
    }

    .card-footer li {
        padding: 0.47rem 0;
        font-size: 0.8125rem; /* =13px at root font size of 16px */
        line-height: 1em;
    }
}

@media (max-width: 563px) {
    #carouselsContainer {
        padding: 0;
        margin: 0;
    }

    .inner-card-container {
        width: 80%;
    }

    div.carousel-title-row {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    div.carousel div.carousel-inner {
        width: 80%;
        padding: 0;
    }

    div.carousel button.carousel-control-next,
    div.carousel button.carousel-control-prev {
        height: 26.56rem;
        position: unset;
        width: 10%;
    }
}
/* Styling specific to the Engage & List View home pages */

:root {
    --ir-spacing-page: 2.5%;
    --ir-font-standard: Helvetica, Arial, sans-serif;
}

#engagementHubListViewTable {
    --ag-font-size: 1rem;
    --ag-font-family: var(--ir-font-standard);
    --ag-border-radius: var(--bs-border-radius, 0.375rem);
}

#engagementHubContainer {
    font-family: var(--ir-font-standard);
}

#engagementHubContainer h1,
#engagementHubContainer .h1 {
    font-size: 2rem;
    font-weight: bold;
}

#middleContentB5 {
    background: var(--ir-background-1);
}

#engagementHubContainer > section:not(:last-of-type) {
    margin-bottom: 32px;
}

#homepage-content {
    border: 1px solid #b5b5b5;
    border-radius: 8px;
    padding: 16px 20px;
    background: white;
}

#homepage-content h1 {
    margin-bottom: 1.25rem;
}

#homepage-content #engagementHubListViewTable a.btn {
    margin: 4px 0;
    text-decoration: none;
}

#engagementHubContainer {
    padding: 16px 0;
}

#homepage-view-select span {
    margin-right: 4px;
}

/* TODO: anything else needed here */
#liMyHome button, #liMyHome a {
    border-color: transparent;
}

#engagementHubContainer :focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.125rem var(--focusColorDark);
}

/* TODO: Only used in b5 what's new modal */
.standard-font {
    font-family: Helvetica, Arial, sans-serif;
}

@media screen and (min-width: 576px) {
    #homepage-content-container,
    #welcomeMessageContainer {
        margin: 0 calc(2.5%);
    }

    #edit-homepage-view-container {
        margin: 0 calc(2.5% + 12px);
    }
}

#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 {
    padding: 0;
}

#welcomeMessage .accordion-body p {
    margin: 0;
}

#collapseWelcome .accordion-body .row {
    margin: 0;
}

#filtersSearchRow > div {
    display: flex;
    flex-direction: column;
}

#filtersSearchRow > div > * {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;

    margin: 0.5rem 0;
}

#filtersSearchRow > div > *:first-child {
    margin-top: 0;
}

#filtersSearchRow > div > *:last-child {
    margin-bottom: 0;
}

#homepage-view-toggle {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 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) {
    #filtersSearchRow > div {
        flex-direction: row;
    }

    #filtersSearchRow > div > * {
        margin: 0 0.5rem;
    }

    #filtersSearchRow > div > *:first-child {
        margin-left: 0;
    }

    #filtersSearchRow > div > *:last-child {
        margin-right: 0;
    }
}

#engagementHubSearchContainer {
    width: 100%;
}

#searchBarHelp {
    margin-left: unset;
}

#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: 5px;
    right: 84px;
    color: #ccc;
    z-index: 3000;
    font-size: 20px;
    background: none;
    border: none;
}

#cancelSearch:hover {
    cursor: pointer;
    filter: brightness(1.25);
}

.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 {
    display: flex;
    align-items: center;
    padding-top: 10px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.text-error {
    color: #b94a48;
}

#createOrEditCarouselModal {
    --bs-modal-width: 750px;
}

#createOrEditCarouselModal #carouselOrderTooltip,
#createOrEditCarouselModal #carouselViewAllEnabledTooltip {
    padding-left: 10px; /* TODO should this be a bootstrap 5 Spacing? */
}

.carousel-title,
#search-result-count {
    margin-bottom: 0;
    font-size: 1.1rem;
    font-weight: bold;
    color: #000000;
}

#search-result-count:focus,
#search-result-count:focus-visible {
    box-shadow: none;
    color: var(--ir-color-primary);
}

#engagementHubListViewTable #search-result-count {
    margin-bottom: 8px;
  }

.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 {
    white-space: nowrap;
}

.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>');
}

/* TODO: get rid of !important once tenants are all converted to new tenant css */
#middleContentB5 #toggleEHView a.dropdown-item {
    color: var(--ir-gray-800) !important;
    text-decoration: none;
}

#middleContentB5 #toggleEHView a.dropdown-item.disabled {
    color: var(--ir-gray-600)!important;
}

#homepage-view-select a.disabled span {
    filter: brightness(1.5);
}

/* TODO: get rid of !important once tenants are all converted to new tenant css */
#toggleEHView a:focus:not(.disabled),
#toggleEHView a:active:not(.disabled),
#toggleEHView a:hover:not(.disabled) {
    background-color: var(--ir-gray-50) !important;
    filter: brightness(0.85);
}

#toggleEHView > .btn {
    background: transparent;
    border-color:#9e9e9e;
}

#toggleEHView > .btn.active {
    background: #b7b7b7c5;
    border-color:#9e9e9e;
}

/* custom AG grid styling */

div.ag-header-cell {
    color: black;
}

div.ag-row-even {
    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 */


/* TODO: fix the pagination buttons/links & remove this rule */
#paginationContainer .active a.page-link {
    color: #fff;
}

/* List view styling */

#engagementHubContainer .ag-header-row,
#engagementHubContainer .ag-paging-panel {
    background: var(--ir-gray-200);
}

@media screen and (min-width: 576px) {
    section#homepage-content {
        margin: calc(2.5% + 12px);
    }
}

#listViewError {
    height: 20vh;
    width: 95vw;
}

/* END list view styling */

#searchEngagementHub.btn-primary:active {
    background: var(--ir-action-button-background-primary);
}

#homepage-view-select .btn.btn-secondary:active {
    background: var(--ir-action-button-background-secondary);
    color: var(--ir-action-button-text-secondary);
}

#homepage-view-select .btn.show {
    background: var(--ir-action-button-background-secondary) !important;
    color: var(--ir-action-button-text-secondary) !important;
}

#paginationContainer ul.pagination {
    display: flex;
    flex-wrap: wrap;
}

#paginationContainer li.page-item {
    margin-bottom: 8px;
}

/* ||| 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
}

/* Add standard home page margins */
.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;
    /* A specific height is needed to maintain the height of the button.
    It isn't elegant but I'm not confident that we'll keep the tooltip as is long term.
    A better solution would involve rebuilding the filtersSearchRow to leverage rows and cols */
    height: 37px; 
}

#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. */

#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: '';
}
.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;
}

.alert.alert-primary > svg,
.alert.alert-warning > svg,
.alert.alert-danger > svg,
.alert.alert-success > svg,
#svg-with-message > svg {
    margin-right: 8px;
    margin-top: 4px;
    flex-shrink: 0;
}

#inkindMatchErrors .alert,
#cashMatchErrors .alert {
    padding: 5px;
    margin: 2px;
}
/* ||| 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,
#headerLoginBar .btn-link {
    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 li.active a,
#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 */

#headerNavigationBar a:active,
#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);
}


/* CKE5 does not have a way to set the default height out of the box, so this
    is a simple way to make it look a bit bigger by default.*/
.ck-editor__editable {
    min-height: 200px;
}

/* This is needed because by SurveyJS has strange defaults */
.ck-content {
    white-space: normal;
    color: initial;
    cursor: text;
}

.ck-word-count {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    font-size: 12px;
}

.ck-word-count__words,
.ck-word-count__characters {
  white-space: nowrap;
}
table.dataTable > tbody td {
    border-top: none;
    border-bottom: 1px solid #ddd;
}

.dataTables_filter {
    padding-bottom: 10px;
}

div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_length label {
    display: flex;
    align-items: center;
}

div.dataTables_wrapper div.dataTables_length label {
    gap: .25rem;
    padding-bottom: 10px;
}

/* add "form-control" class styling so it matches other inputs */
div.dataTables_wrapper div.dataTables_filter label input,
#users div#users-table-container input,
#applicationGridTable_filter div.input-append > input {
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    appearance: none;
    max-width: 250px;
}

/* add "form-select" class styling so it matches other dropdowns */
div.dataTables_wrapper div.dataTables_length label select,
div.dataTables_wrapper th.irdatatable-filter select {
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    appearance: none;
    width: auto;
}

div.dataTables_wrapper th.irdatatable-filter select {
    border-radius: 0;
    width: 100%;
}

div.dataTables_wrapper div.dataTables_filter {
    display: flex;
    justify-content: end;
}

/* on the app grid, ensure that every column has a width value */
#applicationGridContent table.applicationGridTable thead tr:first-child th {
	width: 100px;
}

#configureHomepageDiv div.inputContainer,
#headerFooterForm div.inputContainer,
#configureSystemDiv div.inputContainer,
#manageUsersDiv section#users,
#manageUsersDiv div#user-overview,
#dvNewUserPage div.inputContainer,
#fundingOrgDetail div.inputContainer {
    width: 100%;
    min-width: 250px;
}

.configureTypeContainer {
    max-height: 25vh;
}

#documentUploadWithTitle {
    min-width: 200px;
}

@media screen and (min-width : 1200px) {
    /* Update input fields and tables to not stretch the entire width of the screen */
    #configureHomepageDiv div.inputContainer,
    #headerFooterForm div.inputContainer,
    #configureSystemDiv div.inputContainer,
    #configureSystemDiv div.tableContainer,
    #fundingOrgDetail div.inputContainer {
        max-width: 1000px;
    }

    #manageUsersDiv div#user-overview,
    #dvNewUserPage div.inputContainer,
    #dvNewFundingOrgPage div.inputContainer{
        max-width: 1000px;
    }

    /* Show preview images when screen is large enough to display them nicely */
    #configureHomepageDiv div.updatePreviewImage,
    #headerFooterForm div.updatePreviewImage {
        display: block;
    }
}

@media screen and (min-width : 576px) {
    #configureHomepageDiv,
    #headerFooterForm,
    #configureSystemDiv,
    #manageUsersDiv,
    #admin-management,
    #tenantConfigurationDiv,
    #userExplorerDiv,
    #dvFundingOrgPage,
    #fundingOrgDetail,
    #dvNewFundingOrgPage,
    #dvNewUserPage {
        max-width: 100%
    }
}

#userDataTable_filter > input[type=search] {
    margin-left: 0;
}

#btnAddProxy {
    height: 38px;
    width: 20%;
    max-width: 250px;
}

#topLevelAccordion .accordion-button:after {
    margin-left: .5rem;
}

#dvNewUserPage select#type,
#dvEditUserProfile select#type {
    max-width: 250px;
}

#addNewCustomerPreferenceButton {
    min-width: 250px;
}

#newCustomerPreferenceSelect {
    max-height: 38px;
}

#bottomFundingOrgPagination li.active a {
    color: white !important;
}

#bottomFundingOrgPagination li.disabled a {
    color: grey;
}

#user-data-container .form-control[disabled] {
    border-radius: 0 !important;
}

.ssoUniqueIdentifier-shield {
    position: absolute;
    top: 221px;
    left: 18px;
}

.ssoUniqueIdentifier-edit-shield {
    position: absolute;
    top: 318px;
    left: 3px;
}

/* ag-Grid: keep enough room for the no-rows overlay (autoHeight can collapse to ~0px) */
.ag-center-cols-viewport {
    min-height: calc(var(--ag-row-height) * 3);
}

div.accordionTableDiv button.cancelSearch {
    position: absolute;
    top: 7px;
    right: 10px;
    z-index: 3000;
}

#customerPreferencesDiv .bootstrap-select .dropdown-menu .dropdown-item,
#configureAcademicYearsSection .bootstrap-select .dropdown-menu .dropdown-item,
#tenant-details .bootstrap-select .dropdown-menu .dropdown-item,
#users .bootstrap-select .dropdown-menu .dropdown-item,
#configureTimezone  .bootstrap-select .dropdown-menu .dropdown-item,
#configureAppProcessEmails .bootstrap-select .dropdown-menu .dropdown-item,
#footerSection .bootstrap-select .dropdown-menu .dropdown-item {
        white-space: normal;
}

#customerPreferencesDiv .bootstrap-select .dropdown-menu .dropdown-item.not(.active),
#configureAcademicYearsSection .bootstrap-select .dropdown-menu .dropdown-item.not(.active),
#tenant-details .bootstrap-select .dropdown-menu .dropdown-item.not(.active),
#users .bootstrap-select .dropdown-menu .dropdown-item.not(.active),
#configureTimezone .bootstrap-select .dropdown-menu .dropdown-item.not(.active),
#configureAppProcessEmails .bootstrap-select .dropdown-menu .dropdown-item.not(.active),
#footerSection .bootstrap-select .dropdown-menu .dropdown-item.not(.active) {
    color: black;
    background-color: white;
}

#customerPreferencesDiv .bootstrap-select .dropdown-menu .dropdown-item:focus,
#configureAcademicYearsSection .bootstrap-select .dropdown-menu .dropdown-item:focus,
#tenant-details .bootstrap-select .dropdown-menu .dropdown-item:focus,
#users .bootstrap-select .dropdown-menu .dropdown-item:focus,
#configureTimezone .bootstrap-select .dropdown-menu .dropdown-item:focus,
#configureAppProcessEmails .bootstrap-select .dropdown-menu .dropdown-item:focus,
#footerSection .bootstrap-select .dropdown-menu .dropdown-item:focus {
    background-color: var(--bs-dropdown-link-hover-bg);
}

#customerPreferencesDiv .dropdown-menu .dropdown-item.active,
#configureAcademicYearsSection .dropdown-menu .dropdown-item.active,
#tenant-details .dropdown-menu .dropdown-item.active,
#users .dropdown-menu .dropdown-item.active,
#configureTimezone .dropdown-menu .dropdown-item.active,
#configureAppProcessEmails .dropdown-menu .dropdown-item.active,
#footerSection .bootstrap-select .dropdown-menu .dropdown-item.active {
    color: white;
    background-color: var(--ir-blue);
}

#customerPreferencesDiv .bootstrap-select button.dropdown-toggle,
#configureAcademicYearsSection .bootstrap-select button.dropdown-toggle,
#tenant-details .bootstrap-select button.dropdown-toggle,
#users .bootstrap-select button.dropdown-toggle,
#configureTimezone .bootstrap-select button.dropdown-toggle,
#configureAppProcessEmails .bootstrap-select button.dropdown-toggle,
#footerSection .bootstrap-select button.dropdown-toggle {
    border: 1px solid #ced4da;
    background-color: white;
    color: black;
}

@media (max-width: 349px) {
    #competitionDetails .bootstrap-select:not(.fundingTenant) {
        max-width: 175px;
    }

    #customerPreferencesDiv .bootstrap-select.fundingTenant button.dropdown-toggle,
    #tenant-details .bootstrap-select.fundingTenant button.dropdown-toggle,
    #users .bootstrap-select.fundingTenant button.dropdown-toggle,
    #configureTimezone .bootstrap-select.fundingTenant button.dropdown-toggle,
    #configureAppProcessEmails .bootstrap-select.fundingTenant button.dropdown-toggle,
    #footerSection .bootstrap-select.fundingTenant button.dropdown-toggle {
        max-width: 200px;
    }

    #divOrganizer .bootstrap-select .dropdown-menu,
    #customerPreferencesDiv .bootstrap-select .dropdown-menu,
    #configureAppProcessEmails .bootstrap-select .dropdown-menu,
    #footerSection .bootstrap-select .dropdown-menu {
        max-width: 300px;
        overflow: auto;
    }
}

@media (min-width: 350px) {
    #customerPreferencesDiv .bootstrap-select,
    #tenant-details .bootstrap-select,
    #users .bootstrap-select,
    #configureTimezone .bootstrap-select,
    #configureAppProcessEmails .bootstrap-select,
    #footerSection .bootstrap-select {
        width: 100%;
    }
}

#configureSystemDiv .inputContainer .dropdown-menu {
    z-index: 1030;
}

#selAdminId {
    z-index: 5000;
}

.text-warning-dark {
    color: var(--ir-text-status-warning, #664D03);
}

#configureTemplateTable .table .d-flex > svg {
    margin-top: 0.25rem;
}
#selectCompetitionTemplateDiv div.inputContainer {
    width: 100%;
    min-width: 250px;
}

@media screen and (min-width : 1200px) {
    /* Update input fields and tables to not stretch the entire width of the screen */
    #selectCompetitionTemplateDiv div.inputContainer,
    #frmCompetition div.inputContainer,
    #finalizeCompetitionView div.inputContainer {
        max-width: 1000px;
    }
}

@media screen and (min-width : 576px) {
    #frmCompetition .col-md-2,
    #frmCompetition .col-2 {
        width: 20%;
    }

    #frmCompetition .col-1 {
        width: 5%;
    }
}

@media screen and (max-width : 576px) {
    #frmCompetition input#numApplications,
    #frmCompetition input#noOfAwardee {
        width: 60px;
    }

    #frmCompetition input[type=date],
    #frmCompetition input[type=time] {
        width: 150px;
    }

    #frmCompetition div.col-8,
    #frmCompetition div.fundingTrash,
    #frmCompetition div.col {
         margin-left: 12%
    }

    #frmCompetition .col-1 {
        width: 12%;
    }

    #frmCompetition .col-11 {
        width: 85%;
    }

    .awardRangeLabels {
        width: 50px;
    }

    #awardRangeDiv input.currency {
        width: 150px;
    }
}

a#saveSelectionsAsDefault > svg {
    font-size: 1.5rem;
}

#btnNext {
    width: 100px;
}

#coAdminButtonContainer,
#homepageDescriptionContainer,
div#competitionCardImage #cardImage,
#fundingSource #fundingSources,
#candidateDocumentUpload div.fileupload,
#saveDocumentUploadWithTitleDiv,
#bulletinBoardSaveDiv {
    max-width: 700px;
}

#frmCompetition textarea.form-control {
    height: auto;
}

#frmCompetition button.btn:not(.today-btn):not(.clear-btn):not(.view-switch):not(.prev-btn):not(.next-btn) {
    min-width: 130px;
}

#frmCompetition input#numApplications,
#frmCompetition input#noOfAwardee {
    max-width: 100px;
}

#frmCompetition .container {
    max-width: 100%;
}

.fundingAmount {
	max-width: 125px;
}

.routingStepDiv select.txtReviewDeadlineOffset,
.routingStepDiv input.txtReviewDeadlineOffset,
select.reviewDeadlineOffsetSelection,
input.reviewDeadlineOffsetInput {
    max-width: 200px;
    min-width: 165px;
}

.routingStepDiv .ckeditorPaddingLeft div.ck-editor {
    min-width: 200px;
}

.routingStepDiv .ckeditorPaddingLeft div.ck-editor,
#dvEditLabel textarea,
#dvEditRange textarea {
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.routingStepDiv .btn-group button {
    max-width: 50px;
}

div.dvApplicantLookup div.row:has(.ck-editor),
.routingStepDiv div.ck {
    max-width: 900px;
}

div.dvApplicantLookup:not(.FDTPreview),
#notificationTextArea {
    max-width: 1000px;
}

#addRoutingStepsDiv div.routingStepDiv button.accordion-button,
#frmApplicationReq div.routingStepDiv button.accordion-button,
#progressReportsAccordion > button.accordion-button {
    border-top-right-radius: 0;
    box-shadow: none;
}

.addtlRequirementsButtons button {
    max-width: 120px;
}

.notificationCustomizationButtons button,
#finalizeCompetitionView #btnSaveCompetition,
#btnAddReq {
    width: 150px;
}

div.routingStepAccordion div.routingStepContainer,
#frmApplicationReq div.container {
    max-width: 100%;
}

#frmCompetition button.btn {
    max-height: 38px;
}

#addSourceButtonContainer {
    max-width: 700px;
    padding-right: calc(var(--bs-gutter-x) * .5);
}

#frmApplicationReq input.form-control,
#frmApplicationReq input.form-select {
    min-width: 200px;
}

#frmApplicationReq input[type=date],
#frmApplicationReq input[type=time] {
    max-width: 150px;
    width: 150px;
}

#coAdministratorRow {
    padding-left: calc(var(--bs-gutter-x) * .5);
}

div.addNewProgressReportForm button {
    max-width: 150px;
}

#middleContentB5:has(#selectCompetitionTemplateDiv),
#middleContentB5:has(#launchFinalizeCompetitionDiv) {
    min-height: 35vh;
}

div.routingStepContainer div.ck-editor {
    max-width: 100%;
}

div.progress-report-section-body {
    border-top: 1px dotted;
    border-bottom: 1px dotted;
}

span.title-editor {
    min-width: 60%;
}

div.routingStepContainer.disabled,
div.routingStepContainer.disabled * {
    background-color: #E6E6E6;
    color: darkgray;
    cursor: not-allowed;
}

.routingStepTitleDiv {
    background-color: #E6E6E6;
}

/* the placeholder is getting cut off because of select2 default styling,
so we have to override it with !important */
div.defaultReviewersRow input.select2-default {
    width: 200% !important;
}

div.routingStepContainer:not(.disabled) .bootstrap-select button.dropdown-toggle {
    border: 1px solid #ced4da;
    background-color: white;
    color: black;
}

div.routingStepContainer.disabled .bootstrap-select button.dropdown-toggle {
    border: 1px solid #ced4da;
}

#frmApplicationReq .bootstrap-select,
#frmRouting .bootstrap-select,
#routingForm .bootstrap-select,
#frmNotification .bootstrap-select {
    width: 100%;
}

@media (max-width: 349px) {
    #competitionDetails .bootstrap-select:not(.fundingTenant) {
        max-width: 175px;
    }

    #frmCompetition .bootstrap-select.fundingTenant button.dropdown-toggle {
        max-width: 200px;
    }

    #frmRouting div.routingStepPreviewDiv div.FDTPreview {
        min-width: 260px;
        padding: 0;
    }

    #frmRouting div.routingStepPreviewDiv:has(div.FDTPreview) {
        padding: 0;
    }

    div.svc-element__add-new-question.svc-btn {
        max-width: 250px;
        white-space: normal;
    }

    #frmRouting .bootstrap-select {
        max-width: 220px;
    }

    .progressReportAccordionItem h2.accordion-header > a {
        padding: 1rem;
        padding-top: 0;
    }
}

@media (min-width: 350px) {
    #frmCompetition .bootstrap-select {
        width: 100%;
    }

    .progressReportAccordionItem h2.accordion-header {
        padding-right: 1rem;
    }
}

#frmCompetition input.form-check-input {
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
}

select.CoApplicant-field {
    min-width: 175px;
}

#frmRouting input.fileUpload:disabled {
    min-width: 200px;
}

#frmRouting div.routingStepPreviewDiv {
    min-width: 270px;
}

div.BMOFTable table th,
div.BMOFTable input[name="noteToApplicant"] {
    min-width: 150px;
}

td.fieldOrderCell button.dropdown-toggle {
    max-width: 75px;
}

td.fieldStatusCell button.dropdown-toggle,
.progressReportFieldsTable th.orderHeader,
.progressReportFieldsTable td.fieldOrderCell {
    max-width: 100px;
}

.progressReportFieldsTable th.statusHeader,
.progressReportFieldsTable td.fieldStatusCell {
    max-width: 125px;
}

.progressReportFieldsTable th.statusHeader,
.progressReportFieldsTable td.fieldStatusCell {
    max-width: 125px;
}

div.sectionOrderDropdown,
div.reportOrderDropdown {
    width: 100% !important;
}
div.profileFieldSelector > button.dropdown-toggle {
	background-color: #ADD9F7;
}

div.logicSelector > button.dropdown-toggle {
	background-color: #F5C793;
}

div.fieldValueOptionSelector > button.dropdown-toggle {
	background: #D1E5AC;
}

#messageRuleTableContainer {
	background-color: #F8F8F8;
}

#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;
}
#sendAnnouncementHeader {
	display: flex;
	align-items: center;
}

#sendAnnouncementHeader > div > div.popover-inner > div {
	font-weight: normal;
	font-size: 13px;
}

#lnkHlpShareAnnouncement {
	text-decoration: none;
	color: black;
}

#messageRuleContainer input,
#messageRuleContainer button {
    max-height: 38px;
}

.activityIconCircle {
	height: 40px;
	width: 40px;
}

.activityIcon svg {
	font-size: 40px;
	color: #61616b;
}

.mutedEven {
	color: #757575;
}

.mutedOdd {
	color: #636363;
}

#messageRuleContainer select {
    max-height: 38px;
}

#activityList li.nav-item a.active {
    color: #757575 !important;
    text-decoration: none;
    cursor: default;
}

#activityList li.nav-item a:not(.active) {
    color: var(--linkDefault) !important;
}

.activityIconCircle span.initials {
    font-size: 22px;
    font-weight: bold;
    padding-top: .15rem;
    display: inline-block;
}

#activityList div.col-1 {
    width: 5%;
}

#proxyApplicantBody div.container {
    max-width: 100%;
}

#proxyApplicantBody .form-select,
#proxyApplicantBody .form-control {
    max-width: 700px;
}

#previousApplication,
#nextApplication {
    min-width: 100px;
}

div.sendButtons button,
div#divNoSendButtons button,
div#projectDatesForm button {
    max-width: 150px;
}

#progressReportTabs > ul > li.active > button {
    border-color: var(--bs-nav-tabs-link-active-border-color);
    border-bottom-color: var(--ir-background-1);
}

#applicationForm button.btn,
#referencLetters button.btn,
#submitApplication button.btn {
    max-width: 450px;
}

#progressReportsAccordionWrapper button.btn {
    max-width: 250px;
}

#btnAddReminder {
    max-height: 38px;
}

div.infoready-tooltip {
    padding-right: 5px;
}

#applicationGridTabs.nav-tabs > li > button {
	min-width: 150px;
	color: black;
}

#applicationGridTabs.nav-tabs > li {
	background-color: #eee !important;
	border: 1px solid #ccc !important;
	border-right: none;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
    max-width: 300px;
}

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

#applicationGridContent.tab-content {
	overflow: hidden;
	border: 1px solid #ccc;
	border-top: none;
	background: #fff;
}

#ag-charts-accordion .app-grid-tooltip-container,
#insight-dashboard .app-grid-tooltip-container {
	display: inline-block;
    padding-left: 5px;
}

div.appGridTableRow {
    min-height: 550px;
}

#applicationGridTable_wrapper {
    max-height: 1000px;
    overflow-y: auto;
    overflow-x: hidden;
}

tr.app-grid-column-name-default-applicationNum {
    max-width: 150px;
}

#applicationGridTable th.app-grid-select-all-dropdown-header .bootstrap-select .btn {
	background: #fff;
	border: none;
	color: #333;
	font-size: 18px;
	padding: 0;
	width: 50px;
}

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

#applicationGridTable td > a {
    text-decoration: none;
}

#ag-routing-step-summary-table th:first-child, #ag-routing-step-details-table th:first-child {
	width: 190px;
}

#showHideSelects div.dropdown-menu ul > l > a:hover {
    color: white !important;
    background-color: #0088cc !important;
}

th.app-grid-select-all-dropdown-header {
    max-width: 50px;
}

#applicationGridTable_wrapper > div.appGridTableRow {
    max-height: 800px;
}

#applicationGridTable > thead {
    position: sticky;
    top: 0;manageComp
}

#applicationGridTable_filter input {
    max-width: 250px;
}

div.dataTables_wrapper div.dataTables_filter {
    float: none;
}

.app-grid-column-filter-container button.dropdown-toggle {
    border: 1px solid black;
}

#progressReportsContainer ul.nav .nav-link.active {
    background-color: white;
    border-top: 2px solid #006B99;
}

#progressReportsContainer ul.nav li:has(.nav-link:not(.active)) {
    background-color: #E6E6E6;
}

#progressReportsContainer ul.nav .nav-link:not(.active) {
    border: 1px solid lightgrey;
}

#progressReportsContainer ul.nav li.nav-item > button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#sunsetLegacyDetails {
    background-color: #E6E6E6;
}

#sunsetLegacyDetails div.rightCol {
    border-left: 1px solid #B1B1B1
}

.app-grid-canvas-container.app-grid-progress-report-canvas-container {
    height: 240px;
}

@media (min-width: 576px) {
    .text-end-on-md-screen {
        text-align: right;
    }

    .metadata-field-label {
        text-align: right
    }

    input#cv-new-viewer-email {
        width: 400px;
    }

    #ag-review-chart-controls-container, #ag-progress-report-chart-controls-container {
        width: 300px;
        height: 157px;
        float: left;
        margin-top: -20px;
    }

    #ag-review-chart-container .app-grid-chart-and-legend,
    #ag-progress-report-chart-container .app-grid-chart-and-legend {
        float: right;
    }

    .app-grid-canvas-container.app-grid-review-canvas-container, .app-grid-canvas-container.app-grid-progress-report-canvas-container {
        width: 400px;
    }

    #ag-review-chart-container .standardChartLegend, #ag-progress-report-chart-container .standardChartLegend {
        width: 376px;
    }

    .app-grid-charts-container .accordion-inner {
        gap: 50px;
    }

    #applicationGridTabs.nav-tabs > li {
        min-width: 200px;
    }

    div.messageRule div.bootstrap-select:not(.fieldValueOptionSelector) {
        width: 25%;
    }

    div.messageRule div.bootstrap-select.fieldValueOptionSelector {
        width: 75%;
    }
}

@media (max-width: 575px) {
    #applicationGridTabs li.nav-item {
        display: flex;
        justify-content: center;
    }

    .app-grid-canvas-container.app-grid-review-canvas-container,
    .app-grid-canvas-container.app-grid-progress-report-canvas-container,
    #ag-progress-report-chart-controls-container,
    #ag-review-chart-links-container {
        max-width: 95%;
        width: 95%;
    }

    div.messageRule div.bootstrap-select {
        min-width: 100%;
    }

    div#progressReportsAccordionWrapper div.dateTimePickerView input.datepicker-input {
        max-width: 100%;
    }
}

@media (max-width: 349px) {
    ul#ag-show-grid-view-container-div {dd
        max-width: 260px;
        overflow: auto;
    }

    ul#ag-show-batch-actions-container-div {
        max-width: 285px;
        overflow: auto;
    }

    #ag-show-column-selection-container-div {
        padding: 0;
        margin: 0;
        overflow: auto;
        max-width: 300px;
    }

    table#applicationGridTable th:has(.bootstrap-select),
    table#applicationGridTable th:has(input.app-grid-column-filter),
    table#applicationGridTable th div.bootstrap-select {
        min-width: 175px;
    }

    table#applicationGridTable th.app-grid-select-all-dropdown-header {
        max-width: 70px;
        min-width: 70px;
    }

    div#ag-charts-accordion {
        padding: 0;
    }
}

.app-grid-charts-container .accordion-inner {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	border: none;
	padding: 0;
	flex-wrap: wrap;
}

#ag-progress-report-chart-container {
    max-width: 100%;
}

#btnPrintReviewDetail {
    max-width: 100px;
}

#sendApplicationPacket {
    max-width: 300px;
}


#applicationGridContent .applicationGridActionRow {
    z-index: 2;
    margin-bottom: 15px;
    clear: both;
}

div#applicationGridTable_filter div.input-group .btn {
    z-index: 1;
}

th.app-grid-select-all-dropdown-header button.dropdown-toggle {
    border: unset;
}

/* TODO: Figure out weirdness with the app grid that's making the selectpickers overflow the container */
div.bootstrap-select:has(.app-grid-column-filter) .dropdown-menu {
    max-height: 400px !important;
}

#applicationGridTable div.bootstrap-select li:has(a.hidden-option) {
    display: none;
}

#postLoginContainerB5:has(#applicationGridTable) div.dropdown-menu {
    min-width: 250px;
}

#postLoginContainerB5:has(#applicationGridTable) th.app-grid-select-all-dropdown-header div.bootstrap-select {
    max-width: 100%;
}

tr.messageRule td select,
tr.messageRule td div.bootstrap-select,
tr.messageRule td div.bootstrap-select button.dropdown-toggle {
    width: 100% !important; /* override the b5 default width */
}

#messageRuleTable {
	border-collapse: collapse;
}
/* For the AG Grid of templates */
.my-template {
    background: rgba(0, 155, 222, 0.20);
    margin-top: 5px;
    border-radius: 4px;
}

.template-type {
    margin-top: 15px;
    border-radius: 4px;
    padding-top: 3px;
    padding-left: 8px;
    padding-bottom: 3px;
}

.shared-template {
    background: #FDE9D2;
}

.template-flow-type {
    background: #FDE9D2;
}

.flow-type-tooltip > svg {
    width: 24px;
    height: 24px;
    aspect-ratio: 1/1;
}

.flows-no-templates {
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 18px;
}

#filter-bar-container {
    padding-left: 0;
    margin-left: 0;
}

#quick-filter-header {
    margin-bottom: 5px;
}

#quick-filter-header .col-form-label {
    padding-right: 15px;
}

#quick-filter-text {
    display: flex;
    /*width: 221px;*/
    height: 36px;
    min-width: 100px;
    padding: 6px 12px;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--Gray-400, #B1B1B1);
    background: var(--Backgrounds-background-layer2, #FFF);
}

#quick-filter-header .input-group-text {
    border: none;
    background: none;
}

#quick-filter-header .input-group-text > svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
}

#sort-templates-menu .form-group-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}

/*  For overall CREATE page */
.flow-creation-header-box {
    display: flex;
    padding: 16px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.flow-title-instructions {
    color: #000;
}

.text-and-info-icon {
    display: flex;
    padding: 0;
}

.mobile-only-or {
    text-align: center;
}

.create-flow-divider {
    display: flex;
    width: 1px;
    margin: 10px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-left: 1px solid var(--Container-border-400, #B1B1B1);
}

.create-flow-OR {
    color: var(--Global-Gray-700, #464646);
    font-family: sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.choose-flow-name-prompt {
    color: var(--Global-Gray-800, #222);
    font-family: sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 1.12px;
}

.choose-flow-name-box {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--Container-border-400, #B1B1B1);
    background: var(--Backgrounds-background-0, #FFF);
}

.flow-creation-box {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--Container-border-400, #B1B1B1);
    background: var(--Backgrounds-background-0, #FFF);
}

.choose-flow-name-box.flow-required-outline,
.flow-creation-box.flow-required-outline {
    border: 1px solid #842029;
}

.flow-info-popover-tooltip > svg {
    margin-bottom: 5px;
}

/* For flow title area */
.blue-info-icon {
    display: flex;
    height: 16px;
    width: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 21.5px;
    background-color: #07708d;
    color: #FFF;
    font-family: serif;
    font-size: 13.867px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.693px;
    flex-shrink: 0;
    align-self: stretch;
    cursor: pointer;
    padding-left: 0;
    padding-right: 0;
}

.flow-title {
    display: flex;
    height: 46px;
    padding: 8px 16px;
    align-items: center;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--Global-Gray-400, #B1B1B1);
    background: var(--Backgrounds-background-0, #FFF);
}

/* Flow type area */
.kind-of-flow {
    color: var(--Global-Gray-900, #000);
    font-family: sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.kind-of-flow-options {
    color: var(--Global-Gray-700, #464646);
}

.flow-types-header {
    color: var(--Global-Gray-700, #464646);
    font-family: sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 120% */
    padding-bottom: 10px;
    padding-top: 10px;
}

/* For the Flow card */
.flow-card-container {
    width: 340px;
    display: grid;
}

.flow-card-container .col-sm-2 {
    display: flex;
    width: 48px;
    padding: 12px 4px;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.flow-card-container .col-sm-2 > button {
    display: flex;
    height: 40px;
    padding: 2px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex: 1 0 0;
    aspect-ratio: 1/1;
    border-radius: 99px;
}

.flow-card-container .col-sm-2 > button > svg {
    height: 36px;
    flex: 1 0 0;
    aspect-ratio: 1/1;
    fill: var(--Global-Gray-600, #6D6D6D);
    stroke-width: 1px;
    stroke: var(--Global-Gray-600, #6D6D6D);
}

.flow-name-btn {
    color: var(--Global-Gray-600, #6D6D6D);
    font-family: sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 120% */
}

.flow-name-btn.flow-type-selected {
    color: var(--Global-Brand-700, #006B99) !important;
}

.card-body .col-2 {
    display: flex;
    padding: 2px 0 2px 9px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
}

.card-body .col-8 {
    display: flex;
    align-items: center;
    gap: 4px;
    align-self: stretch;
}

.flow-type-btn {
    width: 70px;
    height: 70px;
}

.flow-type-button {
    padding-left: 0;
    padding-right: 0;
}

.flow-type-btn > svg {
    width: 58.333px;
    height: 58.333px;
    aspect-ratio: 58.33/58.33;
}

.checkmark-container {
    background-color: var(--Global-Gray-300, #E2E8F0);
}

.checkmark-container > svg path {
    fill: var(--Global-Gray-600, #6D6D6D);
}

.checkmark-container.flow-type-selected {
    background-color: var(--Global-Brand-700, #006B99);
}

.flow-type-btn.flow-type-selected > svg path {
    fill: var(--Global-Brand-700, #006B99) !important;
}

.flow-card-container .col-sm-2.flow-type-selected {
    background-color: var(--Global-Brand-700, #006B99);
}

.checkmark-btn.flow-type-selected > svg {
    background-color: var(--Global-Brand-700, #006B99);
}

.checkmark-btn.flow-type-selected > svg path {
    fill: var(--Global-Gray-50, #FFF);
}

.template-check {
    display: flex;
    height: 64px;
    padding: 8px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.template-check > svg,
.checkmark-link > svg {
    flex-shrink: 0;
    aspect-ratio: 1/1;
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 99px;
    border: 1px solid var(--Gray-400, #B1B1B1);
    background: var(--Gray-100, #F8F8F8);
    fill: var(--Gray-400, #B1B1B1);
}

/*.show-learn-more {*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    background-color: #D9D9D9;*/
/*}*/

.show-learn-more > svg {
    width: 20px;
    height: 20px;
    aspect-ratio: 1/1;
    fill: var(--Global-Gray-600, #6D6D6D);
}

.template-selected > svg {
    fill: #006B99;
}

.template-title-tooltip {
    color: var(--Global-Gray-700, #464646);
}

.template-title-tooltip.template-selected {
    color: #006B99;
}

.template-check.template-selected > svg,
.flow-type-tooltip.template-selected > svg {
    fill: #006B99;
}

.mobile-only-content {
    display: none; /* Hidden by default on larger screens */
}

.fullscreen-only-content {
    display: none; /* Hidden by default on larger screens */
}

.negative-half-gutter {
    margin-right: calc(-.5 * var(--bs-gutter-x));
}

@media only screen and (max-width: 350px) {

    .mobile-only-card {
        width: 250px;
    }

    .card-body .col-8 {
        width: 60%;
        padding-left: 0;
    }
}

@media only screen and (min-width: 351px) and (max-width: 760px) {

    .mobile-only-card {
        width: 320px;
    }

    .card-body .col-8 {
        width: 75%;
        padding-left: 0;
    }
}

/* When the screen width is 760 pixels or less, show this content */
@media only screen and (max-width: 760px) {

    .mobile-only-content {
        display: block;
    }

    .box-padding {
        padding: 0;
    }

    .mobile-container-padding {
        padding-right: calc(var(--bs-gutter-x) * .2);
        padding-left: calc(var(--bs-gutter-x) * .2);
        margin-right: 1px;
    }

    .mobile-body {
        padding: 0;
    }

    .mobile-label {
        padding-left: 10px;
    }

    .mobile-text {
        padding: 2px;
    }

    .title-error .message-with-icon-svg {
        width: 10%;
    }

    .mobile-only-card-row {
        flex-wrap: nowrap;
    }

    .card-body.row {
        padding-left: 0;
    }

    .card-body .col-4 {
        width: 25%;
        padding-left: 0;
    }

    .flow-card-container {
        padding-left: 25px;
    }

    .kind-of-flow .col-sm-12 {
        margin-top: 10px;
        margin-left: 20px;
        padding-right: 30px;
    }

    .flow-name-button {
        padding-left: 5px;
    }

    .flow-types-header {
        margin-left: 10px;
    }

    .template-check {
        padding-left: 0;
    }
}

/* When the screen width is 760 pixels or less, show this content */
@media only screen and (min-width: 761px) {

    .fullscreen-only-content {
        display: block;
    }

    .box-padding {
        padding: 24px;
    }

    .title-error .message-with-icon-svg {
        width: 3%;
    }
    .card-body .col-4 {
        padding-left: 0;
        padding-right: 0;
    }

    /*.container-padding {*/
    /*    padding-right: calc(var(--bs-gutter-x) * .2);*/
    /*    padding-left: calc(var(--bs-gutter-x) * .2);*/
    /*}*/
}
#returnForRevisionsSelection div.form-check {
    width: 50px;
}

#attachmentFileUpload div.fileupload {
    padding-left: 0px;
}

#reviewComment button.btn {
    max-height: 38px;
}

#reviewerInstructions {
    /* fixes issues with ckeditor styling resulting in content flowing into other elements */
    display: flow-root;
}

#thankYouForApplyingDiv {
    min-height: 25vh;
}

div.row button.btn.nextSection,
#applicationForm button.btn.nextSection {
    max-width: 200px;
}

.button-popover {
    width: 240px;
}
#ReportsTitle.nav a {
    color: #07708d !important;
    font-size: 1.2rem;
}

#ReportsTitle.nav a.active {
    color: #757575 !important;
    text-decoration: none;
    cursor: default;
}

#ReportsTitle.nav a:hover {
    background-color: #d9d9cf !important;
}

#btnRefineResults, #btnClearAllFiltersComp,
#btnRefineResultsApp, #btnClearAllFiltersApp {
    height: 2.5rem;
}

.reportTabsPipe {
    padding-top: 2.5rem;
}

#reportsSelection .infoready-tooltip svg {
    font-size: 1.5rem;
}

.reportTable form div..bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    max-width: 400px;
    width: 100%;
    min-width 200px;
}

/* TODO: Figure out why this dropdown won't wrap without overriding the width*/
div.bootstrap-select:has(select#discipline) ul.dropdown-menu,
div.bootstrap-select:has(select#discipline) div.dropdown-menu {
    max-width: 100% !important;
    min-width: 100% !important;
}
/*.top-negative-10 {*/
/*    top: -0.625rem;*/
/*}*/

#insightsDownload {
    font-size: 0.8rem;
}

#insightsDashboardHeading {
    font-size: 1.375rem;
    color: #485465;
}

div.insightsWidgets {
    margin-bottom: 1.25rem;
}

.insightsWidgets .app-grid-canvas-container.insights-progress-report-canvas-container {
    height: 12.5rem;
}

#insight-dashboard .insightsWidgets .standardChartLegend {
    width: 25rem;
    display: flex;
    justify-content: center;
}

.insightsWidgets .app-grid-chart-and-legend {
    display: block;
}

.insightsWidgets .no-data-to-display-container {
    width: 25rem;
    height: 15rem;
}

.insightsWidgets .no-data-to-display {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: normal;
    color: #555555;
    height: 12.5rem;
}

.insightsWidgets .tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.insightsWidgets .tooltip-inner {
    background: #fff;
    color: #000;
    text-align: left;
    border: 0.063rem 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;
}

#insight-dashboard {
    min-height: 50rem;
}

#insight-dashboard .app-grid-icon {
    color: #595959;
}

#insight-dashboard .app-grid-tooltip-container {
    position:relative;
    display: inline-block;
    top: 0.125rem;
}

#insight-dashboard .dropdown-toggle {
    background: #fff;
}

#insight-dashboard #insight-tabs ul.nav-tabs {
    margin-bottom: 0;
    border-bottom: none;
}

#insight-dashboard #tab-content-row {
    border-top: 0.063rem solid #c0c0c0;
    background-color: #fafafa;
}

#insight-dashboard #insight-tabs-content-insights .insight-download-reports {
    margin-bottom: 1.25rem;
}

#insight-dashboard .chartTitle .popover-content,
#insight-dashboard #insights-view-all-modal .popover-content {
    font-size: 0.813rem;
}

#insight-dashboard .chart .popover-content p {
    margin: 0;
}

#insight-dashboard div#applicationGridContent {
    min-height: auto;
}

#insightsDashboardHeading {
    font-size: 1.375rem;
    color: #485465;
}

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

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: 0;
}

body.dynamic-insights-dashboard-view #reportHeader {
    padding: 0 1.563rem !important; /* !important to overrule inline styling. If inline styling is removed, also remove !important */
}

body.dynamic-insights-dashboard-view #ReportsTitle {
    padding: 1.25rem 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: 0 !important; /* !important to overrule "margin-top-10". If class is removed, also remove !important */
    padding: 0;
}

#insight-dashboard h2 {
    margin: 0.75rem 0;
    font-size: 1.375rem;
    color: #333;
    font-weight: normal;
}

#insight-dashboard .tooltip {
    z-index: 9999;
}

.insight-window-padding {
    padding: 0 1.563rem;
}

.insight-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: -0.438rem -0.625rem;
}

.insight-filters > * {
    flex: 0 0 18.15%;
    margin: 0.438rem 0.625rem;
}

.insight-filter label {
    margin-bottom: 0;
    font-size: 0.813rem;
}

#insight-dashboard .insight-filter .insight-template-select,
#insight-dashboard .insight-filter .insight-filter-select {
    min-width: 6.25rem;
    width: 100%;
    border-radius: 0.25rem;
}

#insight-clear-filters-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 0.438rem;
}

/* 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: 1.25rem;
}

#insight-tabs li > a {
    margin: 0 2.188rem;
    border: 0.063rem solid transparent;
    padding: 0 0 0.313rem;
    background-color: transparent;
    font-size: 0.875rem;
    font-weight: bold;
    color: #07708d;
}

#insight-tabs li.active > a {
    border-bottom: 0.25rem solid #07708d;
    color: #757575;
}

#insight-tabs li > a:first-child {
    margin-left: 0;
}

#insight-tab-content {
    margin-top: 2.5rem;
}

#insight-dashboard {
    min-height: 50rem;
}

#insight-dashboard .dropdown-toggle {
    background: #fff;
}

#insight-dashboard #insight-tabs ul.nav-tabs {
    margin-bottom: 0;
    border-bottom: none;
}

#insight-dashboard #tab-content-row {
    border-top: 0.063rem solid #c0c0c0;
    background-color: #fafafa;
}

#insight-dashboard #insight-tabs-content-insights .insight-download-reports {
    margin-bottom: 1.25rem;
}

.dynamic-insights-dashboard-view #insight-dashboard .tooltip.in {
    font-size: 0.75rem;
}

.dynamic-insights-dashboard-view #insight-dashboard .tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 0.75rem;
    color: #595959;
}

.dynamic-insights-dashboard-view #insight-dashboard .tooltip-inner {
    white-space: normal;
    width: 12.5rem;
    text-align: left;
    padding: 0.625rem;
    font-weight: normal;
    background-color: #595959;;
}

.dynamic-insights-dashboard-view #insight-dashboard .tooltip.top .tooltip-arrow {
    border-top-color: #595959;
}

.dynamic-insights-dashboard-view #insight-dashboard .tooltip.left .tooltip-arrow {
    border-left-color: #595959;
}

.dynamic-insights-dashboard-view #insight-dashboard .tooltip.right .tooltip-arrow {
    border-right-color: #595959;
}

.dynamic-insights-dashboard-view #insight-dashboard .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #595959;
}

/* Styles for standard input & select fields */
#insight-dashboard input[type="text"], #insight-dashboard input[type="search"], #insight-dashboard .dropdown-toggle {
    border-radius: 0.25rem;
    box-shadow: none;
    font-size: 0.813rem;
    color: #555;
    font-weight: normal;
}
div.chartTitle {
    height: 1.25rem;
    color: #333;
    font-size: 1rem;
    margin-bottom: 0.625rem;
}

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

div.canvasContainer {
    width: 25rem;
    height: 15rem;
}

.standardChartLegend {
    width: 17.5rem;
    margin: 0 auto;
    font-size: 0.688rem;
}

.standardChartLegend li, #applicationStatusChartLegend li {
    display: inline;
    margin-right: 1.25rem;
}

.standardChartLegend li span, .standardChartLegend div span {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 0.313rem;
    border-radius: 1.563rem;
}

.standardChartLegend #div1 {
    float: left;
    width: 48%;
    margin-right: 0.313rem;
    height:  2.5rem;
}

.competitionStatusesLegendWidth {
    width: 18.75rem !important;
}

.applicationsSubmittedLegendWidth {
    width: 18.75rem !important;
}

.customChartLegendFirstCell {
    width: auto;
    float: right;
    padding: 0;
    max-width: 11.875rem;
}

.customChartLegendSecondCell {
    width: 11.875rem;
    padding: 0;
    float: right;
    margin-left: 1.25rem;
}

.customChartLegend span.indicator {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 0.313rem;
    border-radius: 1.563rem;
}

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

#applicationStatusChartLegend {
    font-size: 0.688rem;
    color: #485465;
}

#insight-dashboard .standardChartLegend div.app-grid-tooltip-container {
    margin-right: 0;
}

#insight-dashboard .standardChartLegend {
    width: 23.5rem;
}

#insight-dashboard .standardChartLegend div {
    float: left;
    margin-right: 0.75rem;
}

#insight-dashboard .standardChartLegend div:last-child {
    float: none;
}

#insight-dashboard .standardChartLegend div.app-grid-progress-report-chart-legend-identifier-with-tooltip {
    margin-right: 0.313rem;
}

#chart4-title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#chart4-title-container.insights-no-flex {
    display: inline-block;
}

.insights-bar-chart-legend {
    margin-top: -1.25rem;
    font-size: 0.688rem;
    color: #333333;
}

#insights-view-all-modal {
   height: 41.875rem;
   width: 53.125rem;
}

#insights-view-all-modal.modal .modal-body {
    max-height: 40.313rem;
    overflow-y: auto;
}

#insights-view-all-modal .modal-header {
    padding: 0.875rem 0.938rem 0 0.938rem;
}

#insights-view-all-modal-cancel.close {
    color: #333;
    font-size: 2.188rem;
    opacity: .8;
    font-weight: normal;
}

#insights-view-all-modal h3 {
    color: #333;
    font-size: 1.25rem;
}

div.canvasContainer.viewAll {
    height: 37.5rem;
    width: 48.75rem;
}

#view-all-chart-container.modal-body {
    padding: 0 1.875rem 0.938rem 0.938rem;
}

#view-all-chart-container .insights-bar-chart-legend {
    color: #485465;
}

a.insights-chart-view-all {
    font-size: 0.75rem;
    color: #07708d;
}

#insight-dashboard .chartTitle .popover-content,
#insight-dashboard #insights-view-all-modal .popover-content {
    font-size: 0.813rem;
}

#insight-dashboard .chart .popover-content p {
    margin: 0;
}

@media (max-width: 575px) {
    #reportsSelection div.canvasContainer {
        width: 100%;
        height: 100%;
    }

    #reportsSelection canvas#fundingAwardedChart {
        max-width: 100%;
        max-height: 100%;
    }
}

@media (min-width: 576px) {
    .customChartLegend {
        width: 25rem;
    }
}

.customChartLegend {
    font-size: 0.688rem;
}
.chart {
    border: 0.063rem solid #ccc;
    border-radius: 0.375rem;
    background-color: #fff;
    padding: 1rem;
}

.datepicker-input {
    min-width: 10.3125rem;
    max-width: 12.5rem;
    width: auto;
    height: 2.375rem;
}