/* Minification failed. Returning unminified contents.
(4310,21): run-time error CSS1038: Expected hex color, found '#ffff'
(4310,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
@import url(angularSpotlightDark.css);
.k-widget
.k-dropdown-wrap, .k-widget .k-picker-wrap,
.k-widget .k-numeric-wrap, .k-textbox, .k-autocomplete.k-header,
.k-autocomplete.k-state-focused, span.k-dropdown-wrap.k-state-active,
span.k-picker-wrap.k-state-active, .k-picker-wrap.k-state-focused,
.k-picker-wrap.k-state-focused:hover, span.k-numeric-wrap.k-state-active,
.k-numeric-wrap.k-state-focused, .k-numeric-wrap.k-state-focused:hover,
.k-dropdown-wrap.k-state-default.k-state-hover,
span.k-dropdown-wrap.k-state-default.k-state-hover:hover {
  border-color: #dadada;
  background-color: #ffffff;
  border-width: 1px;
  color: #787878; }

.k-block, .k-widget, .k-popup, .k-content, .k-combobox .k-input, .k-dropdown .k-input {
  color: #787878; }

.k-input, input.k-textbox, textarea.k-textbox, .k-textbox > input {
  border-color: #dadada;
  color: #787878; }

input.k-textbox:hover, textarea.k-textbox:hover {
  border-width: 1px;
  border-color: #dadada; }

.k-textbox .k-state-hover,
.k-dropdown .k-state-hover .k-input {
  color: #787878; }

/* Splitter */
/* Hide the Kendo Splitter control bar between the nav and main content sections */
div.k-splitter, .k-splitter .k-splitbar {
  border-width: 0; }

.k-splitter .k-splitbar {
  width: 0;
  height: 0; }

.k-splitter .k-splitbar-static-vertical {
  width: 0;
  border-width: 0; }

/* Tabstrip */
/* Customizes the tabstrip to only display a pointer for the selected tab */
/*#tabstrip-student*/
.k-widget.k-tabstrip.k-header.header-tabs {
  width: auto;
  height: auto;
  font-size: .90em;
  border: 0;
  background: transparent; }

/*#tabstrip-student li*/
.k-widget.k-tabstrip.k-header.header-tabs > ul > li {
  border: 0;
  margin: 0;
  padding: 8px;
  background: #272b2f; }

.k-widget.k-tabstrip.k-header.header-tabs > div {
  border-radius: 0;
  border: 0 solid transparent;
  padding: 0 0 0 0px;
  background: transparent; }

.k-widget.k-tabstrip.k-header.header-tabs > ul > li .k-link {
  border-radius: 0;
  text-align: center;
  color: #ccc; }

.k-widget.k-tabstrip.k-header.header-tabs > ul li .k-link:active,
.k-widget.k-tabstrip.k-header.header-tabs > ul li .k-link:hover,
.k-widget.k-tabstrip.k-header.header-tabs > ul li.k-state-active > a {
  color: #fff;
  text-decoration: none; }

.k-widget.k-tabstrip.k-header.header-tabs > ul > li .k-header {
  border-radius: 0;
  margin: 0;
  padding: 0;
  border: 1px solid #272b2f;
  background: #272b2f; }

.k-widget.k-tabstrip.k-header.header-tabs li .k-state-default .k-link {
  border: 0;
  margin: 0; }

.k-widget.k-tabstrip.k-header.header-tabs li .k-state-active .k-link,
.k-widget.k-tabstrip.k-header.header-tabs li .k-state-active .k-link:active {
  border: 0;
  color: white;
  margin: 0; }

.k-widget.k-tabstrip.k-header.header-tabs li .k-state-active {
  border: 0;
  color: white;
  margin: 0; }

.k-widget.k-tabstrip.k-header.header-tabs > ul .k-state-active::before {
  content: " ";
  display: block;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-top: 14px solid #272b2f;
  left: 50%;
  margin: 0 0 0 -16px;
  position: absolute;
  top: 47px;
  width: 0;
  height: 0; }

.k-widget.k-tabstrip.k-header.header-tabs > .k-tabstrip-items-wrapper > .k-tabstrip-items {
  padding-top: 0;
  padding-left: 0;
  border-radius: 0;
  background: #272b2f;
  margin-left: 10px; }

.k-widget.k-tabstrip.k-header.header-tabs .k-tabstrip-items .k-item {
  border-radius: 0; }

/* Tabs Reset! */
.k-widget.k-tabstrip.k-header.tabs-reset {
  width: auto;
  height: auto;
  font-size: 14px;
  border: 1px solid transparent;
  background: transparent; }

.k-widget.k-tabstrip.k-header.tabs-reset li {
  border: 1px solid transparent;
  margin: 0;
  padding: 8px;
  background: transparent; }

.k-widget.k-tabstrip.k-header.tabs-reset > div {
  border-radius: 0;
  border: 0 solid transparent;
  padding: 0 0 0 0px;
  background: transparent; }

.k-widget.k-tabstrip.k-header.tabs-reset li .k-link {
  border-radius: 0;
  text-align: center;
  color: #ccc; }

.k-widget.k-tabstrip.k-header.tabs-reset > li .k-link:active, .k-widget.k-tabstrip.k-header.tabs-reset > li .k-link:hover, .k-widget.k-tabstrip.k-header.tabs-reset li.k-state-active {
  color: white;
  text-decoration: none;
  background: #272b30;
  border-radius: 4px !important;
  border: 1px solid #272b30;
  height: 15px; }

.k-widget.k-tabstrip.k-header.tabs-reset li .k-header {
  border-radius: 0;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  background: transparent; }

.k-widget.k-tabstrip.k-header.tabs-reset li .k-state-default .k-link {
  border: 0;
  margin: 0; }

.k-widget.k-tabstrip.k-header.tabs-reset li .k-state-active .k-link,
.k-widget.k-tabstrip.k-header.tabs-reset li .k-state-active .k-link:active {
  border: 0;
  color: #787878;
  margin: 0; }

.k-widget.k-tabstrip.k-header.tabs-reset li .k-state-active {
  border: 0;
  color: #787878;
  margin: 0; }

.k-widget.k-tabstrip.k-header.tabs-reset ul .k-state-active::before {
  content: "";
  display: none;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-top: 14px solid transparent;
  left: 50%;
  margin: 0 0 0 -16px;
  position: absolute;
  top: 47px;
  width: 0;
  height: 0; }

.k-widget.k-tabstrip.k-header.tabs-reset .k-tabstrip-items {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
  background: transparent; }

.k-widget.k-tabstrip.k-header.tabs-reset .k-tabstrip-items .k-item {
  border-radius: 0; }

.k-widget.k-tabstrip.k-header.content-tabs li .k-state-active {
  top: 0;
  border-width: 4px;
  border: 5px 0 0 0;
  border-color: blue; }

.k-combobox .k-state-focused .k-input,
.k-dropdown .k-state-focused .k-input {
  color: #ffffff; }

.k-list-container {
  white-space: nowrap !important;
  width: auto !important;
  overflow-x: hidden !important;
  min-width: 243px !important;
  max-width: 600px; }

.k-list {
  overflow-x: hidden !important;
  /*overflow-style: marquee;*/
  overflow-y: auto !important;
  width: auto !important; }

.k-list-container ul li {
  white-space: nowrap;
  /*overflow-y: auto !important;
	overflow-x: hidden !important;*/ }

.k-popup .k-list .k-item {
  padding-right: 22px; }

.k-popup .k-list .k-state-hover,
.k-popup .k-list .k-state-focused,
.k-popup .k-list .k-state-selected {
  padding-right: 21px; }

.k-list-container.k-popup.k-group li.k-item {
  width: inherit;
  white-space: nowrap;
  /*-ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;*/
  overflow: hidden; }

/*.k-list-container.k-item
{
    padding: 0 30px 0 30px;

}*/
.k-list-container.k-state-border-down,
.k-list-container.k-state-border-up {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ffffff; }

/*.k-list-container.k-state-border-up {
    top: 13px;
    left: 17px;

}

.k-list-container.k-state-border-down {
    bottom: 13px;
    left: 17px;

}*/
/* Override for drop downs */
.k-dropdown-wrap.k-state-active {
  -webkit-box-shadow: none;
  box-shadow: none; }

@media DISABLED {
  /* dropdownlist pointer 'shadow' - down */
  .k-list-container.k-state-border-up:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 75%;
    border-width: 0 13px 12px 13px;
    /* points up, top border is 0 */
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.2) transparent; }
  /* dropdownlist pointer white - down */
  .k-list-container.k-state-border-up:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 75%;
    border-width: 0 12px 12px 12px;
    border-style: solid;
    border-color: #fff transparent; }
  /* dropdownlist pointer 'shadow' - up */
  .k-list-container.k-state-border-down:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 75%;
    border-width: 12px 12px 0 12px;
    /* points down, bottom border is 0 */
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.2) transparent; }
  /* dropdownlist pointer white - up */
  .k-list-container.k-state-border-down:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 75%;
    border-width: 11px 11px 0 11px;
    border-style: solid;
    border-color: #fff transparent; } }

/* Note: Kendo UI uses the default browser scrollbar for scrolling in the list */
/* Only used for webkit browsers, does not work in IE or Firefox */
::-webkit-scrollbar {
  width: 7px; }

::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 8px;
  padding: 10px; }

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #636c75;
  width: 30%; }

/* Form Related Fields */
.title {
  font-family: "Arial";
  font-size: 1.3em;
  /* 24px, 18pt*/
  color: #7e8894;
  left: 0;
  background: transparent !important; }

