/*****************************************

    BASELINE STYLES

    NOTE: the style sheet is structured
    with mobile styles being the baseline
    and all desktop styles applied as media
    query overrides.

*****************************************/
html {
  background-color: #f5f6f6;
  height: 100%;
  font-size: 10px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
}

body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  height: 100%;
  font-size: 1.5rem;
  line-height: 1.8rem;
  position: static;
  color: #555555;
}

input[type='text']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder, input.FieldIconDollar::-webkit-input-placeholder {
  color: rgba(114,114,114,0.6);
}

input[type='text']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='number']::-moz-placeholder, input.FieldIconDollar::-moz-placeholder {
  color: rgba(114,114,114,0.6);
}

input[type='text']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder, input.FieldIconDollar:-ms-input-placeholder {
  color: rgba(114,114,114,0.6);
}

input[type='text']:focus::-webkit-input-placeholder,
input[type='password']:focus::-webkit-input-placeholder {
  color: #5b5b5b;
}

input[type='text']:focus::-moz-placeholder,
input[type='password']:focus::-moz-placeholder {
  color: #5b5b5b;
}

input[type='text']:focus:-ms-input-placeholder,
input[type='text']:focus:-ms-input-placeholder {
  color: #5b5b5b;
}

/* Hide elements */
.NotVisible {
  display: none;
}

/* Textarea validation issue in FF */
:not(output):-moz-ui-invalid {
  box-shadow: none;
}

a {
  color: #2968b3;
  text-decoration: underline;
}

a:hover {
  color: #2968b3;
  text-shadow: 0 0 transparent;
}

p, pre {
  margin: 1.2rem 0;
}

h1, h2, h3, h4, h5, h6 {
  color: #445e7d;
  font-weight: 400;
  line-height: 1.2em;
  margin: 1.2rem 0 0.6rem 0;
}

h1 {
  font-size: 3.6rem;
}

h2 {
  font-size: 2.4rem;
}

h3 {
  font-size: 2.0rem;
}

h4 {
  font-size: 1.6rem;
}

h5 {
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
}

h6 {
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
}

h1:before,
h2:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 1.4em;
  margin-right: 10px;
  background: #e6aa34;
  vertical-align: -30%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; /* future proofing */
}

h1.DisableYellow:before,
h2.DisableYellow:before {
  content: none;
}

ul {
  display: block;
  list-style-type: disc;
  margin: 1.5rem 0;
  padding: 0 0 0 4rem;
}

ul li {
  display: list-item;
  text-align: left;
}

ol {
  display: block;
  list-style-type: decimal;
  margin: 1.5rem 0;
  padding: 0 0 0 4rem;
}

ol li {
  display: list-item;
  text-align: left;
}

i, em {
  font-style: italic;
}

b, strong {
  font-weight: bold;
}

hr {
  background-color: #ececec;
  /* background-color: #e5e5e5; dark */
  border: none;
  height: 1px;
  margin: 1.2rem 0;
}

hr.Thick {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 3px;
  margin: 1.8rem 0;
}

blockquote {
}

h2 .HelpText {
  color: #ababab;
}

.Separator {
  color: #c4c4c4;
  display: inline-block;
  margin: 0 5px;
}

/** CLEARFIX **/
.WidthContain:after,
.ClearFix:after,
ul.KeywordList:after,
.HeadlineInline:after,
.ListViewItem:after,
.FilterBar:after,
.k-window .HorizontalInputs:after,
#ToolButtons > ul:after,
.Rating:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.ClearFix {
  display: block;
}

*:first-child + html .WidthContain,
*:first-child + html .ClearFix {
  zoom: 1;
  height: 1%;
}

/* Word Break Styles - Target: User Generated Content, Modals, Tooltips, Kendo DDLs */
html body .Page *,
.k-animation-container * {
  word-wrap: break-word;
}

/****************************
        FORM/INPUT STYLES
*****************************/
/* Chunks - generic sectioning element */
form .Chunk {
  margin-bottom: 31px; /*revisit*/
}

form .Chunk:last-child {
  margin-bottom: 0;
}

form .Chunk > h2:first-child {
  margin-top: 0;
}

/* Label */
.Label {
  color: #6B6B6B;
  font-size: 11px;
  line-height: 1.2em;
  display: block;
  margin: 5px 0 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

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

.Label.Required {
  padding: 0 12px 0 0;
  background-image: url("../../Media/Images/Icon-ValidationMarker.png");
  background-repeat: no-repeat;
  background-position: right;
  background-color: yellow;
}

.Label.Required:after {
  content: " - Remove 'Required' class and add appropriate span";
}

.LabelTextHidden {
  display: none;
}

span.ValidationMarker {
  display: inline-block;
  height: 7px;
  width: 7px;
  margin: 2px 0 0 5px;
  vertical-align: top;
  background: transparent url(../../Media/Images/Icon-ValidationMarker.png) no-repeat center center;
  background-image: url(../../Media/Images/Icon-ValidationMarker.svg),none;
  background-size: 7px 7px;
}

/* Field Notes */
.NoteText {
  font-size: 1.2rem;
  line-height: 1.3rem;
  color: #7f858c;
}

/* Input Row */
.InputRow {
  margin: 19px 0 23px;
}

.InputRow:last-child {
  margin-bottom: 0;
}

/* Multi Field Input Row */
.InputRow.MultiFieldInputRow > *:not(.Label) {
  margin-top: 8px;
}

.InputRow.MultiFieldInputRow > .Label {
  margin-bottom: 1px;
}

/* View Row */
.ViewRow {
  margin: 19px 0 21px;
}

.ViewRow:last-child {
  margin-bottom: 0;
}

/* Button/Box Lists */
.RadioButtonList,
.CheckBoxList {
  margin: 12px 0 12px 0;
}

.RadioButtonList > ul,
.CheckBoxList > ul {
  margin: 0;
  padding: 0;
}

.RadioButtonList > ul > li,
.CheckBoxList > ul > li {
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
}

.RadioButtonList > ul > li > input[type="radio"],
.CheckBoxList > ul > li > input[type="checkbox"] {
  margin: 0 3px 0 0;
  padding: 0;
}

/* 'Not provided' data styles - Class added via JS to elements containing a "N/A" message */
.InputNotProvided {
  color: #919191 !important;
  font-style: italic !important;
  text-transform: lowercase !important;
}

/* Kendo */
.k-tooltip-validation {
  display: none !important;
}

.k-content,
.k-listview,
.k-tabstrip .k-content.k-state-active {
  background-color: transparent;
}

.k-widget.k-listview {
  box-shadow: none;
  border: none;
}

.k-widget.k-listview + .k-widget.k-pager-wrap {
  background-color: transparent;
}

.k-button,
.k-header {
  font-weight: 300;
}

html body .k-bare {
  opacity: 1;
}

html body .k-bare .k-state-focused,
html body .k-bare:focus {
  opacity: 1;
}

html body .k-bare.k-state-focused:before,
html body .k-bare:focus:before {
  content: none;
}

input[class*="k-"] {
  background-color: #ffffff;
  border: 1px solid #cfcfcf;
  -moz-box-shadow: inset 2px 2px 8px #e8e8e8;
  -webkit-box-shadow: inset 2px 2px 8px #e8e8e8;
  box-shadow: inset 2px 2px 8px #e8e8e8;
  line-height: 1.4em;
}

input.k-radio,
input.k-checkbox {
  border: none;
}

input.k-textbox {
  height: 2.3em;
  line-height: 2.3em;
}

.k-autocomplete .k-input {
	box-sizing: border-box;
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input {
  height: 2.25267em;/* 2.25267em = 33.79/15; account for padding and border */
  line-height: 1.81em;
}

.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
  /* these values should be the same as the ddl inputs values */
	min-height: 2.25267em;
  line-height: 2.25267em;
}

.k-popup .k-item,
.k-list-optionlabel {
  cursor: pointer;
}

.k-state-selected:hover,
.k-state-selected:link:hover,
.k-state-selected:visited:hover,
.k-list > .k-state-selected:hover,
.k-list > .k-state-highlight:hover,
.k-panel > .k-state-selected:hover,
.k-ghost-splitbar-vertical:hover,
.k-ghost-splitbar-horizontal:hover,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected:hover,
.k-scheduler .k-today.k-state-selected:hover,
.k-marquee-color:hover {
  color: #ffffff;
  background-color: #445e7d;
  border-color: #445e7d;
}

.k-state-selected:hover,
.k-state-selected:link:hover,
.k-state-selected:visited:hover,
.k-list > .k-state-selected:hover {
  cursor: default;
}

.k-list > .k-state-selected.k-state-focused {
  color: #ffffff;
	box-shadow: none;
}

.Buttons {
  margin-top: 20px;
}

/* Loading Mask */
.k-loading-mask > * {
  -moz-animation: ShowGridLoader 0s ease-in 400ms forwards; /* Firefox */
  -webkit-animation: ShowGridLoader 0s ease-in 400ms forwards; /* Safari and Chrome */
  -o-animation: ShowGridLoader 0s ease-in 400ms forwards; /* Opera */
  animation: ShowGridLoader 0s ease-in 400ms forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  visibility: hidden;
}

@-webkit-keyframes ShowGridLoader {
  to {
    visibility: visible;
  }
}

@keyframes ShowGridLoader {
  to {
    visibility: visible;
  }
}

/* Kendo Drop Down With Grouping */
.k-popup.k-group .k-list .k-item {
  display: flex;
  flex-direction: column;
}

.k-popup.k-group .k-list .k-item.k-first:before {
  border-color: transparent;
}

.k-popup.k-group > .k-group-header {
  border-top: 1px solid #999999;
  padding-left: 0.5em;
}

.k-popup.k-group > .k-group-header,
.k-popup.k-group .k-list .k-item > .k-group {
  letter-spacing: 0.06667em; /* 0.06667em = 1/15 */
  line-height: 1.86667em; /* 1.86667em = 28/15 */
  min-height: 1.86667em; /* 1.86667em = 28/15 */
  text-align: left;
  text-transform: capitalize;
}

.k-popup.k-group .k-list .k-item > .k-group {
  background-color: #e5e5e5;
  border-bottom-left-radius: 0;
  border-top: 1px solid #d4d4d4;
  color: #929292;
  top: 0;
  right: 0;
  left: 0;
  position: relative;
  order: -1;
  flex-grow: 1;
  margin: -7px -12px 7px;
}

.k-popup.k-group .k-list .k-item > .k-group > strong {
  font-weight: normal;
}

/* IE 9 Support for Readability */
.k-ie9 .k-popup.k-group .k-list .k-item.k-first {
  margin-top: 3.2em; /* 3.2em = 48/15 */
}

.k-ie9 .k-popup.k-group .k-list .k-item > .k-group {
  position: absolute;
  top: -3.73em; /* 3.73em = 48/12.855 */
  min-height: 3.73em; /* 3.73em = 48/12.855 */
  margin: 0;
}

/* Numeric textbox */
.k-numerictextbox .k-link {
  height: 1.126335em;/* half the height of the input element */
}

.k-numerictextbox .k-select .k-state-selected:hover,
.k-numerictextbox .k-select .k-state-selected:link:hover,
.k-numerictextbox .k-select .k-state-selected:visited:hover {
  color: inherit;/* we wrote janky styles that create weird bugs with numeric textboxes. This helps fix them. */
}

/* Kendo WYSIWYG Editor */
.k-editor.k-widget {
	background-color: #ffffff;
}

.k-editor.k-widget .k-editor-toolbar-wrap .k-editor-toolbar.k-toolbar-resizable {
  min-height: 48px; /* Same as overflow tools hamburger menu */
  line-height: 48px;
}

/* tools */
.k-editor-toolbar-wrap .k-tool {
	background-color: #f1f1f1;
}

.k-editor-toolbar-wrap .k-tool:hover {
	background-color: #dedede;
}

/* overflow popup */
.k-editor-overflow-popup.k-popup.k-list-container {
	padding: 0;
}

.k-editor-overflow-popup .k-overflow-tool-group {
	box-shadow: none;
}

.k-editor-overflow-popup .k-button.k-tool:hover,
.k-editor-overflow-popup .k-button.k-tool:focus,
.k-editor-overflow-popup .k-button.k-tool:focus:hover {
	background-color: #cccccc;
	color: #333333;
	box-shadow: none;
}

.k-editor-overflow-popup .k-button.k-tool:active {
	background-color: #3c72af;
	color: #ffffff;
}

/* modal buttons */
.k-editor-dialog.k-popup-edit-form .k-edit-buttons .k-button.k-primary {
	color: #ffffff;
}

/*** date picker styles ***/
/* input */
.k-datepicker .k-picker-wrap .k-select {
	line-height: 2.13333em;/* 2.13333em=32/15 */
}

/* pop up */
.k-calendar,
.k-calendar-container {
  background-color: #ffffff;
}

/* Header Styles */
.k-calendar > .k-header {
	background-color: transparent;
	color: #444444;
}

.k-calendar .k-header .k-link {
  border-radius: 0;
}

.k-calendar .k-header .k-nav-prev.k-state-hover,
.k-calendar > .k-header .k-nav-fast.k-state-hover,
.k-calendar .k-header .k-nav-next.k-state-hover {
  background-color: #e7e7e7;
}

/* Footer Styles */
.k-calendar .k-footer {
	border-top: 1px solid #e6e6e6;
}

.k-calendar .k-footer .k-nav-today {
	padding: 1.143em 0 1.071em;
	color: #2968b3;
}

.k-calendar .k-footer .k-nav-today:hover,
.k-calendar .k-footer .k-nav-today.k-state-hover {
	color: #2968b3;
	background-color: #f5f6f6;
}

/* date selection */
.k-calendar .k-content td,
.k-calendar .k-content .k-link {
	border-radius: 5px;
}

.k-calendar td.k-state-focused .k-link,
.k-calendar td.k-today.k-state-focused .k-link {
  -moz-box-shadow: inset 0 0 0 1px #4b8bd8;
  -webkit-box-shadow: inset 0 0 0 1px #4b8bd8;
  box-shadow: inset 0 0 0 1px #4b8bd8;
}

.k-calendar td.k-state-focused.k-state-hover .k-link,
.k-calendar td.k-today.k-state-focused.k-state-hover .k-link {
  background-color: #cddaea;
}

.k-calendar td.k-state-selected .k-link,
.k-calendar td.k-today.k-state-selected .k-link {
  -moz-box-shadow: inset 0 0 0 1px #567cab;
  -webkit-box-shadow: inset 0 0 0 1px #567cab;
  box-shadow: inset 0 0 0 1px #567cab;
	background-color: #6796ce;
	color: #ffffff;
}

.k-calendar td.k-state-selected.k-state-focused .k-link {
  -moz-box-shadow: inset 0 0 0 1px #567cab;
  -webkit-box-shadow: inset 0 0 0 1px #567cab;
  box-shadow: inset 0 0 0 1px #567cab;
}

.k-calendar td.k-state-selected.k-state-hover .k-link,
.k-calendar td.k-today.k-state-selected.k-state-hover .k-link {
  background-color: #63a0e8;
}

.k-calendar td.k-state-focused.k-state-selected.k-state-hover .k-link {
  box-shadow: inset 0 0 7px 0 #1f496e;
}

/* Today */
.k-calendar td.k-today .k-link {
  box-shadow: inset 0 0 0 1px #dedede;
}

.k-calendar td.k-today .k-link:active {
  box-shadow: inset 0 0 0 1px #ababab;
}

.k-calendar td.k-today .k-link {
  color: #555555;
}

/*** Expand/Collapse Icons ***/
.k-i-expand:before {
	content: "\e014";
}

.k-i-collapse:before,
.k-panelbar-collapse:before {
	content: "\e015";
}

.k-panelbar-expand:before {
	content: "\e016";
}

.k-panelbar-expand.k-icon,
.k-panelbar-collapse.k-icon {
	right: 16px;
	font-weight: bold;
}



/* Named Input styles */
textarea.Address {
  width: 250px;
  height: 100px;
}

input.ContactLabel {
  width: 100%;
  max-width: 250px;
}

input.FullName {
  width: 100%;
  max-width: 250px;
}

input.Name {
  width: 100%;
  max-width: 150px;
}

input.MiddleInitial {
  width: 100%;
  max-width: 50px;
}

input.Phone,
.k-maskedtextbox.Phone {
  width: 100%;
  max-width: 250px;
}

.k-maskedtextbox input {
  width: 100%;
  max-width: none;
}

input.Street {
  width: 100%;
  max-width: 300px;
}

input.City {
  width: 100%;
  max-width: 300px;
}

input.PostalCode {
  width: 100%;
  max-width: 120px;
}

input.Province {
  width: 100%;
  max-width: 200px;
}

input.Email {
  width: 100%;
  max-width: 250px;
}

input.Lab {
  width: 100%;
  max-width: 250px;
}

input.ReferenceId {
  width: 100%;
  max-width: 500px;
}

/* Kendo grid styles */
.k-grid td.ActionPanelCell {
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
}

.k-grid {
  z-index: 0; /* Fix for IE11 where gear menu would not fully display. */
}

/* Kendo grid toolbar styles */
.k-grid .k-grid-toolbar > h2 {
  margin-bottom: 12px;
}

.k-grid .k-grid-toolbar > .k-button {
  margin-right: 0;
  margin-left: 7px;
}

.k-grid .k-grid-toolbar > .k-button:first-of-type {
  margin-left: 0;
}

/* Kendo named input styles */
.k-dropdown.input-validation-error, .k-combobox.input-validation-error, .k-datepicker.input-validation-error, .k-editor.input-validation-error {
  border: 1px solid red;
}

.k-dropdown.Namefix, .k-combobox.Namefix {
  width: 100%;
  max-width: 85px;
}

.k-dropdown.Country, .k-combobox.Country {
  width: 100%;
  max-width: 300px;
}

.k-dropdown.Institute, .k-combobox.Institute,
.k-dropdown.Division, .k-combobox.Division {
  width: 100%;
  max-width: 500px;
}

.k-dropdown.State, .k-combobox.State {
  width: 100%;
  max-width: 100px;
}

.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default,
.k-input, input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input, .k-multiselect-wrap {
  background-color: #fcfcfc;
}

.k-dropdown.RequestType, .k-combobox.RequestType {
  width: 100%;
  max-width: 500px;
}

.k-dropdown.RequestedForUser, .k-combobox.RequestedForUser {
  width: 100%;
  max-width: 250px;
}

.k-popup .k-list .k-item {
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 1.4em;
  min-height: 1.4em;
}

/* Kendo Dms Drop Down Header */
.k-popup .DmsDropdownHeader {
  background: #c2c2c2;
  color: #ffffff;
  border-top: 1px solid #999999;
  line-height: 1.86667em;
  min-height: 1.86667em;
  text-transform: capitalize;
  padding: 0 12px;
  border-left: none;
  border-right: none;
  border-bottom: none;
  box-shadow: none;
}

/* Kendo Dms Disabled Drop Down Option */
.k-popup .k-list .k-item .DmsOptionDisabled {
  padding: 7px 12px 7px; /* padding + border */
  margin: -7px -12px -7px;
  cursor: not-allowed !important;
  display: block;
  background-color: #f5f6f6; /* same as parent ul background */
  min-height: 1.4em;
  opacity: 1;
}

.k-radio-label,
.k-checkbox-label {
  padding: 2px 0 0 3rem;
  vertical-align: text-top;
	font-size: 1.2rem;
  line-height: 2rem;
}

.k-radio-label {
  padding-top: 2px;
}

.k-checkbox-label:before,
.k-checkbox-label:after,
.k-radio-label:before,
.k-radio-label:after {
  font-size: 1.5rem;
}

.k-radio-label:before {
	border-color: #C0C0C0;
	border-width: 2px;
}

.k-radio:checked + .k-radio-label:before {
	border-color: #445e7d;
}

.k-checkbox:checked+.k-checkbox-label:before {
	line-height: 14px;
	content: "\2713";
}

/* Kendo tabstrips */
.k-tabstrip.k-header {
  background-color: transparent;
}

.k-tabstrip > .k-content {
  border: none;
  background-color: transparent;
}

.k-tabstrip:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Fiscal Authority */
address#FiscalAuthority {
  line-height: 1.5em;
  font-style: normal;
}



/**********************************
    TOOLTIPPED CONTENT
**********************************/
span[title*=""],
span[data-role*="tooltip"],
.estimatedCost {
  border-bottom: 1px dotted #a7a7a7;
}

span[title][class*="Icon"],
span[title][class*="icon"],
span[data-role*="tooltip"][class*="Icon"],
span[data-role*="tooltip"][class*="icon"],
span[data-role*="tooltip"].ActionTooltipWrapper {
  border-bottom: none;
}

span.DmsIconInfo[title],
span.DmsIconInfo[data-role*="tooltip"] {
  cursor: help;
}

.ActionTooltipWrapper {
  display: inline-block;
}

.Screens span.DmsIconInfo {
  cursor: help;
}

#DmsHelpBubble span.DmsIcon.DmsIconInfo {
  cursor: pointer;
}



/**********************************
    KENDO TOOL TIP
**********************************/
.k-widget.k-tooltip {
  background-color: rgba(28, 50, 74, 0.95);
  -moz-box-shadow: 0 0 0 0 transparent, 0 0 5px 0 rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 0 0 0 transparent, 0 0 5px 0 rgba(0,0,0,0.35);
  box-shadow: 0 0 0 0 transparent, 0 0 5px 0 rgba(0,0,0,0.35); /* box-shadow affects arrow alignment. Kendo only checks the first value when placing a tooltip, 2nd shadow is 'real' shadow. */
  box-sizing: border-box !important;
  border: 1px solid #293d51;
  max-width: 97vw !important;
  padding: 9px 12px;
}


/* custom arrow */
.k-widget.k-tooltip .k-callout {
  background-image: none;
  border-style: solid;
  overflow: hidden;
}

.k-callout-n {
  border-bottom-color: #263b52;
}

.k-callout-e {
  border-left-color: #263b52;
}

.k-callout-s {
  border-top-color: #263b52;
}

.k-callout-w {
  border-right-color: #263b52;
}

.k-widget.k-tooltip .k-callout:before {
  background-color: rgba(28, 50, 74, 0.95);
  border: 1px solid #293d51;
  -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.35);
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.35);
  content: " ";
  display: block;
  height: 6px;
  left: 4px;
  position: absolute;
  top: 4px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}

.k-widget.k-tooltip .k-callout.k-callout-n,
.k-widget.k-tooltip .k-callout.k-callout-s {
  margin-left: -8px;
  height: 7px;
  width: 16px;
}

.k-widget.k-tooltip .k-callout.k-callout-n {
  border-width: 0 0 1px 0;
  top: -8px;
}

.k-widget.k-tooltip .k-callout.k-callout-s {
  border-width: 1px 0 0 0;
  bottom: -8px;
}

.k-widget.k-tooltip .k-callout.k-callout-s:before {
  top: -5px;
}

/* content */
.k-widget.k-tooltip .k-tooltip-content {
  font-size: 1.3rem;
  text-align: left;
}

.k-widget.k-tooltip .k-tooltip-content p:first-child {
  margin-top: 0;
}

.k-widget.k-tooltip .k-tooltip-content p:last-child {
  margin-bottom: 0;
}

/* chart tooltips */
.k-tooltip.k-chart-tooltip {
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
}



/* Fancy Lists */
ul.FancyList {
  margin-left: 0;
  padding-left: 1em;
}

ul.FancyList li {
  position: relative;
  margin: 0 0 4px 1em;
  padding: 0 16px;
  list-style: none;
}

ul.FancyList li:before {
  content: " ";
  line-height: 6px;
  position: absolute;
  top: 0;
  left: -1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 6px;
  margin: 0.33333em 6px 0;
  padding: 3px;
  color: #fff;
  background: #e6aa34;
}

ul.FancyList li.active:before {
  background: transparent;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #2f4763;
  height: 0;
  padding: 0;
  width: 0;
}

/* Submenu Styling */

.SideNavigation ul li.SubTitle > span {
  padding: 7px 0 7px 12px;
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.3rem;
  color: #445e7d;
}

.SideNavigation ul li.SubTitle:before {
  background-color: transparent;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #e6aa34;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  height: 0;
  width: 0;
  padding: 0;
  margin-top: 0.6em;
  left: 0.5rem;
}

.SideNavigation ul li.SubTitle > ul {
  margin-left: 7px;
  border: none;
}

.SideNavigation ul li > ul li {
  border-top: none;
}

.SideNavigation ul li > ul li > a {
  padding: 7px 0 3px 10px;
  font-size: 1.2rem;
}

.SideNavigation ul > li.SubItems > ul {
  border: none;
  margin: 0 0 0 5px;
}

ul.FancyList > li.SubItems:before {
  content: none;
}

/*** IE7 STYLES FOR LISTS, B/C THE :before PSEUDO CLASS DOES NOT WORK FOR IE7 ***/
ol.FancyList,
ul.FancyList {
  *counter-reset: none;
  *margin-left: 0;
  *padding-left: 6px;
}

ul.FancyList {
  *padding-left: 2px;
}

ol.FancyList > li,
ul.FancyList > li {
  *position: static;
  *margin: 0 0 4px 2em;
  *padding: 0;
  *list-style: decimal;
}

ul.FancyList > li {
  *list-style: disc;
  *margin-left: 1.8em;
  *padding-left: 8px;
}

/* headline inline */
.HeadlineInline {
  padding-bottom: 8px;
}

.HeadlineInline > h1,
.HeadlineInline > h2 {
  margin: 0 0 12px 0;
}

.HeadlineInline > h3 {
  margin: 6px 0 12px;
}

.HeadlineInline > h4 {
  margin: 8px 0 12px;
}

.HeadlineInline > .k-button {
  vertical-align: top;
  margin-bottom: 12px;
}

/***************************
    PAGE LAYOUT STYLES
****************************/
.Page {
  width: 100%;
  margin: 0 auto 0 auto;
  padding: 0;
}

.WidthContain {
  padding: 0 20px;
  max-width: none;
}

header {
  padding: 0;
  margin: 0;
  border-bottom: 2px solid #9a1c1f;
  background-color: #ffffff;
  text-align: left;
  position: relative;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  line-height: 0;
}

header span#ApplicationLogo {
  display: inline-block;
  margin: 10px 0 9px;
}

header span#ApplicationLogo a {
  width: 244px;
  max-width: 244px;
  height: 30px;
  display: block;
  outline: 0;
  border: 0;
  text-align: left;
  background: transparent url(../../Media/Images/NCIFAccessionLogo2.png) no-repeat left top;
  background-image: url(../../Media/Images/NCIFAccessionLogo2.svg),none;
  background-size: contain;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

header span#ApplicationLogo a span {
  position: absolute;
  left: -90000px;
}

header #MenuTrigger {
  display: inline-block;
  float: left;
  margin: 0 12px 0 0;
  padding: 0;
  border-right: 1px solid #e9e9e9;
}

header #MenuTrigger span {
  display: block;
  height: 49px;
  width: 49px;
  background: transparent url(../../Media/Images/BurgerMenuIcon.png) no-repeat center center;
  background-image: url(../../Media/Images/BurgerMenuIcon.svg),none;
  background-size: 18px 15px;
}

header .WidthContain {
  margin: 0;
  padding: 0;
}

/****************************
        SIDEBAR MENU
*****************************/
.MainNav ul li h2:before,
.MainNav ul li h3:before,
.MainNav ul li h4:before {
  content: none;
}

/* Sub Menu Arrow */
.SubMenuArrow a:after {
  display: none;
}

.SubMenuArrow a.Trigger:after {
  display: none;
}

/* Info Icon */

.InfoIcon {
  padding: 0px !important;
}

#DeskMenu .MainMenu {
  display: none;
}

#sbOverlay {
  display: block;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  width: 0;
  transition: background 200ms 0s;
  z-index: 99;
}

.sb-active #sbOverlay {
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.sb-slidebar {
  background-color: #ffffff;
	padding-bottom: 50px;/* same as height of #AdminToolbar */
}

#sb-site, .sb-site-container {
  background-color: transparent; /* transparent so the sticky footer shows through */
}

#PanelMenu .UserNameLink {
  margin: 0 0 5px 18px;
  padding-top: 15px;
  font-size: 1.6rem;
  font-weight: bold;
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 85px;
}

#PanelMenu .UserNameLink .GreetingText {
  display: block;
  color: #bdbdbd;
}

#PanelMenu .UserNameLink a {
  text-decoration: none;
  color: #5b5c5c;
}

#MenuTriggerClose {
  float: right;
  z-index: 1000;
  position: relative;
}

#MenuTriggerClose span {
  display: block;
  height: 40px;
  width: 40px;
  background: transparent url(../../Media/Images/CloseMenuIcon.png) no-repeat center center;
  background-image: url(../../Media/Images/CloseMenuIcon.svg),none;
  background-size: 20px 20px;
}

#PanelMenu .LoginStatus {
  display: block;
  border-bottom: 2px solid #9a1c1f;
  padding: 8px;
}

#PanelMenu .LoginStatus .AccountActionsMenu {
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
  position: absolute;
  top: 65px;
  left: 111px;
}

#PanelMenu .LoginStatus .AccountActionsMenu .NotYouText {
  display: inline;
}

#PanelMenu .WidthContain {
  padding: 0;
  margin: 0;
}

#PanelMenu .MainNav ul li h2,
#PanelMenu .MainNav ul li h3,
#PanelMenu .MainNav ul li h4 {
  margin: 0;
  padding: 0;
  line-height: 1.3rem;
}

#PanelMenu .MainNav h4 {
  color: #707071;
  text-transform: uppercase;
  font-size: 1.1rem;
  line-height: 1.1rem;
  padding: 8px 22px 7px;
  background: #e3e3e3;
  margin: 0;
}

#PanelMenu .MainNav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #e3e3e3;
}

#PanelMenu .MainNav ul.Empty {
  display: none;
}

#PanelMenu .MainNav > ul {
  border-top: 0;
}

#PanelMenu .MainNav ul li {
  margin: 0;
  padding: 0;
  border-top: 1px solid #e3e3e3;
}

#PanelMenu .MainNav ul li:first-child {
  border-top: 0;
}

#PanelMenu .MainNav ul li.Parent > ul {
  display: none;
  -webkit-transform: none; /* remove translateZ(0) applied by slidebar plugin, fix for mobile safari on iPad */
}

#PanelMenu .MainNav ul li a {
  text-decoration: none;
  color: #434343;
  font-size: 1.3rem;
  font-weight: bold;
  display: block;
  padding: 12px 15px 11px 22px;
}

#PanelMenu .MainNav ul li.Parent a {
  margin-right: 39px;
}

#MobileMenu .MainNav ul li.Parent > h2 a.Trigger,
#MobileMenu .MainNav ul li.Parent > h3 a.Trigger,
#MobileMenu .MainNav ul li.Parent > h4 a.Trigger {
  display: block;
  float: right;
  text-indent: -90000px;
  height: 30px;
  width: 38px;
  margin: 3px 0;
  padding: 0;
  border-left: 1px solid #e3e3e3;
}

#MobileMenu .MainNav ul li.Parent a.Trigger span {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #3C72AF transparent transparent transparent;
  margin: 0 0 0 15px;
}

#MobileMenu .MainNav ul li.Parent.Active > h2 > a.Trigger span,
#MobileMenu .MainNav ul li.Parent.Active > h3 > a.Trigger span,
#MobileMenu .MainNav ul li.Parent.Active > h4 > a.Trigger span {
  border-width: 0 4px 7px 4px;
  border-color: transparent transparent #3C72AF transparent;
}

#PanelMenu .MainNav > ul > li {
  background: #f4f4f4;
}

#PanelMenu .MainNav > ul > li ul {
  background-color: #fff;
}

#PanelMenu .MainNav > ul > li ul a {
  padding-left: 32px;
}

#PanelMenu .MainNav > ul > li ul ul a {
  padding-left: 42px;
}

#PanelMenu .MainNav > ul > li ul ul ul a {
  padding-left: 52px;
}



main {
  min-height: 100%;
  display: block; /* IE<12 */
}

main > div > h1:first-child {
  margin-top: 0;
}

#PageHeader {
  padding: 12px 0 12px;
  margin: 0;
  color: #ffffff;
  background: #263c57 url(../../Media/Images/BannerTitleBg/Bg1.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Media/Images/BannerTitleBg/Bg1.png', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Media/Images/BannerTitleBg/Bg1.png', sizingMethod='scale')";
}

#PageHeader h1 {
  color: #ffffff;
  font-weight: 400;
  line-height: 1.2em;
  padding: 8px 0;
  margin: 0;
  font-size: 24px;
}

#PageHeader h1:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 1.4em;
  margin-right: 10px;
  background: #e6aa34;
  vertical-align: -30%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; /* future proofing */
}

#Breadcrumbs {
  margin: 0;
  padding: 0;
}

#Breadcrumbs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#Breadcrumbs ul li {
  display: inline-block;
  font-size: 1.1rem;
  margin: 0 0.5rem 0 0;
  color: #b7b7b7;
  font-weight: 500;
}

#Breadcrumbs ul li:before {
  content: "\000BB";
  font-size: 1.8em;
  line-height: 1.1rem;
  color: #7b98b8;
  margin: 0 9px 0 0;
  position: relative;
  top: 2px;
}

#Breadcrumbs ul li:first-child:before {
  display: none;
}

#Breadcrumbs ul li a {
  color: #e4eaec;
  text-decoration: none;
}

#Breadcrumbs ul li a:hover {
  color: #e4eaec;
  text-decoration: underline;
}

.DisplayTable {
  display: table;
  width: 100%;
}

.DisplayTr {
  display: table-row;
}

.DisplayTd {
  display: table-cell;
}


#ToolBar {
  background: #495f78;
  border-bottom: 1px solid #102e4f;
}

#ToolBarSearch {
  vertical-align: top;
  padding: 6px 7px;
}

#ToolBarSearch .k-autocomplete {
  background-color: transparent;
  border: none;
  width: 100%;
}

#ToolBarSearch .k-autocomplete.k-state-focused {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#ToolBarSearch .k-autocomplete .k-input {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#ToolBarSearch .DisplayTd {
  vertical-align: top;
}

#ToolBar input#ToolBarSearchField {
  font-size: 1.6rem;
  width: 100%;
  display: block;
  height: 34px;
  line-height: 26px;
  margin: 0;
  padding: 3px 5px 3px 9px;
  text-indent: 0;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#ToolBarSearchField-list.k-list-container {
  left: 7px;
}

#ToolBar input#ToolBarSearchSubmit {
  font-size: 1.6rem;
  box-sizing: border-box;
  /*display: block;*/
  height: 26px;
  width: 26px;
  text-align: center;
  line-height: 26px;
  font-weight: bold;
  padding: 3px 10px;
  color: #3e3e2f;
  border: 1px solid #f4a71d;
  background-color: #fabb49;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  box-sizing: content-box;
  vertical-align: middle;
  -webkit-appearance: none;
  appearance: none;
}

#ToolBar #ToolButtons {
  width: 158px;
  padding: 6px 7px;
}

#ToolBar #ToolButtons ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#ToolBar #ToolButtons ul li {
  list-style: none;
  padding: 0;
  margin: 4px 10px 0;
  float: left;
}

#ToolBar #ToolButtons ul li a {
  display: block;
  height: 32px;
  width: 32px;
  background: transparent none no-repeat center top;
}

#ToolBar #ToolButtons ul li a {
  display: block;
  height: 28px;
  width: 32px;
  background: transparent none no-repeat center top;
  background-size: 32px 332px;
  position: relative;
  text-indent: -90000px;
}

#ToolBar #ToolButtons ul li a:hover {
  background-position: center -100px;
}

#ToolBar #ToolButtons ul li.CartLi a {
  background-image: url(../../Media/Images/Icon-Cart.png);
  background-image: url(../../Media/Images/Icon-Cart.svg),none;
}

#ToolBar #ToolButtons ul li.MsgCntrLi a {
  background-image: url(../../Media/Images/Icon-Msg.png);
  background-image: url(../../Media/Images/Icon-Msg.svg),none;
}

#ToolBar #ToolButtons ul li.HelpCntrLi a {
  background-image: url(../../Media/Images/Icon-Help.png);
  background-image: url(../../Media/Images/Icon-Help.svg),none;
}

#ToolBar #ToolButtons ul li a span.CountBubble {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  color: #ffffff;
  background-color: #b63c3f;
  border: 1px solid #d97175;
  font-size: 1rem;
  line-height: 1.1rem;
  height: 12px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; /* future proofing */
  text-indent: 0;
  padding: 0 2px;
}

#ToolBar .LoginStatus {
  display: none;
}

.LoginStatus h4,
.LoginStatus ul li {
  display: none;
}

.LoginStatus ul li.SignOutLink {
  display: block;
}

.NotYouText {
  display: none;
  color: #a4a3a3;
}

#PageContent {
  margin: 20px 0;
}

.ContentWrapper {
  min-height: 100%;
  height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
  height: 100%;
  margin: 0 auto -317px; /* the bottom margin is the negative value of the footer's height */
}

#SiteFooter {
  background-color: #757575;
  z-index: 1;
  position: relative;
}

.sb-active #SiteFooter {
  z-index: 0; /* push the footer underneath sbOverlay */
}

#SiteFooter,
.SiteFooterPush {
  height: 317px;
  clear: both;
}

/* admin toolbar override */
#AdminToolBar ~ .ContentWrapper {
  margin-bottom: -367px; /* the bottom margin is the negative value of the footer's height + the admin toolbars height */
}

#AdminToolBar ~ #SiteFooter,
#AdminToolBar ~ .ContentWrapper .SiteFooterPush {
  height: 367px;/* 367 = 317 (footer height) + 50 (toolbar height) */
}
/* end admin toolbar override */

#SiteFooter #AppFooter {
  /*margin-top: 20px;*/
  padding: 15px 0;
  background: #d0d0d0;
  color: #565858;
  text-align: center;
}

#SiteFooter #AppFooter ul {
  list-style: none;
  padding: 4px 0;
  margin: 0;
  font-size: 14px;
  line-height: 14px;
}

#SiteFooter #AppFooter ul li {
  display: inline-block;
  border-left: 1px solid #616262;
  margin: 4px 0;
}

#SiteFooter #AppFooter ul li:first-child {
  border-left: 0;
}

  #SiteFooter #AppFooter ul li a {
    display: block;
    padding: 0 4px;
    color: #565858;
    text-decoration: none;
  }

#SiteFooter #AppFooter ul li a:hover {
  text-decoration: underline;
}

#SiteFooter #NihFooter {
  padding: 15px 0;
  color: #ffffff;
}

#SiteFooter #NihFooter .FooterColumn {
  margin: 0;
  padding: 0;
}

#SiteFooter #NihFooter ul {
  list-style: none;
  padding: 8px 0 0 0;
  margin: 0;
  font-size: 14px;
  line-height: 14px;
}

#SiteFooter #NihFooter ul li {
  margin: 8px 0;
}

#SiteFooter #NihFooter ul li:first-child {
  border-left: 0;
}

#SiteFooter #NihFooter ul li a {
  color: #ffffff;
  text-decoration: underline;
  font-weight: bold;
}

#SiteFooter #NihFooter ul li a:hover {
  text-decoration: none;
}

#SiteFooter #NihFooter .FooterHHSVulnerabilityDisclosureLink {
  line-height: 19px;
}

#NihTrademark {
  display: block;
  display: none;
  float: right;
  font-weight: bold;
  margin: 14px 0 0;
}

#NcifLogoGray {
  display: block;
  display: none;
  float: right;
  width: 175px;
  height: 30px;
  background: transparent url(../../Media/Images/NCIFLogoGray.png) no-repeat left top;
  background-image: url(../../Media/Images/NCIFLogoGray.svg),none;
}


/***************************************
        DMS TABSTRIP STYLES
***************************************/
.k-tabstrip.DmsTabstrip > .k-tabstrip-items > .k-item {
  font-size: 1.4rem;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: none;
  border-left: 1px solid #dadada;
  background: #ececec;
  text-transform: none;
  margin-right: 7px;
  z-index: 1;
}

.k-tabstrip.DmsTabstrip > .k-tabstrip-items .k-item.k-first {
  margin-left: 12px;
}

.k-tabstrip.DmsTabstrip > .k-tabstrip-items .k-item.k-last {
  margin-right: 12px;
}

.k-tabstrip.DmsTabstrip > .k-tabstrip-items .k-loading {
  border: none;
}

.k-tabstrip.DmsTabstrip > .k-tabstrip-items .k-link {
  padding: 0.71429em 1.42857em 0.64286em;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #555655;
}

.k-tabstrip.DmsTabstrip > .k-tabstrip-items .k-state-active {
  padding-bottom: 1px;
  background: #fafafa;
  border-top-color: #e8e8e8;
  border-right-color: #e8e8e8;
  border-left-color: #e8e8e8;
}

.k-tabstrip.DmsTabstrip > .k-content {
  border-radius: 6px;
  background: #fafafa;
  border: 1px solid #e8e8e8;
  padding: 21px 19px;
}

#TabStrip.k-tabstrip.DmsTabstrip > .k-content.k-state-active {
  overflow: hidden;
}

/* Scrollable Tab Buttons */
.k-tabstrip.k-tabstrip-scrollable.DmsTabstrip > .k-tabstrip-items {
  margin-left: 51px !important;
  margin-right: 51px !important;
  padding: 0;
}

.k-tabstrip.k-tabstrip-scrollable.DmsTabstrip > .k-button {
  border-radius: 0;
  top: 0;
}

.k-tabstrip.k-tabstrip-scrollable.DmsTabstrip > .k-tabstrip-prev {
  border-right: 1px solid #cccccc;
}

.k-tabstrip.k-tabstrip-scrollable.DmsTabstrip > .k-tabstrip-next {
  border-left: 1px solid #cccccc;
}

/*
.k-tabstrip.DmsTabstrip > .k-content.k-state-active {
  overflow-y: visible;
}*/

/****************************
        DMS FANCY TAB STRIPS
*****************************/
.k-tabstrip.k-tabstrip-left.DmsFancyTabStrip.DmsFancyTabStripLeft > .k-content {
  padding: 0 0 0 20px;
}

.k-tabstrip.k-tabstrip-left.DmsFancyTabStrip.DmsFancyTabStripLeft > ul.k-tabstrip-items {
  width: 200px;
}

.k-tabstrip.k-tabstrip-left.DmsFancyTabStrip.DmsFancyTabStripLeft > ul.k-tabstrip-items {
  border-top: 3px solid #e1e1e1;
  border-bottom: 3px solid #e1e1e1;
}

.k-tabstrip.k-tabstrip-left.DmsFancyTabStrip.DmsFancyTabStripLeft > ul.k-tabstrip-items > li.k-item {
  background-color: transparent;
  border-top: 1px solid #e1e1e1;
  border-right: none;
  list-style: none;
  margin: 0;
  padding: 0 16px;
  position: relative;
  text-transform: none;
}

.k-tabstrip.k-tabstrip-left.DmsFancyTabStrip.DmsFancyTabStripLeft > ul.k-tabstrip-items > li.k-item.k-first {
  border-top: none;
}

.k-tabstrip.k-tabstrip-left.DmsFancyTabStrip.DmsFancyTabStripLeft > ul.k-tabstrip-items > li.k-item:before {
  background: #e6aa34;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  content: " ";
  line-height: 6px;
  margin: 8px 6px;
  top: 4px;
  left: 3px;
  padding: 3px;
  position: absolute;
  width: 6px;
}

.k-tabstrip.k-tabstrip-left.DmsFancyTabStrip.DmsFancyTabStripLeft > ul.k-tabstrip-items > li.k-item.k-state-active:before {
  background: transparent;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #2f4763;
  height: 0;
  padding: 0;
  width: 0;
}

.k-tabstrip.k-tabstrip-left.DmsFancyTabStrip.DmsFancyTabStripLeft > ul.k-tabstrip-items > li.k-item > .k-link {
  color: #2968b3;
  padding: 7px 0 7px 12px;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.8rem;
}

.k-tabstrip.k-tabstrip-left.DmsFancyTabStrip.DmsFancyTabStripLeft > ul.k-tabstrip-items > li.k-item > .k-link:hover {
  text-decoration: underline;
}

/*** IE7 STYLES FOR LISTS, B/C THE :before PSEUDO CLASS DOES NOT WORK FOR IE7 ***/
.k-tabstrip.k-tabstrip-left.DmsFancyTabStrip.DmsFancyTabStripLeft > ul.k-tabstrip-items {
  *margin-left: 0;
  *padding-left: 2px;
}

.k-tabstrip.k-tabstrip-left.DmsFancyTabStrip.DmsFancyTabStripLeft > ul.k-tabstrip-items > li {
  *list-style: disc;
  *margin-left: 1.8em;
  *padding-left: 8px;
  *position: static;
}


/****************************
        DASHBOARD PAGES
*****************************/
.LeftCol > .DashBlock:first-child,
.RightCol > .DashBlock:first-child {
  margin-top: 0;
}

.DashBlock {
  display: block;
  padding: 12px 14px;
  margin: 15px 0;
  border: 1px solid #e8e8e8;
  background: #f9fafa;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  font-size: 1.3rem;
  position: relative;
  z-index: 1;
}

.DashBlock span.DashBlockIcon {
  display: block;
  width: 30px;
  height: 24px;
  background: transparent url(../../Media/Images/DashIcons.png) no-repeat left 5px;
  background-image: url(../../Media/Images/DashIcons.svg),none;
  background-size: 20px 350px;
  float: left;
}

.DashBlock#DashWatchlist span.DashBlockIcon {
  background-position: left -45px;
}

.DashBlock#DashMessages span.DashBlockIcon {
  background-position: left -93px;
}

.DashBlock#DashTagged4You span.DashBlockIcon {
  background-position: left -145px;
}

.DashBlock#DashActivityStream span.DashBlockIcon {
  background-position: left -195px;
}

.DashBlock#DashStats span.DashBlockIcon {
  background-position: left -245px;
}

.DashBlock#DashSurvey span.DashBlockIcon {
  background-position: left -295px;
}

.DashBlock > h2 {
  margin: 0 0 15px 30px;
  font-size: 2rem;
}

.DashBlock > h2 a {
  text-decoration: none;
}

.DashBlock > h2 a:hover {
  text-decoration: underline;
}

.DashBlock > h2 a span {
  color: #7ba8dc;
}

.DashBlock .DashBlockBody > ul {
  padding: 0;
  margin: 0;
  border-top: 1px solid #e8e8e8;
  list-style: none;
}

.DashBlock .DashBlockBody > ul > li {
  margin: 0;
  padding: 9px 3px;
  border-bottom: 1px solid #e8e8e8;
}

.DashBlock .DashTable, .DashTable {
  width: 100%;
}

.DashBlock .DashTable th,
.DashBlock .DashTable td,
.DashTable th, .DashTable td {
  border-bottom: 1px solid #e8e8e8;
  padding: 9px 3px;
  text-align: left;
  vertical-align: top;
}

.DashBlock .DashTable th, .DashTable th {
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #9b9b9b;
  font-weight: normal;
  padding-top: 0;
  padding-bottom: 6px;
  white-space: nowrap;
}

.DashBlock .DashBlockBody .ViewAll {
  margin: 7px 5px 0 0;
  text-align: right;
}

.DashBlock .DashBlockBody .ViewAll > a {
  text-decoration: none;
}

.DashBlock .DashBlockBody .ViewAll > a:hover {
  text-decoration: underline;
}

.DashBlock .DashBlockBody .ViewAll > a > span {
  font-weight: bold;
  color: #7ba8dc;
}

.DashBlock p {
  padding: 0;
  margin: 5px 0 0 0;
}

.DashBlock#DashMessages li {
  padding: 9px 0;
}


.DashBlock#DashMessages .DisplayTd {
  padding: 0 3px;
  vertical-align: top;
}

.DashBlock#DashMessages li > div.MsgHeadRow > span.MsgDate {
  text-align: right;
  white-space: nowrap;
}

.DashBlock#DashMessages li > div.MsgBody > span {
  width: 100%;
}

.DashBlock#DashActivityStream .ActivityDetail {
  margin-left: 50px;
}

.DashBlock#DashActivityStream .ActivityDetail .ActivityTime {
  display: block;
  color: #a1a1a1;
  font-size: 1.1rem;
  margin: 4px 0;
}

.DashBlock#DashSurvey .SurveyContent > ul {
  list-style: none;
  padding: 0;
}

.DashBlock#DashSurvey .SurveyContent > ul > li {
  margin-bottom: 20px;
  text-align: center;
}