.content {
  font-family: "Verdana";
  font-size: 1.0em;
  /* 16px, 12pt*/
  color: #505964; }

.field-label {
  font-family: "Verdana";
  font-size: 0.8em;
  /* 16px, 12pt*/
  color: #505964;
  padding: 20px 0;
  padding-right: 2px;
  line-height: 25px; }

.display-field {
  text-align: left;
  display: inline-block;
  width: 40%; }

.display-label {
  text-align: left;
  display: inline-block;
  width: 40%; }

.small {
  font-size: 0.875em;
  /* 14px, 11pt*/ }

.light-font {
  color: #939ba5; }

.gray-font {
  color: #ccccd2; }

.white-font {
  color: #fff; }

/* k-button overrides */
/* Green */
.k-grid .k-button.green,
.k-button.green,
a.k-button.green {
  position: relative;
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 10px 14px;
  margin-top: 10px;
  cursor: pointer;
  outline: none;
  border: none;
  height: 34px;
  /* IE hacks */
  /*zoom: 1;*/
  z-index: 1;
  *display: inline;
  font-family: Verdana, Arial;
  line-height: 14px;
  min-width: 103px;
  min-height: 30px;
  -webkit-text-shadow: none;
  text-shadow: none;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: inherit;
  font-size: .75em;
  color: #fff;
  background: #258902; }

.k-grid .k-button.green {
  margin-right: -10px;
  float: right;
  margin-bottom: 10px; }

.k-button.green:hover,
a.k-button.green:hover,
.k-button.green:focus,
a.k-button.green:focus {
  font-size: .75em;
  color: #fff;
  font-family: Verdana, Arial;
  background: #2fac03; }

.k-button.green:active,
a.k-button.green:active {
  font-size: .75em;
  color: #fff;
  font-family: Verdana, Arial;
  background: #1a5f01; }

.k-button.green:disabled,
a.k-button.green:disabled {
  opacity: 0.5;
  font-size: .75em;
  color: #fff;
  font-family: Verdana, Arial;
  background: #8dbf7d;
  cursor: default; }

/* Blue */
.k-button.blue,
a.k-button.blue {
  position: relative;
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 10px 14px;
  margin-top: 10px;
  cursor: pointer;
  outline: none;
  border: none;
  height: 34px;
  /* IE hacks */
  zoom: 1;
  z-index: 1;
  *display: inline;
  font-family: Verdana, Arial;
  line-height: 14px;
  min-width: 103px;
  min-height: 30px;
  -webkit-text-shadow: none;
  text-shadow: none;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: inherit;
  font-size: .75em;
  color: #fff;
  background: #0b98e0; }

.k-button.blue:hover,
a.k-button.blue:hover,
.k-button.blue:focus,
a.k-button.blue:focus {
  font-size: .75em;
  color: #fff;
  font-family: Verdana, Arial;
  background: #1bb2ff; }

.k-button.blue:active,
a.k-button.blue:active {
  font-size: .75em;
  color: #fff;
  font-family: Verdana, Arial;
  background: #0b72a6; }

.k-button.blue:disabled,
a.k-button.blue:disabled {
  opacity: 0.5;
  font-size: .75em;
  color: #fff;
  font-family: Verdana, Arial;
  background: #5abdf0;
  cursor: default; }

/* Red */
.k-button.red,
a.k-button.red {
  position: relative;
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 10px 14px;
  margin-top: 10px;
  cursor: pointer;
  outline: none;
  border: none;
  height: 34px;
  /* IE hacks */
  zoom: 1;
  z-index: 1;
  *display: inline;
  font-family: Verdana, Arial;
  line-height: 14px;
  min-width: 103px;
  min-height: 30px;
  -webkit-text-shadow: none;
  text-shadow: none;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: inherit;
  font-size: .75em;
  color: #fff;
  background: #ba0a14; }

.k-button.red:hover,
a.k-button.red:hover,
.k-button.red:focus,
a.k-button.red:focus {
  font-size: .75em;
  color: #fff;
  font-family: Verdana, Arial;
  background: #f71724; }

.k-button.red:active,
a.k-button.red:active {
  font-size: .75em;
  color: #fff;
  font-family: Verdana, Arial;
  background: #980811; }

.k-button.red:disabled,
a.k-button.red:disabled {
  opacity: 0.5;
  font-size: .75em;
  color: #fff;
  font-family: Verdana, Arial;
  background: #cd8084;
  cursor: default; }

input[type='text'],
input[type='password'],
input[type='email'],
textarea,
.k-widget.k-dropdown,
.k-widget.k-combobox,
.k-container,
.k-content > .text-box {
  border: 1px solid #dadada;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 1px;
  padding: 1px;
  height: 27px;
  /*width: 204px;*/
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
  -moz-box-shadow: 0 0 0 4px rgba(222, 225, 228, 0.4), inset 0 0 4px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 0 4px rgba(222, 225, 228, 0.4), inset 0 0 4px rgba(0, 0, 0, 0.25) 0 0 0 4px rgba(222, 225, 228, 0.4), inset 0 0 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 4px rgba(222, 225, 228, 0.4), inset 0 0 4px rgba(0, 0, 0, 0.25); }

.k-widget.k-combobox .k-select {
  border-left-width: 0;
  background: transparent; }

.k-widget.k-combobox,
.k-widget.k-dropdown,
.k-widget.select {
  border-color: transparent;
  background: transparent;
  border: solid 1px #dadada;
  border-radius: 3px;
  height: 34px;
  width: 204px;
  padding-left: 0.8px !important; }

.k-widget.k-combobox.select:hover,
.k-widget.k-dropdown.select:hover {
  color: white;
  background: gray; }

.k-widget.k-combobox .k-widget.k-combobox:hover,
.k-widget.k-dropdown .k-widget.k-dropdown:hover {
  background: white; }

/* Grid Header Columns*/
.k-grid-header,
th.k-header,
th.k-header > a {
  color: #272b30;
  background: #ebedee;
  font-size: .95em; }

.k-grid td {
  font-size: .80em;
  white-space: nowrap; }

/* Inner Tabs */
.inner-tabs {
  background-color: #f5f5f8;
  border-style: none; }

.k-widget.k-tabstrip.k-header.inner-tabs .k-item.k-state-active {
  border-color: #dadada;
  border-top-color: #0b98e0;
  border-width: 4px 1px 0px 1px;
  bottom: 0px; }

.k-widget.k-tabstrip.k-header.inner-tabs .k-item.k-state-default {
  color: #505964;
  background-color: white;
  border-color: #dadada; }

.k-widget.k-tabstrip.k-header.inner-tabs .k-item.k-state-hover {
  border-width: 1px 1px 0px 1px;
  color: #000;
  bottom: 0px;
  border-color: #0b98e0;
  background-color: white; }

.k-widget.k-tabstrip.k-header.inner-tabs .k-item.k-state-hover .k-link {
  color: #0b98e0; }

.k-widget.k-tabstrip.k-header.inner-tabs .k-content.k-state-active {
  border-color: #dadada;
  -moz-border-radius: 0px 5px 5px 5px;
  -webkit-border-radius: 0px 5px 5px 5px;
  border-radius: 0px 5px 5px 5px; }

.k-icon {
  background-image: none; }

.k-picker .k-input-button:hover {
  color: inherit;
  background: 0 0;
  border-color: transparent; }

.k-input .k-clear-value {
  height: 26px;
  height: calc(100% - 4px);
  width: calc(100% - 200px);
  width: 16px;
  background-color: white;
  opacity: 1;
  padding-bottom: 4px;
  padding-top: 0px;
  margin-top: 0px;
  padding-right: 4px; }

.k-list-item:hover {
  background-color: #0b98e0;
  color: white; }

.k-list-item.k-selected {
  background-color: #0b98e0;
  color: white; }

a.headerLogout {
  color: white;
  /* top right bottom left */
  padding: 10px;
  text-decoration: none; }

/* inner navagation*/
.innerMenuItem {
  margin: 5px 5px 5px 5px;
  min-width: 340px;
  height: 35px;
  -khtml-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  border-radius: 2.5px;
  background-color: #ECEDEF;
  text-indent: 10px; }

.innerMenuContainer {
  /*margin: 23px;*/
  padding: 7px;
  height: 174px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.23), 0 0 2px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.23), 0 0 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.23), 0 0 2px rgba(0, 0, 0, 0.06); }

.innerMenuContainer.oneColumn,
.innerMenuContainer.onecolumn {
  width: 355px;
  height: auto; }

/*.innerMenuContainer.twocolumn {
    max-width: 929px;
	height: auto;
    min-width: 761px;
}*/
.innerMenuContainer.twoColumn,
.innerMenuContainer.twocolumn {
  width: 707px;
  height: auto; }

.innerMenuText {
  color: #7F8085;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  position: relative;
  top: 12%;
  text-decoration: none; }

.innerMenuArrow {
  -moz-top-right-border-radius: 2.5px;
  -moz-bottom-right-border-radius: 2.5px;
  -webkit-top-right-border-radius: 2.5px;
  -webkit-bottom-right-border-radius: 2.5px;
  -khtml-top-right-border-radius: 2.5px;
  -khtml-bottom-right-border-radius: 2.5px;
  border-top-right-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  float: right;
  height: 35px;
  width: 35px;
  display: inline-block;
  vertical-align: middle; }

.noLine {
  text-decoration: none; }

.noLine:hover {
  text-decoration: none; }

/*dialog Styling*/
.DialogTitleBar {
  background-color: lightgray;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border-width: 0px; }

.DialogTitleBarText {
  float: left;
  padding: 4px;
  padding-left: 6px; }

.DialogTitleBarImage {
  padding: 4px;
  padding-right: 6px; }

.DialogWindow {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.k-widget.k-window.k-window-titleless {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

/* styles for validation helpers */
.field-validation-error {
  display: block;
  margin-left: auto;
  margin-right: auto;
  color: Red;
  font-size: small; }

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

input.input-validation-error {
  border: 1px solid #e80c4d; }

input[type="checkbox"].input-validation-error {
  border: 0 none; }

.validation-summary-errors {
  color: #e80c4d;
  font-weight: normal;
  font-size: 1.0em; }

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

#btnAdvancedSearch {
  background-color: #f5f5f8;
  color: #5bccff;
  border: 0px; }

/* report parameters */
#report_parameters label {
  color: #ccccd2; }

#report_parameters span {
  /*color: $report-parameters-label-color;*/ }

#report_parameters #btnAdvancedSearch {
  background-color: #272b30;
  color: #5bccff;
  border: 0px; }

#report_parameters #btnScheduleToggle span span.k-icon {
  color: white;
  background-image: url(images/kendo/Metro/sprite.png); }

#report_parameters .multi-select-button-inner {
  color: #272b30; }

#report_parameters #scheduler fieldset legend {
  color: #ccccd2;
  text-decoration-color: #787878; }

#report_parameters {
  background-color: #272b30;
  text-align: left;
  font-size: 13px;
  line-height: 13px;
  text-decoration-color: #ccccd2;
  width: 100%;
  /*210px;    */
  overflow: hidden; }

#report_parameters td {
  padding: 2px 10px; }

#report_parameters .k-grid {
  font-size: 16px; }

#report_parameters .k-picker-wrap {
  background-color: #ffffff;
  border-color: #3f454c; }

#report_parameters .k-picker-wrap .k-input input:not([type=number]) {
  background-color: #ffffff;
  color: #ccccd2;
  box-shadow: none; }

#report_parameters .k-dropdown-wrap .k-select {
  background: #3f454c;
  color: #272b30;
  border-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  width: 22px;
  height: 100%;
  margin: 0; }

.k-dropdown-wrap.k-state-default {
  text-align: left; }

#report_parameters .k-select.multi-select-button-inner,
#report_parameters span.k-dropdown-wrap.k-state-default.multi-select-button-wrap {
  width: 20px; }

#report_parameters .k-dropdown-wrap .k-select .k-icon,
#report_parameters .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down {
  color: #ffffff; }

#report_parameters .k-picker-wrap {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 1px;
  border-width: 1px; }

#report_parameters .k-numerictextbox {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

#report_parameters .k-dropdown-wrap {
  background: #ffffff;
  border-color: #3f454c;
  color: #787878;
  box-shadow: none;
  height: 24.87px; }

#report_parameters .k-input {
  background: #ffffff;
  color: #787878;
  box-shadow: none;
  /* background-color: $input-background-color;
    background-color: #3f454c;*/ }

#report_parameters input {
  box-shadow: none;
  padding-inline: 8px; }

#report_parameters .k-combobox,
#report_parameters .k-dropdown {
  box-shadow: none;
  vertical-align: top; }

#report_parameters .k-button {
  font-size: 12px; }

#report_parameters .k-i-arrow-s {
  color: #ffffff; }

#report_parameters .k-widget.k-numerictextbox span,
#report_parameters .k-widget.k-numerictextbox span:hover {
  /*background: #3f454c; */
  background: transparent;
  box-shadow: none;
  color: #787878; }

#report_parameters input[type=number] {
  background: #ffffff;
  border: 0px;
  color: #787878;
  border-radius: 2px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }

#report_parameters .k-datepicker .k-picker-wrap .k-select {
  border-left-width: 0px; }

#report_parameters .k-datepicker {
  background-color: #ffffff;
  /*overflow:visible;*/ }

.k-datepicker .k-input-inner {
  padding-left: 7px; }

#report_parameters .k-formatted-value.k-input {
  background: #ffffff; }

/* Report Recurrence and Scheduling */
#report_parameters #recurrence,
#report_parameters #recurrence-1,
#report_parameters #recurrence-2,
#report_parameters #recurrence-3,
#report_parameters #recurrence-4 {
  background-color: #272b30;
  color: #ccccd2; }

#report_parameters .k-widget.k-combobox,
#report_parameters .k-widget.k-dropdown,
#report_parameters .k-widget.select {
  border-color: transparent;
  background: transparent;
  border-radius: 2px;
  height: 31.6px;
  background-color: #3f454c;
  padding: 0px !important; }

.pane {
  width: auto; }

/* Screen containers */
div.group-container {
  /*margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;*/
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  -moz-box-shadow: 0 1px 1px #ccc, 0 0 2px #ccc;
  -webkit-box-shadow: 0 1px 1px #ccc, 0 0 2px #ccc;
  box-shadow: 0 1px 1px #ccc, 0 0 2px #ccc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.23), 0 0 2px rgba(0, 0, 0, 0.06);
  border: 1px solid #ccc;
  padding: 15px; }

div.group-container.group-container-user-settings {
  width: 800px; }

div.button-strip {
  margin-left: 682px;
  margin-top: 10px; }

div.group-title {
  font-family: "Arial";
  font-size: 1.3em;
  /* 24px, 18pt*/
  color: #7e8894;
  left: 0;
  background: transparent !important;
  padding-bottom: 10px; }

div.group-content {
  padding: 1px;
  /* TODO Add additional styling */ }

.breadcrumb {
  color: white;
  font-size: .85em; }

.breadcrumb a,
.breadcrumb a:visited,
.breadcrumb a:hover {
  color: white; }

.breadcrumb.EndOfDay {
  background: #ca0a15; }

.breadcrumb.Reports,
.breadcrumb.StudentReports,
.breadcrumb.SalesReports,
.breadcrumb.StateReports {
  background: #ff7800; }

.breadcrumb.Students {
  background: #0d7903; }

.breadcrumb.Setup,
.breadcrumb.Bank {
  background: #00a2c8; }

.breadcrumb.POS {
  background: #6300a3; }

.breadcrumb.Utilities {
  background: #c23ef0; }

.breadcrumb.Catering {
  background: #ca0a15; }

.breadcrumbAndContent {
  float: left;
  position: relative;
  width: auto; }

ul.nav {
  margin: 0 3px 0 3px;
  padding: 0; }

.nav li {
  list-style: none;
  font-size: 0.8em;
  z-index: 2000;
  margin: 0;
  padding: 0; }

.nav li span {
  margin-left: 13px;
  padding: 9px 0 0 0;
  display: block; }

.nav li a,
.nav li a:visited {
  color: #7e818e; }

/* Search Screen Specifications*/
/* Containers */
div.group-container.search {
  width: auto;
  /*min-width: 810px;*/
  /*max-width: 730px;
    max-height: 470px;*/
  /*margin-left: 20px;
    margin-top: 20px;
    margin-right: 20px;*/ }

div.search-buttons {
  height: 45px;
  float: right;
  position: relative;
  display: block; }

.k-grid.search {
  min-width: 710px;
  max-width: 960px;
  white-space: nowrap;
  height: auto;
  max-height: 350px; }

/*#Grid div.k-grid-content 
{
    height: auto;
    max-height: 350px;
}*/
.backdated-date-style {
  background-color: #aaaab3; }

/*.backdated-date {
    background-color: #aaaab3;
}*/
.clear-both {
  clear: both; }

.spacer {
  height: 10px; }

.tableRowSpacer {
  height: 10px; }

.listItemImage {
  overflow: hidden;
  width: 33px;
  height: 34px;
  float: right;
  /*border: 1px solid #18a5ed;*/
  border-radius: 2px 2px 2px 2px;
  background: url(images/sprites/navigation.png) -251px -1019px no-repeat;
  background-repeat: no-repeat; }

/* Photo input css
		The there are kendo elements that should be moved to the Kendo CSS
		*/
#pipe {
  font-size: 20px;
  color: white;
  text-align: center;
  vertical-align: text-bottom;
  margin-top: 5px;
  white-space: nowrap; }

.k-upload-button, #RemoveButton {
  background: transparent;
  font-size: 11px;
  color: white;
  border: 0;
  white-space: nowrap;
  padding: 10px;
  text-align: center; }

.k-upload-button {
  width: 105px; }

.k-upload-button:hover {
  background: transparent; }

#PhotoCon {
  background: black;
  opacity: .5;
  margin-top: -42px;
  margin-left: 23px;
  width: 220px; }

.k-upload-files {
  display: none; }

/* this is so you can put a hidden button to be the default submit button */
input.hidden-default-button {
  width: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
  outline: none;
  border: 0px; }

#search_icon.k-i-search {
  background-image: url(images/kendo/HighContrast/sprite.png); }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  background-color: black;
  z-index: 99;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  min-height: 100%;
  width: 100%; }

.loading {
  font-family: Arial;
  font-size: 10pt;
  border: 0px solid #67CFF5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 200px;
  height: 60px;
  display: none;
  position: fixed;
  background-color: White;
  z-index: 999; }

/*.field {
    width: 245px;
    height: 27px;
}*/
.label {
  text-align: right; }

#report_parameters input.k-input.report-textbox,
#report_parameters .k-state-focused input.k-input.report-textbox {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: solid 1px #dadada;
  height: 30px;
  line-height: 1.65em;
  padding: .177em 0;
  text-indent: .33em;
  background-color: #ffffff;
  margin-left: 1px;
  /*max-width: 157px;*/ }

#report_parameters .k-widget.k-numerictextbox {
  border: 0;
  background: transparent; }

#report_parameters .k-widget.k-numerictextbox .k-numeric-wrap {
  background: #ffffff;
  border: solid 1px #dadada;
  /*color: #ccccd2;*/
  box-shadow: none;
  height: 25.87px; }

#report_parameters .k-widget.k-numerictextbox .k-select {
  border: 0; }