.DashBlock#DashSurvey .SurveyContent > ul > li > div#surveyRating {
  margin: 5px auto 0 auto;
  width: 185px;
}

.DashBlock#DashSurvey .SurveyContent > div.SurveyNav {
  width: 215px;
  margin: 0 auto;
}

.DashBlock#DashSurvey .SurveyContent > div.SurveyNav > a {
  text-decoration: none !important;
  margin: 0 5px;
  width: 15px;
  height: 18px;
  overflow: hidden;
  display: inline-block;
  position: relative;
  top: 5px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #555555;
}

/*
 .DashBlock#DashSurvey .SurveyContent > div.SurveyNav > a#btnBackward{
  background: transparent url(../../Media/Images/DashIcons.png) no-repeat left 5px;
}

.DashBlock#DashSurvey .SurveyContent > div.SurveyNav > a#btnForward{
  background: transparent url(../../Media/Images/DashIcons.png) no-repeat left 5px;
}
*/

.DashBlock#DashSurvey .SurveyContent > div.SurveyNav > span.k-datepicker {
  width: 150px;
}

.DashBlock#DashStats .DashBlockBody .k-chart {
  height: 265px;
}

.DashBlock#DashStats .DashBlockBody #StatsGraphTitle {
  margin-top: 10px;
  font-size: 1.3rem;
  color: #555555;
  display: block;
  text-align: left;
  width: 225px;
}

/****************************
      ICON BLOCKS
*****************************/

.IconBlock {
  padding: 12px 0 0 0;
}

.IconBlock > h2, .IconBlock > .IconBlockBody {
  padding: 0 14px;
  margin: 0 0 15px 0 !important;
}

.IconBlock > .IconBlockBody > .IconBlockDescription {
  display: table-cell;
  padding: 5px 0 5px 10px;
  vertical-align: middle;
}

.IconBlock > a.IconBlockButton {
  width: 100%;
  display: block;
  padding: 12px 0;
  margin-top: 20px;
  text-align: center;
  border-top: 1px solid #e8e8e8;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.4rem;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.IconBlock > a.IconBlockButton:hover {
  text-decoration: underline;
  color: #fff;
  background-color: #55779f;
}

/* Admin Dashboard Icons */

.IconBlock > .IconBlockBody > .IconBlockIcon {
  display: table-cell;
  width: 75px;
  height: 45px;
  background: transparent url('../../Media/Images/AdminDashIcons.svg') no-repeat center 0;
  background-size: 45px 400px;
}

.IconBlock > .IconBlockBody > .IconBlockIcon.UsersIcon {
  background-position: center 0;
}

.IconBlock > .IconBlockBody > .IconBlockIcon.SamIcon {
  background-position: center -100px;
}

.IconBlock > .IconBlockBody > .IconBlockIcon.ExtAccountIcon {
  background-position: center -200px;
}

.IconBlock > .IconBlockBody > .IconBlockIcon.ManAppPagIcon {
  background-position: center -300px;
}

/* Help Center Icons */

.IconBlock > .IconBlockBody > .HelpCenter.IconBlockIcon {
  display: table-cell;
  width: 75px;
  height: 45px;
  background: transparent url('../../Media/Images/HelpCenterIcons.svg') no-repeat center 0;
  background-size: 45px 400px;
}

.IconBlock > .IconBlockBody > .HelpCenter.IconBlockIcon.FaqIcon {
  background-position: center 0;
}

.IconBlock > .IconBlockBody > .HelpCenter.IconBlockIcon.FundingIcon {
  background-position: center -100px;
}

.IconBlock > .IconBlockBody > .HelpCenter.IconBlockIcon.TrainingIcon {
  background-position: center -200px;
}

.IconBlock > .IconBlockBody > .HelpCenter.IconBlockIcon.HelpIcon {
  background-position: center -300px;
}

/* Report Icons */

.IconBlock > .IconBlockBody > .ReportIcons.IconBlockIcon {
  display: table-cell;
  width: 75px;
  height: 45px;
  background: transparent url('../../Media/Images/ReportIcons.svg') no-repeat center 0;
  background-size: 45px 600px;
}

.IconBlock > .IconBlockBody > .ReportIcons.IconBlockIcon.NonCcrIcon {
  background-position: center 0;
}

.IconBlock > .IconBlockBody > .ReportIcons.IconBlockIcon.CcrIcon {
  background-position: center -100px;
}

.IconBlock > .IconBlockBody > .ReportIcons.IconBlockIcon.SamIcon {
  background-position: center -200px;
}

.IconBlock > .IconBlockBody > .ReportIcons.IconBlockIcon.OdrsIcon {
  background-position: center -300px;
}

.IconBlock > .IconBlockBody > .ReportIcons.IconBlockIcon.OstrIcon {
  background-position: center -400px;
}

.IconBlock > .IconBlockBody > .ReportIcons.IconBlockIcon.DcegIcon {
  background-position: center -500px;
}

.SideNavigation ul {
  margin: 0 0 20px 0;
  padding: 0;
  border-top: 3px solid #e1e1e1;
  border-bottom: 3px solid #e1e1e1;
}

.SideNavigation ul li {
  margin-bottom: 0;
  margin-left: 0;
  border-top: 1px solid #e1e1e1;
}

.SideNavigation ul li:first-child {
  border-top: 0;
}

.SideNavigation ul li a {
  padding: 7px 0 7px 12px;
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.3rem;
}

.SideNavigation ul li a:hover {
  text-decoration: underline;
}

/* reposition css bullet */
.SideNavigation ul li:before {
  left: 3px;
  top: 4px;
  margin: 8px 6px;
}

/* style for currently selected side nav item, it's using borders to make a triangle */
.SideNavigation ul li.CurrentPage:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #2f4763;
  background: transparent;
  padding: 0;
}

/****************************
  NEW & REPEAT REQUEST PAGE
*****************************/

textarea.RequestDescription {
  width: 100%;
  height: 150px;
  resize: vertical;
}

.RequestedForUsers {
  width: 260px;
  max-width: 100%;
}

#lstFollowers.k-widget,
#lstInterestedUsers.k-widget {
  box-shadow: none;
  margin-bottom: 10px;
  border: none;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background: transparent;
}

#lstFollowers .DisplayTd,
#lstInterestedUsers .DisplayTd {
  padding: 10px 8px;
  line-height: 2rem;
}

#lstFollowers .DisplayTr:nth-child(odd),
#lstInterestedUsers .DisplayTr:nth-child(odd) {
  background-color: #f2f2f2;
}

#lstFollowers .CellHandler,
#lstInterestedUsers .CellHandler {
  max-width: 0;
  padding: 0;
}

#lstFollowers .CellPermissions,
#lstInterestedUsers .CellPermissions {
  width: 15%;
  text-align: right;
}

#lstFollowers .CellPermissions .k-dropdown {
  text-align: left;
}

#lstFollowers .CellRemoveUser,
#lstInterestedUsers .CellRemoveUser {
  width: 5%;
  /*text-align: right;*/
  text-align: center;
}

.PermissionDropDownList {
  width: 130px;
}

.FundingCheckboxes ul li a.MoreInfoLink {
  font-size: 1.2rem;
}

#NewRequestForm h3:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 1.4em;
  margin: 15px 10px 0 0;
  background: #e6aa34;
  vertical-align: -30%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#NewRequestForm h4.Label {
  margin: 15px 0 9px;
}

#NewRequestForm p {
  margin-top: 5px;
}

.saveText,
#saveText,
.SavingMessage {
  color: #9b9b9b;
  font-size: 1.2rem;
  display: inline-block;
  margin: 0 0 0 10px;
}


/****************************
        GENERAL MODAL STYLES
*****************************/
.k-window .InputRow:first-child {
  margin-top: 10px;
}

.k-window .ActionsRow {
  margin: 23px 0 0;
}

.k-window .InputRow .k-textbox ~ span.NoteText,
.k-window .HorizontalInputs + span.NoteText {
  display: block;
  margin-top: 5px;
}

/* Input Styles */
.k-window .Chunk {
  margin-bottom: 31px;
}

.k-window .Chunk.ChunkLast {
  margin-bottom: 0;
}

.k-window .InputRow input.k-textbox,
.k-window .InputRow textarea.k-textbox {
  width: 100%;
  max-width: none;
}

.k-window .InputRow .k-dropdown {
  width: 100%;
  max-width: 250px;
}

.k-window .InputRow input.NedId,
.k-window .InputRow .k-maskedtextbox.NedId {
  max-width: 125px;
}

.k-window .InputRow input.Phone,
.k-window .InputRow .k-maskedtextbox.Phone {
  max-width: 125px;
}

.k-window .InputRow .k-maskedtextbox.Phone input,
.k-window .InputRow .k-maskedtextbox.NedId input {
  max-width: none;
}

/* Global Kendo Datepicker Fix */
span.k-datepicker > .k-picker-wrap:before, span.k-datetimepicker > .k-picker-wrap:before {
  padding-bottom: 0;
}

.k-webkit span.k-datepicker > .k-picker-wrap:before, .k-webkit span.k-datetimepicker > .k-picker-wrap:before {
  padding-bottom: 1px; /*fix border cut off in webkit (chrome) */
}

/* Horizontal Inputs */
.k-window .HorizontalInputs > input {
  float: left;
  margin-right: 2%;
}

.k-window .HorizontalInputs > input:last-child {
  margin-right: 0;
}

.k-window .HorizontalInputs > .k-button {
  line-height: 16px;
}

/* Input Columns */
.k-window .DesktopInputColumns > div {
  display: block;
  margin-top: 23px;
}

.k-window .DesktopInputColumns > div:first-child {
  margin-top: 0;
}

.k-window .DesktopInputColumns > div > button:first-child {
  margin-top: 2px;
}

/****************************
   RESPONSIVE MODAL WINDOW
*****************************/
.k-window.ResponsiveModalWindow {
  min-width: 250px !important;
  max-width: 850px;
  width: 90% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  float: left !important;
}

#GovernmentWarningNotice_OkButton {
  width: 100%;
}

#GovernmentWarningNotice_Window {
  font-size: 1.2rem;
}

/* Government Warning for Mobiles */
.k-mobile .k-window-titlebar {
  padding: 5px 0 0 0;
  height: 2.3rem;
  margin-top: -29px !important;
}

.k-mobile .k-window-titlebar .k-window-title:before {
  height: 1.1em;
  vertical-align: -10%;
  margin-right: 8px;
  width: 3px;
}

.k-mobile #GovernmentWarningNotice_Window_wnd_title {
  font-size: 1.3rem;
}

.k-mobile #GovernmentWarningNotice_Window {
  font-size: 11px;
  padding: 10px 12px 15px 12px;
}

.k-mobile #GovernmentWarningNotice_Window .InputRow {
  margin: 0;
}

.k-mobile #GovernmentWarningNotice_Window p {
  margin: 0 0 7px 0;
}

.k-mobile #GovernmentWarningNotice_Window .ActionsRow {
  margin-top: 10px;
}

.k-mobile .k-window.ResponsiveModalWindow {
  top: 10px !important;
}


/****************************
        PEOPLE PICKER
*****************************/
.k-widget.k-window {
  margin-bottom: 100px;
}

.k-block > .k-header,
.k-window-titlebar {
  padding: 16px 1.333em 15px;
	border-bottom-width: 1px;
  border-bottom-style: solid;
  line-height: 2rem;
}

.k-window-titlebar .k-window-title {
  font-size: 2rem;
  padding-right: 15px;
}

.k-window-titlebar .k-window-title:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 1.4em;
  margin-right: 10px;
  background: #e6aa34;
  vertical-align: -30%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; /* future proofing */
}

.k-content,
.k-editable-area,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles {
  background-color: #ffffff;
}

div.k-window-content {
  padding: 4px 1.333em 1.333em;
}

.k-window-titlebar .k-state-hover,
.k-window-titlebar .k-state-hover:hover {
  border-color: transparent;
}

.k-window-titlebar .k-window-actions {
  top: 16px;
	right: 13px;/* could be same as right padding on content wrapper but the icon doesnt touch the right side of its parent container */
}

.k-window-titlebar .k-window-actions .k-window-action {
	padding: 2px;
	width: 24px;
	height: 24px;
	opacity: 1;
}

.k-window-titlebar .k-icon.k-i-close {
  font-size: 2.2rem;
	color: #b6b6b6;
}

.k-window-titlebar .k-state-hover .k-icon.k-i-close,
.k-window-titlebar .k-state-hover:hover .k-icon.k-i-close {
  color: #959595;
}

#divMainSearch .ModalGobalActions,
#divMainSearch .ResultsListingHeader {
  margin: 10px 0;
  font-size: 1.2rem;
  color: #555555;
}

#divMainSearch .ResultsListingHeader {
  margin-top: 20px;
}

#divMainSearch .ModalGobalActions > span,
#divMainSearch .ResultsListingHeader > div {
  display: block;
  vertical-align: top;
}

#divMainSearch .ModalGobalActions .GlobalActionLinks {
  margin-top: 10px;
}

#divMainSearch .ResultsListingHeader .ResultsHeadline h3 {
  color: #555555;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.5rem;
  margin: 0;
}

#divMainSearch .ResultsListingHeader .SortResults {
  line-height: 1.5rem;
  font-size: 1.2rem;
}

#divMainSearch .ResultsListingHeader .SortResults .FaintPreText {
  color: #9b9b9b;
  display: inline-block;
  font-size: 1rem;
}

#divMainSearch #PeoplePicker_lstPeoplePicker {
  border-left: 0;
  border-right: 0;
  background: transparent;
  box-shadow: none;
  margin: 15px 0;
  position: relative;
}

#divMainSearch #PeoplePicker_lstPeoplePicker .k-loading-mask {
  position: absolute !important;
  min-height: 80px;
  height: 100%;
  clear: both;
}

#divMainSearch #PeoplePicker_lstPeoplePicker .NoteText {
  display: block;
  /* padding: 5px 0; */
  color: #999;
  font-style: italic;
}

#divMainSearch .PeoplePickerPerson {
  padding: 8px 15px 8px 8px;
  line-height: 0;
}

#divMainSearch .PeoplePickerPerson * {
  line-height: 1.4rem;
}

#divMainSearch .PeoplePickerPerson:nth-child(odd) {
  background-color: #f2f2f2;
}

#divMainSearch .PeoplePickerPerson .PersonName {
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block;
  margin-left: 5px;
}

#divMainSearch .PeoplePickerPerson .PersonDetails {
  font-size: 1.1rem;
  display: block;
  margin: 5px 0 0 30px;
}

#divMainSearch .SinglePicker .PeoplePickerPerson .PersonDetails {
  margin-top: 9px;
}

#divMainSearch #PeoplePicker_lstSelectedUsers {
  border: 0;
  background: transparent;
  margin: 15px 0;
  box-shadow: none;
}

#divMainSearch #divMultipleSelection > p {
  color: #969696;
  font-size: 1.4rem;
}

#divAdvSearch .InputRow {
  margin: 15px 0;
}

#divAdvSearch .InputRow h4 {
  margin: 0 0 4px;
}

#divAdvSearch .Buttons {
  margin-top: 20px;
}

.k-window #divAdvSearch .InputRow input.Name,
.k-window #divAdvSearch .InputRow .k-maskedtextbox.Name {
  max-width: 150px;
}

.k-window #divAdvSearch .InputRow input.Phone,
.k-window #divAdvSearch .InputRow .k-maskedtextbox.Phone {
  max-width: 250px;
}

.k-window #divAdvSearch .InputRow .k-maskedtextbox.Name input,
.k-window #divAdvSearch .InputRow .k-maskedtextbox.Phone input{
	max-width: none;
}


/****************************
        EXTERNAL SITE MODAL
*****************************/
#winConfirm #ConfirmWindowText .Body {
  text-align: left;
  margin-bottom: 2.93333em; /* 2.93333em = 44/15 */
}

#winConfirm #ConfirmWindowText .Body > .Message > p {
  margin-bottom: 1.13333em; /* 1.13333em = 17/15 */
}


/***************************************
  BILLING MODAL
***************************************/
.BillingModal .ProjectEncumbrance h4 {
  margin-top: 19px;
  margin-bottom: 4px;
}

.BillingModal .BillableItemsRow {
  margin-bottom: 10px;
}

.BillingModal .BillableItem .k-dropdown,
.BillingModal .BillableItemProjectId .k-dropdown {
  max-width: none;
}

.BillingModal .BillableItemAction button {
  width: 100%;
}

.BillingModal .BillableItemQty {
  max-width: 75px;
}

.BillingModal .BillableItemProjectId {
  max-width: 280px;
}

.BillingModal .BillableItemAction {
  max-width: 76px;
}

.BillingModal td.BillingSelectedItemQty {
  width: 75px;
}

.BillingModal .HeadlineInline {
  padding-bottom: 15px;
}

.BillingModal .HeadlineInline > h3 {
  margin-bottom: 6px;
}

/* modal breakdown */
.BillingModal table.ModalBreakdown td {
  text-align: right;
}

.BillingModal table.ModalBreakdown td.ProjectIdColumn {
  text-align: left;
}

.BillingModal table.ModalBreakdown tr .ProjectIdColumn {
  width: 53%;
}

.BillingModal table.ModalBreakdown tr .AmountApprovedColumn {
  width: 17%;
}

.BillingModal table.ModalBreakdown tr .BillableLimitColumn {
  width: 12%;
}

.BillingModal table.ModalBreakdown tr.noFunds td.ProjectIdColumn,
.BillingModal table.ModalBreakdown tr.noFunds td.RemainingEncumbranceColumn {
  color: #BB1F40;
}

.BillingModal table.ModalBreakdown tr.noFunds td.ProjectIdColumn:before {
  content: "";
  display: inline-block;
  background: transparent url('../../Media/Images/GridRowValidation.png') no-repeat 0 0;
  background-image: url('../../Media/Images/GridRowValidation.svg'), none;
  background-size: 12px 12px;
  height: 12px;
  width: 12px;
  margin-right: 7px;
  vertical-align: top;
}

.BillingModal .k-numeric-wrap,
.BillingModal .k-numeric-wrap:before {
  padding-bottom: 0;
}

/* Notifications */
.BillingModal #notificationArea {

}

.BillingModal #notificationArea .k-widget.k-notification {
  margin-bottom: 15px;
}

.BillingModal #notificationArea .k-widget.k-notification .k-notification-wrap {
  padding: 20px 40px 20px 20px;
  font-size: 1.4rem;
  white-space: normal;
}

	.BillingModal #notificationArea .k-widget.k-notification .k-notification-wrap .k-icon.k-i-info {
		background: transparent url('../../Media/Images/Info-Icon.png') no-repeat 0 0;
		background-image: url('../../Media/Images/Info-Icon.svg');
		width: 16px;
		height: 16px;
	}

.BillingModal #notificationArea .k-widget.k-notification .k-notification-wrap > .k-i-close {
  top: 16px;
  right: 10px;
}



/****************************
  CHANGE ORDER MODAL
*****************************/
#changeOrderWindow .ChangeOrderTypeNote {
  margin-bottom: 30px;
}

#changeOrderWindow .ChangeOrderTypeNote .DmsIcon.DmsIconInfo.DmsIconCircle {
  background-color: #3C72AF;
  margin-left: 0;
}

#changeOrderWindow .CheckBoxList > ul > li > input[type="checkbox"] {
  margin-right: 0;
}

#changeOrderWindow .ChunkConfirmation p {
  line-height: 1.8rem;
}

#changeOrderWindow .ChunkConfirmation .InputRow {
  margin-top: 13px;
}



/****************************
        PROJECT PICKER
*****************************/
#projectPicker .ProjectPickerTitle {
  font-size: 1.6rem;
  color: #555555;
}

#projectPicker .NasGridTableWrapper > table {
  min-width: 0;/* what about mobile? */
}

#projectPicker th.ColumnSelectProject {
  width: 85px;
}

#projectPicker th.ColumnIsProjectBillable {
  width: 65px;
}

#projectPicker .ProjectPickerTitle:before {
  display: none;
}

#projectPicker .FilterBar {
  margin-top: 0;
}

#projectPicker .FilterBar .FilterItem .FilterProjectPickerProjectId {
  width: 200px;
}

#projectPicker .FilterBar .FilterItem .FilterProjectPickerName,
#projectPicker .FilterBar .FilterItem .FilterProjectPickerDirectorate {
  width: 300px;
}

#projectPicker .FilterBar .FilterItem .k-widget.k-dropdown.FilterProjectPickerStatus {
  width: 150px;
}

#projectPicker .HeadlineInline {
  margin: 12px 0 8px;
}

#projectPicker .HeadlineInline .ProjectPickerTitle {
  padding: 0;
  margin: 0;
}

#projectPicker .HeadlineInline a.ProjectPickerTitleBackLink {
  display: inline-block;
  font-size: 1.4rem;
  position: relative;
  margin: 0 0 0 9px;
  padding-left: 13px;
}

#projectPicker .HeadlineInline a.ProjectPickerTitleBackLink:before {
  border-left: 1px solid #e2e2e2;
  content: '';
  left: 0;
  position: absolute;
  width: 0;
  height: 2.2rem;
  top: -0.3rem;
}

#projectPicker .ProjectPickerRecentSelections .ProjectPickerTitle {
  margin-bottom: 15px;
}



/****************************
        FISCAL AUTHORITY REVIEW
*****************************/
#FiscalAuthorityReviewWindow .ResponseChunk {
  padding-top: 21px;
  border-top: 1px solid #c4c4c4;
}



/****************************
        LISTVIEW ITEMS - DRAGGABLE
*****************************/
.ListViewItem {
  cursor: move;
  border: 1px solid #e1e1e1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 12px 0;
  min-height: 50px;
  padding: 12px 5px 12px 45px;
  position: relative;
  width: 100%;
}

.ListViewItem:first-child {
  margin-top: 0;
}

.ListViewItem:before {
  background: #e1e1e1 url('../../Media/Images/Icon-Draggable.png') no-repeat center;
  background-image: url('../../Media/Images/Icon-Draggable.svg'),none;
  background-size: 10px 18px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  content: "";
  display: block;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  width: 30px;
}

/* List Item Layout */
.ListViewItem > .ListViewItemMain {
  float: left;
  padding-top: 3px;
  padding-bottom: 3px;
  width: 75%;
  word-break: break-all;
  word-break: break-word; /* Non standard for webkit */
}

.ListViewItem > .ActionPanel, .ListViewItem .ActionPanel {
  float: right;
}

/* Dragged Item */
.ListViewItem.hint {
	margin: 0;
  background-color: #ffffff;
  border-color: #6090c7;
}

.ListViewItem.hint:before {
  background-color: #6090c7;
}

.ListViewItem.hint .Buttons {
  display: none;
}

/* Landing Zone */
.ListViewItem.placeholder {
  background-color: #f5f6f6;
  border: 2px dashed #6090c7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px;
}

.ListViewItem.placeholder:before {
  content: none;
}


/****************************
     KENDO PAGER STYLES
*****************************/
.k-pager-wrap {
  flex-wrap: wrap;
	border: 0;
  box-shadow: none;
  padding: 4px 0;
  margin: 10px 0 0;
  color: #737373;
}

/* Kendo Responsive Pager */
/* kendo somehow measures the available space in which a pager exists then applies classes to modify the pagers appearance. */
@media (min-width: 750px) {
	.k-pager-wrap.k-pager-sm .k-pager-sizes {
		/* Kendo hides the 'items per page' menu on 'small'. I want to show it for ipad. */
		display: block;
	}
}

.k-pager-wrap.k-pager-sm .k-pager-numbers-wrap,
.k-pager-wrap.k-pager-md .k-pager-numbers-wrap,
.k-pager-wrap.k-pager-lg .k-pager-numbers-wrap {
	margin-right: 0.26667em;/* 0.26667em = 4/15 */
	margin-left: 0.26667em;
}

.k-pager-wrap.k-pager-sm .k-pager-numbers-wrap > .k-pager-numbers-wrap,
.k-pager-wrap.k-pager-md .k-pager-numbers-wrap > .k-pager-numbers-wrap,
.k-pager-wrap.k-pager-lg .k-pager-numbers-wrap > .k-pager-numbers-wrap {
	margin: 0;
}