#report_parameters .k-widget.k-numerictextbox .k-numeric-wrap .k-input {
  height: 1.65em;
  line-height: 1.65em;
  padding: .177em 0;
  text-indent: .33em;
  border: 0;
  margin: 0; }

.light .multiSelectButton .k-dropdown-wrap {
  width: 25px;
  height: 32px;
  -webkit-box-shadow: 0 0 0 4px rgba(222, 225, 228, 0.4), inset 0 0 4px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 0 0 4px rgba(222, 225, 228, 0.4), inset 0 0 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 4px rgba(222, 225, 228, 0.4), inset 0 0 4px rgba(0, 0, 0, 0.25); }

.light .multi-select-button-inner {
  width: 100%; }

.light span.multiSelectComboBox {
  width: 200px; }

.light span.multiSelectComboBox span.k-state-focused input.multiSelectComboBox,
.light span.multiSelectComboBox span.k-state-hover input.multiSelectComboBox {
  color: #787878; }

input.k-textbox {
  color: #787878; }

.k-textbox:focus {
  border-color: #dadada;
  border-width: 2px; }

#report_parameters td > input[type="text"] {
  background: #ffffff;
  color: #787878;
  border-color: #3f454c; }

.supportcenter {
  padding: 0 0 0 20px; }

/*changes*/
.classroomsearch {
  float: left;
  padding-left: 25px; }

.classroomsearch-btns {
  float: right; }

.row1 {
  margin-bottom: 5px;
  overflow: hidden; }

.classroomsearch input[type="text"] {
  background: white;
  color: #3f454c;
  border-color: black; }

.labels {
  width: 100px;
  display: inline-block;
  text-align: right; }

@media only screen and (min-width: 320px) and (max-width: 800px) {
  .classroomsearch {
    float: none;
    margin-bottom: 5px;
    padding: 0px; }
  .row1 {
    margin-bottom: 0px;
    overflow: hidden; }
  #report_parameters {
    padding-bottom: 25px; }
  .userText {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100px;
    height: 18px;
    white-space: nowrap;
    display: inline-block; } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  #header, #breadcrumbs, #content {
    position: static !important;
    margin-left: 25px; }
  #report_parameters {
    padding: 20px 0px 40px 20px; }
  #header {
    font-size: 12px !important; }
  #headerRight {
    float: none !important;
    text-align: left !important;
    margin-right: 0;
    width: auto !important; }
  #breadcrumbs ul li a {
    width: 30px !important;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  #breadcrumbs ul li + li {
    padding-left: 12px !important; }
  .labels {
    display: block !important;
    text-align: left !important;
    padding-bottom: 5px; }
  .classroomsearch-btns {
    width: auto !important;
    float: left !important; }
  .btn-group-search input[type="button"] {
    margin-top: 5px !important; } }

@media only screen and (min-width: 1200px) {
  .classroomsearch-btns {
    width: 1200px !important; } }

body {
  overflow-x: hidden; }

a.headerLogout {
  color: Gray;
  /* top right bottom left */
  padding: 10px;
  text-decoration: none; }

/* inner navagation*/
.innerMenuContainer {
  padding: 7px;
  height: 174px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.23), 0 0 2px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.23), 0 0 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.23), 0 0 2px rgba(0, 0, 0, 0.06); }

.innerMenuContainer.oneColumn,
.innerMenuContainer.onecolumn {
  /*width: 355px;*/
  height: auto; }

.innerMenuContainer.twoColumn,
.innerMenuContainer.twocolumn {
  width: 707px;
  height: auto; }

.innerMenuContainer.twocolumn .innerMenuItem {
  margin: 5px 5px 5px 5px;
  min-width: 340px;
  height: 35px;
  -khtml-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  border-radius: 2.5px;
  background-color: #ECEDEF;
  text-indent: 10px;
  width: auto; }

.innerMenuText {
  color: #7F8085;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  position: relative;
  top: 12%;
  text-decoration: none; }

.innerMenuArrow {
  -moz-top-right-border-radius: 2.5px;
  -moz-bottom-right-border-radius: 2.5px;
  -webkit-top-right-border-radius: 2.5px;
  -webkit-bottom-right-border-radius: 2.5px;
  -khtml-top-right-border-radius: 2.5px;
  -khtml-bottom-right-border-radius: 2.5px;
  border-top-right-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  float: right;
  height: 35px;
  width: 35px;
  display: inline-block;
  vertical-align: middle; }

.noLine {
  text-decoration: none; }

.noLine:hover {
  text-decoration: none; }

/*changes*/
.classroomsearch {
  float: left;
  padding: 3px 10px; }

.classroomsearch-btns {
  float: right; }

.row1 {
  margin-bottom: 5px;
  overflow: hidden; }

.classroomsearch input[type="text"] {
  background: white;
  color: #3f454c;
  border-color: black; }

.labels {
  width: 100px;
  display: inline-block;
  text-align: right; }

.btns {
  margin-right: 250px; }

.btn-group-search {
  padding: 10px 0px;
  border: solid 5px #7e8894;
  border-left: 0px;
  border-right: 0px;
  overflow: hidden; }

.btn-group-search input[type=button] {
  margin-top: 0px; }

.btn-group-search ul li {
  margin: 0px;
  padding: 0px;
  float: left;
  list-style-type: none;
  margin: 0px 2px;
  background-color: #000;
  cursor: pointer;
  color: #fff;
  border-radius: 100%;
  padding: 2px;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px; }

.btn-group-search ul li i {
  font-size: 1.2em; }

#footer {
  text-align: left;
  vertical-align: bottom;
  line-height: 10px;
  font-size: 10px;
  /*padding: 10px 0;
    
    height: 20px;*/
  padding: 10px 20px 0px;
  text-shadow: 1px 1px #fff;
  bottom: 10px; }

#footer.a {
  text-decoration: none; }

#footer #footerLeft {
  float: left; }

#footerRight > a:hover {
  text-decoration: underline; }

#footer #footerRight {
  float: right; }

#footerPush {
  height: 50px; }

#header #headerRight a i {
  color: #cbd3da; }

#header #headerRight a:hover i {
  color: #0b98e0; }

@media only screen and (min-width: 275px) and (max-width: 800px) {
  .classroomsearch {
    float: none;
    margin-bottom: 5px;
    padding: 0px; }
  .row1 {
    margin-bottom: 0px;
    overflow: hidden; }
  #report_parameters {
    padding-bottom: 25px;
    margin-bottom: 20px;
    padding: 20px 0px 40px 20px; }
  .btns {
    margin-right: 60px; }
  #breadcrumbs ul li a {
    width: 35px !important;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  #bodyWrapper.sidebarCollapsed #sidebar #sidebarLogo {
    height: 70px; }
  #header a {
    padding: 0 2px !important; }
  div.group-title {
    font-size: 12px; }
  #studentListView {
    width: 95% !important; }
  .k-widget.k-window.k-window-titleless {
    width: 95% !important; }
  div.k-window-content {
    width: 100% !important; }
  #footer {
    padding: 0px 20px 0px;
    margin: 100% 0px 0px 0px !important;
    bottom: 18px;
    position: absolute; }
  .sidebarCollapsed {
    overflow: hidden; }
  #bodyWrapper {
    height: 100% !important; }
  #header, #breadcrumbs, #content {
    position: static !important;
    margin-left: 25px; }
  /*#breadcrumbs ul li:nth-child(2){
        display:none;
    }*/
  /*#breadcrumbs ul li:first-child {
        display:none;
    }*/
  .textarea-Warning {
    min-height: 50px !important; }
  #footerRight {
    float: left;
    padding-top: 20px;
    position: absolute; }
  #headerRight {
    /*background-color : green;*/
    /*float:none !important;
        text-align: left !important;        
        margin-right:0;*/
    margin-right: 0 !important;
    width: auto !important; } }

@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important; } }

/*@media only screen and (min-width: 768px)  {*/
@media (min-width: 768px) and (max-width: 979px) {
  #headerRight {
    /*background-color : blueviolet;*/
    /*float:none !important;
        text-align: left !important;        
        margin-right:0;*/
    margin-right: 0 !important;
    width: 350px !important; } }

@media only screen and (min-width: 275px) and (max-width: 480px) {
  #header, #breadcrumbs, #content {
    position: static !important;
    margin-left: 25px; }
  #report_parameters {
    padding: 20px 0px 40px 20px; }
  #header {
    font-size: 12px !important; }
  #header a + a {
    margin-left: 0px !important; }
  #headerRight {
    /*background : red;*/
    float: right !important;
    text-align: left !important;
    margin-right: 0 !important;
    width: auto !important; }
  #breadcrumbs ul li a {
    width: 30px !important;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  #breadcrumbs ul li {
    margin: 0px !important; }
  #breadcrumbs ul li + li {
    padding-left: 12px !important;
    margin: 0px !important; }
  .labels {
    display: block !important;
    text-align: left !important;
    padding-bottom: 5px; }
  .classroomsearch-btns {
    width: auto !important;
    float: left !important; }
  #footer {
    margin: 100% 0px 0px 0px !important;
    padding: 0px 20px 0px;
    position: absolute; }
  #bodyWrapper {
    height: 100% !important; }
  div.login {
    max-width: 320px;
    min-height: 320px; }
  .login-field {
    float: none;
    width: 100%;
    margin-left: 0%;
    margin-bottom: 5px; }
  .sidebarCollapsed {
    overflow: hidden; }
  .iconText {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 120px;
    height: 1.2em;
    white-space: nowrap;
    display: inline-block; }
  #UserSettingsDropdownMenu {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80px;
    white-space: nowrap;
    display: inline-block; }
  .userText {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 60px !important;
    height: 18px;
    white-space: nowrap;
    display: inline-block; } }

@media only screen and (min-width: 275px) and (max-width: 360px) {
  .btns {
    margin-right: 0px; }
  div.group-container {
    padding: 12px; }
  #breadcrumbs, #content {
    position: static !important;
    margin-left: 25px;
    width: 100%; }
  .labels {
    width: 100px;
    display: inline-block;
    text-align: right; }
  .labels {
    display: block !important;
    text-align: left !important;
    padding-bottom: 5px; }
  /*#breadcrumbs ul li:nth-child(2){
        display:none;
    }

    #breadcrumbs ul li:first-child {
        display:none;
    }*/
  .iconText {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100px !important;
    height: 1.2em;
    white-space: nowrap;
    display: inline-block; }
  .userText {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 50px !important;
    height: 18px;
    white-space: nowrap;
    display: inline-block; } }

@media only screen and (min-width: 380px) and (max-width: 420px) {
  .iconText {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100px !important;
    height: 1.2em;
    white-space: nowrap;
    display: inline-block; } }

/*Nokia Lumia 520(320 X 533)*/
@media only screen and (min-width: 275px) and (max-width: 534px) {
  .k-grid .k-button.green, .k-button.green, a.k-button.green {
    min-width: 95px !important; }
  #sidebar {
    min-height: 320px !important; }
  #sidebarToggleBottom {
    display: none; }
  #footerRight {
    float: left;
    padding-top: 20px;
    position: absolute; }
  .iconText {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 140px;
    height: 1.2em;
    white-space: nowrap;
    display: inline-block; } }

@media only screen and (max-height: 736px) {
  #studentListView {
    height: 450px; } }

@media only screen and (max-height: 667px) {
  #studentListView {
    height: 375px; } }

@media only screen and (max-height: 640px) {
  #studentListView {
    height: 350px; } }

@media only screen and (max-height: 568px) {
  #studentListView {
    height: 280px; } }

@media only screen and (max-height: 534px) {
  #studentListView {
    height: 245px; } }

/*@media all and (orientation:landscape)
{   
    #buttonStrip{ display:none}

}*/
/*Studed Search Inline CSS Start*/
/*#studentListView {
        padding: 5px;
        height: 340px;
        overflow:auto;
    }*/
.student {
  float: left;
  position: relative;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 200px;
  height: 50px;
  margin: 1px;
  padding: 1px;
  border: solid;
  border-radius: 4px; }

.student.k-state-selected,
.student:hover {
  float: left;
  margin: 1px;
  padding: 1px;
  border: solid #18a5ed;
  border-radius: 4px; }

.student img {
  float: left;
  width: 42px;
  height: 45px;
  margin: 2px 3px 2px 1px;
  -webkit-box-shadow: 0 1px 3px #333;
  box-shadow: 0 1px 3px #333;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.student h3 {
  margin: 0;
  padding: 3px 5px 0 0;
  overflow: hidden;
  line-height: 1.1em;
  font-size: 10px;
  font-weight: normal;
  color: #000000; }

.student-icon-group {
  float: right;
  margin-top: -15px;
  margin-right: 5px; }

.student-icon-group ul li {
  margin: 0px;
  padding: 0px;
  float: left;
  list-style-type: none;
  width: 25px;
  height: 25px;
  color: #000;
  text-align: center; }

.student-icon-group ul li i {
  font-size: 1.2em; }

.student-icon-group ul li img {
  width: 25px;
  height: 23px;
  box-shadow: none; }

.track3 {
  width: 10px;
  background: transparent;
  border-radius: 10px;
  cursor: pointer; }

.handle3 {
  width: 10px;
  right: 0;
  background: #58646e;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 7px;
  cursor: pointer; }

/*.k-listview:after, .student dl:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }*/
/*Studed Search Inline CSS End*/
* {
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Helvetica, Arial Narrow; }

html, body {
  height: 100%;
  background-color: #f5f5f8; }

body {
  position: relative;
  overflow-x: hidden; }

a {
  text-decoration: none; }

/*a:hover {
    text-decoration: underline;
}*/
li.a:hover {
  text-decoration: none; }

div.icon {
  /* background-imnage: url("Images/Sprites/icons.png"); */
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAADECAYAAABwdWocAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3MTFCRThFNjc1N0ZFMjExQUUzQ0M4NDY3RjhDNTU3QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQzJBOEQ5Mjg5NDQxMUUyQjYwMUM1Rjg1NjBBOUIwNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQzJBOEQ5MTg5NDQxMUUyQjYwMUM1Rjg1NjBBOUIwNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU0RkQyMUE4NDI4OUUyMTFBRTkxRDVBM0ZBNTRCMDUyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjcxMUJFOEU2NzU3RkUyMTFBRTNDQzg0NjdGOEM1NTdBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+L0I0fQAAAxBJREFUeNrsmk9oE0EYxZN0CZZWlECh0pNSULwVpaIoSqAHwYsieCiKRfEg9RKoVBRFUBQFwZsFRVDM0YIoFrxUFAu1nuolelFRCBSDgiAUJb6h38bpsDObrhPbkPfBY9hk92Vm/7z5JZn069l3Kd+VcbzXA52FJqHPUFXaSXm923ZgOqKnWegSNAy1Oz70O3QSKsb1tAt6AY3EGKpaAz2AHkI5m6nq4WOoP8LgnBqVtGbtl+OyUaYXLYaqbhqtWdvl+EWm6qIUHEMdNtqoKohPzfSE3v2IugJ9k9ZWWfGpmeZjLsoQtFZaV+V1096Yne8bra16ddNczM6/jdZWOd204ukJreimJU+mJd10wpPphG6qnt/5mNslFXPbzYc5EJp+cjwtqkaNNqpuiM+ilMpKmPQnGPY0tCscbcbo/j7ZYSk1Du3VT58ZfXPQHuh6zDkO83QQOmDekmnHdKLC4Sg0AG2UpC/LbfMMuiPbdSV/Q+eoxJWuVqvN0dOGmAadYx+bAyYCS3jYYKJHtFvYgDBBmCBMECYaDBMdtz60MExEJf9P6DS0QaLuuQYNZdlWr2+KCmjznBImVvLwOwpFwgRhgjBBmCBM+ICJv3lKmPADE4GjJ1+gyyLCxHIPf+jUKGGCMEGYIEwQJjzAhJanLQgTbX3bdpo7/0ot/I1xV3Zug1ZBnQITb6Db0DFoijDRxDARzLx93xwwsaxrJn7ITV/2AROzEhSroa3QOmgH9CQpTCjDPuilMZopCZ7xJDBRlImuXXLgq5zrsK4mgYlwijmfWvj/NGeEdCkJTKhPHoMOGkNPOVghr6dU1A6HjW11cY5o2yP/ChOP5OJU5Fa6Bx2ywUSgQUB33Hwugf0K2uwDJuakHXAYLhkmrsmz/9QnTJwRPB/0CRP1VA0mMsaXhWlHDG6B1jtg4oIt+roc31BcMHFcn/u5ZoIw4RsmuGaCMEGYIEwQJlYuTNT7y4SKwRnjMf2/v0xwzQTXTBAmCBOECcIEYYIwwTUThImkw+eaCcIEYYIwQZggTLTSmok/AgwA/BthpJnJLhYAAAAASUVORK5CYII=");
  background-repeat: no-repeat; }

/*Home Page Carousel*/
#myCarousel .carousel-indicators {
  bottom: 0px !important;
  right: 1% !important; }

#myCarousel .carousel-indicators li {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50%; }

#sidebar {
  z-index: 12;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  min-height: 500px;
  background-color: #000000;
  width: 200px;
  border-right-color: #bdbdbd;
  /*width: 225px;*/ }

#sidebar .sidebarToggle {
  background: transparent url("Images/Sprites/navigation-logo.png") -10px -1090px no-repeat;
  margin: 10px 0px;
  height: 18px;
  width: 200px;
  /*width: 225px;*/ }

/*#sidebar .sidebarToggle:focus,*/
#sidebar .sidebarToggle:hover {
  background-position: -10px -1109px; }

/*#sidebar .sidebarToggle:active {
			background-position: -10px -1128px;
		}*/
#sidebar #sidebarToggleTop {
  float: left; }

#sidebar #sidebarToggleBottom {
  position: absolute;
  bottom: 0px; }

#sidebar #sidebarLogo {
  background: transparent url("Images/Sprites/MosaicLogo.png") 0px 0px no-repeat;
  margin: 35px 15px 10px;
  height: 70px;
  width: 200px; }

#sidebar #sidebarLogo.cps {
  background: transparent url("Images/Sprites/cpslogo_v2_min.png") 0px 0px no-repeat;
  margin: 35px 0px 15px 25px; }

#loginLogo {
  background: transparent url("Images/Sprites/navigation-logo.png") -10px -1147px no-repeat;
  margin: 15px 149px 50px 149px;
  height: 61px;
  width: 200px; }

#sidebar #sidebarLinks {
  background-color: #000000;
  position: relative;
  margin: 20px 0px;
  width: 100%; }

#sidebar #sidebarLinks a.sidebarLink {
  background-image: url("Images/Sprites/navigation-logo.png");
  background-repeat: no-repeat;
  color: white;
  display: block;
  font-size: 15px;
  text-decoration: none;
  line-height: 35px;
  vertical-align: middle;
  padding-left: 46px;
  height: 35px;
  width: 155px;
  margin-top: 4px; }

#sidebar #sidebarLinks a.sidebarLink:focus,
#sidebar #sidebarLinks a.sidebarLink:hover,
#sidebar #sidebarLinks a.sidebarLink:active,
#sidebar #sidebarLinks a.sidebarLink.current {
  color: white;
  font-weight: bold; }

/*#sidebar #sidebarLinks a.sidebarLink:active,*/
#sidebar #sidebarLinks a.sidebarLink.current {
  background-color: transparent;
  padding-left: 63px;
  width: 143px; }

/*#sidebar #sidebarLinks a.sidebarLink + a.sidebarLink {
				margin-top: 4px;
			}*/
#sidebar #sidebarLinks .sidebarLink.endofday {
  background-position: -10px -10px; }

#sidebar #sidebarLinks .sidebarLink.endofday:active,
#sidebar #sidebarLinks .sidebarLink.endofday:focus,
#sidebar #sidebarLinks .sidebarLink.endofday:hover {
  background-position: -10px -46px; }

/*#sidebar #sidebarLinks .sidebarLink.endofday:active,*/
#sidebar #sidebarLinks .sidebarLink.endofday.current {
  background-position: -10px -82px; }

#sidebar #sidebarLinks .sidebarLink.reports {
  background-position: -10px -118px; }

#sidebar #sidebarLinks .sidebarLink.reports:active,
#sidebar #sidebarLinks .sidebarLink.reports:focus,
#sidebar #sidebarLinks .sidebarLink.reports:hover {
  background-position: -10px -154px; }

/*#sidebar #sidebarLinks .sidebarLink.reports:active,*/
#sidebar #sidebarLinks .sidebarLink.reports.current {
  background-position: -10px -190px; }

#sidebar #sidebarLinks .sidebarLink.students {
  background-position: -10px -226px; }

#sidebar #sidebarLinks .sidebarLink.students:active,
#sidebar #sidebarLinks .sidebarLink.students:focus,
#sidebar #sidebarLinks .sidebarLink.students:hover {
  background-position: -10px -262px; }

/*#sidebar #sidebarLinks .sidebarLink.students:active,*/
#sidebar #sidebarLinks .sidebarLink.students.current {
  background-position: -10px -298px; }

#sidebar #sidebarLinks .sidebarLink.eligibility {
  background-position: -10px -334px; }

#sidebar #sidebarLinks .sidebarLink.eligibility:active,
#sidebar #sidebarLinks .sidebarLink.eligibility:focus,
#sidebar #sidebarLinks .sidebarLink.eligibility:hover {
  background-position: -10px -370px; }

/*#sidebar #sidebarLinks .sidebarLink.eligibility:active,*/
#sidebar #sidebarLinks .sidebarLink.eligibility.current {
  background-position: -10px -406px; }

#sidebar #sidebarLinks .sidebarLink.pos {
  background-position: -10px -442px; }

#sidebar #sidebarLinks .sidebarLink.pos:active,
#sidebar #sidebarLinks .sidebarLink.pos:focus,
#sidebar #sidebarLinks .sidebarLink.pos:hover {
  background-position: -10px -478px; }

/*#sidebar #sidebarLinks .sidebarLink.pos:active,*/
#sidebar #sidebarLinks .sidebarLink.pos.current {
  background-position: -10px -514px; }

#sidebar #sidebarLinks .sidebarLink.utilities {
  background-position: -10px -550px; }

#sidebar #sidebarLinks .sidebarLink.utilities:active,
#sidebar #sidebarLinks .sidebarLink.utilities:focus,
#sidebar #sidebarLinks .sidebarLink.utilities:hover {
  background-position: -10px -586px; }

/*#sidebar #sidebarLinks .sidebarLink.utilities:active,*/
#sidebar #sidebarLinks .sidebarLink.utilities.current {
  background-position: -10px -622px; }

#sidebar #sidebarLinks .sidebarLink.setup {
  background-position: -10px -658px; }

#sidebar #sidebarLinks .sidebarLink.setup:active,
#sidebar #sidebarLinks .sidebarLink.setup:focus,
#sidebar #sidebarLinks .sidebarLink.setup:hover {
  background-position: -10px -694px; }

/*#sidebar #sidebarLinks .sidebarLink.setup:active,*/
#sidebar #sidebarLinks .sidebarLink.setup.current {
  background-position: -10px -730px; }

#sidebar #sidebarLinks .sidebarLink.accounting {
  background-position: -10px -766px; }

#sidebar #sidebarLinks .sidebarLink.accounting:focus,
#sidebar #sidebarLinks .sidebarLink.accounting:hover {
  background-position: -10px -802px; }

#sidebar #sidebarLinks .sidebarLink.accounting:active,
#sidebar #sidebarLinks .sidebarLink.accounting.current {
  background-position: -10px -838px; }

#sidebar #sidebarLinks .sidebarLink.admin {
  background-position: -10px -874px; }

#sidebar #sidebarLinks .sidebarLink.admin:focus,
#sidebar #sidebarLinks .sidebarLink.admin:hover {
  background-position: -10px -910px; }

#sidebar #sidebarLinks .sidebarLink.admin:active,
#sidebar #sidebarLinks .sidebarLink.admin.current {
  background-position: -10px -946px; }

#sidebar #sidebarLinks .sidebarLink.catering {
  background-position: -10px -10px; }

#sidebar #sidebarLinks .sidebarLink.catering:active,
#sidebar #sidebarLinks .sidebarLink.catering:focus,
#sidebar #sidebarLinks .sidebarLink.catering:hover {
  background-position: -10px -46px; }

#sidebar #sidebarLinks .sidebarLink.catering.current {
  background-position: -10px -82px; }

#sidebar #sidebarLinks .sidebarLink.pst {
  background-position: -10px -874px; }

#sidebar #sidebarLinks .sidebarLink.pst:active,
#sidebar #sidebarLinks .sidebarLink.pst:focus,
#sidebar #sidebarLinks .sidebarLink.pst:hover {
  background-position: -10px -910px; }

/*#sidebar #sidebarLinks .sidebarLink.reports:active,*/
#sidebar #sidebarLinks .sidebarLink.pst.current {
  background-position: -10px -946px; }

#bodyWrapper.sidebarCollapsed #sidebar {
  width: 45px; }

#bodyWrapper.sidebarCollapsed #sidebar .sidebarToggle {
  background-position: -245px -1090px;
  width: 45px; }

/*#bodyWrapper.sidebarCollapsed #sidebar .sidebarToggle:focus,*/
#bodyWrapper.sidebarCollapsed #sidebar .sidebarToggle:hover {
  background-position: -245px -1109px; }