.k-pager-wrap.k-pager-sm .k-pager-numbers-wrap .k-pager-numbers,
.k-pager-wrap.k-pager-md .k-pager-numbers-wrap .k-pager-numbers,
.k-pager-wrap.k-pager-lg .k-pager-numbers-wrap .k-pager-numbers {
	border: 1px solid #e0e0e0;
	border-radius: 0;
}

.k-pager-wrap.k-pager-sm .k-pager-numbers-wrap .k-pager-numbers:not(.k-state-expanded):hover,
.k-pager-wrap.k-pager-md .k-pager-numbers-wrap .k-pager-numbers:not(.k-state-expanded):hover,
.k-pager-wrap.k-pager-lg .k-pager-numbers-wrap .k-pager-numbers:not(.k-state-expanded):hover {
	box-shadow: none;
}

.k-pager-wrap.k-pager-sm .k-pager-numbers-wrap .k-pager-numbers.k-state-expanded .k-state-selected,
.k-pager-wrap.k-pager-md .k-pager-numbers-wrap .k-pager-numbers.k-state-expanded .k-state-selected,
.k-pager-wrap.k-pager-lg .k-pager-numbers-wrap .k-pager-numbers.k-state-expanded .k-state-selected {
	background-color: #445e7d;
	color: #ffffff;
}

.k-pager-wrap.k-pager-sm .k-pager-numbers-wrap .k-pager-numbers.k-state-expanded .k-current-page .k-link,
.k-pager-wrap.k-pager-md .k-pager-numbers-wrap .k-pager-numbers.k-state-expanded .k-current-page .k-link,
.k-pager-wrap.k-pager-lg .k-pager-numbers-wrap .k-pager-numbers.k-state-expanded .k-current-page .k-link {
	box-shadow: none;
}

/* Kendo Full Pager */
/* this is the widest version of the responsive kendo pager. */
/* kendo thinks our pages are mostly too narrow to display this version of the pager but it does happen sometimes. */
.k-pager-wrap > a.k-link {
  border-right: 1px solid #e8e8e8;
}

.k-pager-wrap > a.k-link.k-pager-first {
  border-right: 0;
}

.k-pager-wrap > a.k-link.k-pager-last {
  border-left: 0;
}

.k-pager-wrap .k-pager-numbers .k-link {
	color: #444444;
  margin: 0;
	height: 2.362em;/* 2.362em = 35.43/15 */
  border-bottom: 1px solid #e8e8e8;
}

.k-pager-wrap .k-pager-numbers .k-link:hover {
  text-decoration: underline;
	color: #445e7d;
}

.k-pager-wrap .k-pager-numbers .k-state-selected {
  margin: 0;
  padding-top: 0;
  border-bottom: 1px solid #e8e8e8;
  background-color: #fff;
  height: 2.362em;/* 2.362em = 35.43/15 */
}

.k-pager-wrap .k-pager-numbers .k-state-selected:hover {
  color: #3f51b5;
  background-color: #fff;
}

.k-pager-wrap .k-pager-sizes {
	margin-right: 0;
	margin-left: 0;
}

.k-pager-wrap .k-pager-sizes .k-widget.k-dropdown {
  margin: 0 10px;
}

.k-pager-wrap .k-pager-refresh {
  background: #f5f6f6;
  border-color: #e0e0e0;
  border-radius: 4px;
  border-width: 1px;
}

.k-pager-info {
  color: #737373;
}

/* Pagers in Kendo Grids */
.k-grid .k-pager-wrap.k-widget > .k-pager-numbers {
  margin-bottom: 10px;
}

/***************************************
      GENERAL SEARCH FIELD STYLES
***************************************/
.SearchBox {
  width: 100%;
}

.SearchBox .SearchBoxField input {
  width: 100%;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.SearchBox .SearchBoxButton {
  width: 83px;
}

.SearchBox .SearchBoxButton button.k-button {
  width: 100%;
  font-weight: bold;
  border: 1px solid #f4a71d;
  padding: 8px 14px 7px;
  color: #3e3e2f;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

input#PeoplePicker_txtPeoplePickerSearchTerm {
  max-width: 100%;
}

/***************************************
      VALIDATION ERRORS
***************************************/

.field-validation-valid, .validation-summary-valid {
  display: none;
}

input.input-validation-error,
textarea.input-validation-error {
  border: 1px solid #c70000;
}

.k-maskedtextbox.k-state-invalid .k-textbox {
	border-color: #c70000;
	color: inherit;
}

.k-maskedtextbox.k-state-invalid .k-i-warning {
	margin: 0;
	color: #c70000;
}

.field-validation-error {
  display: inline-block;
  margin: 5px 0 0;
  font-size: 1.1rem;
  color: #c70000;
}

.validation-summary-errors {
  border-right: 1px solid #414243;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #414243;
  color: #c70000;
  overflow: hidden;
}

/***************************************
      PAGE MESSAGES
***************************************/

#PageMessage {
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  padding: 4px 15px;
  margin: 15px 0;
  line-height: 1.3em;
}

#PageMessage > .k-notification {
  position: relative;
}

#PageMessage .DmsIcon.DmsIconCircle {
  background-color: #5c5c4e;
}

#PageMessage .k-widget {
  padding: 15px 10px;
}

#PageMessage p {
  padding: 0;
  margin: 0.5em 0;
}

#PageMessage .InfoIcon {
  min-width: 29px;
  float: left;
}

#PageMessage .InfoIcon .DmsIcon {
  margin: -0.1rem 0 0 0.6rem;
}

#PageMessage .PageMessageBody {
  padding-right: 30px;
  padding-left: 6px;
  vertical-align: top;
}

#PageMessage .PageMessageBody h3 {
  margin-top: 0;
  font-size: 1.4rem;
}

#PageMessage span {
  font-size: 1.1rem;
  display: block;
  color: #666666;
}

#PageMessage .CloseIcon {
  width: 20px;
  position: absolute;
  top: 15px; /* same as container padding */
  right: 10px; /* same as container padding */
}

#PageMessage .CloseIcon:hover {
  cursor: pointer;
}

#PageMessage .CloseIcon .k-icon.k-i-close {
	font-size: 1.6rem;
}

main > #PageMessage:first-child {
  margin-top: 0;
}

#PageMessage.Info {
  background-color: #BACEE4;
  border-color: #94B4D9;
  color: #335A89;
}

#PageMessage.Success {
  background-color: #C9DFBD;
  border-color: #BBD6AF;
  color: #3F6E35;
}

#PageMessage.Warning {
  background-color: #F4CE83;
  border-color: #EBB852;
  color: #8E6327;
}

#PageMessage.Error {
  background-color: #EBAAAB;
  border-color: #C89192;
  color: #7A2527;
}

/***************************************
  CALLOUT MESSAGES
  These are styled to appear similar to page messages. The main difference is these messages are designed to appear anywhere and not just the top of the page.
***************************************/
.CalloutMessage {
  display: inline-block;
  padding: 9px 12px;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
}

.CalloutMessage > .DmsIcon:first-child {
  margin-left: 0;
}

/* info theme */
.CalloutMessage.Info {
  border-color: #7ea4ce;
  background: #dae8f7;
}

.CalloutMessage.Info > .DmsIcon.DmsIconCircle:first-child {
  background-color: #5c5c4e;
}

.CalloutMessage.Info .DmsIcon.DmsIconCircle[data-role="tooltip"] {
  background-color: #3C72AF;
}

/* warning theme */
.CalloutMessage.Warning {
  border-color: #f0bb54;
  background: #f4ce83;
  color: #6e4c0a;
}

.CalloutMessage.Warning > .DmsIcon.DmsIconCircle:first-child {
  background-color: #5c5c4e;
}

/* new request callouts */
#NewLabServiceRequestForm .CalloutMessage {
  display: block;
  line-height: 1.5;
}

#NewLabServiceRequestForm .CalloutMessage.Info > .DmsIcon.DmsIconCircle:first-child {
  background-color: #5c5c4e !important;
}



.k-textbox {
  width: 100%;
  max-width: 250px;
}

table.FormLayout {
  width: 100%;
}

table.FormLayout > tr > td, table.FormLayout > tbody > tr > td {
  width: 50%;
  vertical-align: top;
}

textarea,
textarea.k-textbox {
  padding: 0.5em 0.8em;
	width: 100%;
  min-height: 150px;
  resize: vertical;
}

/***************************************
      DISPLAY MODE
***************************************/

.display-mode-view .display-mode-edit-value {
  display: none;
}

.display-mode-view input,
.display-mode-view .k-dropdown {
  display: none;
}

.display-mode-view .button-cancel, .display-mode-view .button-save {
  display: none;
}

.display-mode-edit .button-edit {
  display: none;
}

.display-mode-view-value {
  line-height: 2.3em;
  padding-left: 1.2em;
  display: none;
}

.display-mode-view .display-mode-view-value {
  display: inline;
}

ul.ServiceFaqs {
  margin: 0;
  padding: 0;
}

ul.ServiceFaqs > li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.ServiceFaqs > li > p:first-child {
  margin-top: 0;
}

ul.ServiceFaqs .Question {
  font-weight: bold;
}

/***************************************
  UserProfileLayout / UserProfileForm
***************************************/

.UserProfileLayout .NameTitle {
  font-size: 40px;
}

.ProfilePhoto {
  text-align: center;
}

.UserProfileLayout .ProfilePhoto {
  position: relative;
  margin: 0 0 12px 0;
}

.UserProfileLayout .Label {
  margin: 9px 0 4px;
}

/*.UserProfileLayout h2,
.UserProfileForm h2 {
  margin: 0 0 20px;
}*/

.UserProfileLayout .GrayContainer h3 {
  margin-top: 0;
}

.UserProfileLayout p {
  margin: 4px 0;
}

#UserProfileForm div.SideCol, #UserProfileForm div.MainCol {
  width: 100%;
}

#UserProfileForm span.State {
  margin-bottom: 10px;
}

#UserProfileForm input#profilePostalCode {
  vertical-align: top;
}

#UserProfileForm .NedInfo + .PiSupervisor.NoteText {
  margin-top: 23px;
}

#UserProfileForm .PiSupervisor.NoteText {
  margin-bottom: 15px;
}

/***************************************
          FILE UPLOAD STYLES
***************************************/

.k-widget.k-upload {
  background: transparent;
  border: 0;
}

.k-dropzone {
  background: transparent;
  border: 2px dashed #d0d0cf;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  transition: all 100ms ease;
}

.k-dropzone.k-dropzone-active {
  border-color: #6090c7;
}

.k-dropzone.k-dropzone-active.k-dropzone-hovered {
  background-color: #fff;
}

.k-upload .k-upload-button,
.k-upload .k-upload-button.k-state-focused {
  border: 1px dashed transparent;
  background-color: transparent;
  text-transform: none;
  color: #929292;
  font-style: italic;
  font-size: 1.6rem;
  display: inline-block;
  padding: 10px 5px;
}

.k-upload .k-upload-button.k-state-focused {
  border: 1px dashed #aeaeae;
}

.k-upload .k-upload-button > span {
  display: block;
  line-height: 24px;
  text-align: left;
}

.k-upload .k-upload-button span.FileUploadBrowseLink {
  color: #2968b3;
  text-decoration: underline;
}

	.k-upload .k-upload-button span.FileUploadIcon {
		display: inline-block;
		width: 24px;
		height: 21px;
		background: transparent url('../../Media/Images/FileUploadIcon.png') no-repeat left top;
		background-image: url('../../Media/Images/FileUploadIcon.svg');
		float: left;
		margin: 0 7px 0 0;
	}

.k-upload .k-button.k-upload-button:hover,
.k-upload .k-button.k-upload-button:active,
.k-upload .k-button.k-upload-button.k-state-focused .k-upload .k-button.k-upload-button.k-state-focused:active,
.k-upload .k-button.k-upload-button:active:hover,
.k-upload .k-button.k-upload-button input:active {
  box-shadow: none;
  -webkit-box-shadow: none;
  background-color: transparent !important;
  color: #929292;
}

ul.k-upload-files {
  margin: 0 0 15px 0;
  border-bottom: 1px solid #e5e5e5;
  border-top: 0;
  overflow: auto;
  padding-bottom: 0;
}

ul.k-upload-files li {
  border-bottom: none;
  margin-bottom: 0;
  padding: 0;
  display: table;
  width: 100%;
}


ul.k-upload-files li.FileListHeaders {
  border-bottom: 1px solid #e5e5e5;
  font-size: 1rem;
  letter-spacing: 2px;
  color: #919191;
  text-transform: uppercase;
}

ul.k-upload-files li:nth-child(even) {
  background: #f2f2f2;
}

ul.k-upload-files li:nth-child(odd) {
  background: transparent;
}

.k-filename {
  z-index: 20;
}

ul.k-upload-files li > div {
  display: table-row;
  width: 100%;
  min-width: unset;
  max-width: unset;
}

ul.k-upload-files li .k-filename > span > h4,
ul.k-upload-files li .k-filename > span > span {
  color: #555555;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  line-height: 2rem;
  display: inline-block;
}

ul.k-upload-files li.RowHeader > div > span,
ul.k-upload-files li.k-file > div.k-filename > span {
  display: table-cell;
  padding-left: 5px;
  padding-right: 5px;
  border-spacing: unset;
  border-collapse: collapse;
  vertical-align: top;
  z-index: 10;
  position: relative;
  white-space: pre-line;
}

ul.k-upload-files li.k-file > div.k-filename > span {
  padding: 8px 5px;
  line-height: 1.6em;
}

ul.k-upload-files li.FileListHeaders > div > span.FileNameCell {
  min-width: 155px;
}

ul.k-upload-files li > div > span.FileNameCell {
  min-width: 150px;
  width: auto;
  padding-left: 0px;
}

ul.k-upload-files li > div.k-filename > span.FileNameCell {
  white-space: normal;
  word-break: break-all;
}

/* General */
ul.k-upload-files li.k-file-progress,
ul.k-upload-files li.k-file-error {
  margin-bottom: 1px;
}

ul.k-upload-files li.k-file-progress:last-child,
ul.k-upload-files li.k-file-error:last-child {
  margin-bottom: 0;
}

/* Uploading */
ul.k-upload-files li.k-file-progress .k-progress {
  background-color: #a2bad8;
}

ul.k-upload-files li.k-file-progress {
  background-color: #d6e3f3;
}

/* Error */
ul.k-upload-files li.k-file-error {
  background-color: #f1cecf;
}

ul.k-upload-files li.k-file.k-file-error > .k-filename > span.FileNameCell > h4 > a,
ul.k-upload-files li.k-file.k-file-error > .k-filename > span.FileNameCell > span > a {
  color: #791d1e;
  text-decoration: none;
  cursor: default;
}

ul.k-upload-files li.k-file.k-file-error > .k-filename > span.FileSizeCell > h4,
ul.k-upload-files li.k-file.k-file-error > .k-filename > span.FileDateCell > span {
  display: none;
}


/* Standard */
ul.k-upload-files li > div > span.FileSizeCell {
  min-width: 80px;
  width: 10%;
}

ul.k-upload-files li > div > span.FileDateCell {
  min-width: 150px;
  width: 30%;
}

ul.k-upload-files li > div > span.FileDeleteCell {
  min-width: 30px;
  width: 30px;
  text-align: center;
}

ul.k-upload-files li span#FileDeleteHeader.FileDeleteCell {
  text-indent: -100000px;
}


.Detailed ul.k-upload-files li > div > span.FileSizeCell {
  width: 10%;
}

.Detailed ul.k-upload-files li > div > span.FileDateCell {
  width: 20%;
}

.Detailed ul.k-upload-files li > div > span.FileUploadedByCell {
  width: 20%;
}

.Detailed ul.k-upload-files li > div > span.FileDeleteCell {
  width: 30px;
}

.k-button.UploadDeleteIcon {
  float: left;
  margin-top: 9px;
}

li.k-file .k-button {
  margin: 0 0 6px 0;
	border-radius: 0;
	opacity: 1;
}

li.k-file .k-button:active,
li.k-file .k-button:hover:active,
li.k-file .k-button:focus {
	background-color: transparent;
}

li.k-file .k-button .k-icon {
  display: inline-block;
  width: 12px;
  height: 15px;
}

li.k-file .k-button .k-icon:before {
	display: none;
}

li.k-file-success .k-button .k-icon, li.k-file-progress .k-button .k-icon {
	background: transparent url('../../Media/Images/FileUploadDeleteIcon.png') no-repeat left top;
	background-image: url(../../Media/Images/FileUploadDeleteIcon.svg);
	background-size: 12px 65px;
}

li.k-file-error .k-button .k-icon {
	background: transparent url('../../Media/Images/FileReUploadIcon.png') no-repeat left top;
	background-image: url('../../Media/Images/FileReUploadIcon.svg');
	background-size: 12px 67px;
}

li.k-file .k-button:hover .k-icon {
  background-position: left -50px;
}

.k-dropzone .k-upload-status {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 13px;
  left: 12px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
	margin-left: 0;
}

.k-dropzone .k-upload-status + ul.k-upload-files { /* if upload comes before file list in html */
  margin-bottom: 33px;
}

.k-dropzone ul.k-upload-files + .k-upload-status { /* if upload comes after file list in html */
  display: inline-block;
  position: static;
  bottom: auto;
  left: auto;
}

.k-upload .k-upload-status .k-icon {
  float: right;
  margin-right: 0;
  margin-left: 8px;
}

.k-upload .k-upload-status .k-icon.k-i-warning {
	color: #ba3436;
}

.k-upload .k-upload-status .k-icon.k-i-check {
	color: #77af5f;
}

.k-upload .k-upload-status .k-upload-pct {
  margin-right: 7px;
}

ul.k-upload-files li.k-file-success .k-progress {
  background-color: transparent;
  display: none;
}

/* Uploaded Files Table */

table.UploadedFiles thead th.UploadedFileNameHeader {
  min-width: 150px;
}

table.UploadedFiles thead th.UploadedFileSizeHeader {
  min-width: 75px;
  width: 75px;
}

table.UploadedFiles thead th.UploadedFileDateHeader {
  min-width: 155px;
  width: 155px;
}

/****************************
  K-PROGRESS LOADING IMAGE
*****************************/

.k-loading-image {
  background-image: url(../../Media/Images/LoaderNasGrid.gif);
}

/****************************
         SEARCH STYLING
*****************************/
.SearchfieldWidth {
  width: 616px;
}

.SearchfieldWidth .k-autocomplete {
  background-color: transparent;
  border: none;
  width: 100%;
}

.SearchfieldWidth .k-autocomplete.k-state-focused {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.SearchfieldWidth .k-autocomplete .k-input {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

input#txtSearch {
  font-size: 1.6rem;
  width: 100%;
  text-indent: 0;
  height: 34px;
  line-height: 26px;
  margin: 0;
  padding: 3px 5px 3px 9px;
  color: #555655;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input#btnSearch {
  font-size: 1.6rem;
  box-sizing: border-box;
  height: 26px;
  width: 26px;
  text-align: center;
  line-height: 26px;
  font-weight: bold;
  padding: 3px 10px;
  color: #3e3e2f;
  border: 1px solid #f4a71d;
  background-color: #fabb49;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  box-sizing: content-box;
  vertical-align: middle;
  -webkit-appearance: none;
  appearance: none;
}

.SearchContentWrapper {
  margin-top: 10px;
}


.SearchContentWrapper .k-tabstrip-wrapper,
.SearchContentWrapper .k-tabstrip-wrapper .k-header {
  background-color: transparent;
}


.SearchContentWrapper .k-widget,
.SearchContentWrapper ul.k-reset li:first-child {
  border-color: transparent;
}

.SearchContentWrapper .k-tabstrip > .k-tabstrip-items {
  font-size: 1.6rem;
}

.SearchContentWrapper .k-tabstrip > .k-tabstrip-items > .k-item {
  text-transform: none;
  background-color: transparent;
  height: 42px;
  margin-right: 14px;
}

.SearchContentWrapper .k-tabstrip > .k-tabstrip-items > li.k-state-default.k-state-active {
  border-bottom: 3px solid #fabb49;
}

.SearchContentWrapper .k-tabstrip > .k-tabstrip-items > li.k-state-default {
  border-bottom: 3px solid #d0d0d0;
}

.SearchContentWrapper .k-tabstrip > .k-tabstrip-items > li .k-link {
  padding: 1.071em 0.51em 1.071em 0.51em;
}

.SearchContentWrapper .k-tabstrip-items .k-state-default.k-state-hover {
  border: transparent none;
}

.SearchContentWrapper .k-state-hover .k-loading {
  background-image: none;
}

.SearchContentWrapper #lstGeneralSearch {
  box-shadow: none;
}

.SearchContentWrapper .k-tabstrip .k-content.k-state-active {
  padding: 0;
}

.SearchContentWrapper .GsaResultItem {
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #f3f3f3;
  border-left: 1px solid transparent;
  padding: 18px 15px;
}

.SearchContentWrapper .GsaResultItem:hover {
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.SearchContentWrapper .GsaResultItem:last-child {
  border-bottom: none;
}

.SearchContentWrapper .GsaTitle {
  text-decoration: none;
  font-weight: bold;
  font-size: 1.6rem;
}

.SearchContentWrapper .GsaTitle:hover {
  text-decoration: underline;
}

.SearchContentWrapper .GsaDescription {
  margin-top: 10px;
  font-size: 1.4rem;
  line-height: 1.5em;
}

.SearchContentWrapper .GsaResultItem .ButtonInline {
  display: block;
  margin-top: 10px;
}

.SearchContentWrapper .GsaResultItem .ButtonInline .k-button.k-primary {
  padding: 2px 14px;
  font-size: 1.2rem;
  background-color: transparent;
  color: #3C72AF;
  border: 1px solid #3C72AF;
}

.SearchContentWrapper .GsaResultItem .ButtonInline .k-button.k-primary:hover,
.SearchContentWrapper .GsaResultItem .ButtonInline .k-button.k-primary:focus {
  color: #ffffff;
  background-color: #3C72AF;
}

/**********************************
    Term And Definition List View
**********************************/
ul.TermDefinitionListView {
  list-style: none;
  color: #909090;
  padding-left: 0;
}

ul.TermDefinitionListView > li > .ListViewTerm,
ul.TermDefinitionListView > li > .ListViewDefinition {
  display: block;
}

ul.TermDefinitionListView > li > .ListViewDefinition {
  padding: 4px 0 20px;
}

#winConfirm #ConfirmWindowText {
  margin: 0 0 24px 0;
  text-align: center;
}

#winConfirm .Buttons {
  margin-top: 24px;
  text-align: center;
}


/* Validation Summary */
#ValidationSummary,
.ValidationSummary {
  display: none;
  border: 1px solid #C89192;
  border-radius: 3px;
  background-color: #EBAAAB;
  color: #7A2527;
  padding: 4px 15px;
  margin: 15px 0;
  line-height: 1.3em;
}

#ValidationSummary.Active p:before,
.ValidationSummary.Active p:before,
#profileImageUpload #ValidationSummary p:before,
#profileImageUpload .ValidationSummary p:before {
  content: url('../../Media/Images/Info-Icon.svg');
  display: inline-block;
  font-size: 0;
  height: 16px;
  line-height: 0;
  margin: -0.4rem 0.4rem 0 0.6rem;
  vertical-align: middle;
  width: 16px;
}

#ValidationSummary.Active p,
.ValidationSummary.Active p,
#profileImageUpload #ValidationSummary p,
#profileImageUpload .ValidationSummary p {
  font-size: 1.4rem;
}

#ValidationSummary .Errors ul li,
.ValidationSummary .Errors ul li {
  font-size: 1.3rem;
}

#profileImageUpload .ValidationSummary.Errors > ul > li > span {
  font-size: 1.2rem;
  line-height: 1.2rem;
}

#ValidationSummary.Active,
.ValidationSummary.Active {
  display: block;
}

.ProfileImagePreview .SupportedFiles {
  margin: 10px 5px;
  font-size: 1.3rem;
  display: block
}

/* Action Panel */
div.ActionPanel {
  display: inline-block;
  white-space: nowrap;
}

div.ActionPanel a.ToggleActionButton {
  display: block;
  width: 4.3rem;
  height: 2.4rem;
  border: 1px solid #b3b3b3;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
  background-image: url('../../Media/Images/ActionIcons/ActionsSprite.png');
  background-image: url('../../Media/Images/ActionIcons/ActionsSprite.svg'), none;
  background-position: center 0%;
  background-repeat: no-repeat;
  text-decoration: none;
  display: block;
  line-height: 2.4rem;
  padding: 0;
  color: #555555;
}