/*#bodyWrapper.sidebarCollapsed #sidebar .sidebarToggle:active {
			background-position: -245px -1128px;
		}*/
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLogo {
  background-position: -245px -1209px;
  width: 45px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLogo.cps {
  background-position: -200px 0px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks a.sidebarLink {
  text-indent: -9999px;
  padding: 0px;
  width: 45px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks a.sidebarLink:active,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks a.sidebarLink.current {
  background-color: transparent;
  width: 54px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.endofday {
  background-position: -245px -10px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.endofday:active,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.endofday:focus,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.endofday:hover {
  background-position: -245px -46px; }

/*#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.endofday:active,*/
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.endofday.current {
  background-position: -245px -82px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.reports {
  background-position: -245px -118px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.reports:active,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.reports:focus,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.reports:hover {
  background-position: -245px -154px; }

/*#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.reports:active,*/
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.reports.current {
  background-position: -245px -190px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.students {
  background-position: -245px -226px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.students:active,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.students:focus,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.students:hover {
  background-position: -245px -262px; }

/*#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.students:active,*/
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.students.current {
  background-position: -245px -298px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.eligibility {
  background-position: -245px -334px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.eligibility:active,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.eligibility:focus,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.eligibility:hover {
  background-position: -245px -370px; }

/*#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.setup:active,*/
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.eligibility.current {
  background-position: -245px -406px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.pos {
  background-position: -245px -442px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.pos:active,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.pos:focus,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.pos:hover {
  background-position: -245px -478px; }

/*#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.pos:active,*/
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.pos.current {
  background-position: -245px -514px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.utilities {
  background-position: -245px -550px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.utilities:active,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.utilities:focus,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.utilities:hover {
  background-position: -245px -586px; }

/*#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.utilities:active,*/
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.utilities.current {
  background-position: -245px -622px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.setup {
  background-position: -245px -658px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.setup:active,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.setup:focus,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.setup:hover {
  background-position: -245px -694px; }

/*#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.setup:active,*/
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.setup.current {
  background-position: -245px -730px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.accounting {
  background-position: -245px -766px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.accounting:focus,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.accounting:hover {
  background-position: -245px -802px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.accounting:active,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.accounting.current {
  background-position: -245px -838px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.admin {
  background-position: -245px -874px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.admin:focus,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.admin:hover {
  background-position: -245px -910px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.admin:active,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.admin.current {
  background-position: -245px -946px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.catering {
  background-position: -245px -10px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.catering:active,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.catering:focus,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.catering:hover {
  background-position: -245px -46px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.catering.current {
  background-position: -245px -82px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.pst {
  background-position: -245px -874px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.pst:active,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.pst:focus,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.pst:hover {
  background-position: -245px -910px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.pst.current {
  background-position: -245px -946px; }

/*  home menu sidebar css*/
#sidebar #sidebarLinks .sidebarLink.home {
  background-position: -10px -765px; }

#sidebar #sidebarLinks .sidebarLink.home:active,
#sidebar #sidebarLinks .sidebarLink.home:focus,
#sidebar #sidebarLinks .sidebarLink.home:hover {
  background-position: -10px -693px; }

/*#sidebar #sidebarLinks .sidebarLink.home:active,*/
#sidebar #sidebarLinks .sidebarLink.home.current {
  background-position: -10px -837px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.home {
  background-position: -245px -767px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.home:active,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.home:focus,
#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.home:hover {
  background-position: -245px -803px; }

#bodyWrapper.sidebarCollapsed #sidebar #sidebarLinks .sidebarLink.home.current {
  background-position: -245px -837px; }

#header {
  z-index: 12;
  position: fixed;
  top: 0px;
  right: 0px;
  left: 200px;
  /*left: 225px;*/
  height: 20px;
  /* min-height: 20px; //todo change to min-height to work with bootstrap */
  line-height: 20px;
  padding: 10px 20px;
  background-color: #000000;
  /* #16181c; */
  color: white;
  font-size: 15px; }

#header .icon {
  vertical-align: middle;
  display: inline-block;
  height: 21px;
  width: 21px; }

#header + .icon + .iconText + #headerInfoIcon {
  margin-left: 10px;
  vertical-align: text-top;
  color: white; }

#header #headerLogout {
  vertical-align: top;
  color: white; }

#headerInfoIcon {
  color: white;
  vertical-align: text-top; }

#headerStatsIcon,
#headerHelpIcon,
#headerInboxIcon,
#headerSearchIcon {
  color: white;
  vertical-align: text-bottom; }

.headerIcon {
  color: white;
  margin-top: 5px; }

.headerIcon:hover {
  cursor: pointer; }

#header-help {
  vertical-align: text-top; }

.iconText {
  vertical-align: text-top; }

.iconText {
  vertical-align: text-top; }

#header a {
  color: #7E818E;
  display: inline-block;
  text-decoration: none;
  /*padding: 0px 10px;*/ }

#header a:focus,
#header a:hover,
#header a:active {
  color: #FFF; }

#header a + a {
  margin-left: 10px; }

#header #headerLeft {
  float: left; }

#header #headerRight {
  float: right;
  width: 490px;
  margin-top: -6px;
  text-align: right;
  margin-right: 40px; }

#header div.icon.info {
  background-position: 0px 0px; }

#header a:focus div.icon.info,
#header a:hover div.icon.info {
  background-position: 0px -25px; }

#header a:active div.icon.info {
  background-position: 0px -50px; }

#header a.disabled div.icon.info {
  background-position: 0px -75px; }

#header div.icon.help {
  background-position: 0px -100px; }

#header a:focus div.icon.help,
#header a:hover div.icon.help {
  background-position: 0px -125px; }

#header a:active div.icon.help {
  background-position: 0px -150px; }

#header a.disabled div.icon.help {
  background-position: 0px -175px; }

#header div.inbox {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAqCAYAAABGB/BgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAKRSURBVFhH7ZYvU+NAFMArmDka7gMg7yOcQNwHOIFE8AFOIE4iT9zMCSQCc3NJz1RUIE8gEZGdNJ3psOkMZCs2DAKBQCAQFeG9JG/zkm6abgunEL/s7vu7fzOvk6bpm7Mg8H1/K4ziQRjJ1JI50K/HQxYE4VQe1pytGIn4az1mZYCMonioHaAPTn4boZCT0kf+q8esDAJxvUfGsGV3uHVc34Sv1PZIyIfCdz6cXH/i+ooxP4uxkD+4rg1YzSn5Yp/rdCeYql2cRW4UP+OYG7aBsyd/2OZHXB3ptBEs9yRLkBEPSG4DnM+FjiHkd5JnH8wKs78ng/GV/EIGNgTT2b5OEsURybPPOLo5KpUyJOU6wGpmFAv62XUmhU+K4Cr+xp1sgSt8TLFo23OFkE9aIeQ5tP2S+CcPUge2+Yzb4zuBtkgiFdrkhqXQSDCNP/PAxFjcHJjsGasnMb3izI+99AZWT4LguVVgv58l2CVZk/ckVlSSXNaUrwO8OZ3krTEKX5tFwa90y3HVYMdLUjvUHNrVComPbnK4GMCC3m17IQGGQ+Y0dLzEb2PHTSbax02WFxJd73avNFZ3uHVc30Snr7Zhix9yXzX/4KrmQoKfhdNTVoUEBD/VE4Q+1+mO81vtFoeHS37GMTdsA2dP/o6bPOLqSKeNYHtOaCa4IpLbAEkuKEbXU9VCArOC4l4b/FFrFRKOp/YpBvSrhYTTS45ICSvaqJCA4DMdq7jOhQKuYaGArdqokIAtO2axykICsj9phZecQ9snYLy0kIBDPuP2+E6gzVfiJeVfmAmNOH+VsZDo9tSByZ6xehLTK878+Es3Y5EEoF8IATL++2nCLsmavCexokwCj+bSYLAxcEH+VyGRdl4A/xL/IeZeewUAAAAASUVORK5CYII="); }

#header div.dashboard {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAqCAYAAABGB/BgAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAAOFJREFUWEftlrENwjAQRdOzEkMwAgVjUGQDWrqskp6SjopNDt/pfrAt23LgLEWRi/cTfb79oGMgouZIPJ6v0UH8jAcWSHRJLRK1Et0sxJ/nkODL9WCXFJHgy/XgdiW5HmAUSDAGGK/tAUZdUuwBRvuTzN67D3e/9KeUxJppkXgia76/pDXJ0hqJw/09Ooif8cACiS6pRaJWopuF+PMcEny5HuySIhJ8uR7criTXA4wCCcYA47U9wKhLij3AaH+S2Xv34S7VXx3nqGO4Y44piTXhHwlX4Nv+w80xeVwCSTto+AA2awAZigdVKAAAAABJRU5ErkJggg=="); }

#header div.spriteIcon {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  height: 21px;
  width: 25px; }

#header a:focus div.spriteIcon,
#header a:hover div.spriteIcon,
#header a:active div.spriteIcon {
  background-position: 0px -21px; }

#header .fa {
  font-size: 25px; }

#header #headerRight :hover,
#header #headerRight :focus,
#header #headerRight :active {
  color: #0066cc; }

#header #headerRight .tooltipstered :hover,
#header #headerRight .tooltipstered :focus,
#header #headerRight .tooltipstered :active {
  color: #0066cc; }

#headerInfoIcon {
  padding-right: 7px; }

.inbox-theme {
  border-radius: 5px;
  border: 2px solid #3f454c;
  background: #272b30;
  color: #fff; }

/* Use this next selector to style things like font-size and line-height: */
.inbox-theme .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 0; }

.inbox-header .inbox-subtitle {
  color: #7e818e;
  font-size: 10px; }

.inbox-badge {
  position: relative; }

.inbox-badge[data-badge]:after {
  content: attr(data-badge);
  position: absolute;
  top: -8px;
  right: -8px;
  font-size: .75em;
  font-weight: bold;
  background: #ff7800;
  color: white;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  border-radius: 50%;
  box-shadow: 0 0 1px #333; }

.inbox-unread {
  background: #ff7800;
  color: white;
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
  text-align: center;
  line-height: 10px;
  border-radius: 50%;
  box-shadow: 0 0 1px #333;
  margin: 1px; }

.inbox-read {
  background: #f2f2f2;
  color: white;
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
  text-align: center;
  line-height: 10px;
  border-radius: 50%;
  box-shadow: 0 0 1px #333;
  margin: 1px; }

.inbox-report-name {
  text-overflow: ellipsis;
  display: block; }

.inbox-report-time {
  color: #7e818e;
  font-size: small;
  margin-left: 5px;
  margin-top: -1px;
  white-space: nowrap;
  display: block; }

.inbox-table {
  border: 0;
  border-collapse: collapse;
  width: 100%; }

.inbox-table tbody tr td {
  border-top: 2px solid #3f454c;
  padding: 8px 6px;
  cursor: pointer; }

.inbox-table tbody tr td:first-child {
  padding-left: 12px; }

.inbox-table a {
  color: #ffffff; }

.inbox-table tbody tr:hover {
  background-color: #2d3137; }

.inbox-header {
  padding: 4px 10px;
  text-align: center;
  background-color: #2d3137; }

.inbox-footer {
  border-top: 2px solid #3f454c;
  text-align: center;
  background-color: #2d3137;
  width: 100%;
  margin: 0;
  border-collapse: collapse; }

.inbox-footer td:not(:first-child) {
  border-left: 2px solid #3f454c; }

.inbox-footer a {
  padding: 4px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #7e818e;
  font-size: 12px;
  /*width: 100%;*/
  height: 100%; }

.inbox-footer a:hover {
  background-color: #34383f; }

.no-reports {
  border-top: 2px solid #3f454c;
  text-align: center;
  /*width: 100%;*/
  margin: 0;
  color: #7e818e;
  font-size: 12px;
  padding: 10px;
  border-collapse: collapse; }

#bodyWrapper.sidebarCollapsed #header {
  left: 45px; }

#breadcrumbs {
  z-index: 11;
  position: fixed;
  top: 40px;
  right: 0px;
  left: 200px;
  /*left: 225px;*/
  /* min-height: 25px; //todo change to min-height to work with bootstrap */
  height: 25px;
  line-height: 25px;
  padding: 5px 0px 5px 20px;
  font-size: 12px;
  background-color: #58646e;
  color: #fff; }

.sectionMenu.gray,
#breadcrumbs.gray {
  background-color: #58646e; }

.sectionMenu.endofday,
#breadcrumbs.endofday {
  background-color: #ca0a15; }

.sectionMenu.reports,
#breadcrumbs.reports {
  background-color: #ff7800; }

.sectionMenu.orderging #breadcrumbs.ordering {
  background-color: #ffba00; }

#breadcrumbs.inventory {
  background-color: #8dc700; }

.sectionMenu.students,
#breadcrumbs.students {
  background-color: #0d7903; }

.sectionMenu.eligibility,
#breadcrumbs.eligibility {
  background-color: #00a2c8; }

.sectionMenu.setup,
#breadcrumbs.setup {
  background-color: #0064b4; }

.sectionMenu.pos,
#breadcrumbs.pos {
  background-color: #6200a3; }

.sectionMenu.utilities,
#breadcrumbs.utilities {
  background-color: #c23ef0; }

.sectionMenu.catering,
#breadcrumbs.catering {
  background: #ca0a15; }

.sectionMenu.help,
#breadcrumbs.help {
  background-color: #8DC700; }

.sectionMenu.home,
#breadcrumbs.home,
#breadcrumbs.notification {
  background-color: #024AFF; }

.sectionMenu.pst,
#breadcrumbs.pst {
  background-color: #ffba00; }

#breadcrumbs ul {
  list-style-type: none;
  margin: 0px; }

#breadcrumbs ul li {
  float: left;
  color: #fff;
  line-height: 25px;
  margin: 0px 10px 0px 0px; }

#breadcrumbs ul li + li {
  float: left;
  background: transparent url(Images/breadcrumbArrow.png) no-repeat left center;
  color: #fff;
  line-height: 25px;
  margin: 0px 10px 0px 0px;
  padding-left: 18px; }

/*#breadcrumbs ul li::before {
            float: left;
            content: url(Images/breadcrumbArrow.png);
            color: #fff;
            line-height: 25px;
            margin: 0px 10px 0px 0px; }*/
#breadcrumbs ul li:first-child::before {
  content: ""; }

#breadcrumbs ul li a {
  color: #fff;
  text-decoration: none; }

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

#bodyWrapper.sidebarCollapsed #breadcrumbs {
  left: 45px; }

#content {
  position: absolute;
  top: 75px;
  right: 0px;
  bottom: 0px;
  left: 200px;
  /*padding: 20px 20px 0; content */
  padding: 0;
  background-color: #f5f5f8; }

#content #pageWrapper {
  margin: 0px 0px -30px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  -moz-box-sizing: border-box;
  /* or border-box */
  -webkit-box-sizing: border-box;
  /* or border-box */
  box-sizing: border-box;
  /* or border-box */ }

#bodyWrapper.sidebarCollapsed #content {
  left: 45px; }