div.ActionPanel.CustomPanel a.ToggleActionButton {
  width: inherit;
  height: inherit;
  border: 0;
  font-size: inherit;
  font-weight: normal;
  cursor: pointer;
  background: transparent none;
  text-decoration: none;
  color: #555555;
  line-height: 0;
}

div.ActionPanel a.ToggleActionButton:hover {
  background-position: center 50%;
}

div.ActionPanel.Active a.ToggleActionButton,
div.ActionPanel.Active a.ToggleActionButton:hover,
tr.Over div.ActionPanel.Active a.ToggleActionButton {
  background-position: center 100%;
}

/* TEXT BUTTON VERSION */
div.ActionPanel.TextButton a.ToggleActionButton,
div.ActionPanel.TextButton.EditMode a.ToggleActionButton {
  background-image: url('../../Media/Images/ActionIcons/ActionsSpriteBlank.png');
  background-image: url('../../Media/Images/ActionIcons/ActionsSpriteBlank.svg'), none;
  background-position: right 0;
  width: auto;
  padding: 0 40px 0 12px;
}

div.ActionPanel.TextButton a.ToggleActionButton:hover,
div.ActionPanel.TextButton.EditMode a.ToggleActionButton:hover,
tr.Over div.ActionPanel.TextButton.EditMode a.ToggleActionButton {
  background-position: right -100px;
}

div.ActionPanel.TextButton.Active a.ToggleActionButton,
div.ActionPanel.TextButton.Active a.ToggleActionButton:hover,
tr.Over div.ActionPanel.TextButton.Active a.ToggleActionButton,
div.ActionPanel.TextButton.EditMode.Active a.ToggleActionButton,
div.ActionPanel.TextButton.EditMode.Active a.ToggleActionButton:hover,
tr.Over div.ActionPanel.TextButton.EditMode.Active a.ToggleActionButton {
  background-position: right -200px;
}

div.ActionPanel.TextButton.EditMode a.ToggleActionButton,
div.ActionPanel.TextButton.EditMode a.ToggleActionButton:hover,
tr.Over div.ActionPanel.TextButton.EditMode a.ToggleActionButton,
div.ActionPanel.TextButton.EditMode.Active a.ToggleActionButton,
div.ActionPanel.TextButton.EditMode.Active a.ToggleActionButton:hover,
tr.Over div.ActionPanel.TextButton.EditMode.Active a.ToggleActionButton {
  color: #a00e0e;
}

div.ActionPanel .Actions {
  position: fixed;
  display: none;
  z-index: 10;
}

div.ActionPanel.Active a.ToggleActionButton + .Actions {
  display: block;
}

div.ActionPanel .Actions ul,
div.ActionPanel .Actions div.DisplayBlock {
  position: absolute;
  z-index: 2000;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border: 1px solid #b3b3b3;
}

div.ActionPanel .Actions ul > li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-top: 1px solid #eeeeee;
}

div.ActionPanel .Actions ul > li:hover,
div.ActionPanel .Actions ul > li:focus,
div.ActionPanel .Actions ul > li.Focus,
div.ActionPanel .Actions ul > li.ItemHasIcon:hover,
div.ActionPanel .Actions ul > li.ItemHasIcon:focus,
div.ActionPanel .Actions ul > li.ItemHasIcon.Focus {
  background-color: #EFEFEF;
}

div.ActionPanel .Actions ul > li:first-child {
  border-top: 0;
}

div.ActionPanel .Actions div.DisplayBlock {
  padding: 4px 8px;
  background-image: url('../../Media/Images/ActionIcons/ActionsFlyoutBg.png');
  background-image: url('../../Media/Images/ActionIcons/ActionsFlyoutBg.svg'),none;
  background-repeat: no-repeat;
  background-position: right top;
}

/* BORDERLESSS BUTTON VERSION */
div.ActionPanel.BorderlessButton a.ToggleActionButton {
  border: 0;
  background-image: url('../../Media/Images/ActionIcons/ActionsSpriteIconOnly.png');
  background-image: url('../../Media/Images/ActionIcons/ActionsSpriteIconOnly.svg'), none;
  background-size: 3.2rem 7.2rem;
}

div.ActionPanel.BorderlessButton .Actions ul {
  right: 10px;
}