.pagePadding {
  padding: 20px 20px 40px; }

.paddingPaddingBottom {
  padding-bottom: 20px; }

/*#footer {
  text-align: left;
  vertical-align: bottom;
  line-height: 10px;
  font-size: 10px;
  /*padding: 10px 0;*/
/* padding: 10px 20px 0px;
  height: 20px; }

#footer.a {
  text-decoration: none; }

#footer #footerLeft {
  float: left; }

#footerRight > a:hover {
  text-decoration: underline; }

#footer #footerRight {
  float: right; }

#footerPush {
  height: 50px; }

.expandable {
  min-width: 759px; }

#bodyWrapper.sidebarCollapsed {
  min-width: 939px; }*/
.contentRow + .contentRow {
  margin-top: 25px; }

.contentBox {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 1px 2px 0px #888, 0px -1px 2px 0px #ddd;
  margin-bottom: 25px;
  padding: 15px; }

.contentBox h1 {
  margin: 0px 0px 10px 2px;
  color: #7e8894;
  line-height: 18px;
  font-size: 18px;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis; }

.contentBox .boxList a {
  display: block;
  height: 22px;
  line-height: 22px;
  padding: 5px 43px 5px 10px;
  border-radius: 3px;
  white-space: nowrap;
  font-size: 12px;
  color: #505964;
  text-overflow: ellipsis;
  background-color: #f4f4f4;
  background-repeat: no-repeat;
  background-position: right 40px;
  background-image: url("Images/Sprites/contentItems.png");
  overflow: hidden; }

.contentBox .boxList a + a {
  margin-top: 7px; }

.contentBox .boxList a:focus,
.contentBox .boxList a:hover {
  background-color: #e8e8e8;
  box-shadow: 1px 1px 2px 0px #888;
  color: #787878;
  text-decoration: none; }

.contentBox .boxList a:active {
  background-color: #e0e0e0;
  box-shadow: 1px 1px 2px 0px #888;
  color: #787878;
  text-decoration: none; }

.contentBox .boxList.red a {
  background-position: right 0px; }

.contentBox .boxList.red a:focus,
.contentBox .boxList.red a:hover {
  background-position: right -40px;
  /*color: #ff111f;*/ }

.contentBox .boxList.red a:active {
  background-position: right -80px;
  /*color: #980811;*/ }

.contentBox .boxList.orange a {
  background-position: right -120px; }

.contentBox .boxList.orange a:focus,
.contentBox .boxList.orange a:hover {
  background-position: right -160px;
  /*color: #ffa200;*/ }

.contentBox .boxList.orange a:active {
  background-position: right -200px;
  /*color: #e45b00;*/ }

.contentBox .boxList.yellow a {
  background-position: right -240px; }

.contentBox .boxList.yellow a:focus,
.contentBox .boxList.yellow a:hover {
  background-position: right -280px;
  /*color: #ffd200;*/ }

.contentBox .boxList.yellow a:active {
  background-position: right -320px;
  /*color: #f29a00;*/ }

.contentBox .boxList.lightgreen a {
  background-position: right -360px; }

.contentBox .boxList.lightgreen a:focus,
.contentBox .boxList.lightgreen a:hover {
  background-position: right -400px;
  /*color: #a4e800;*/ }

.contentBox .boxList.lightgreen a:active {
  background-position: right -440px;
  /*color: #75a500;*/ }

.contentBox .boxList.green a {
  background-position: right -480px; }

.contentBox .boxList.green a:focus,
.contentBox .boxList.green a:hover {
  background-position: right -520px;
  /*color: $green-button-color-hover;*/ }

.contentBox .boxList.green a:active {
  background-position: right -560px;
  /*color: $green-button-color-active;*/ }

.contentBox .boxList.lightblue a {
  background-position: right -600px; }

.contentBox .boxList.lightblue a:focus,
.contentBox .boxList.lightblue a:hover {
  background-position: right -640px;
  /*color: #08c4f0;*/ }

.contentBox .boxList.lightblue a:active {
  background-position: right -680px;
  /*color: #008fb0;*/ }

.contentBox .boxList.blue a {
  background-position: right -720px; }

.contentBox .boxList.blue a:focus,
.contentBox .boxList.blue a:hover {
  background-position: right -760px;
  /*color: #1bb2ff;*/ }

.contentBox .boxList.blue a:active {
  background-position: right -800px;
  /*color: #0b72a6;*/ }

.contentBox .boxList.purple a {
  background-position: right -840px; }

.contentBox .boxList.purple a:focus,
.contentBox .boxList.purple a:hover {
  background-position: right -880px;
  /*color: #8303d6;*/ }

.contentBox .boxList.purple a:active {
  background-position: right -920px;
  /*color: #4b007c;*/ }

.contentBox .boxList.pink a {
  background-position: right -960px; }

.contentBox .boxList.pink a:focus,
.contentBox .boxList.pink a:hover {
  background-position: right -1000px;
  /*color: #e16aff;*/ }

.contentBox .boxList.pink a:active {
  background-position: right -1040px;
  /*color: #a532cd;*/ }

/************************* ROUTEDEBUGGER ADD-IN *************************/
#haackroutedebugger {
  position: fixed;
  top: 25%;
  right: 90%;
  bottom: 90%;
  left: 25%;
  width: 65%;
  height: 65%;
  overflow: auto; }