/* LIST ITEM ICON STYLES */
div.ActionPanel .Actions ul > li.ItemHasIcon {
  background-image: url('../../Media/Images/ActionIcons/ActionsIconSprite.png');
  background-image: url('../../Media/Images/ActionIcons/ActionsIconSprite.svg'), none;
  background-repeat: no-repeat;
  background-size: 13px 1169px;
  background-position: 9px 0px;
  box-sizing: border-box;
  height: 28px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconCustom {
  background-image: none;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconEdit {
  background-position: 9px 0px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconEdit:hover {
  background-position: 9px -50px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconUpload {
  background-position: 9px -100px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconUpload:hover {
  background-position: 9px -150px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconDelete {
  background-position: 9px -200px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconDelete:hover {
  background-position: 9px -250px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconEmail {
  background-position: 9px -300px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconEmail:hover {
  background-position: 9px -350px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconAddUser {
  background-position: 9px -400px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconAddUser:hover {
  background-position: 9px -450px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconRemoveUser {
  background-position: 9px -500px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconRemoveUser:hover {
  background-position: 9px -550px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconSave {
  background-position: 9px -600px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconSave:hover {
  background-position: 9px -650px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconCancel {
  background-position: 9px -700px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconCancel:hover {
  background-position: 9px -750px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconDownload {
  background-position: 9px -800px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconDownload:hover {
  background-position: 9px -850px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconExternalLink {
  background-position: 9px -900px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconExternalLink:hover {
  background-position: 9px -950px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconDuplicate {
  background-position: 9px -1000px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconDuplicate:hover {
  background-position: 9px -1050px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconCheckMark {
  background-position: 9px -1100px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.IconCheckMark:hover {
  background-position: 9px -1150px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon > a {
  padding-left: 32px;
}

div.ActionPanel .Actions ul > li > a {
  display: block;
  padding: 6px 12px 6px 12px;
  text-decoration: none;
  color: #555555;
  white-space: nowrap;
  line-height: 16px;
}

div.ActionPanel .Actions ul > li:first-child > a {
  background-image: url('../../Media/Images/ActionIcons/ActionsFlyoutBg.png');
  background-image: url('../../Media/Images/ActionIcons/ActionsFlyoutBg.svg'), none;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 6px 6px;
}

div.ActionPanel .Actions ul > li > a:hover {
  color: #333333;
}

div.ActionPanel.EditMode a.ToggleActionButton {
  background-position: center -300px;
}

div.ActionPanel.EditMode a.ToggleActionButton:hover,
tr.Over div.ActionPanel.EditMode a.ToggleActionButton {
  background-position: center -400px;
}

div.ActionPanel.EditMode.Active a.ToggleActionButton,
div.ActionPanel.EditMode.Active a.ToggleActionButton:hover,
tr.Over div.ActionPanel.EditMode.Active a.ToggleActionButton {
  background-position: center -500px;
}
/*** END ACTION PANEL ***/

/****************************
        Generic All Caps Class
*****************************/
.AllCaps {
  text-transform: uppercase;
}

/***************************************
    CSS PSEUDO COLUMNS
***************************************/
/* No styles for cols since # of cols defaults to 0 for mobile */
.PseudoColumns > .PseudoColumnChunk {
  -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
  page-break-inside: avoid; /* Firefox */
  break-inside: avoid; /* IE 10+ */
  break-inside: avoid-column; /* IE 10+ */
  padding-bottom: 14px;
}

/****************************
        Gray Box Styles
*****************************/
/* the gray container that wraps chunks of content */
.GrayContainer {
  padding: 15px 20px;
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 21px;
}

.GrayContainer:last-child {
  margin-bottom: 0;
}

/*** Kendo Buttons ***/
.k-button,
.k-grid .k-header .k-button,
.k-edit-buttons .k-button {
  padding: 9px 14px;
	border: 0;
  background-color: #656a70;
  color: #ffffff;
  text-transform: none;
  line-height: 18px;
	box-shadow: none;
}

.k-button:focus,
.k-button.k-state-focused {
  background-color: #656a70;
  color: #ffffff;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-ie8 .k-button.k-state-focused,
.k-ie8 .k-grid .k-header .k-button.k-state-focused {
  background-color: #656a70;
}

.k-button:hover,
button.k-button:hover,
.k-grid .k-header .k-button:hover,
.k-grid .k-header button.k-button:hover {
  background-color: #52575c; /* revisit the color */
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #ffffff;
}

.k-button:active,
.k-grid .k-header .k-button:active {
  background-color: #656a70;
	box-shadow: none;
  color: #ffffff;
}

.k-button:active:hover {
  background-color: #656a70;
  color: #ffffff;
}

.k-widget .k-button:active:hover,
.k-grid .k-header .k-button:active:hover {
  background-color: #656a70;
  color: #ffffff;
}

.k-button:focus:active,
.k-button.k-state-focused:active,
.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
  box-shadow: none;
}

input.k-button,
.k-grid .k-header input.k-button {
  background: #656a70;
  box-shadow: none;
  border: 0;
}

/* Disabled styles */
.k-button[disabled],
.k-button.k-state-disabled,
.k-state-disabled .k-button {
  opacity: 0.5 !important;
  color: #ffffff !important;
  background-color: #656a70 !important;
}

/*** Additional Button Styles ***/
/* k-primary */
.k-button.k-primary {
  background-color: #3C72AF;
}

.k-button.k-primary:focus,
.k-button.k-primary.k-state-focused {
  background-color: #3C72AF;
}

.k-button.k-primary:hover,
button.k-button.k-primary:hover {
  background-color: #38669b;
}

.k-button.k-primary:focus:active:not(.k-state-disabled):not([disabled]),
.k-button.k-primary:focus:not(.k-state-disabled):not([disabled]) {
  background-color: #3C72AF;
}

.k-button.k-primary:active {
  background-color: #3C72AF;
}

.k-button.k-widget .k-primary:active:hover {
  color: #ffffff;
  background-color: #3C72AF;
}

.k-button.k-primary[disabled],
.k-button.k-primary.k-state-disabled,
.k-state-disabled .k-button.k-primary {
  background-color: #3C72AF !important;
}

/* k-secondary, unique to nas */
.k-button.k-secondary {
  background-color: #315279;
}

.k-button.k-secondary:focus,
.k-button.k-secondary.k-state-focused {
  background-color: #315279;
}

.k-button.k-secondary:hover,
button.k-button.k-secondary:hover {
  background-color: #29476b;
}

.k-button.k-secondary:focus:active:not(.k-state-disabled):not([disabled]),
.k-button.k-secondary:focus:not(.k-state-disabled):not([disabled]) {
  background-color: #315279;
}

.k-button.k-secondary:active {
  background-color: #315279;
}

.k-button.k-widget .k-secondary:active:hover {
  color: #ffffff;
  background-color: #315279;
}

.k-button.k-secondary[disabled],
.k-button.k-secondary.k-state-disabled,
.k-state-disabled .k-button.k-secondary {
  background-color: #315279 !important;
}

/* k-info, unique to nas */
.k-button.k-info,
.k-button.k-info:focus,
.k-button.k-info.k-state-focused,
.k-button.k-info:hover,
button.k-button.k-info:hover,
.k-button.k-info:focus:active:not(.k-state-disabled):not([disabled]),
.k-button.k-info:focus:not(.k-state-disabled):not([disabled]),
.k-button.k-info:active,
.k-button.k-widget .k-info:active:hover {
  background-color: #fabb49;
  color: #2d4159;
}

.k-button.k-info:hover,
button.k-button.k-info:hover {
  text-decoration: underline;
}

.k-button.k-info[disabled],
.k-button.k-info.k-state-disabled,
.k-state-disabled .k-button.k-info {
  background-color: #fabb49 !important;
  color: #2d4159 !important;
  text-decoration: none !important;
}

/* Kendo Buttons with DMS icons */
.k-button .k-sprite.DmsIcon {
  margin-top: 2px;
  margin-right: 1.2rem;
}

/* Icon Modifier - Right */
.k-button .k-sprite.DmsIcon.DmsIconRight {
  margin-right: 0;
  margin-left: 1.2rem;
}

/* Icon Only */
body .k-button.k-button-icon {
  /* 
		k-button-icon is a class kendo adds when there is only an icon in a button.
		The height and width are tweaked versions of what kendo does.
		Re-applying kendo padding (we override it elsewhere) because kendos padding is needed for icons to look right.
	*/
	padding: 8px 7px;
	height: calc(1.2745em + 17px);
  width: calc(1.2745em + 25px);
}

body .k-button.k-button-icon .k-sprite,
body .k-button.k-button-icon .k-sprite.DmsIcon {
  /* 
		k-button-icon is a class kendo adds when there is only an icon in a button.
		Kendo doesnt use margin on their icons. Our implementations arent 100% compatible so we kludge it together with top margin.
  */
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/*** Kendo Buttons In Action Panels ***/
div.ActionPanel.KendoButton a.k-button {
  background-image: url(../../Media/Images/ActionIcons/ActionsKendoButtonSprite.png);
  background-image: url(../../Media/Images/ActionIcons/ActionsKendoButtonSprite.svg),none;
  background-position: right 14px center;
  background-repeat: no-repeat;
  background-size: 9px 7px;
  padding-right: 31px;
}

div.ActionPanel.KendoButton a.k-button + .Actions ul {
  right: 0;
  top: 1px;
}

div.ActionPanel.Active.KendoButton a.k-button + .Actions {
  display: block;
}

/* remove focus shadow */
div.ActionPanel.KendoButton a.k-button:focus,
div.ActionPanel.KendoButton a.k-button:focus:not(.k-state-disabled):not([disabled]) {
  box-shadow: none;
}

/* Kendo Buttons in Action Panels in Filters */
.FilterBar .FilterItem div.ActionPanel.KendoButton a.k-button {
  background-position: right 15px center;
  font-size: 1.2rem;
  padding: 9px 32px 9px 21px;
}

.FilterBar .FilterItem .Label + div.ActionPanel.KendoButton {
  margin-top: 0;
}

/****************************
             Keywords
*****************************/
ul.KeywordList {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.KeywordList > li {
  float: left;
  margin: 0 5px 5px 0;
}

ul.KeywordList > li a,
ul.KeywordList > li button {
  border: 1px solid #b4cfee;
  -moz-border-radius: 3em;
  -webkit-border-radius: 3em;
  border-radius: 3em;
  display: block;
  font-size: 1.2rem;
  line-height: 1.2em;
  padding: 5px 12px;
  text-decoration: none;
  cursor: pointer;
  word-break: break-all;
}

ul.KeywordList > li button,
.DmsGrid ul.KeywordList a,
.DmsGrid ul.KeywordList button {
  background-color: #fff;
}

ul.KeywordList > li a:hover,
ul.KeywordList > li button:hover,
.DmsGrid ul.KeywordList > li a:hover,
.k-grid.DmsGrid ul.KeywordList > li a:hover,
.DmsGrid ul.KeywordList > li button:hover,
.k-grid.DmsGrid ul.KeywordList > li button:hover {
  background-color: #b4cfee;
  text-decoration: none;
}

ul.KeywordList > li a.AvailableKeywordSelected,
ul.KeywordList > li button.AvailableKeywordSelected {
  background-color: #3C72AF;
  color: #ffffff;
}

/* KeywordList Modifier - Small */
ul.KeywordList.KeywordListSmallKeywords > li a,
ul.KeywordList.KeywordListSmallKeywords > li button {
  padding: 3px 10px;
}

/* KeywordList Modifier - Large */
ul.KeywordList.KeywordListLargeKeywords > li a,
ul.KeywordList.KeywordListLargeKeywords > li button {
  padding: 8px 20px;
}

/* KeywordList Modifier - Selected Keywords */
ul.KeywordList.KeywordListSelectedKeywords > li a,
ul.KeywordList.KeywordListSelectedKeywords > li button {
  background-image: url('../../Media/Images/Icon-RemoveKeyword.png');
  background-image: url('../../Media/Images/Icon-RemoveKeyword.svg'),none;
  background-size: 8px 8px;
  background-repeat: no-repeat;
  background-position: right 10px center;
  border-color: #c4cbd3;
  color: #828282;
  padding-right: 27px;
}

ul.KeywordList.KeywordListSelectedKeywords > li a:hover,
ul.KeywordList.KeywordListSelectedKeywords > li button:hover,
.DmsGrid ul.KeywordList.KeywordListSelectedKeywords > li a:hover,
.DmsGrid ul.KeywordList.KeywordListSelectedKeywords > li button:hover {
  background-color: #e6e9ed;
  color: #2968b3;
}

ul.KeywordList.KeywordListSmallKeywords.KeywordListSelectedKeywords > li a,
ul.KeywordList.KeywordListSmallKeywords.KeywordListSelectedKeywords > li button {
  background-position: right 8px center;
  padding-right: 22px;
}

ul.KeywordList.KeywordListLargeKeywords.KeywordListSelectedKeywords > li a,
ul.KeywordList.KeywordListLargeKeywords.KeywordListSelectedKeywords > li button {
  background-position: right 14px center;
  padding-right: 32px;
}

/*Keywords in Dms Grids*/
.DmsGrid ul.KeywordList {
  font-size: 0.9rem;
  margin-top: 0.4rem;
}

.k-grid.DmsGrid ul.KeywordList {
  padding-left: 0;
}

/* Collapsible Row Comments */

.CollapsibleComments {
  margin: 10px 35px 10px 0;
}

.CollapsibleComments hr {
  margin: 5px 0 0 0;
  color: #e1e1e1;
  border-color: #e1e1e1;
  background-color: #e1e1e1;
}

.CollapsibleComments p {
  margin: 10px 0;
  font-style: italic;
}

.CollapsibleComments .ReviewedBy {
  display: inline-block;
  margin: 0 5px 0 0;
}


/****************************
          Dms Icons
*****************************/
.DmsIcon {
  background-image: url('../../Media/Images/GeneralIconSprite.png');
  background-image: url('../../Media/Images/GeneralIconSprite.svg'),none;
  background-repeat: no-repeat;
  background-size: 120px 1680px;
  display: inline-block;
  font-size: 0;
  height: 16px;
  line-height: 0;
  margin: -0.4rem 0.4rem 0 0.6rem;
  vertical-align: middle;
  width: 16px;
}

.DmsIcon.DmsIconDark {
  background-image: url('../../Media/Images/GeneralIconSprite-Dark.png');
  background-image: url('../../Media/Images/GeneralIconSprite-Dark.svg'),none;
}

/* Edit */
.DmsIcon.DmsIconEdit {
  background-position: 0 -40px;
}

.DmsIcon.DmsIconEdit.DmsIconLarge {
  background-position: 0 0;
}

.DmsIcon.DmsIconEdit.DmsIconSmall {
  background-position: 0 -80px;
}

/* Edit - circle */
.DmsIcon.DmsIconEdit.DmsIconCircle {
  background-position: -100px -40px;
}

.DmsIcon.DmsIconEdit.DmsIconCircle.DmsIconLarge {
  background-position: -100px 0;
}

.DmsIcon.DmsIconEdit.DmsIconCircle.DmsIconSmall {
  background-position: -100px -80px;
}

/* Save */
.DmsIcon.DmsIconSave {
  background-position: 0 -160px;
}

.DmsIcon.DmsIconSave.DmsIconLarge {
  background-position: 0 -120px;
}

.DmsIcon.DmsIconSave.DmsIconSmall {
  background-position: 0 -200px;
}

/* Delete */
.DmsIcon.DmsIconDelete {
  background-position: 0 -280px;
}

.DmsIcon.DmsIconDelete.DmsIconLarge {
  background-position: 0 -240px;
}

.DmsIcon.DmsIconDelete.DmsIconSmall {
  background-position: 0 -320px;
}

/* Close */
.DmsIcon.DmsIconClose {
  background-position: 0 -400px;
}

.DmsIcon.DmsIconClose.DmsIconLarge {
  background-position: 0 -360px;
}

.DmsIcon.DmsIconClose.DmsIconSmall {
  background-position: 0 -440px;
}

/* Close - circle */
.DmsIcon.DmsIconClose.DmsIconCircle {
  background-position: -100px -400px;
}

.DmsIcon.DmsIconClose.DmsIconCircle.DmsIconLarge {
  background-position: -100px -360px;
}

.DmsIcon.DmsIconClose.DmsIconCircle.DmsIconSmall {
  background-position: -100px -440px;
}

/* Add */
.DmsIcon.DmsIconAdd {
  background-position: 0 -520px;
}

.DmsIcon.DmsIconAdd.DmsIconLarge {
  background-position: 0 -480px;
}

.DmsIcon.DmsIconAdd.DmsIconSmall {
  background-position: 0 -560px;
}

/* Remove */
.DmsIcon.DmsIconRemove {
  background-position: 0 -640px;
}

.DmsIcon.DmsIconRemove.DmsIconLarge {
  background-position: 0 -600px;
}

.DmsIcon.DmsIconRemove.DmsIconSmall {
  background-position: 0 -680px;
}

/* Upload */
.DmsIcon.DmsIconUpload {
  background-position: 0 -760px;
}

.DmsIcon.DmsIconUpload.DmsIconLarge {
  background-position: 0 -720px;
}

.DmsIcon.DmsIconUpload.DmsIconSmall {
  background-position: 0 -800px;
}

/* Download */
.DmsIcon.DmsIconDownload {
  background-position: 0 -880px;
}

.DmsIcon.DmsIconDownload.DmsIconLarge {
  background-position: 0 -840px;
}

.DmsIcon.DmsIconDownload.DmsIconSmall {
  background-position: 0 -920px;
}

/* Back */
.DmsIcon.DmsIconBack {
  background-position: 0 -1000px;
}

.DmsIcon.DmsIconBack.DmsIconLarge {
  background-position: 0 -960px;
}

.DmsIcon.DmsIconBack.DmsIconSmall {
  background-position: 0 -1040px;
}

/* Back - Circle */
.DmsIcon.DmsIconBack.DmsIconCircle {
  background-position: -100px -1000px;
}

.DmsIcon.DmsIconBack.DmsIconCircle.DmsIconLarge {
  background-position: -100px -960px;
}

.DmsIcon.DmsIconBack.DmsIconCircle.DmsIconSmall {
  background-position: -100px -1040px;
}

/* Continue */
.DmsIcon.DmsIconContinue {
  background-position: 0 -1120px;
}

.DmsIcon.DmsIconContinue.DmsIconLarge {
  background-position: 0 -1080px;
}

.DmsIcon.DmsIconContinue.DmsIconSmall {
  background-position: 0 -1160px;
}

/* Send */
.DmsIcon.DmsIconSend {
  background-position: 0 -1240px;
}

.DmsIcon.DmsIconSend.DmsIconLarge {
  background-position: 0 -1200px;
}

.DmsIcon.DmsIconSend.DmsIconSmall {
  background-position: 0 -1280px;
}

/* Print */
.DmsIcon.DmsIconPrint {
  background-position: 0 -1360px;
}

.DmsIcon.DmsIconPrint.DmsIconLarge {
  background-position: 0 -1320px;
}

.DmsIcon.DmsIconPrint.DmsIconSmall {
  background-position: 0 -1400px;
}

/* Info */
.DmsIcon.DmsIconInfo {
  background-position: 0 -1480px;
}

.DmsIcon.DmsIconInfo.DmsIconLarge {
  background-position: 0 -1440px;
}

.DmsIcon.DmsIconInfo.DmsIconSmall {
  background-position: 0 -1520px;
}

/* Info - Circle */
.DmsIcon.DmsIconInfo.DmsIconCircle {
  background-position: -100px -1480px;
}

.DmsIcon.DmsIconInfo.DmsIconCircle.DmsIconLarge {
  background-position: -100px -1440px;
}

.DmsIcon.DmsIconInfo.DmsIconCircle.DmsIconSmall {
  background-position: -100px -1520px;
}

/* Help Text Icon Color */
#RequestTabStrip h2 > .DmsIconCircle,
#WatchList h2 > .DmsIconCircle,
#NewLabServiceRequestForm .DmsIconCircle,
#EstimateScreens h3 > .DmsIconCircle,
.DmsGrid.CostSummary .DmsIconCircle,
.EstimateOverview .EstimateTotals .EstimateTitle .DmsIconCircle {
  background-color: #b8c9dd !important;
}

/* Export Excel */
.DmsIcon.DmsIconExportExcel {
  background-position: 0 -1600px;
}

.DmsIcon.DmsIconExportExcel.DmsIconLarge {
  background-position: 0 -1560px;
}

.DmsIcon.DmsIconExportExcel.DmsIconSmall {
  background-position: 0 -1640px;
}

/* Icon Modifier - Size */
.DmsIcon.DmsIconSmall {
  height: 12px;
  width: 12px;
}

.DmsIcon.DmsIconLarge {
  height: 20px;
  width: 20px;
}

/* Icon Modifier - Circle */
.DmsIcon.DmsIconCircle {
  background-color: #3C72AF;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

/* Icon Modifier - Position */
.DmsIcon.DmsIconRight {
  margin-right: 0.6rem;
  margin-left: 0.4rem;
}

/* Generic Close Icon (deprecated?) */
.CloseIcon .k-icon.k-i-close {
  background: transparent url(../../Media/Images/Icon-X.png) no-repeat center 2px;
}

.CloseIcon .k-icon.k-i-close:before {
	content: "";
}

	.CloseIcon .k-icon.k-i-close:hover {
		background: transparent url(../../Media/Images/Icon-X.png) no-repeat center -98px !important;
		background-image: url(../../Media/Images/Icon-X.svg);/*never applied because background is !important */
	}

/*** Kendo check boxes ***/
.k-checkbox-label:before {
	border-color: #bcbcbc;
}

.k-checkbox:focus + .k-checkbox-label:before {
  border-color: #5d7ea7;
}

.k-checkbox:checked + .k-checkbox-label:before {
  color: #2968b3;
  background-color: #f5f6f6;
  font-weight: bold;
  border-color: #bcbcbc;
}

.k-checkbox:focus + .k-checkbox-label:before {
  border-color: #5d7ea7; /* reset border color */
}


/*************************************
  SPINNERS
*************************************/

/* Spinner */
#ButtonsSpinnerTarget,
.ButtonsSpinnerTarget {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 12px;
  width: 35px;
  height: 35px;
  visibility: hidden; /* for animations */
}

#ButtonsSpinnerTarget:empty,
.ButtonsSpinnerTarget:empty {
  display: none;
}

#ButtonsSpinnerTarget:not(:empty),
.ButtonsSpinnerTarget:not(:empty) {
  -moz-animation: SiteShowButtonsSpinner 0s linear 320ms forwards; /* Firefox */
  -webkit-animation: SiteShowButtonsSpinner 0s linear 320ms forwards; /* Safari and Chrome */
  -o-animation: SiteShowButtonsSpinner 0s linear 320ms forwards; /* Opera */
  animation: SiteShowButtonsSpinner 0s linear 320ms forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes SiteShowButtonsSpinner {
  to {
    visibility: visible;
  }
}

@keyframes SiteShowButtonsSpinner {
  to {
    visibility: visible;
  }
}

/* FullPageSpinner */
#FullPageSpinner {
  background-color: rgba(245, 246, 245, 0.91);
  position: absolute;
  z-index: 1000;
  min-height: 100%;
}

/* For Dynamically Added Spinners */
.SpinnerParent {
  position: relative;
  z-index: 1;
}

#FullPageSpinner:empty {
  display: none;
}

/* Fancy Spinner with Title and Text (New Request + Estimate Submission) */
#WorkflowPageSpinner {
  background-color: rgba(245, 246, 245, 0.91);
  position: absolute;
  z-index: 1000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

#WorkflowPageSpinner #WorkflowPageSpinnerWrapper {
  top: 18%;
  position: fixed;
  left: 0;
  right: 0;
  padding-top: 103px;
}

#WorkflowPageSpinner #WorkflowPageSpinnerTitle {
  color: #445e7d;
  font-size: 2.4rem;
  font-weight: bold;
  margin-top: 53px;
  margin-bottom: 17px;
  text-align: center;
  padding: 0 10px;
}

#WorkflowPageSpinner #WorkflowPageSpinnerDescription {
  line-height: 1.5em;
  text-align: center;
  padding: 0 10px;
}

/* User Profile Image */
.UserProfileImage {
  display: inline;
}

.UserProfileImage svg {
  height: 150px;
  width: 150px;
}

.Icon.UserProfileImage svg {
  height: 85px;
  width: 85px;
}

.UserLink.LoggedIn .UserProfileImage {
  display: inline-block;
}

.UserProfileImage.Default {
  width: 160px;
  height: 160px;
}

.UserProfileImage.Icon {
  width: 85px;
  height: 85px;
}

.UserProfileImage.Full {
}

.DashBlock#DashActivityStream .UserProfileImage {
  float: left;
}

.UserProfileImage img {
  margin: 0 auto;
  height: 100%;
}

/**********************************
    EXCEPTION OVERLAY STYLES
**********************************/
#ExceptionOverlay {
  display: none;
  padding: 60px 20px;
  text-align: center;
}

#ExceptionOverlay .ExceptionImage {
  background: transparent url('../../Media/Images/ErrorException.png') no-repeat 0 0;
  background-image: url('../../Media/Images/ErrorException.svg'), none;
  background-size: 197px 270px;
  width: 197px;
  height: 270px;
  display: inline-block;
  font-size: 0;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: top;
}

#ExceptionOverlay .ExceptionMessage {
  color: #555555;
  font-size: 2rem;
  line-height: 1.5em;
  margin: 5px 0 14px;
  display: block;
}

#ExceptionOverlay > p {
  color: #969595;
  font-size: 1.2rem;
}

/***************************************
  DMS GRID
***************************************/
.DmsGrid,
.k-grid.DmsGrid {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  position: relative;
}

/*header styles*/
.DmsGrid thead tr th,
.k-grid.DmsGrid .k-grid-header th.k-header {
  text-align: left;
  background-color: #d7e3f1 !important;
  border-top: 1px solid #c8d6e5;
  border-right: 1px solid #e6f0fc;
  border-bottom: 1px solid #c8d6e5;
  border-left: 1px solid #e6f0fc;
  color: #333333;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.2rem;
  padding: 4px 10px;
  text-transform: uppercase;
}

/* Remove vertical scrollbar */

.DmsGrid > .k-grid-header {
  padding: 0 !important;
}

.DmsGrid > .k-grid-content {
  overflow-y: visible;
  /* padding-bottom: 2px;
   margin-bottom: -2px; */
}

.DmsGrid thead tr:hover,
.k-grid.DmsGrid .k-grid-header:hover {
  background-color: transparent;
}

.DmsGrid.k-grid.k-widget > .k-grid-header, #ServiceAreaManagerListingGrid > .k-grid-header {
  background-color: #f5f6f6 !important;
}

/*empty row style*/
.NoGridItems {
  font-size: 1.3rem;
  font-weight: normal;
  padding: 25px 0;
  width: 100%;
  background-color: #f2f2f2;
  position: relative;
}

.NoGridItems > span {
  transform: translate(-50%,-50%);
  left: 50%;
  top: 50%;
  position: absolute;
  padding: 0;
}

/*row styles*/
.DmsGrid tbody tr {
  background-color: #f2f2f2;
}

.DmsGrid tbody tr:nth-child(even),
.k-grid.DmsGrid .k-alt {
  background-color: transparent;
}

.DmsGrid tbody tr:hover,
.DmsGrid tbody tr:nth-child(even):hover,
.k-grid.DmsGrid .k-alt:hover {
  background-color: #ebebeb;
}

/*cell styles*/
.DmsGrid tr td {
  border-top: 0 solid transparent;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 0 solid transparent;
  color: #333333;
  font-size: 1.2rem;
  line-height: 1.6em;
  padding: 5px 10px;
}

.DmsGrid tr th:first-child,
.DmsGrid tr td:first-child,
.k-grid.DmsGrid .k-grid-header th.k-header:first-child {
  border-left-color: transparent;
}


.DmsGrid tr th:last-child,
.DmsGrid tr td:last-child,
.k-grid.DmsGrid .k-grid-header th.k-header:last-child {
  border-right-color: transparent;
}

.DmsGrid tr:last-child td {
  border-bottom: 1px solid #e0e0e0;
}

/* footer styles */
.DmsGrid tfoot,
.DmsGrid tfoot tr,
.k-grid.DmsGrid tfoot.k-grid-footer,
.k-grid.DmsGrid tfoot.k-grid-footer tr {
  background-color: transparent;
}

.DmsGrid tfoot tr td,
.DmsGrid tfoot tr:last-child td,
.k-grid.DmsGrid tfoot.k-grid-footer tr td {
  background-color: transparent;
  border-color: transparent;
  border-width: 0 0 1px;
  font-weight: normal;
  padding-top: 6px;
}

.DmsGrid tfoot tr td.GridMetaItem,
.k-grid.DmsGrid tfoot.k-grid-footer tr td.GridMetaItem {
  border-color: #c8d6e5;
}

.DmsGrid tfoot tr td.GridMetaItemLabel,
.k-grid.DmsGrid tfoot.k-grid-footer tr td.GridMetaItemLabel {
  font-weight: bold;
  text-align: right;
}

/*action panels*/
.DmsGrid thead tr th.HasActionPanel,
.k-grid.DmsGrid .k-grid-header th.k-header.HasActionPanel {
  width: 45px;
  text-align: center;
}

/*helper classes*/
.DmsGrid .TextCenter, .DashTable .TextCenter {
  text-align: center !important;
}

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



/***************************************
  DMS GRID + KENDO GRID
***************************************/
/*header styles*/
.k-grid.DmsGrid .k-grid-header-wrap {
  border: 0 none;
}

.k-grid.DmsGrid .k-grid-header th.k-header {
  min-height: 18px;
  line-height: 1.8rem;
}

.k-grid.DmsGrid .k-grid-header th.k-header:first-child,
.k-grid.DmsGrid .k-grid-header th.k-header:last-child {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.k-grid.DmsGrid .k-grid-header .k-link:link,
.k-grid.DmsGrid .k-grid-header .k-link:visited {
  color: #333333;
}

/* special selected sort text in header */
.k-grid.DmsGrid .k-grid-header .sortIcon .SortedByItem {
  color: #8a8a8a;
}

/* sorting icons in header */
.k-grid.DmsGrid .k-grid-header .k-icon,
.k-grid.DmsGrid .k-grid-header .sortIcon:after {
  background: transparent url(../../Media/Images/Icon-GridSortSprite.png) no-repeat 0 0;
  background-image: url(../../Media/Images/Icon-GridSortSprite.svg),none;
  background-size: 10px 100px;
  margin: 6px 0 0 4px;
  height: 4px;
  width: 10px;
  opacity: 1;
  vertical-align: top;
}

.k-grid.DmsGrid .k-grid-header .k-icon.k-i-sort-asc-sm:before,
.k-grid.DmsGrid .k-grid-header .k-icon.k-i-sort-desc-sm:before,
.k-grid.DmsGrid .k-grid-header .sortIcon:after {
  content: "";
  display: none;
}

.k-grid.DmsGrid .k-grid-header .sortIcon.ascSortOrder:after,
.k-grid.DmsGrid .k-grid-header .sortIcon.descSortOrder:after {
  display: inline-block;
}

.k-grid.DmsGrid .k-grid-header .k-link:not(.k-state-disabled):hover > .k-icon {
  opacity: 1;
}

.k-grid.DmsGrid .k-grid-header .k-i-sort-asc-sm,
.k-grid.DmsGrid .k-grid-header .k-link:not(.k-state-disabled):hover > .k-i-sort-asc-sm,
.k-grid.DmsGrid .k-grid-header .sortIcon.ascSortOrder:after {
  background-position: 0 0;
}

.k-grid.DmsGrid .k-grid-header .k-i-sort-desc-sm,
.k-grid.DmsGrid .k-grid-header .k-link:not(.k-state-disabled):hover > .k-i-sort-desc-sm,
.k-grid.DmsGrid .k-grid-header .sortIcon.descSortOrder:after {
  background-position: 0 -50px;
}

/*k-icons in header*/
.k-grid.DmsGrid .k-grid-header .k-header .k-icon {
  vertical-align: top;
}

/*images in header*/
.k-grid.DmsGrid .k-grid-header .k-header img {
  vertical-align: middle;
}

/* body styles */
.k-mobile .k-grid.DmsGrid tbody {
  -webkit-backface-visibility: visible;
}

/*cell styles*/
.k-grid.DmsGrid tr td {
  border-left-width: 1px;
  border-right-width: 1px;
}

/*toolbar styles*/
.k-grid.DmsGrid .k-grid-toolbar {
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 0 0 10px 0;
}

/*grid pager styles*/
.k-grid.DmsGrid .k-pager-wrap {
  margin-top: 0;
  margin-bottom: 10px;
  background-color: transparent;
  clear: none; /* clear jacks up the flow if used in the context of a "floated column" layout where a clear is not properly applied. This is a temporary fix which may now be out of date. */
  padding: 10px 0 0;
}

/* Remove Vertical Scrollbars */
.k-grid.DmsGrid .k-grid-header {
  padding: 0 !important;
}

.k-grid.DmsGrid .k-grid-content.k-auto-scrollable {
  overflow-y: visible;
}

/* Sorting Panel - Header */
.k-grid.DmsGrid .k-grid-header th.SortPanelGridHeader {
  padding: 0;
  overflow: visible !important;
  position: relative;
}

.k-grid.DmsGrid .k-grid-header th.SortPanelGridHeader a.k-link {
  display: block;
  padding: 4px 10px;
}
/* Sorting Panel - Panel */
.k-grid.DmsGrid .k-grid-header th.SortPanelGridHeader .SortPanel {
  display: none;
  position: fixed;
  padding: 5px 0 0;
  z-index: 999;
  background-color: #ffffff;
  border-top: none;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 0 0 5px 5px;
  text-transform: none;
  font-size: 1.5rem;
  line-height: 1.8rem;
  overflow: hidden;
  margin-top: 1px !important; /* override inline jquery animation */
}

.k-grid.DmsGrid .k-grid-header th.SortPanelGridHeader .SortPanel .k-radio-label {
  padding-top: 0;
}

/* Sorting Panel - Options */
.k-grid.DmsGrid .k-grid-header th.SortPanelGridHeader .SortPanel .SortOptions {
  list-style: none;
  margin: 0;
  padding: 0 12px;
  text-transform: uppercase;
}

.k-grid.DmsGrid .k-grid-header th.SortPanelGridHeader .SortPanel .SortOptions > li {
  margin: 6px 0 11px;
}

.k-grid.DmsGrid .k-grid-header th.SortPanelGridHeader .SortPanel p.NoSortOptionsMessage {
  margin: 6px 12px;
  color: #7f858c;
  font-size: 1.2rem;
}

/* Sorting Panel - Actions */
.k-grid.DmsGrid .k-grid-header th.SortPanelGridHeader .SortPanel .SortOrderActions {
  list-style: none;
  background-color: #f5f6f6;
  padding: 0;
  margin: 9px 0 0;
}

.k-grid.DmsGrid .k-grid-header th.SortPanelGridHeader .SortPanel .SortOrderActions a.SortDirection {
  display: block;
  padding: 10px 16px;
  color: #445e7d;
}

.k-grid.DmsGrid .k-grid-header th.SortPanelGridHeader .SortPanel .SortOrderActions a.SortDirection:before {
  background: transparent url(../../Media/Images/GridSortOrderActionSprite.png) no-repeat 0 0;
  background-image: url(../../Media/Images/GridSortOrderActionSprite.svg),none;
  background-size: 10px 300px;
  display: inline-block;
  content: "";
  height: 4px;
  width: 10px;
  margin: 6px 10px 0 0;
  vertical-align: top;
}

.k-grid.DmsGrid .k-grid-header th.SortPanelGridHeader .SortPanel .SortOrderActions a.SortDirection.DESC:before {
  margin-top: 7px;
  background-position: 0 -50px;
}

.k-grid.DmsGrid .k-grid-header th.SortPanelGridHeader .SortPanel .SortOrderActions a.SortDirection.Selected {
  background-color: #445e7d;
  color: #ffffff;
}

.k-grid.DmsGrid .k-grid-header th.SortPanelGridHeader .SortPanel .SortOrderActions a.SortDirection.Selected:before {
  background-position: 0 -100px;
}

.k-grid.DmsGrid .k-grid-header th.SortPanelGridHeader .SortPanel .SortOrderActions a.SortDirection.DESC.Selected:before {
  background-position: 0 -150px;
}

.k-grid.DmsGrid .k-grid-header th.SortPanelGridHeader .SortPanel .SortOrderActions a.SortDirection.Disabled {
  color: #999999;
  cursor: default;
  text-decoration: none;
}

.k-grid.DmsGrid .k-grid-header th.SortPanelGridHeader .SortPanel .SortOrderActions a.SortDirection.Disabled:before {
  background-position: 0 -200px;
}

.k-grid.DmsGrid .k-grid-header th.SortPanelGridHeader .SortPanel .SortOrderActions a.SortDirection.DESC.Disabled:before {
  background-position: 0 -250px;
}



/***************************************
  DMS GRID + KENDO HIERARCHY TABLES
***************************************/
/* main table master/detail rows */
.DmsGrid[data-detail-template] > div > table {
  border-bottom: 1px solid #e0e0e0;
}

.DmsGrid[data-detail-template] > div > table tr:last-child td {
  border-bottom: none;
}

.DmsGrid tbody tr.k-master-row:hover,
.DmsGrid tbody tr.k-master-row:hover + tr.k-detail-row,
.DmsGrid tbody tr.k-master-row + tr.k-detail-row:hover,
.DmsGrid tbody tr.k-alt.k-master-row:hover + tr.k-alt.k-detail-row,
.DmsGrid tbody tr.k-alt.k-master-row + tr.k-alt.k-detail-row:hover {
  background-color: #ebebeb;
}

.DmsGrid tbody tr.k-master-row,
.DmsGrid tbody tr.k-master-row + tr.k-detail-row {
  background-color: #f2f2f2;
}

.DmsGrid tbody tr.k-alt.k-master-row + tr.k-alt.k-detail-row {
  background-color: transparent;
}

.DmsGrid .k-detail-row .k-grid {
  border-radius: 0;
  box-shadow: none;
  border: none;
}

.DmsGrid tbody tr.k-detail-row .k-widget {
  background-color: transparent;
}

/* Nested Table*/
.DmsGrid .k-detail-row .k-hierarchy-cell {
  border-right: none;
}

.DmsGrid .k-detail-row .k-detail-cell {
  padding: 10px 10px 16px 4px;
  border-left: none;
}

.DmsGrid tbody tr.k-detail-row .k-grid tr.k-alt {
  background-color: #fafafa;
}

.DmsGrid tbody tr.k-detail-row .k-grid tr.k-alt:hover {
  background-color: #ebebeb;
}

.DmsGrid .k-detail-row .k-grid .k-grid-header {
  border-bottom: 1px solid #e5e5e5;
	background-color: transparent;
}

.DmsGrid .k-detail-row .k-grid .k-grid-header tr {
  background-color: transparent;
}

.DmsGrid .k-detail-row .k-grid .k-grid-header th.k-header {
  background-color: transparent !important;
  border: none;
  color: #919191;
  padding: 0 12px;
  letter-spacing: 0.1rem;
}

.DmsGrid .k-detail-row .k-grid .k-grid-header th.k-header:first-child {
  padding-left: 7px;
}

.DmsGrid .k-detail-row .k-grid .k-grid-header th.k-header:last-child {
  padding-right: 7px;
}

.DmsGrid .k-detail-row .k-grid .k-grid-content td {
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom: none;
  color: #666666;
  padding-right: 12px;
  padding-left: 12px;
}

.DmsGrid .k-detail-row .k-grid .k-grid-content td:first-child {
  border-left-color: #e5e5e5;
  padding-left: 7px;
}

.DmsGrid .k-detail-row .k-grid .k-grid-content td:last-child {
  border-right-color: #e5e5e5;
  padding-right: 7px;
}

.DmsGrid tbody tr.k-detail-row .k-grid tr:last-child td {
  border-bottom: 1px solid #e5e5e5;
}



/***************************************
  DMSGRID LIGHT THEME
***************************************/
/*header styles*/

.DmsGrid.DmsGridLight thead tr th,
.k-grid.DmsGrid.DmsGridLight .k-grid-header th.k-header {
  background-color: transparent !important;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #e5e5e5;
  border-left: none;
  color: #919191;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.2rem;
  letter-spacing: 0.1rem;
  padding: 3px 10px 7px;
}

.k-grid.DmsGrid.DmsGridLight .k-grid-header th.k-header[data-role="columnsorter"] {
  padding-bottom: 3px;
}

/*cell styles*/
.DmsGrid.DmsGridLight tr td {
  border-right: 0 solid transparent;
  border-left: 0 solid transparent;
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: 13px 10px;
  color: #555555;
}

.DmsGrid.DmsGridLight tr:last-child td {
  border-bottom-color: #e5e5e5;
}



/***************************************
  DMS GRID + KENDO GRID LIGHT THEME
***************************************/
/*header styles*/
.k-grid.DmsGrid.DmsGridLight .k-grid-header {
  background-color: transparent;
}

.k-grid.DmsGrid.DmsGridLight .k-grid-header .k-link:link,
.k-grid.DmsGrid.DmsGridLight .k-grid-header .k-link:visited {
  color: #919191;
}



/* Table lists */

th.k-header a {
  /*text-align: center !important;*/
}

.k-grid.DmsGrid ul {
  padding-left: 10px;
}

.k-pager-wrap ul {
  padding-left: 0px !important;
}

ul#ManagerListing.k-widget.k-listview li, ul#CustomerRepListing.k-widget.k-listview li, .k-grid.DmsGrid .FullName a {
  /*padding-left: 10px;*/
  list-style: none;
  margin-bottom: 5px;
}

.k-grid.DmsGrid ul li a {
  text-decoration: none;
}

.k-grid.DmsGrid ul li a:hover {
  text-decoration: underline;
}

.TextCenter {
  text-align: center;
}

.LastLogin {
  font-size: 1.1rem !important;
}

td.AlignTop {
  vertical-align: top;
}



/***************************************
  RESPONSIVE GRID WRAPPER
***************************************/

.NasGridTableWrapper, /* for Nas Grid Widgets */
.ResponsiveGridWrapper /* for everything else */ {
  overflow-x: auto;
  overflow-y: visible;
}

.NasGridTableWrapper > table {
  min-width: 850px;
}

/* Column Fixed Width */

.NasGridTableWrapper > table th.ColumnId {
  width: 65px;
}

.NasGridTableWrapper > table th.ColumnDate {
  width: 65px;
}

.NasGridTableWrapper > table th.ColumnDateTime {
  width: 135px;
}

.NasGridTableWrapper > table th.ColumnWorkFlowAction {
  width: 305px;
}

.NasGridTableWrapper > table th.ColumnRating {
  width: 75px;
}

.NasGridTableWrapper > table th.ColumnPermission {
  width: 80px;
}

.NasGridTableWrapper > table th.ColumnIcon, .NasGridTableWrapper > table th.ColumnQuantity, table th.ColumnQuantity {
  width: 20px;
}

.NasGridTableWrapper > table th.ColumnStatus, table th.ColumnStatus {
  width: 45px;
}

.NasGridTableWrapper > table th.ColumnStatus > a.k-link, table th.ColumnStatus > a.k-link {
  display: inline !important;
}

.NasGridTableWrapper > table th.ColumnStatus > a.RequestLabServiceStatusesWindowTrigger,
table th.ColumnStatus > a.RequestLabServiceStatusesWindowTrigger {
  margin: -0.4rem 0 0 0.4rem;
  cursor: help;
}

.NasGridTableWrapper > table th.ColumnAmount, table th.ColumnAmount {
  width: 80px;
}

.NasGridTableWrapper > table th.ColumnReview, table th.ColumnReview {
  width: 75px;
}

.NasGridTableWrapper > table th.ColumnReport, table th.ColumnReport {
  width: 250px;
}

.NasGridTableWrapper > table th.ColumnAction, table th.ColumnAction {
  width: 45px;
}

.k-safari .NasGridTableWrapper > table th.ColumnUser, .k-safari table th.ColumnUser {
  min-width: 185px;
}

.NasGridTableWrapper > table th.ColumnTags, table th.ColumnTags {
  width: 300px;
}

.NasGridTableWrapper > table th.ColumnServiceArea, table th.ColumnServiceArea {
  width: 285px;
}

/* Description Tooltip */

.TooltipDescription {
  width: 250px;
}

/***************************************
  FILTER STYLES
***************************************/
.FilterBar {
  margin-top: 15px;
  line-height: 1.8rem;
}

.FilterBar .FilterItem {
  float: left;
  border-right: 1px solid #eaeaea;
  padding-right: 12px;
  margin-right: 12px;
  margin-bottom: 20px;
  max-width: 100%;
  min-height: 5.9rem;
}

.FilterBar .FilterItem:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}

#taggedForYouForm .k-grid.DmsGrid .k-grid-toolbar {
  padding: 0;
}

.FilterBar .FilterItem.NoLabel {
  min-height: 3.5rem;
  padding-top: 2.2rem;
}

.FilterBar .FilterItem .Label {
  margin-top: 0;
}

/* date range */
.FilterBar .FilterItem .DateRangeConjoiner {
  color: #919191;
  display: inline-block;
  font-size: 1.2rem;
  margin: 0 6px 0 7px;
}

/* checkboxes */
.FilterBar .FilterItem .FilterCheckBox {
  display: block;
  margin: 1.2em 0 7px; /* 1.2em = 18/15 */
}

.FilterBar .FilterItem .FilterCheckBox .k-checkbox-label {
  font-size: 1.3rem;
}

/* default filter widths */
.FilterBar .FilterItem input,
.FilterBar .FilterItem .k-widget.k-dropdown {
  max-width: 100%;
  min-width: 100%;
  width: 225px;
}

.FilterBar .FilterItem input.k-checkbox {
  min-width: 0; /* IE fix */
  width: 0; /* IE fix */
}

.FilterBar .FilterItem .k-widget.k-datepicker {
  width: 136px;
}

.FilterBar > .FilterItem > span.k-datepicker:nth-child(2) {
  margin-bottom: 0px;
}

/* general filters with widths */
.FilterBar .FilterItem input.FilterRequestId {
  width: 125px;
}

.FilterBar .FilterItem .k-widget.k-dropdown.FilterServiceArea {
  width: 225px;
}

.FilterBar .FilterItem .k-widget.k-dropdown.FilterStatus {
  width: 240px;
}

.FilterBar .FilterItem .k-widget.k-dropdown.FilterRowsDisplayed {
  width: 87px;
}

/* links */
.FilterBar .FilterItem a.FilterActionLink {
  display: block;
  font-size: 1.3rem;
}

.FilterBar .FilterItem .Label + a.FilterActionLink {
  margin: 1.46154em 0 8px; /* 1.46154em = 19/13 */
}

.FilterBar .FilterItem a.FilterResetLink {
  color: #555555;
  display: inline-block;
  font-size: 1.3rem;
  margin-left: 16px;
}

/* Filter Break Points*/

@media (max-width: 385px) {
  .FilterBar .FilterItem {
    width: 100%;
    border-right: none;
    padding-right: 0px;
    margin-right: 0px;
  }

  .FilterItem .k-dropdown {
    width: 100% !important;
  }

  .FilterItem .k-datepicker {
    width: 145px;
  }

  .FilterBar > .FilterItem > span.k-datepicker:nth-child(2) {
    margin-bottom: 15px;
  }

  .FilterBar .FilterItem.NoLabel {
    padding-top: 0px;
  }
}


/***************************************
  RATING
***************************************/
.Rating {
  min-width: 184px;
}

.Rating.Editable {
  cursor: pointer;
}

.Rating > span {
  background: transparent url(../../Media/Images/SurveyRatingSprite.png) no-repeat 0 0;
  background-image: url(../../Media/Images/SurveyRatingSprite.svg),none;
  background-size: 114px 500px;
  display: block;
  float: left;
  font-size: 0;
  height: 24px;
  margin-right: 16px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 24px;
}

.Rating > span:last-child {
  margin-right: 0;
}

.Rating.Editable > span.RatingSelected,
.Rating.ReadOnly > span.RatingSelected {
  background-position: 0 -200px;
}

/* Editable */
.Rating.Editable > span.RatingActive {
  background-position: 0 -400px;
}

/* Read Only */
.Rating.ReadOnly > span {
  background-position: 0 -100px;
}

.Rating.ReadOnly > span.RatingSelectedDecimal {
  background-position: 0 -300px;
}

/* Rating Modifier - Size */
.RatingSmall .Rating {
  min-width: 78px;
}

.RatingSmall .Rating > span {
  height: 14px;
  margin-right: 2px;
  width: 14px;
}

.RatingSmall .Rating > span:last-child {
  margin-right: 0;
}

.RatingSmall .Rating > span {
  background-position: -100px 0;
}

.RatingSmall .Rating.Editable > span.RatingSelected,
.RatingSmall .Rating.ReadOnly > span.RatingSelected {
  background-position: -100px -200px;
}

/* Editable */
.RatingSmall .Rating.Editable > span.RatingActive {
  background-position: -100px -400px;
}

/* Read Only */
.RatingSmall .Rating.ReadOnly > span {
  background-position: -100px -100px;
}

.RatingSmall .Rating.ReadOnly > span.RatingSelectedDecimal {
  background-position: -100px -300px;
}



/***************************************
  SERVICE AREA TAGS
***************************************/
ul.TagListView {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

ul.TagListView > li {
  float: left;
  padding: 0;
  margin: 5px 5px 5px 0;
  list-style-type: none;
}

ul.TagListView > li:last-child {
  margin-right: 0;
}

ul.TagListView > li > a,
ul.TagListView.ReadOnly > li > span {
  border: 1px solid silver;
  border-radius: 3px;
  margin: 0;
  padding: 0 5px;
  text-decoration: none;
  display: table-cell;
  height: 20px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 1.0rem;
  line-height: 1;
}

ul.TagListView > li.SagState1 > a,
	ul.TagListView.ReadOnly > li.SagState1 > span {
		background-color: #e0e0e0;
		color: #aeaeae;
		border: 1px solid #cbcbcb;
		text-decoration: none;
		padding-right: 26px;
		position: relative;
	}

ul.TagListView > li.SagState2 > a,
ul.TagListView.ReadOnly > li.SagState2 > span {
  background-color: #ac3f3f;
  color: #ffffff;
  border: 1px solid #8e2a2a;
  text-decoration: none;
	padding-right: 26px;
	position: relative;
}

ul.TagListView > li.SagState3 > a,
ul.TagListView.ReadOnly > li.SagState3 > span {
  background-color: #c8e0fc;
  color: #31364b;
  border: 1px solid #b0cced;
  text-decoration: none;
	padding-right: 26px;
	position: relative;
}

ul.TagListView > li > a:after,
ul.TagListView.ReadOnly > li > span:after {
  border-left-width: 1px;
  border-left-style: solid;
  margin-left: 4px;
  padding: 5px 0px 4px 4px;
}

	ul.TagListView > li.SagState1 > a:after,
	ul.TagListView.ReadOnly > li.SagState1 > span:after {
		content: "";
		background: url(../../Media/Images/TagStatusNotInvolved.png) no-repeat;
		background-image: url(../../Media/Images/TagStatusNotInvolved.svg);
		border-color: #cbcbcb;
		height: 17px;
		background-position: 4px center;
		display: inline-block;
		padding-left: 13px;
		position: absolute;
		padding: 3px 0px 0px 13px;
		top: 0px;
		width: 3px;
	}

ul.TagListView > li.SagState1 > a:hover {
  background-color: #ffffff;
}

	ul.TagListView > li.SagState2 > a:after,
	ul.TagListView.ReadOnly > li.SagState2 > span:after {
		content: "";
		background: url(../../Media/Images/TagStatusInProgress.png) no-repeat;
		background-image: url(../../Media/Images/TagStatusInProgress.svg);
		border-color: #8e2a2a;
		height: 17px;
		background-position: center;
		display: inline-block;
		padding-left: 13px;
		position: absolute;
		padding: 3px 0px 0px 13px;
		top: 0px;
		width: 3px;
	}

ul.TagListView > li.SagState2 > a:hover {
  background-color: #8e2a2a;
}

	ul.TagListView > li.SagState3 > a:after,
	ul.TagListView.ReadOnly > li.SagState3 > span:after {
		content: "";
		background: url(../../Media/Images/TagStatusComplete.png) no-repeat;
		background-image: url(../../Media/Images/TagStatusComplete.svg);
		height: 17px;
		background-position: center;
		display: inline-block;
		padding-left: 13px;
		border-color: #b0cced;
		position: absolute;
		padding: 3px 0px 0px 13px;
		top: 0px;
		width: 3px;
	}

ul.TagListView > li.SagState3 > a:hover {
  background-color: #acc7e5;
}

/* TagListView in Grids */
.DmsGrid ul.TagListView {
  padding-left: 0;
  margin-top: 0.5rem;
  white-space: nowrap;
}

.DmsGrid ul.TagListView > li {
  float: none;
  display: inline-block;
  margin: 3px 2px 3px 0;
}

.DmsGrid ul.TagListView > li:last-child {
  margin-right: 0;
}

.DmsGrid ul.TagListView > li > a:hover {
  text-decoration: none;
}



/* Environment Indicator */
.EnvironmentIndicatorWrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 500;
  margin: 0 auto;
  width: 200px;
}

.EnvironmentIndicator {
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	padding: 10px 0;
	border: 1px solid #999999;
	border-top: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	z-index: 1000;
	background: transparent url("../../Media/Images/EnvironmentPattern.png") repeat left top;
}

.StagingSite {
  background-color: #2dad30;
}

.FutureSite {
  background-color: #ff0000;
}

.SupportSite {
  width: 200px;
  background-color: #3498db;
}

.DevelopmentSite {
  width: 200px;
  background-color: #8e44ad;
}

.ReviewSite {
  /*background-color: #d18816;*/
  background-color: darkorchid;
}

.Localhost {
  background-color: #848484;
}

code {
  color: red;
}


/* Generic Delete Button Icon */
.RowDeleteButton,
.k-button.k-button-icon.RowDeleteButton,
.k-button.k-button-icon.RowDeleteButton .RowDeleteIcon {
  height: 15px;
  width: 12px;
}

.k-button.RowDeleteButton:after {
	display: none;
}

a.RowDeleteButton,
span.RowDeleteButton {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  vertical-align: middle;
}

.DmsGrid td .RowDeleteButton,
.DmsGrid .k-widget.k-listview .RowDeleteButton {
  margin: 0.16667em 0 0; /* 0.16667em = 2/12 */
}

.k-widget.k-listview .RowDeleteButton {
  margin: -0.4rem 0 0 0;
}

.k-button.k-button-icon.RowDeleteButton {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  line-height: normal;
  padding: 0;
  vertical-align: top;
}

.k-button.k-button-icon.RowDeleteButton.k-state-focused {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.RowDeleteIcon {
  background: transparent url('../../Media/Images/RowDeleteIcon.png') no-repeat 0 0;
  background-image: url('../../Media/Images/RowDeleteIcon.svg'),none;
  background-size: 112px 200px;
}

.RowDeleteButton:hover .RowDeleteIcon,
.RowDeleteIcon:hover {
  background-position: 0 -100px;
}

.RowDeleteIcon.Dark {
  background-position: -100px 0;
}

.RowDeleteButton:hover .RowDeleteIcon.Dark,
.RowDeleteIcon.Dark:hover {
  background-position: -100px -100px;
}

.RoundedPanelWhite {
  padding: 20px !important;
  border: 1px solid #e8e8e8 !important;
  background: #ffffff !important;
  border-radius: 7px;
}

/* Status Icons Description Modal */

#RequestLabServiceStatusDescriptions_ListView {
  margin-top: 15px;
  padding: 0 10px 0 0;
  list-style: none;
  max-height: 400px;
  overflow-y: auto;
}

#RequestLabServiceStatusDescriptions_ListView > li {
  margin: 0;
  padding: 10px 0;
  width: 100%;
}

#RequestLabServiceStatusDescriptions_ListView > li > span.StatusIcon {
  display: inline-block;
  margin: 0 6px 0 3px;
}

#RequestLabServiceStatusDescriptions_ListView > li > span.StatusName {
  position: relative;
  top: -5px;
  display: inline;
  margin: 0;
  color: #919191;
  font-size: 11px;
  line-height: 1.2em;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#RequestLabServiceStatusDescriptions_ListView > li > p.StatusDescription {
  display: block;
  font-size: 1.2rem;
  margin: 5px 0;
}

#RequestLabServiceStatusDescriptions_ListView > li > hr {
  margin: 3px 0 7px 0;
}

/* Status Icons */

.StatusIcon,
div.ToDoBox > .RequestLocked .StatusIcon {
  height: 19px;
  width: 19px;
  background-image: url(../../Media/Images/Statuses/StatusIcons.png);
  background-image: url(../../Media/Images/Statuses/StatusIcons.svg), none;
  background-size: 700px 88px;
  background-position: 0 -69px;
  background-color: transparent;
  padding: 0px;
  display: block;
  margin: 0 auto;
}

ul.k-list.k-reset .StatusIcon {
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 7px;
}

.StatusIcon.Estimation,
div.ToDoBox > .RequestLocked .StatusIcon.Estimation {
  background-position: -50px -69px;
}

.StatusIcon.PendingApproval,
div.ToDoBox > .RequestLocked .StatusIcon.PendingApproval {
  background-position: -100px -69px;
}

.StatusIcon.FullyApproved,
div.ToDoBox > .RequestLocked .StatusIcon.FullyApproved {
  background-position: -150px -69px;
}

.StatusIcon.WorkInProgress,
div.ToDoBox > .RequestLocked .StatusIcon.WorkInProgress {
  background-position: -200px -69px;
}

.StatusIcon.WorkComplete,
div.ToDoBox > .RequestLocked .StatusIcon.WorkComplete {
  background-position: -250px -69px;
}

.StatusIcon.Cancelled,
div.ToDoBox > .RequestLocked .StatusIcon.Cancelled {
  background-position: -300px -69px;
}

.StatusIcon.Denied,
div.ToDoBox > .RequestLocked .StatusIcon.Denied {
  background-position: -350px -69px;
}

.StatusIcon.ApprovedForNextFiscalYear,
div.ToDoBox > .RequestLocked .StatusIcon.ApprovedForNextFiscalYear {
  background-position: -400px -70px;/* ApprovedForNextFiscalYear is supposedly a special one off use case. It probably doesnt need to be in the main status icon sprite. I'm guessing the one off case will return yearly so it's probably worth having it in the status sprite. */
}

.StatusIcon.NotSubmitted,
div.ToDoBox > .RequestLocked .StatusIcon.NotSubmitted {
  background-position: -450px -69px;
}

.StatusIcon.Deleted,
div.ToDoBox > .RequestLocked .StatusIcon.Deleted {
  background-position: -500px -69px;
}

.StatusIcon.NewFiscalAuthority,
div.ToDoBox > .RequestLocked .StatusIcon.NewFiscalAuthority {
  background-position: -550px -69px;
}

.StatusIcon.ChangeOrder,
div.ToDoBox > .RequestLocked .StatusIcon.ChangeOrder {
  background-position: -600px -69px;
}

/* Status Icon in DmsGrid */
.DmsGrid .StatusIcon {
  cursor: help;
}





/***************************************
  MODAL BREAKDOWN
***************************************/
.k-window table.ModalBreakdown {
  font-size: 1.2rem;
  color: #555555;
  border-collapse: collapse;
  width: 100%;
}

.k-window table.ModalBreakdown tr th {
  border-bottom: 1px solid #e0e0e0;
  color: #919191;
  font-size: 1.2rem;
  padding: 7px 10px;
  font-weight: normal;
  text-align: left;
}

.k-window table.ModalBreakdown tr td {
  border-right: none;
  border-bottom: 1px dashed #e0e0e0;
  border-left: none;
  padding: 10px;
}

.k-window table.ModalBreakdown tr:last-child td {
  border-bottom: 1px solid #e0e0e0;
}

.k-window table.ModalBreakdown tfoot tr td,
.k-window table.ModalBreakdown tfoot:last-child tr td {
  border-bottom-color: transparent;
}

.k-window table.ModalBreakdown tfoot tr td.GridMetaItem {
  border-color: #c8d6e5;
}

.k-window table.ModalBreakdown tfoot tr td.GridMetaItemLabel {
  font-weight: bold;
  text-align: right;
}





/***************************************
  FISCAL AUTHORITY MODAL
***************************************/
/*** Multi step header ***/
.FiscalAuthorityReviewModal .MultiStepModalHeader {
  border-bottom: 1px solid #e0e0e0;
  background-color: #f2f2f2;
  padding: 13px 1.5333em;
  margin: -4px -1.333em 15px -1.333em;/* top, right, + left are same as the padding on .k-window-content */
}

.FiscalAuthorityReviewModal .MultiStepModalHeader div {
  font-size: 18px;
  font-weight: bold;
}

.FiscalAuthorityReviewModal .MultiStepModalHeader div span {
  font-size: 14px;
  font-weight: normal;
  color: #787878;
}



/*** Shared styles ***/
.FiscalAuthorityReviewModal .SecondaryInfo {
  color: #727272;
}

.FiscalAuthorityReviewModal .MultiStepModalGlobalInfo {
  margin-bottom: 30px;
}

.FiscalAuthorityReviewModal .FaReviewUpdateWarning {
  font-weight: bold;
  font-size: 1.2rem;
  color: #666666;
}

.FiscalAuthorityReviewModal .FaReviewUpdateWarning:before {
  content: "";
  display: inline-block;
  height: 12px;
  width: 12px;
  vertical-align: top;
  margin: 0 7px 0 0;
  background: transparent url(../../Media/Images/Icon-Warning.png) no-repeat 0 0;
  background-image: url(../../Media/Images/Icon-Warning.svg),none;
  background-size: 12px 12px;
}

.FiscalAuthorityReviewModal table .FundingProjectIdCol {
  width: 185px;
}



/*** step 1 ***/
.FiscalAuthorityReviewModal #fiscalAuthorityApprovalStep1 .RadioButtonList ul {
  display: flex;
}

.FiscalAuthorityReviewModal #fiscalAuthorityApprovalStep1 .RadioButtonList ul li {
  margin-right: 20px;
}

.FiscalAuthorityReviewModal #fiscalAuthorityApprovalStep1 .RadioButtonList ul li:last-child {
  margin-right: 0;
}

.FiscalAuthorityReviewModal #fiscalAuthorityApprovalStep1 .FaReviewDistrubutionMethod .RadioButtonList {
  margin-bottom: 0;
}

.FiscalAuthorityReviewModal #fiscalAuthorityApprovalStep1 .FaReviewDistrubutionMethod .FaReviewDistrubutionMethodNotes p {
  padding-left: 32px;
  margin-top: 0;
  line-height: 1.75rem;
}

.FiscalAuthorityReviewModal #fiscalAuthorityApprovalStep1 .FaReviewDistrubutionMethod .FaReviewDistrubutionMethodNotes p .DmsIcon:first-child {
  margin-left: 0;
}



/*** step 2 ***/
.FiscalAuthorityReviewModal #fiscalAuthorityApprovalStep2 .ModeIndicator {
  display: inline-block;
  padding: 5px 9px 3px;
  margin: 0px 0 0px;
  background-color: #f2f2f2;
  font-size: 1.2rem;
}

/* Add Funding Item Bar */
.FiscalAuthorityReviewModal .AddFundingItemBar {
  margin: 15px 0 10px;
}

.FiscalAuthorityReviewModal .AddFundingItemBar > div {
  margin-top: 23px;
}

.FiscalAuthorityReviewModal .AddFundingItemBar > div:first-child {
  margin-top: 0;
}

.FiscalAuthorityReviewModal .AddFundingItemBar .k-textbox,
.FiscalAuthorityReviewModal .AddFundingItemBar .k-widget.k-dropdown,
.FiscalAuthorityReviewModal .AddFundingItemBar .k-widget.k-numerictextbox {
  width: 100%;
}

.FiscalAuthorityReviewModal .AddFundingItemBar button {
  width: 100%;
}

.FiscalAuthorityReviewModal .FaReviewFundingProjectId {
  max-width: 200px;
}

.FiscalAuthorityReviewModal .FaReviewFundingProjectId > div > .Label {
  display: inline-block;
}

.FiscalAuthorityReviewModal .FaReviewFundingProjectId > div > .FindProjectLink {
  font-size: 1.1rem;
  border-left: 1px solid #919191;
  margin-left: 7px;
  padding-left: 11px;
}

.FiscalAuthorityReviewModal .AddFundingItemBar > .FaReviewFundingProjectInfo {
  margin-top: 8px;
  color: #919191;
  font-size: 1.1rem;
}

.FiscalAuthorityReviewModal .FaReviewFundingProjectInfo span {
  font-weight: bold;
  margin-bottom: 7px;
}

.FiscalAuthorityReviewModal .FaReviewFundingProjectInfo span > span {
  font-weight: normal;
}

.FiscalAuthorityReviewModal .FaReviewFundingProjectInfo span {
  margin-right: 10px;
}

.FiscalAuthorityReviewModal .FaReviewFundingProjectInfo span:last-child {
  margin-right: 0;
}

.FiscalAuthorityReviewModal .FaReviewFundingAmount {
  max-width: 200px;
}

.FiscalAuthorityReviewModal .FaReviewFundingServiceArea {
  width: 100%;
}

.FiscalAuthorityReviewModal .FaReviewFundingAction {
  width: 75px;
  align-self: flex-end;
}

/* Numeric Input */
.FiscalAuthorityReviewModal .FaReviewFundingAmount .k-numeric-wrap:before {
  display: none;
}

.FiscalAuthorityReviewModal .FaReviewFundingAmount .k-numerictextbox .k-link {
  height: 1.13333em; /* 1.13333em = 17/15; */
}

/* Funding Item Grid */
.FiscalAuthorityReviewModal .FundingItemGrid .FundingItemActionCol {
  width: 40px;
  text-align: center;
}

/* Already invoiced item note */
.FiscalAuthorityReviewModal .AlreadyInvoicedNote {
  display: block;
  margin: 20px 0 8px;
  font-weight: bold;
}

.FiscalAuthorityReviewModal .AlreadyInvoicedNote .DmsIcon:first-child {
  margin-left: 0;
}



/*** step 3 ***/
.FiscalAuthorityReviewModal #fiscalAuthorityApprovalStep3 .FundingOptionsColumns > div {
  margin-top: 21px;
}

.FiscalAuthorityReviewModal #fiscalAuthorityApprovalStep3 .FundingOptionsColumns > div:first-child {
  margin-top: 0;
}



/*** encumbrance grid ***/
.FiscalAuthorityReviewModal .FaReviewProjectEncumbrance .OverageLimitNote {
  display: block;
  margin: 15px 0 25px;
}

.FiscalAuthorityReviewModal .FaReviewProjectEncumbrance .OverageLimitNote .DmsIcon:first-child {
  margin-left: 0;
}

.FiscalAuthorityReviewModal .FaReviewProjectEncumbrance .FaReviewFundingStatusCol {
  width: 80px;
  white-space: nowrap;
}

.FiscalAuthorityReviewModal .FaReviewProjectEncumbrance .FaReviewFundingStatus:before {
  content: "";
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: top;
  margin: 0 7px 0 0;
  background: transparent url(../../Media/Images/FiscalAuthorityReviewEncumbranceSprite.png) no-repeat 0 0;
  background-image: url(../../Media/Images/FiscalAuthorityReviewEncumbranceSprite.svg),none;
  background-size: 100px 200px;
}

.FiscalAuthorityReviewModal .FaReviewProjectEncumbrance .FaReviewFundingStatus.UnFunded {
  color: #808080;
}

.FiscalAuthorityReviewModal .FaReviewProjectEncumbrance .FaReviewFundingStatus.Funded {
  color: #53893e;
}

.FiscalAuthorityReviewModal .FaReviewProjectEncumbrance .FaReviewFundingStatus.Funded:before {
  background-position: 0 -100px;
}



/***************************************
    ADMIN TOOLBAR
***************************************/
#AdminToolBar {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10003;
	padding: 8px 0 9px;
	border-top: 2px solid #788fa9;
	background-color: #2f3944;
	color: #ffffff;
}

#AdminToolBar .AdminToolBarInnerWrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

#AdminToolBar .AdminToolBarInnerWrap .AdminToolBarCell {
	border-right: 1px solid #808b9b;
	padding: 0 12px;
}

#AdminToolBar .AdminToolBarInnerWrap .AdminToolBarCell:first-child {
	padding-left: 0;
}

#AdminToolBar .AdminToolBarInnerWrap .AdminToolBarCell:last-child {
	padding-right: 0;
	border-right: none;
}

#AdminToolBar .AdminToolBarTitle {
	font-size: 1.2rem;
}

#AdminToolBar .FancySwitch + label {
  padding: 5px 72px 0 0;
  min-height: 26px;
	font-size: 1.6rem;
}

#AdminToolBar .FancySwitch + label:before,
#AdminToolBar .FancySwitch + label:after {
	content: "";
	top: 0;
	left: auto;
	border: none;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
}

#AdminToolBar .FancySwitch + label:before {
	right: 30px;
	height: 30px;
	width: 30px;
	transition: right 200ms;
	background-color: #ffffff;
	border-radius: 100%;
}

#AdminToolBar .FancySwitch:checked + label:before {
	right: 0;
}

#AdminToolBar .FancySwitch + label:after {
	content: "off";
	right: 0;
	width: 40px;
	height: 30px;
	padding: 0 10px;
	font-size: 1.2rem;
	line-height: 2.5;
	text-align: right;
	color: #ffffff;
	background: #656565;
	border-radius: 100px;
}

#AdminToolBar .FancySwitch:checked + label:after {
	content: "on";
	text-align: left;
	background: #55779f;
}





/***************************************
    LINKED REQUESTS WIDGET
***************************************/
#linkedRequests .DmsGrid .LinkRequestIdColumn,
#linkedRequests .DmsGrid .LinkDateColumn {
  width: 70px;
}