/************************************************************************/
/*table.data { width: 85%; }
table.data thead { background-color: #ebedee; color: #363636; font-weight:normal;  }
table.data th { font-weight:normal;padding:5px; border:thin solid #e4e4e7;}
table.data tbody { color: #363636; background-color:#fafafd; }
table.data tbody tr:nth-child(2n) { background-color: #ffffff; }
table.data td { font-size:9pt;padding:3px;border:thin solid #ebedee;}*/
div.dataSection {
  background-color: #FFF;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: thin solid #ebedee;
  padding: 8px;
  margin-right: 5px;
  border-right-width: thin;
  border-bottom-width: thin;
  border-right-color: #7e818e;
  border-bottom-color: #7e818e; }

div.buttonContainer {
  text-align: right; }

/*Any kind of styled button*/
.button {
  background: #00a2c8;
  min-width: 150px;
  color: white;
  font-size: 11px;
  padding: 2px;
  margin: 3px; }

.red {
  background: #ca0a15; }

.green {
  background: #0d7903; }

/*Special styles for button links*/
a.button {
  display: inline-block;
  text-align: center; }

/*Disable buttons*/
a.button:hover {
  color: white;
  text-decoration: none; }

a.button:visited {
  color: white; }

.reportPagePadding {
  padding: 25px; }

/* Validation Bubble LEFT */
/*span.field-validation-error {
       position: absolute;
       display: inline-block;
       vertical-align: bottom;
       background: transparent url(/Content/Images/validationBubbleLeft.png) no-repeat left top;
       color: #fff;
       font-size: 10px;
       padding: 5px 5px 5px 20px;
       min-height: 15px;
       min-width: 75px;
       max-width: 225px;
       margin-top: 3px;
       margin-right: 25px;
       border-top: 1px solid #FFF;
       border-right: 1px solid #FFF;
       border-bottom: 1px solid #FFF;
}*/
label.label,
input.label {
  border: none;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: inherit;
  color: #58646e; }

.mosaic-tab-content {
  height: auto;
  margin: 0;
  background-color: transparent; }

/* Daily Meal Counts - After School Counts */
div.dailyCountRow {
  vertical-align: central;
  font-family: Verdana;
  font-size: 0.9em !important;
  margin: 2px;
  padding: 4px;
  color: #505964; }

/*div.group-container {
        margin-top:5px !important;
        margin-bottom:5px !important;
        margin-left:5px !important;
    }*/
div.dailyCountRow input {
  width: 80px; }

div.dailyCountRow input.txtBulkCount, input.txtBulkCountMealsServed, input.txtBulkCountAttendance, span.txtBulkCount, span.txtBulkCountMealsServed, span.txtBulkCountAttendance {
  width: 80px !important; }

div.dailyCountRow input.txtMealCount, span.txtMealCount {
  width: 80px !important; }

div.dailyCountRow input.txtCurrency, span.currencyText {
  width: 120px !important; }

div.dailyCountRow input.txtRevenue, span.txtRevenue {
  width: 120px !important; }

div.duplicate-record-error {
  color: red; }

div.dailyCountForm {
  max-width: 700px; }

.rowheader {
  text-align: right;
  margin-right: 5px !important; }

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

/*'Fluid Row Concept*/
.fluidrow {
  width: 100%; }

.fluidrow * {
  /*border:0px;*/
  margin: 0;
  padding: 0; }

.fluidrow > span {
  display: inline-block; }

.col1 {
  width: 19%; }

.col2 {
  width: 39%; }

.col3 {
  width: 59%; }

.col4 {
  width: 79%; }

.col5 {
  width: 99%; }

/*End Fluid Row*/
.form-version {
  font-size: 9px;
  color: #A9A9A9; }

.max-char-limit {
  font-size: 9px;
  text-align: right;
  color: #A9A9A9;
  padding: 4px; }

div.k-window div.k-edit-buttons {
  display: none; }

div.k-window div.k-window-content {
  padding: 0.58em; }

div.photo-action div.k-upload-button {
  margin: 0; }

ul.k-tabstrip-items span.k-loading {
  display: none; }

/*div.ngGridKendo {
    font-family: Verdana, Helvetica, 'Arial Narrow';
    font-weight: normal;
}

    div.ngGridKendo .ngHeaderText {
        font-weight: normal;
        color: #272b30;
        margin-top: 2px;
    }

    div.ngGridKendo .ngHeaderCell {
        border-right: 1px solid #dadada;
    }

    div.ngGridKendo input[type="checkbox"].ngSelectionHeader {
        margin-top: -2px;
    }

    div.ngGridKendo .ngCellText,
    div.ngGridKendo .ngCellText span {
        vertical-align: middle;
        color: #787878;
    }

    div.ngGridKendo .ngTopPanel {
        font-size: 14px;
        border: 1px solid #dadada;
        background-color: #ebedee;
    }

    div.ngGridKendo .ngViewport {
        font-size: 13px;
        vertical-align: middle;
        border-left: 1px solid #dadada;
        border-bottom: 1px solid #dadada;
        border-right: 1px solid #dadada;
    }

    div.ngGridKendo .odd {
        background-color: #fafafd;
    }

    div.ngGridKendo .even {
        background-color: #ffffff;
    }

    div.ngGridKendo .selected .ngCellText span {
        color: #FFFFFF;
    }

    div.ngGridKendo .even.selected {
        background-color: #0ca0ec;
    }

    div.ngGridKendo .odd.selected {
        background-color: #0b98e0;
    }*/
.chargeLimitNotSet {
  font-style: italic;
  color: #CCCCCC !important; }

.no-spinners .k-numeric-wrap .k-select {
  display: none; }

.no-spinners .k-numeric-wrap {
  padding-right: 0; }

#chargeLimitDefaultItems .k-grid-content {
  height: 524px; }

#buttonContainer {
  clear: both; }

.ng-cloak {
  display: none !important; }

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

.bonusThreshold .k-icon {
  display: none; }

.bonusThreshold.bonusError {
  background-color: #FFE13A;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin: 0.5em;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 5px;
  padding-top: 4px;
  color: red;
  font-size: 13px;
  text-align: center; }

#BonusThresholdText {
  display: inline; }

.bonusThreshold.bonusError .k-icon {
  display: inline-block;
  margin-right: 3px; }

#BonusCreditCount_validationMessage {
  display: none !important; }

.k-combobox .k-state-focused .k-input, .k-dropdown .k-state-focused .k-input {
  color: #787878;
  /* prevent white text on white background when focused or hovering over dropdownlist */
  border-color: cornflowerblue; }

.k-widget .k-dropdown .k-header:hover {
  border-color: cornflowerblue; }

.k-dropdown-wrap.k-state-default.k-state-focused {
  border-color: cornflowerblue;
  border-width: 2px; }

/*.school-maintenance-cep .k-dropdown .k-state-focused .k-input,*/
.school-maintenance-cep .k-dropdown .k-state-hover .k-input {
  color: #787878; }

.school-maintenance-cep td {
  width: 200px; }

.school-maintenance-cep .numeric-field {
  width: 140px;
  font-size: 14px; }

/* Prevent user from selecting text-- especially useful for double-click interfaces where whitespace gets selected*/
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*kilt (Kendo-Interface-Like-Table) Used to create appearance of Kendo Grid UI in a normal HTML Table*/
/*Class that gets applied to the opening <Table> tag.*/
.kilt {
  border-collapse: collapse;
  margin: 0 auto 1px auto;
  border-bottom-color: #dadada;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0px;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: #dadada;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #dadada;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #dadada;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-style: solid;
  border-top-width: 1px;
  color: #272b30; }

/*Class used for the TR tag with TH tag children.*/
.kilt .header_row {
  background-color: #ebedee;
  font-size: .95em;
  font-weight: normal;
  border-bottom-color: #dadada;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-collapse: separate;
  border-image-outset: 0px;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: #dadada;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #dadada;
  border-right-style: solid;
  border-right-width: 0px;
  border-top-color: #dadada;
  border-top-style: solid;
  border-top-width: 0px; }

.kilt th {
  background-color: #ebedee;
  overflow: hidden;
  padding: .5em .6em .4em .6em;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  font-size: .95em;
  font-family: Verdana, Helvetica, 'Arial Narrow';
  border-bottom-color: #dadada;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-collapse: separate;
  border-image-outset: 0px;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: #dadada;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #dadada;
  border-right-style: solid;
  border-right-width: 0px;
  border-top-color: #dadada;
  border-top-style: solid;
  border-top-width: 0px; }

.kilt td {
  text-align: left;
  border-style: none;
  border-width: 0 0 0 1px;
  border-color: #787878;
  padding: .4em .6em;
  overflow: hidden;
  line-height: 1.6em;
  vertical-align: middle;
  text-overflow: ellipsis;
  font-size: .80em;
  font-family: Verdana, Helvetica, Arial Narrow; }

/*This is for a column that contains a centered checkbox with a right border for the column.*/
/*In the current usage (CategoricalEligibilityExtensionSearchResult.cshtml) the checkbox column was the first column.*/
.kilt .checkboxColumn {
  border-right-color: #dadada;
  border-right-style: solid;
  border-right-width: 1px;
  text-align: center; }

/*Highlighted row color applied to TR tag.*/
/*(See CategoricalEligibilityExtensionSearchResult.cshtml for usage example.)*/
.kilt .highlighted-row {
  background-color: #0b98e0;
  border-color: #0b98e0;
  color: #ffffff; }

/*END kilt (Kendo-Like-Table) Used to create appearance of Kendo Grid UI in a normal HTML Table*/
/* BEGIN Supress Kendo Validation Messages */
/* F&R App Income Template ddl */
div[data-valmsg-for="ApplicationIncomeOwnerID"] {
  display: none !important; }

/* END Supress Kendo Validation Messages */
.is-hidden {
  display: none !important; }

/* ***************************************************
    Customization for Review Transaction Search screen
*******************************************************/
div.fieldset {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border-width: thin;
  border-style: solid;
  padding-left: 10px;
  margin-bottom: 10px;
  border-color: #58646e;
  /*background-color:rgb(245, 245, 248);*/ }

/* *************************************************
    Data Field and Panel Customizations
**************************************************/
.m-panel.m-dark {
  background: #272b30;
  border: 1px solid #222;
  box-shadow: 1px 1px 2px 0px #444; }

.m-panel {
  border-radius: 4px;
  background: #fff;
  border: 1px solid #e2e2e3;
  box-shadow: 1px 1px 2px 0px #888;
  margin-bottom: 15px;
  padding: 15px; }

.m-panelTitle {
  color: #58646e;
  font-size: 20px;
  margin-bottom: 15px;
  text-align: left; }

/*contain input fields to prevent super large*/
.m-dataField input,
.m-dataField > .k-widget {
  max-width: 400px; }

/*margin for fluid-row sub elements, so that it is applied when they stack*/
.row-fluid > div {
  margin-top: 5px; }

/*Min height for tab container*/
div.m-tabContent {
  min-height: 300px; }

/*Just for left align labels, might not use*/
.labelLeft label {
  text-align: right; }

/*block level input for all dataField inputs*/
.m-dataField > input,
.m-dataField > .k-widget:not(.k-tooltip) {
  width: 100%;
  display: block;
  min-height: 30px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-color: #dadada;
  border-width: 1px; }

/*Read only label*/
.m-dataField > span.readonly {
  min-height: 30px;
  padding: 0px 4px 0px 4px;
  color: #555555;
  display: table-cell;
  vertical-align: middle; }

/****************************************
* Button Bars
****************************************/
div.m-buttonBar {
  clear: both;
  text-align: right;
  margin-top: 15px; }

div.m-buttonBarLeft {
  text-align: left; }

div.m-buttonBarCenter {
  text-align: center; }

div.m-buttonBar .m-button {
  border-radius: 4px;
  vertical-align: top;
  display: inline-block;
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  font-size: 11px;
  height: 25px;
  line-height: 25px;
  text-decoration: none;
  cursor: pointer;
  min-width: 50px; }

div.m-buttonBar button.m-button {
  box-sizing: content-box; }

div.m-buttonBar .m-button.disabled {
  color: rgba(255, 255, 255, 0.5); }

div.m-buttonBar .m-button.red {
  background-color: #ba0a14; }

div.m-buttonBar .m-button.red:focus,
div.m-buttonBar .m-button.red:hover {
  background-color: #f71724; }

div.m-buttonBar .m-button.red:active {
  background-color: #980811; }

div.m-buttonBar .m-button.red.disabled {
  background-color: rgba(220, 132, 137, 0.5); }

div.m-buttonBar .m-button.green {
  background-color: #258902; }

div.m-buttonBar .m-button.green:focus,
div.m-buttonBar .m-button.green:hover {
  background-color: #2fac03; }

div.m-buttonBar .m-button.green:active {
  background-color: #1a5f01;
  border: none; }

div.m-buttonBar .m-button.green.disabled {
  background-color: rgba(146, 196, 128, 0.5); }

div.m-buttonBar .m-button.blue {
  background-color: #0b98e0; }

div.m-buttonBar .m-button.blue:focus,
div.m-buttonBar .m-button.blue:hover {
  background-color: #1bb2ff; }

div.m-buttonBar .m-button.blue:active {
  background-color: #0b72a6; }

div.m-buttonBar .m-button.blue.disabled {
  background-color: rgba(133, 203, 239, 0.5); }

div.m-buttonBar .m-separator {
  display: inline-block;
  width: 10px; }

.theme-image {
  max-height: 165px;
  border-color: #dadada;
  padding: 3px;
  border-radius: 3px;
  border: 3px solid #dadada; }

.container.theme-container {
  width: inherit; }

.k-widget input[type='text'] {
  box-shadow: none;
  color: #787878; }

.k-widget .k-dropdown,
.k-input {
  box-shadow: none;
  color: #787878;
  border-color: #dadada; }

/****************************************
* Report favorite list related
****************************************/
.column {
  display: table-cell;
  vertical-align: top; }

.l-column {
  width: 90%; }

.r-column {
  padding: 3px 0px 0px 3px; }

.rl-column {
  width: 50%; }

div.m-row {
  clear: both;
  display: table;
  margin-top: 7px;
  width: 100%; }

.m-panel .m-panelLinks a + a {
  margin-top: 7px; }

.m-panel .m-panelLinks a:focus,
.m-panel .m-panelLinks a:hover,
.m-panel .m-panelLinks a:active {
  color: #000;
  text-decoration: underline; }

.m-panel .m-panelLinks img {
  cursor: pointer; }

.m-panel .m-panelLinks.orange a {
  background-position: right -120px; }

.m-panel .m-panelLinks.orange a:focus,
.m-panel .m-panelLinks.orange a:hover {
  background-position: right -160px; }

.m-panel .m-panelLinks.orange a:active {
  background-position: right -200px; }

.rating:not(:checked) > input {
  position: absolute;
  clip: rect(0, 0, 0, 0); }

.rating > input:checked ~ label, .rating:not(:checked) > label:before {
  content: url("Images/star.png");
  width: 28px;
  height: 27px; }

.rating > input:checked ~ label, .rating > input:checked ~ label:before {
  content: url("Images/starfilled.png");
  width: 28px;
  height: 27px; }

.rating .r-label {
  margin: 0 5px;
  overflow: hidden;
  height: 27px; }

.m-panel .m-panelLinks a {
  display: block;
  height: 22px;
  line-height: 22px;
  padding: 5px 43px 5px 10px;
  /*border-radius: 3px;*/
  white-space: nowrap;
  font-size: 12px;
  color: #7F8085;
  text-decoration: none;
  text-overflow: ellipsis;
  background-color: #ECEDEF;
  background-repeat: no-repeat;
  background-position: right 40px;
  background-image: url("Images/sprites/contentItems.png");
  overflow: hidden; }

.chkbxrating:not(:checked) > input {
  position: absolute;
  clip: rect(0, 0, 0, 0); }

.chkbxrating > input:checked ~ label, .chkbxrating:not(:checked) > label:before {
  content: url("Images/Unchecked.png");
  width: 28px;
  height: 27px; }

.chkbxrating > input:checked ~ label, .chkbxrating > input:checked ~ label:before {
  content: url("Images/Checked.png");
  width: 22px;
  height: 21px; }

.chkbxrating .r-label {
  margin: 0 5px;
  overflow: hidden;
  height: 27px; }

/******************************************************************
Drop down style for the user setting on the top right corner
*******************************************************************/
#UserSettingsDrop.dropdown {
  position: relative;
  margin-left: 0px; }
  #UserSettingsDrop.dropdown :hover {
    cursor: pointer;
    color: white; }
  #UserSettingsDrop.dropdown li > a {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px; }
  #UserSettingsDrop.dropdown li > a:hover {
    color: gray;
    background-color: white;
    background-image: none; }
  #UserSettingsDrop.dropdown i {
    font-size: 15px;
    padding-right: 10px; }

.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

/*Header Userlogout dropdown*/
#UserSettingsDropdownMenu .dropdown-toggle::after {
  display: contents; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
  text-align: left; }

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0; }

.open > .dropdown-menu {
  display: block; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #999; }

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990; }

a.headerIcon {
  position: relative; }

i.headerStatsIcon {
  color: white; }

.ng-spotlight.ng-spotlight-overlay .ng-spotlight-results-panel .ng-spotlight-results-list .ng-spotlight-results-list-item .ng-spotlight-item-icon,
.ng-spotlight-results-icon .ng-spotlight-item-icon,
.ng-spotlight-results-detail-default .ng-spotlight-item-icon,
.ng-spotlight-results-detail-wikipedia .ng-spotlight-item-icon {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
  .ng-spotlight.ng-spotlight-overlay .ng-spotlight-results-panel .ng-spotlight-results-list .ng-spotlight-results-list-item .ng-spotlight-item-icon.home,
  .ng-spotlight-results-icon .ng-spotlight-item-icon.home,
  .ng-spotlight-results-detail-default .ng-spotlight-item-icon.home,
  .ng-spotlight-results-detail-wikipedia .ng-spotlight-item-icon.home {
    color: #024AFF; }
  .ng-spotlight.ng-spotlight-overlay .ng-spotlight-results-panel .ng-spotlight-results-list .ng-spotlight-results-list-item .ng-spotlight-item-icon.endofday,
  .ng-spotlight-results-icon .ng-spotlight-item-icon.endofday,
  .ng-spotlight-results-detail-default .ng-spotlight-item-icon.endofday,
  .ng-spotlight-results-detail-wikipedia .ng-spotlight-item-icon.endofday {
    color: #CA0A15; }
  .ng-spotlight.ng-spotlight-overlay .ng-spotlight-results-panel .ng-spotlight-results-list .ng-spotlight-results-list-item .ng-spotlight-item-icon.reports,
  .ng-spotlight-results-icon .ng-spotlight-item-icon.reports,
  .ng-spotlight-results-detail-default .ng-spotlight-item-icon.reports,
  .ng-spotlight-results-detail-wikipedia .ng-spotlight-item-icon.reports {
    color: #ff7800; }
  .ng-spotlight.ng-spotlight-overlay .ng-spotlight-results-panel .ng-spotlight-results-list .ng-spotlight-results-list-item .ng-spotlight-item-icon.students, .ng-spotlight.ng-spotlight-overlay .ng-spotlight-results-panel .ng-spotlight-results-list .ng-spotlight-results-list-item .ng-spotlight-item-icon.student,
  .ng-spotlight-results-icon .ng-spotlight-item-icon.students,
  .ng-spotlight-results-icon .ng-spotlight-item-icon.student,
  .ng-spotlight-results-detail-default .ng-spotlight-item-icon.students,
  .ng-spotlight-results-detail-default .ng-spotlight-item-icon.student,
  .ng-spotlight-results-detail-wikipedia .ng-spotlight-item-icon.students,
  .ng-spotlight-results-detail-wikipedia .ng-spotlight-item-icon.student {
    color: #0D7903; }
  .ng-spotlight.ng-spotlight-overlay .ng-spotlight-results-panel .ng-spotlight-results-list .ng-spotlight-results-list-item .ng-spotlight-item-icon.application, .ng-spotlight.ng-spotlight-overlay .ng-spotlight-results-panel .ng-spotlight-results-list .ng-spotlight-results-list-item .ng-spotlight-item-icon.eligibility,
  .ng-spotlight-results-icon .ng-spotlight-item-icon.application,
  .ng-spotlight-results-icon .ng-spotlight-item-icon.eligibility,
  .ng-spotlight-results-detail-default .ng-spotlight-item-icon.application,
  .ng-spotlight-results-detail-default .ng-spotlight-item-icon.eligibility,
  .ng-spotlight-results-detail-wikipedia .ng-spotlight-item-icon.application,
  .ng-spotlight-results-detail-wikipedia .ng-spotlight-item-icon.eligibility {
    color: #00A2C8; }
  .ng-spotlight.ng-spotlight-overlay .ng-spotlight-results-panel .ng-spotlight-results-list .ng-spotlight-results-list-item .ng-spotlight-item-icon.setup, .ng-spotlight.ng-spotlight-overlay .ng-spotlight-results-panel .ng-spotlight-results-list .ng-spotlight-results-list-item .ng-spotlight-item-icon.school,
  .ng-spotlight-results-icon .ng-spotlight-item-icon.setup,
  .ng-spotlight-results-icon .ng-spotlight-item-icon.school,
  .ng-spotlight-results-detail-default .ng-spotlight-item-icon.setup,
  .ng-spotlight-results-detail-default .ng-spotlight-item-icon.school,
  .ng-spotlight-results-detail-wikipedia .ng-spotlight-item-icon.setup,
  .ng-spotlight-results-detail-wikipedia .ng-spotlight-item-icon.school {
    color: #0064B4; }
  .ng-spotlight.ng-spotlight-overlay .ng-spotlight-results-panel .ng-spotlight-results-list .ng-spotlight-results-list-item .ng-spotlight-item-icon.pos,
  .ng-spotlight-results-icon .ng-spotlight-item-icon.pos,
  .ng-spotlight-results-detail-default .ng-spotlight-item-icon.pos,
  .ng-spotlight-results-detail-wikipedia .ng-spotlight-item-icon.pos {
    color: #6200A3; }
  .ng-spotlight.ng-spotlight-overlay .ng-spotlight-results-panel .ng-spotlight-results-list .ng-spotlight-results-list-item .ng-spotlight-item-icon.utilities,
  .ng-spotlight-results-icon .ng-spotlight-item-icon.utilities,
  .ng-spotlight-results-detail-default .ng-spotlight-item-icon.utilities,
  .ng-spotlight-results-detail-wikipedia .ng-spotlight-item-icon.utilities {
    color: #C23EF0; }
  .ng-spotlight.ng-spotlight-overlay .ng-spotlight-results-panel .ng-spotlight-results-list .ng-spotlight-results-list-item .ng-spotlight-item-icon.catering,
  .ng-spotlight-results-icon .ng-spotlight-item-icon.catering,
  .ng-spotlight-results-detail-default .ng-spotlight-item-icon.catering,
  .ng-spotlight-results-detail-wikipedia .ng-spotlight-item-icon.catering {
    color: #CA0A15; }
  .ng-spotlight.ng-spotlight-overlay .ng-spotlight-results-panel .ng-spotlight-results-list .ng-spotlight-results-list-item .ng-spotlight-item-icon.pst,
  .ng-spotlight-results-icon .ng-spotlight-item-icon.pst,
  .ng-spotlight-results-detail-default .ng-spotlight-item-icon.pst,
  .ng-spotlight-results-detail-wikipedia .ng-spotlight-item-icon.pst {
    color: #FFBA00; }
  .ng-spotlight.ng-spotlight-overlay .ng-spotlight-results-panel .ng-spotlight-results-list .ng-spotlight-results-list-item .ng-spotlight-item-icon.command,
  .ng-spotlight-results-icon .ng-spotlight-item-icon.command,
  .ng-spotlight-results-detail-default .ng-spotlight-item-icon.command,
  .ng-spotlight-results-detail-wikipedia .ng-spotlight-item-icon.command {
    color: lawngreen; }

/******************************************************************
step wizard 
*******************************************************************/
ul.step-wizard {
  list-style: none;
  display: table;
  width: 100%;
  table-layout: fixed;
  position: relative;
  padding-top: 5px;
  font-family: Verdana, Helvetica, Arial Narrow; }

.step-wizard li {
  display: table-cell;
  text-align: center;
  vertical-align: top;
  overflow: visible;
  position: relative;
  font-size: 14px;
  color: #ccc;
  z-index: 1; }
  .step-wizard li span, .step-wizard li i {
    width: 40px;
    height: 40px;
    margin-top: 0;
    color: #eee;
    background: #ccc;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    border-radius: 100%; }
  .step-wizard li .step-text {
    padding-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc; }
  .step-wizard li:not(:last-child):before {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    bottom: 70%;
    background-color: #ccc;
    height: 6px;
    width: 100%;
    z-index: -1; }

.step-wizard li.complete {
  color: #000; }
  .step-wizard li.complete span, .step-wizard li.complete i {
    background: #258902;
    color: #fff; }
  .step-wizard li.complete .step-text {
    border-bottom: 2px solid #258902; }
  .step-wizard li.complete:not(:last-child):before {
    background: #258902; }

.step-wizard li.active span, .step-wizard li.active i {
  background: #258902;
  color: #fff; }

.step-wizard li.active .step-text {
  color: #000;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 7px solid #258902; }

.step-content {
  display: none;
  background: transparent; }

.step-content.active {
  display: block; }

/*@media only screen and (min-width:766px){
      #headerRight {
        float:none !important;
        text-align: left !important;        
        margin-right:0;
        width: auto;
    }
    }*/
.disabled-button {
  pointer-events: none;
  cursor: default;
  opacity: 0.5; }

/*****************************************************
    Home Page Banner Design
******************************************************/
/*Banner Image*/
.home-banner {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 260px;
  padding: 4px; }

.home-banner .inner-content {
  position: relative;
  text-align: center;
  height: 250px; }

.home-banner .inner-content h2 {
  color: white;
  margin: 105px 0 10px 0; }

.home-banner img {
  width: 100%;
  height: 100%;
  border-radius: 10px; }

/*Welcome Text*/
.home-text {
  text-align: left; }

/*#bg_design {
  border-top: 25px solid #fff;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  height: 0; }*/
.wel-text {
  margin-top: -25px; }

.wrap-text {
  display: inline-block;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.home-page h2 {
  padding: 0 0 0 20px; }

/******************************************************************
 Notification Icon 
*******************************************************************/
.notify-badge_badge {
  position: absolute;
  right: -8px;
  color: white;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  align-items: center;
  background-color: #ff9800;
  border-bottom-color: #ff9800;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-image-outset: 0px;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: #ff9800;
  border-left-style: none;
  border-left-width: 0px;
  border-right-color: #ff9800;
  border-right-style: none;
  border-right-width: 0px;
  border-top-color: #ff9800;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-top-style: none;
  border-top-width: 0px;
  box-sizing: content-box;
  font-size: 14px;
  font-stretch: 100%;
  font-style: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-weight: 500;
  height: 22px;
  justify-content: center;
  letter-spacing: normal;
  line-height: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  position: absolute;
  right: -8px;
  text-align: center;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-size-adjust: 100%;
  text-transform: uppercase;
  top: -7px;
  transition-delay: 0s;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.5, 1);
  user-select: none;
  white-space: nowrap;
  width: 22px;
  word-spacing: 0px;
  writing-mode: horizontal-tb;
  -webkit-box-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.notify-icon {
  align-items: center;
  border-bottom-color: #cbd3da;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-image-outset: 0px;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: #cbd3da;
  border-left-style: none;
  border-left-width: 0px;
  border-right-color: #cbd3da;
  border-right-style: none;
  border-right-width: 0px;
  border-top-color: #cbd3da;
  border-top-style: none;
  border-top-width: 0px;
  box-sizing: content-box;
  color: #cbd3da;
  cursor: pointer;
  display: inline-flex;
  font-family: FontAwesome;
  font-size: 27px;
  font-stretch: 100%;
  font-style: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-weight: 400;
  height: 27px;
  justify-content: center;
  letter-spacing: normal;
  line-height: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  text-align: center;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-size-adjust: 100%;
  text-transform: uppercase;
  transition-delay: 0s;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.5, 1);
  user-select: none;
  vertical-align: text-bottom;
  white-space: nowrap;
  width: 27px;
  word-spacing: 0px;
  writing-mode: horizontal-tb;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.notify-badge {
  position: relative;
  cursor: pointer;
  user-select: none;
  height: 29px;
  letter-spacing: normal;
  line-height: 20px;
  font-size: 14px;
  width: 27px;
  line-height: 20px;
  box-sizing: content-box;
  display: block;
  border-bottom-color: white;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-image-outset: 0px;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: white;
  border-left-style: none;
  border-left-width: 0px;
  border-right-color: white;
  border-right-style: none;
  border-right-width: 0px;
  border-top-color: white;
  border-top-style: none;
  border-top-width: 0px;
  box-sizing: content-box;
  color: white;
  cursor: pointer;
  display: block;
  font-family: Verdana, Helvetica, "Arial Narrow";
  font-size: 14px;
  font-stretch: 100%;
  font-style: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-weight: 500;
  height: 29px;
  letter-spacing: normal;
  line-height: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  position: relative;
  text-align: center;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-size-adjust: 100%;
  text-transform: uppercase;
  user-select: none;
  white-space: nowrap;
  width: 27px;
  word-spacing: 0px;
  writing-mode: horizontal-tb;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.notify-btn {
  align-items: center;
  background-attachment: scroll;
  background-clip: border-box;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-top-style: none;
  border-top-width: 0px;
  box-shadow: none;
  box-sizing: content-box;
  color: white;
  cursor: pointer;
  display: inline-flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  font-family: Verdana, Helvetica, "Arial Narrow";
  font-size: 14px;
  font-stretch: 100%;
  font-style: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-weight: 500;
  height: 36px;
  justify-content: center;
  left: 10px;
  letter-spacing: normal;
  line-height: 20px;
  margin-bottom: 6px;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 6px;
  min-width: 0px;
  outline-width: 0px;
  overflow-x: visible;
  overflow-y: visible;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  position: relative;
  text-align: center;
  text-decoration-color: white;
  text-decoration-line: none;
  text-decoration-style: solid;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-size-adjust: 100%;
  text-transform: uppercase;
  top: -1px;
  transition-delay: 0s, 0s;
  transition-duration: 0.3s, 0.001s;
  transition-property: all, color;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.5, 1), ease;
  user-select: none;
  vertical-align: middle;
  width: 36px;
  word-spacing: 0px;
  writing-mode: horizontal-tb;
  -webkit-appearance: none;
  -webkit-box-align: center;
  -webkit-box-flex: 0;
  -webkit-box-pack: center;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-border-image: none; }

/*****************************************************************
                Styling for Search Results Grid page navigation
    ******************************************************************/
/* make the grid result corner round*/
k-grid {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden; }

.k-grouping-header {
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  overflow: hidden; }

.k-grid-pager {
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  text-align: center;
  justify-content: center !important; }

.k-pager-info {
  float: Left;
  padding: 0; }

.k-pager-sizes {
  float: right; }

.k-pager-input, .k-pager-sizes {
  padding: 0 0 0 0; }

.k-grid .k-pager-wrap > .k-link,
.k-grid .k-pager-wrap > .k-pager-numbers {
  display: inline-block;
  float: none;
  margin: 0 .2em;
  position: static; }

.k-pager-numbers .k-link {
  border-radius: 0;
  font-size: 14px;
  vertical-align: middle;
  color: #0088cc !important; }

.k-pager-numbers .k-state-selected {
  border-radius: 0;
  font-size: 14px;
  vertical-align: middle;
  color: white !important;
  background-color: #0088cc;
  border: solid; }

.k-pager-numbers .k-link:hover {
  border-radius: 0;
  font-size: 14px;
  vertical-align: middle;
  color: white !important; }

.k-grid .k-pager-wrap .k-link:link:hover {
  border-radius: 0;
  font-size: 14px;
  vertical-align: middle;
  color: white !important;
  background-color: #0088cc; }

.k-grid .k-pager-wrap .k-link:link {
  border: none;
  font-size: 14px;
  border-radius: 0;
  vertical-align: middle; }

.k-grid .k-pager-wrap .k-link:link, .k-link:visited {
  color: #0088cc !important; }

/*****************************************************************
      Making Kendo grid row text wrap
*******************************************************************/
/*  Making Kendo grid row text wrap*/
.wordWrapGridColumn {
  overflow: visible !important;
  white-space: normal !important; }

/*#content {
    overflow-y: hidden !important;
}

#Grid a {
    text-decoration: underline;
}*/
/*******************************************************************
    MultiSelect Controls
*******************************************************************/
.k-multiselect {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  /*border-color: $report-parameters-border-color;*/
  background-color: #ffff !important;
  border-width: 1px; }

.k-multiselect .k-input {
  color: #3f454c; }

.k-multiselect-wrap {
  color: #ccccd2;
  box-shadow: none;
  border-color: #3f454c;
  border-width: 1px; }

#report_parameters .k-multiselect .k-button {
  background: #3f454c;
  color: #ccccd2;
  box-shadow: none;
  background-color: #272b30; }

.hide-selected > li.k-state-selected {
  display: none; }

.Multiselect {
  width: 200px;
  height: auto; }

#report_parameters .k-chip-list {
  min-width: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 1px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }

#report_parameters .k-chip {
  background: #3f454c;
  color: #ccccd2;
  box-shadow: none;
  background-color: #272b30 !important;
  padding: 0px;
  border-width: 1px;
  border-style: solid;
  gap: 0px;
  font-size: 13px; }

/*******************************************************************************/
/* Share report button */
#btnShareReport {
  background-image: url("Images/sharing_icon6.png");
  background-size: 29px;
  background-position: center;
  float: right;
  margin-left: 5px;
  margin-top: 10px;
  background-repeat: no-repeat;
  background-blend-mode: lighten; }

/* Kendo fix */
#report_parameters td > input[type="text"] {
  height: 27px; }

.k-datepicker .k-input-button.k-input-button.k-button {
  height: inherit; }

.mosaicDatePicker.k-input-inner {
  padding-left: 7px;
  height: 27px; }

.k-datepicker .k-input-inner {
  padding-left: 7px; }

.k-widget input[type='text'] {
  height: 27px; }

.k-rounded-md {
  border-radius: 0px !important; }

div.ng-spotlight.ng-spotlight-overlay > div > input {
  box-shadow: none; }