#linkedRequests .DmsGrid .LinkCommentColumn {
  width: 500px;
}

#linkedRequests .DmsGrid .LinkActionsColumn {
  width: 1%;
}





/***************************************
    LINK REQUEST MODAL WIDGET
***************************************/
#linkRequestWindow .RequestIDField {
  width: 350px;
}





/***************************************
    CREATE FOLLOWON REQUEST SHARED STYLES
***************************************/
/* These are used in a modal and as page content */
.FollowOnRequestCreationFields {
  margin-top: 25px;
}

.FollowOnRequestCreationFields .FollowOnRequestCreationFieldsDescription {
  margin: 8px 0 0 30px;
  font-size: 1.3rem;
  line-height: 1.5;
}

.FollowOnRequestCreationFields .FollowOnRequestCreationFieldsDescription p:first-child {
  margin-top: 0;
}

.FollowOnRequestCreationFields .FollowOnRequestCreationFieldsDescription p:last-child {
  margin-bottom: 0;
}

.FollowOnRequestCreationFields .k-radio-label {
  padding-top: 0;
  font-size: 1.5rem;
}

.FollowOnRequestCreationFields textarea.k-textbox {
  max-width: none;
}





/**********************************
    MEDIUM SCREEN MEDIA QUERY
**********************************/
@media (min-width: 415px) {
  .ContentWrapper {
    margin-bottom: -276px; /* the bottom margin is the negative value of the footer's height */
  }

  #SiteFooter, .SiteFooterPush {
    height: 276px;
  }

  /* admin toolbar override */
  #AdminToolBar ~ .ContentWrapper {
    margin-bottom: -326px; /* the bottom margin is the negative value of the footer's height + the admin toolbars height */
  }

  #AdminToolBar ~ #SiteFooter,
  #AdminToolBar ~ .ContentWrapper .SiteFooterPush {
    height: 326px;/* 326 = 276 (footer height) + 50 (toolbar height) */
  }
  /* end admin toolbar override */

  .DashBlock#DashStats .DashBlockBody #StatsGraphTitle {
    width: 100%;
  }
}


/**********************************
    END MEDIUM SCREEN MEDIA QUERY
**********************************/


/**********************************
    DESKTOP MEDIA QUERY
**********************************/
#desktop-indicator {
  display: none;
}
/*@media (min-width: 600px) {*/
@media (min-width: 750px) {
  /* Kendo grid toolbar styles */
  .k-grid .k-grid-toolbar > h2 {
    display: inline-block;
    margin-top: 0;
    margin-right: 20px;
    margin-left: 0;
  }

  .k-grid .k-grid-toolbar > .k-button {
    float: right;
  }

  .Page {
  }

  .WidthContain {
    max-width: 1280px;
    margin: 0 auto 0 auto;
  }

  .DesktopTable {
    display: table;
    width: 100%;
    table-layout: fixed;
  }

  .DesktopRow {
    display: table-row;
    width: auto;
  }

  .DesktopCell {
    display: table-cell;
    vertical-align: top;
  }

  .RoundedPanel {
    padding: 20px !important;
    border: 1px solid #e8e8e8 !important;
    background: #f9fafa !important;
    border-radius: 7px;
  }

  .MainContentPaddingLeft {
    padding-left: 20px;
  }

  #MainCol {
    padding-left: 20px;
  }

  #SideCol {
    width: 200px;
    min-width: 200px;
  }

  #PageHeader h1 {
    font-size: 36px;
  }

  #SiteFooter #AppFooter {
    height: 32px;
  }

  #SiteFooter #AppFooter ul li {
    float: left;
  }

  #SiteFooter #AppFooter ul li a {
    padding: 0 15px;
  }

  #SiteFooter #NihFooter .FooterColumn {
    width: 50%;
  }

  .ContentWrapper {
    margin-bottom: -297px; /* the bottom margin is the negative value of the footer's height */
  }

  #SiteFooter,
  .SiteFooterPush {
    height: 297px;
  }

  /* admin toolbar override */
  #AdminToolBar ~ .ContentWrapper {
    margin-bottom: -347px; /* the bottom margin is the negative value of the footer's height + the admin toolbars height */
  }

  #AdminToolBar ~ #SiteFooter,
  #AdminToolBar ~ .ContentWrapper .SiteFooterPush {
    height: 347px;/* 347 = 297 (footer height) + 50 (toolbar height) */
  }
  /* end admin toolbar override */

  #NihTrademark {
    display: block;
  }

  #NcifLogoGray {
    display: block;
  }

  /* GSA Search Results */
  .SearchContentWrapper .GsaResultItem .ButtonInline {
    float: right;
    display: inline-block;
    margin-top: 0;
  }

  /* headline inline */
  .HeadlineInline > h1,
  .HeadlineInline > h2,
  .HeadlineInline > h3,
  .HeadlineInline > h4 {
    display: inline-block;
    margin-right: 20px;
  }

  .HeadlineInline > .FloatRight {
    float: right;
  }



  /****************************
        PAGE MESSAGES
*****************************/
  #PageMessage .InfoIcon {
    float: none;
  }

  #PageMessage .PageMessageBody {
    width: 100%;
    padding: 0;
  }

  #PageMessage .CloseIcon {
    position: static;
    top: auto;
    right: auto;
  }


  /****************************
        GENERAL MODAL STYLES
*****************************/
  .k-window .DesktopInputColumns:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }

  .k-window .DesktopInputColumns > div {
    float: left;
    padding: 0 5px 0 4px;
  }

  .k-window .DesktopInputColumns > div:first-child {
    padding-left: 0;
  }

  .k-window .DesktopInputColumns > div:last-child {
    padding-right: 0;
  }

  .k-window .DesktopInputColumns > div > button:first-child {
    margin-top: 27px;
  }


  /****************************
        PEOPLE PICKER
*****************************/
  #divMainSearch .ModalGobalActions > span,
  #divMainSearch .ModalGobalActions .GlobalActionLinks,
  #divMainSearch .ResultsListingHeader > div {
    display: inline-block;
    margin-top: 0;
  }

  #divMainSearch .ModalGobalActions .GlobalActionLinks,
  #divMainSearch .ResultsListingHeader > .SortResults {
    float: right;
  }

  #divMainSearch .PeoplePickerPerson .PersonDetails {
    display: inline-block;
    float: right;
    margin: 0;
  }


  /***************************************
    BILLING MODAL
***************************************/
  .BillingModal .BillableItemQty {
    width: 75px;
  }

  .BillingModal .BillableItem {
    width: 476px;
  }

  .BillingModal .DesktopInputColumns > div.BillableItem {
    margin-top: 0;
    padding-right: 0;
  }

  .BillingModal .BillableItemProjectId {
    width: 280px;
  }

  .BillingModal .DesktopInputColumns > div.BillableItemProjectId {
    padding-left: 0;
  }

  .BillingModal .BillableItemAction {
    width: 76px;
  }

  .BillingModal .HeadlineInline {
    padding-bottom: 0;
  }

  .BillingModal .HeadlineInline > h3 {
    margin-top: 0;
    margin-bottom: 3px;
  }

  .BillingModal .HeadlineInline > a {
    margin-top: 5px;
  }


  /***************************************
          FILE UPLOAD STYLES
***************************************/
  .k-upload .k-upload-button {
    margin-right: 155px;
  }

  .k-dropzone .k-upload-status,
  .k-dropzone ul.k-upload-files + .k-upload-status { /* move element regardless of html order */
    position: absolute;
    right: 12px;
    /*top: 15px;*/
		top: 24px;
    bottom: auto;
    left: auto;
  }

  .k-dropzone .k-upload-status + ul.k-upload-files {
    margin-bottom: 15px; /* initial value */
  }

  ul.k-upload-files li > div > span.FileSizeCell {
    width: 15%;
  }

  ul.k-upload-files li > div > span.FileDateCell {
    width: 20%;
  }


  /****************************
        DRAGGABLE LISTVIEW
*****************************/
  .ListViewItem > .ListViewItemMain {
    width: 87%;
  }


  /***************************************
        CSS PSEUDO COLUMNS
***************************************/
  .PseudoColumns {
    -webkit-column-gap: 30px;
    -webkit-column-count: 2;
    -moz-column-gap: 30px;
    -moz-column-count: 2;
    -ms-column-gap: 30px;
    -ms-column-count: 2;
    column-gap: 30px;
    column-count: 2;
  }

  #UserProfileForm div.SideCol {
    width: 200px;
  }

  /****************************
        Term And Definition List View
*****************************/
  ul.TermDefinitionListView {
    display: table;
  }

  ul.TermDefinitionListView > li {
    display: table-row;
  }

  ul.TermDefinitionListView > li > .ListViewTerm,
  ul.TermDefinitionListView > li > .ListViewDefinition {
    display: table-cell;
    padding: 4px 10px;
  }

  ul.TermDefinitionListView > li > .ListViewTerm {
    text-align: right;
  }

  /****************************
        DASHBOARD PAGES
*****************************/
  .DashBlock .DashTable .DashSubjectCol {
    width: 55.8%;
  }

  /***************************************
    FISCAL AUTHORITY MODAL
***************************************/
  /* Add Funding Item Bar */
  .FiscalAuthorityReviewModal .AddFundingItemBar {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  
  .FiscalAuthorityReviewModal .AddFundingItemBar > div {
    padding: 0 5px 0 4px;
    margin-top: 0;
    flex: 1 1 0;
    order: 1;
  }

  .FiscalAuthorityReviewModal .AddFundingItemBar > div:first-child {
    padding-left: 0;
  }

  .FiscalAuthorityReviewModal .AddFundingItemBar > .FaReviewFundingProjectId,
  .FiscalAuthorityReviewModal .AddFundingItemBar > .FaReviewFundingAmount {
    max-width: none;
  }

  .FiscalAuthorityReviewModal .AddFundingItemBar > .FaReviewFundingProjectId {
    flex-basis: 200px;
    max-width: 200px;
  }

  .FiscalAuthorityReviewModal .AddFundingItemBar > .FaReviewFundingProjectInfo {
    order: 3;
    display: flex;
    padding: 0;
    flex-basis: 100%;
  }

  .FiscalAuthorityReviewModal .FaReviewFundingProjectInfo span {
    margin-bottom: 0;
  }

  .FiscalAuthorityReviewModal .AddFundingItemBar > .FaReviewFundingAmount {
    max-width: 175px;
    flex-basis: 175px;
  }

  .FiscalAuthorityReviewModal .AddFundingItemBar > .FaReviewFundingServiceArea {
    flex-basis: 100px;
    width: auto;
  }

  .FiscalAuthorityReviewModal .AddFundingItemBar > .FaReviewFundingAction {
    padding-right: 0;
    width: auto;
    flex-basis: 75px;
    max-width: 75px;
  }

  /*** step 3 ***/
  .FiscalAuthorityReviewModal #fiscalAuthorityApprovalStep3 .FundingOptionsColumns {
    display: flex;
  }

  .FiscalAuthorityReviewModal #fiscalAuthorityApprovalStep3 .FundingOptionsColumns > div {
    margin: 0 50px 0 0;
  }

  .FiscalAuthorityReviewModal #fiscalAuthorityApprovalStep3 .FundingOptionsColumns > div:last-child {
    margin-right: 0;
  }

  /*** encumbrance grid ***/
  .FiscalAuthorityReviewModal .FaReviewProjectEncumbrance .FaReviewFundingStatusCol {
    white-space: normal;
  }
}

@media (min-width: 955px) {
  #desktop-indicator {
    display: block;
  }

  header span#ApplicationLogo a {
    width: 325px;
    max-width: 325px;
    height: 40px;
  }

  header .WidthContain {
    margin: 0 auto;
    padding: 0 20px;
  }

  header #MenuTrigger {
    display: none;
  }

  #ToolBar {
    float: right;
    background: transparent;
    border-bottom: 0;
    padding: 0;
    display: inline-block;
    width: auto;
  }

  #ToolBarSearch {
    vertical-align: top;
    padding: 12px 0 12px 7px;
  }

  #ToolBarSearchField-list.k-list-container {
    left: auto;
  }

  #ToolBar #ToolButtons {
    padding: 12px 5px 12px 0;
  }

  #ToolBar > div {
    float: right;
  }

  #ToolBar #ToolButtons ul li a {
    background-position: center -200px;
  }

  #ToolBar #ToolButtons ul li a:hover {
    background-position: center -300px;
  }

  #ToolBar #LoginStatusDesktop {
    display: table-cell;
    line-height: 30px;
    padding: 0;
    vertical-align: top;
    position: relative;
  }

  #ToolBar .LoginStatus {
    display: table-cell;
    line-height: 30px;
    padding: 0;
    vertical-align: top;
    position: relative;
  }

  #ToolBar .LoginStatus span.UserProfileImage {
    float: left;
    margin: 11px 0 0 0;
  }

  #ToolBar .LoginStatus span.UserNameLink {
    display: block;
  }

  #ToolBar .LoginStatus span.GreetingText,
  #ToolBar .LoginStatus span.NotYouText {
    display: none;
  }

  #DeskMenu .MainMenu {
    border-bottom: 1px solid #4a5f78;
    font-size: 1.1rem;
    background-color: #1c314a;
    display: block;
  }

  #DeskMenu .MainMenu a {
    text-decoration: none;
  }

  #DeskMenu .MainMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  #DeskMenu .MainMenu ul.AccountActionsMenu,
  #DeskMenu .MainMenu h4 {
    display: none;
  }

  /* mega menu list */
  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 15;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem h2,
  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem h3,
  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem h4 {
    font-size: 1.1rem;
    margin: 0;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem h2 a,
  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem h3 a,
  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem h4 a {
    position: relative;
    padding: 10px 15px;
    margin: 0 0 -1px 0;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.6rem;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    border: 1px solid transparent;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
  }

  /* focus/open states of first descendant link within a top level navigation item */
  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > a:focus,
  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > a.Active {
    border: 1px solid #dedede;
  }

  /* open state of first descendant link within a top level navigation item */
  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > h2 > a.Active,
  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > h2 > a:hover {
    background-color: #495f78;
    border-bottom: none;
    z-index: 1;
  }

  /* sub-navigation panel */
  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel {
    position: absolute;
    z-index: 1000;
    display: none;
    top: 38px;
    left: 0;
    right: 0;
    margin-top: -1px;
    padding: 1rem 1.5rem;
    border-top: 1px solid #586c83;
    border-bottom: 1px solid #1c314a;
    border-left: 1px solid #3a597d;
    border-right: 1px solid #3a597d;
    background-color: #495f78;
  }

  /* sub-navigation panel open state */
  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel.Active {
    display: block;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel.Active.Empty {
    display: none !important;
  }

  /* list of items within sub-navigation panel */
  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel ul {
    display: block;
    vertical-align: top;
    margin: 0;
    padding: 0;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel ul.SubList {
    display: inline-block;
    width: 30%;
    margin-right: 2%;
  }

  /* list item within sub-navigation panel */
  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel li {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel > li {
    margin: 25px 0;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel .QuickButtons {
    margin-top: 10px;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel .QuickButtons .QuickButton {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel .QuickButtons .QuickButton a {
    display: block;
    padding: 10px 22px;
    height: 1.2rem;
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: #2d4159;
    background-color: #fabb49;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel .QuickButtons .BrowseButton {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel .QuickButtons .BrowseButton a {
    display: block;
    padding: 10px 22px;
    height: 1.2rem;
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: #ffffff;
    background-color: #55779f;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel .QuickButtons .BrowseButton a:hover {
    text-decoration: underline;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > .NewRequestButton {
    position: absolute;
    right: 0px;
    top: 0;
    background-color: #55779f;
    height: 100%;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > .NewRequestButton a:before {
    content: '+';
    margin-right: 5px;
    position: relative;
    top: 1px;
    font-size: 1.4rem;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > .HelpCenterIcon {
    margin: 1.0rem 1.5rem 0 0;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel > .MainNavPanelGroup > h3 {
    position: relative;
    margin: 10px 0;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel > .MainNavPanelGroup > h3 > a {
    color: #fabb48;
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: bold;
    text-transform: none;
    letter-spacing: 0;
    z-index: 5;
    padding: 0 5px 0 0;
    background-color: #495f78;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel > .MainNavPanelGroup > h3:after {
    content: "";
    display: block;
    border-bottom: 1px solid #6c716f;
    position: relative;
    bottom: 8px;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel > .MainNavPanelGroup ul li {
    margin: 5px 0;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel > .MainNavPanelGroup ul li a {
    display: block;
    color: #ffffff;
    font-size: 1.3rem;
    line-height: 1.3em;
    font-weight: bold;
    padding: 2px 0;
  }

  #DeskMenu .MainMenu .MainNav > ul.MainNavTopList > li.MainNavTopItem > ul.MainNavPanel > .MainNavPanelGroup ul li a:hover {
    text-decoration: underline;
  }

  /* Main Nav SubMenu Arrows */

  .SubMenuArrow a:after {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    margin-left: 5px;
    background: transparent url(../../Media/Images/Arrow.png) no-repeat center center;
    background-image: url(../../Media/Images/Arrow.svg);
    background-size: 8px 8px;
  }

  /* Profile Image and Info */

  .UserProfileImage {
    display: inline !important;
  }

  .UserProfileImage.Icon {
    width: 33px !important;
    height: 33px !important;
  }

  .Icon.UserProfileImage svg {
    height: 33px;
    width: 33px;
  }

  .UserNameLink {
    display: block !important;
  }

  .LoginStatus .AccountActionsMenu {
    margin: 0 0 0 98px;
    padding: 0;
    font-size: 1.2rem;
  }

  .LoginStatus .UserLink {
    line-height: 58px;
    padding: 0 20px;
    background: #fff;
    position: relative;
    border: 1px solid transparent;
    border-top: 0;
  }

  .LoginStatus.Active .UserLink.LoggedIn {
    line-height: 58px;
    padding: 0 20px;
    z-index: 110;
    border: 1px solid #e5e5e5;
    border-bottom: transparent;
    border-top: 0;
  }

  .LoginStatus .UserLink .UserNameLink {
    margin-left: 40px;
    white-space: nowrap;
  }

  .LoginStatus .UserLink .UserNameLink a {
    display: block;
    height: 58px;
  }

  .LoginStatus .UserMenuWrapper {
    position: absolute;
    overflow: visible;
    bottom: 1px;
    right: 0;
    z-index: 100;
    width: 0;
  }

  .LoginStatus .UserMenuWrapper ul {
    display: none;
    position: absolute;
    right: 0;
    list-style: none;
    white-space: nowrap;
    padding: 12px 4px;
    margin: 0;
    min-width: 200px;
    background: #fff;
    border: 1px solid #e5e5e5;
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .LoginStatus.Active .UserMenuWrapper ul {
    display: block;
  }

  .LoginStatus .UserMenuWrapper ul li {
    display: block;
    margin: 0;
    padding: 0;
  }

  .LoginStatus .UserMenuWrapper ul li a {
    display: block;
    padding: 5px 15px;
    text-decoration: none;
  }

  .LoginStatus .UserMenuWrapper ul li a:hover {
    text-decoration: underline;
  }

  .ContentWrapper {
    margin-bottom: -273px; /* the bottom margin is the negative value of the footer's height */
  }

  #SiteFooter, .SiteFooterPush {
    height: 273px;
  }

  /* admin toolbar override */
  #AdminToolBar ~ .ContentWrapper {
    margin-bottom: -323px; /* the bottom margin is the negative value of the footer's height + the admin toolbars height */
  }

  #AdminToolBar ~ #SiteFooter,
  #AdminToolBar ~ .ContentWrapper .SiteFooterPush {
    height: 323px;/* 323 = 273 (footer height) + 50 (toolbar height) */
  }
  /* end admin toolbar override */

  #SiteFooter #NihFooter .FooterHHSVulnerabilityDisclosureLink {
    line-height: inherit;
  }

  /**********************************
    DASHBOARD LAYOUT STYLES
**********************************/
  #MainCol .LeftCol,
  #MainCol .RightCol {
    display: table-cell;
    width: 50%;
  }

  #MainCol .LeftCol {
    padding-right: 10px;
  }

  #MainCol .RightCol {
    padding-left: 10px;
  }

  /****************************
        GENERAL MODAL STYLES
*****************************/
  .k-window .DesktopInputColumns {
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  .k-window .DesktopInputColumns:after {
    content: none;
  }

  .k-window .DesktopInputColumns > div {
    float: none;
    display: table-cell;
    vertical-align: top;
  }



  /***************************************
    BILLING MODAL
***************************************/
  .BillingModal .BillableItemQty {
    min-width: 75px;
  }

  .BillingModal .BillableItem {
    width: auto;
  }

  .BillingModal .DesktopInputColumns > div.BillableItem {
    padding-right: 5px;
  }

  .BillingModal .BillableItemProjectId {
    width: 200px;
    min-width: 200px;
  }

  .BillingModal .DesktopInputColumns > div.BillableItemProjectId {
    padding-left: 4px;
  }

  .BillingModal .BillableItemAction {
    min-width: 76px;
  }
}

@media (max-width: 400px) {
  #ToolBarSearch {
    display: block !important;
  }

  #ToolBarSearch .DisplayTd:last-child {
    width: 44px;
  }

  #ToolButtons {
    width: auto !important;
    display: block !important;
  }

  #ToolBar #ToolButtons ul {
    text-align: center;
  }

  #ToolBar #ToolButtons ul li {
    float: none;
    display: inline-block;
  }
}

/**********************************
    END DESKTOP MEDIA QUERY
**********************************/


/**********************************
    SAFARI ONLY STYLES
**********************************/

html.k-safari span.k-datepicker > span.k-picker-wrap > input.k-input {
  height: 19px;
  padding: 7px 0px;
}

@media only screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }
}

tr.KendoHighlightSelectedRow {
  -webkit-transition: background-color 1s ease-in-out;
  -moz-transition: background-color 1s ease-in-out;
  -ms-transition: background-color 1s ease-in-out;
  -o-transition: background-color 1s ease-in-out;
  transition: background-color 1s ease-in-out;
}

/* Modernizr */
html.no-blobconstructor .k-grid-excel {
  display: none;
}

.Under50 {
  color: #005C00;
}

.Over50 {
  display: flex;
  color: #C28A28;
}

.Over50:after {
  content: " ";
  display: inline-block;
  background: url(../../Media/Images/BillingImport/icon-over-50percent.svg);
  height: 18px;
  width: 18px;
  background-size: 18px;
  background-repeat: no-repeat; 
  margin-left: 8px;
}

.Over90 {
  display: flex;
  color: #991A35;
}

  .Over90:after {
    content: " ";
    display: inline-block;
    background: url(../../Media/Images/BillingImport/icon-over-90percent.svg);
    height: 18px;
    width: 18px;
    background-size: 18px;
    background-repeat: no-repeat;
    margin-left: 8px;
  }