/* @top-banner-background-color:#434343; */
/* #428bca; */
.animatedWidths {
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
#topBanner {
  position: fixed;
  left: 0px;
  top: 0px;
  height: 54px;
  min-width: 100%;
  z-index: 2;
}
#topBanner #siteBreadcrumbPanel {
  position: absolute;
  left: 280px;
  color: white;
  top: 27px;
  white-space: nowrap;
}
#topBanner #mobileLogo {
  display: none;
}
#topBanner #desktopLogo {
  display: block;
}
@media (max-width: 900px) {
  #topBanner {
    height: 74px !important;
  }
  #topBanner #mobileLogo {
    display: block;
  }
  #topBanner #desktopLogo {
    display: none;
  }
  #topBanner #topbarUserName {
    display: none !important;
  }
  #topBanner #siteBreadcrumbPanel {
    margin-top: 25px;
    position: absolute;
    left: 0px !important;
    top: 25px !important;
  }
  #body-wrapper {
    margin-top: 74px !important;
  }
}
#leftBarBackground {
  position: absolute;
  background-color: #1b9aae;
  left: 0;
  top: 0;
  height: 100%;
  width: 260px;
  z-index: -1;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
#leftBarBackground.collapsed {
  width: 0!important;
}
#body-wrapper {
  min-height: 100%;
  position: relative;
  margin-top: 54px;
  padding-top: 0;
  padding-left: 260px;
  -webkit-transition: padding-left 0.5s ease;
  transition: padding-left 0.5s ease;
  background: transparent;
  z-index: 1;
}
#page-wrapper {
  min-height: 100%;
}
#page-wrapper.collapsed #body-wrapper {
  padding-left: 0;
}
#page-wrapper.collapsed #body-wrapper #side-bar {
  width: 0;
}
#content-wrapper {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 80px;
  /*#gridView .k-grid{
            border-right:none!important;
            border-image:none!important;
            -moz-border-image:none;
            -webkit-border-image:none;
            -o-border-image:none;
        }*/
}
#side-bar {
  height: 750px;
  position: absolute;
  top: 0;
  left: 0;
  width: 260px;
  min-height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #1b9aae;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
#side-bar #side-bar-footer {
  position: absolute;
  top: 540px;
  /*bottom:@Side-bar-footer-bottom;*/
  background-color: transparent;
  width: 260px;
  height: 250px;
  overflow: hidden;
  color: white;
}
#side-bar-nav {
  width: 260px;
  margin-top: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #1b9aae;
  font-size: 15.8px;
  color: white;
  width: 400px;
  /*
    .k-panelbar-expand {
        background-image: url(../Images/menuIcons/arrow_down.png);
        background-size: 100% 100%;
    }

    .k-panelbar-collapse {
        background-image: url(../Images/menuIcons/arrow_up.png);
        background-size: 100% 100%;
    }
        */
}
#side-bar-nav .k-panelbar {
  font-family: Arial;
  font-size: 15.8px;
}
#side-bar-nav .k-level-1 .k-panelbar-item-text {
  text-indent: 45px;
}
#side-bar-nav span,
#side-bar-nav li,
#side-bar-nav a,
#side-bar-nav ul {
  border: none;
  color: white;
  background-color: #1b9aae;
}
#side-bar-nav .k-link img {
  height: 28px;
  width: 28px;
}
#side-bar-nav .k-link.k-state-focused {
  box-shadow: none;
  transition: color 0s ease 0s, background-color 0s ease 0s, border-color 0s ease 0s, box-shadow 0s ease 0s;
}
#side-bar-nav span.k-panelbar-item-text {
  box-shadow: none;
  transition: color 0s ease 0s, background-color 0s ease 0s, border-color 0s ease 0s, box-shadow 0s ease 0s;
}
#side-bar-nav span.k-link,
#side-bar-nav a.k-link {
  box-shadow: none;
  transition: color 0s ease 0s, background-color 0s ease 0s, border-color 0s ease 0s, box-shadow 0s ease 0s;
}
#side-bar-nav span.k-panelbar-item-text,
#side-bar-nav span.k-link,
#side-bar-nav a.k-link {
  padding-block: 0px;
}
#side-bar-nav span.k-panelbar-item-text:focus,
#side-bar-nav span.k-link:focus,
#side-bar-nav a.k-link:focus {
  box-shadow: none;
  transition: color 0s ease 0s, background-color 0s ease 0s, border-color 0s ease 0s, box-shadow 0s ease 0s;
}
#side-bar-nav span.k-panelbar-item-text:hover,
#side-bar-nav span.k-link:hover,
#side-bar-nav a.k-link:hover {
  background-color: #10203d;
}
#side-bar-nav span.k-panelbar-item-text:hover .k-panelbar-item-text,
#side-bar-nav span.k-link:hover .k-panelbar-item-text,
#side-bar-nav a.k-link:hover .k-panelbar-item-text {
  background-color: #10203d;
  box-shadow: none;
  transition: color 0s ease 0s, background-color 0s ease 0s, border-color 0s ease 0s, box-shadow 0s ease 0s;
}
#side-bar-nav span.k-link {
  padding-top: 6px;
  padding-bottom: 6px;
}
#side-bar-nav a.k-link {
  color: white;
  line-height: 2.34em;
}
#side-bar-nav li > .k-link.k-header {
  padding: 0 1em;
  text-indent: 0px;
  line-height: 2.34em;
}
#side-bar-nav li.k-item a.k-link {
  line-height: 2.34em;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: none;
  transition: color 0s ease 0s, background-color 0s ease 0s, border-color 0s ease 0s, box-shadow 0s ease 0s;
}
#side-bar-nav a.k-header,
#side-bar-nav span.k-header {
  text-indent: 0;
  background-color: #1b9aae;
  color: white;
  font-size: 17px;
  display: flex;
  align-items: center;
  box-shadow: none;
}
#side-bar-nav a.k-header:hover,
#side-bar-nav span.k-header:hover {
  background-color: #10203d;
}
#side-bar-nav a.k-header img,
#side-bar-nav span.k-header img {
  margin-bottom: 3px;
}
#side-bar-nav li {
  background-color: #1b9aae;
  color: white;
  list-style: none;
}
#side-bar-nav li:hover {
  background-color: #10203d;
}
#side-bar-nav a.k-state-selected,
#side-bar-nav a.k-state-selected .k-panelbar-item-text {
  background-color: #10203d;
}
#side-bar-nav span.k-icon {
  color: white;
  background-color: transparent;
}
#side-bar-nav .k-panelbar .k-icon {
  width: 30px;
  height: 15px;
  margin-left: 20px;
  background-position: center;
  position: relative;
  margin-top: 3px;
}
#side-bar-nav .k-i-arrow-n:before,
#side-bar-nav k-i-arrow-s:before {
  content: none !important;
}
#side-bar-nav .k-i-arrow-s:before {
  content: none !important;
}
#footerPanel {
  clear: both;
  position: relative;
  overflow: auto;
  font-size: 14px;
  padding-top: 12px;
}
#footerPanel a {
  color: white;
}
#footerPanel > span,
#footerPanel > div {
  margin-left: 17px;
}
#footerPanel img {
  display: block;
  margin: 0 auto;
  margin-left: 12px;
  max-height: 80px;
  max-width: 144px;
}
#footerPanel #buildNumber {
  color: #1b9aae;
}
#footerPanel #onlineDocumentationLink {
  text-transform: uppercase;
  margin-bottom: 24px;
}
/* This is not compiled directly, but imported into MasterPage.less */
span#toggleNavBar {
  cursor: pointer;
  height: 24px;
  width: 24px;
  min-width: 24px;
  min-height: 24px;
  background-position: center;
  background-repeat: no-repeat;
}
#topRightBannerContent,
#topRightBannerContent a {
  font-family: Calibri Regular,Calibri,Myriad Pro Lite,Myriad Pro,Helvetica;
  font-size: 10pt;
  color: white;
}
#topRightBannerContent {
  position: fixed;
  right: 0;
  display: table;
  padding-right: 12px;
}
#topRightBannerContent #WelcomeSection {
  display: table-cell;
  vertical-align: middle;
}
#topRightBannerContent #MenuSection {
  padding-left: 6px;
  display: table-cell;
  vertical-align: middle;
}
#topRightBannerContent .k-popup,
#topRightBannerContent .k-animation-container {
  border-radius: 0px;
}
#menuUserSettings {
  border: none;
  background: transparent;
  float: right;
}
#menuUserSettings > li:first-child {
  border-right-width: 0px;
}
#menuUserSettings > li:first-child > span {
  height: 14px;
}
#menuUserSettings .k-icon {
  color: white;
}
#menuUserSettings .k-state-border-down {
  background: transparent !important;
}
#menuUserSettings a {
  color: #0A0A0A;
}
#MenuSection > ul > li.k-state-highlight {
  background: inherit;
}
#searchBar input::placeholder {
  color: #aaaaaa;
}
#searchBar span.k-input {
  width: 12.4em;
  padding-left: 2em;
}
#searchBar span.k-input a {
  position: absolute;
  height: 100%;
  left: 3px;
}
#searchBar .k-icon {
  justify-content: flex-start;
}
.clickable {
  cursor: pointer;
}
.go-top {
  position: fixed;
  bottom: 8em;
  right: 2em;
  text-decoration: none;
  color: white;
  background-color: #1b9aae;
  font-size: 15px;
  padding: 1em;
  display: none;
  z-index: 99999;
}
.go-top:hover {
  color: white;
}
.go-top span {
  color: white;
}
.k-tabstrip-wrapper {
  background-color: white;
}
.k-window .k-window-titlebar,
.k-window .k-window-actions {
  background-color: #1b9aae;
  color: white;
}
.BorderedPanel {
  background-color: white !important;
  border: 1px solid lightgray;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
body {
  height: 100%;
  background-image: none;
  background-color: #f1f1f1;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #58595B;
}
.k-datepicker .k-select,
.k-datetimepicker .k-select,
.k-dropdown .k-select,
.k-combobox .k-select {
  display: flex;
  justify-content: center;
  align-items: center;
}
.k-timepicker .k-picker-wrap .k-select {
  display: flex;
  justify-content: center;
  align-items: center;
}
.k-grid-pager .k-pager-numbers li,
.k-pager-wrap .k-pager-numbers li,
.k-grid-pager .k-state-selected li,
.k-pager-wrap .k-state-selected li,
.k-grid-pager .k-pager-nav li,
.k-pager-wrap .k-pager-nav li {
  height: 27px !important;
  line-height: 27px !important;
  list-style: none;
}
.k-grid-pager .k-pager-numbers li a,
.k-pager-wrap .k-pager-numbers li a,
.k-grid-pager .k-state-selected li a,
.k-pager-wrap .k-state-selected li a,
.k-grid-pager .k-pager-nav li a,
.k-pager-wrap .k-pager-nav li a {
  height: 27px !important;
}
.k-grid-pager .k-pager-info,
.k-pager-wrap .k-pager-info {
  line-height: 26px;
  padding-top: 1px;
}
.k-grid-pager .k-pager-refresh .k-i-refresh,
.k-pager-wrap .k-pager-refresh .k-i-refresh {
  margin-top: 2px;
}
.k-grid-pager .k-link,
.k-pager-wrap .k-link {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  height: 27px !important;
}
.k-colorpicker .k-picker-wrap .k-selected-color,
.k-colorpicker .k-picker-wrap .k-select {
  height: 32px;
}
.k-colorpicker .k-picker-wrap .k-select {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tile {
  display: inline-block;
  margin-top: 3px;
  margin-right: 23px;
  margin-bottom: 10px;
  margin-left: 23px;
  color: black;
  font-family: Calibri,Arial;
  font-size: 12pt;
  position: relative;
  background-color: white;
  border-radius: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tileShadow {
  -moz-box-shadow: 4px 4px 2px #999;
  -webkit-box-shadow: 4px 4px 2px #999;
  box-shadow: 4px 4px 2px #bbb;
}
#topCommandBlock .k-button {
  padding: 5px 21px 5px 21px;
}
a.k-button div {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 14px;
}
button.k-button.k-button-solid-light,
input.k-button.k-button-solid-light,
div.k-button.k-button-solid-light,
a.k-button.k-button-solid-light,
button.k-button.k-button-solid-success,
input.k-button.k-button-solid-success,
div.k-button.k-button-solid-success,
a.k-button.k-button-solid-success,
button.k-button.k-button-solid-danger,
input.k-button.k-button-solid-danger,
div.k-button.k-button-solid-danger,
a.k-button.k-button-solid-danger,
button.k-button.k-button-solid-primary,
input.k-button.k-button-solid-primary,
div.k-button.k-button-solid-primary,
a.k-button.k-button-solid-primary,
button.k-button.commandButton,
input.k-button.commandButton,
div.k-button.commandButton,
a.k-button.commandButton,
button.k-button .buttonText,
input.k-button .buttonText,
div.k-button .buttonText,
a.k-button .buttonText {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 14px;
}
.k-button:hover {
  background-color: #939598;
  box-shadow: none;
  border-color: #939598;
}
.k-button:active {
  background-color: #1B9AAE !important;
  box-shadow: none !important;
}
/* When a filter is set on a grid column, we want the icon to 'pop out', so you know it is set */
.k-grid-header .k-filterable .k-state-active,
.k-grid-header .k-filterable .k-active {
  background-color: darkgray;
}
.btnRed,
.k-danger {
  background-color: #E55A5C;
}
.btnGreen,
.k-success {
  background-color: #8DC63F;
}
.btnFontWhite {
  color: white;
}
.btnFontBlack {
  color: black;
}
.RadTabStrip .rtsUL,
.RadTabStrip .rtsLevel {
  background-color: #939598 !important;
  color: white;
  background-image: none!important;
  padding-top: 0!important;
  height: 35px;
  margin-bottom: 10px;
}
.RadTabStrip .rtsLI {
  height: 35px;
}
.RadTabStrip .rtsLI .rtsLink {
  height: 35px;
  line-height: 35px;
  border: none!important;
  text-transform: none;
}
.RadTabStrip .rtsLI a {
  color: white!important;
  font-weight: 500;
  line-height: 35px;
}
.RadTabStrip .rtsLI .rtsSelected {
  color: #58595B !important;
}
html {
  height: 100%;
}
#loginTopBanner,
#topBanner,
#topBannerLeftContent,
#topRightBannerContent {
  height: 54px;
}
#topBanner,
#loginTopBanner {
  margin-left: 0;
  margin-top: 0;
  background-color: #10203D;
  border-bottom: 1px solid navy;
}
#topBanner,
#footerPanel {
  display: block;
  vertical-align: top;
}
/* The css display setting */
#mainBodyRow {
  display: table-row;
}
#mainBodyRow.noNav {
  display: block;
  min-width: 100%;
}
#mainBodyRow > div {
  display: table-cell;
}
#mainBodyRow.noNav > div {
  display: none;
}
#mainBodyRow {
  margin-left: 9px;
  margin-right: 9px;
}
#mainBodyRow.noNav {
  margin-left: 0;
  margin-top: 0;
}
#mainBodyRow > div#leftMenuPanel {
  background: #f9f9f9;
  border-top: 1px solid #bac4cc;
  border-bottom: 1px solid #bac4cc;
  /*width:200px;
	min-width:200px;*/
}
#mainBodyRow > div {
  vertical-align: top;
}
#siteBreadcrumbPanel a:visited {
  color: inherit;
}
#gridView .k-grid-content {
  overflow: auto;
}
div.k-grid-header,
div.k-grid-footer {
  padding-right: 0 /* scrollbar width; may vary; can be calculated */;
}
.k-dropdown .k-state-forcused {
  color: black;
}
.k-numerictextbox {
  width: 6.2em;
}
.k-filter-menu-container .k-filter-help-text {
  margin-bottom: 6px;
}
.k-filter-menu-container .k-picker {
  margin-bottom: 6px;
}
/* http://stackoverflow.com/a/9705712/25216 */
/* do not group these rules */
*::-webkit-input-placeholder {
  color: #BBBBBB;
}
*:-moz-placeholder {
  /* FF 4-18 */
  color: #BBBBBB;
}
*::-moz-placeholder {
  /* FF 19+ */
  color: #BBBBBB;
}
*:-ms-input-placeholder {
  /* IE 10+ */
  color: #BBBBBB;
}
.clear {
  clear: both;
}
.k-error-colored {
  color: #de2e30 !important;
  border-color: #E55A5C;
  background: #fdf4f4;
  font-size: 18px;
}
.k-success-colored {
  color: #567b24 !important;
  border-color: #8DC63F;
  background: #f6fbf0;
  font-size: 18px;
}
.k-unknown-colored {
  color: #bebebe !important;
  background: none !important;
  font-size: 18px;
}
.panelHeader {
  font-family: Calibri,Arial;
  font-size: 12pt;
  text-align: center;
  font-weight: bold;
  display: block;
  margin-bottom: 16px;
  padding-top: 6px;
}
pre {
  white-space: pre-wrap;
  /* CSS 3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}
.communicationTasksRefresh {
  float: right;
  margin-right: 15px;
  cursor: pointer;
}
.flexCenter {
  display: flex!important;
  align-items: center;
}
.queryOverlay {
  opacity: 0.5;
  background: azure;
}
.k-button:hover .k-i-loading {
  background-image: url(Kendo/Bootstrap/loadingWhite.gif);
  background-size: 20px 20px;
  background-position: center;
}
a.breadcrumbPassiveLink {
  color: #1B9AAE !important;
}
a.breadcrumbActiveLink {
  color: white !important;
}
.loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  margin: 0 auto;
  text-align: center;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.k-dropdown-wrap .k-input {
  height: 1.93571428em;
  box-sizing: content-box;
}
.k-checkbox-label {
  vertical-align: text-top;
}
.k-pager-numbers .k-state-selected {
  height: auto;
}
.k-button {
  line-height: 1.72em;
}
textarea.k-textarea {
  vertical-align: middle;
  padding-left: 0.8em;
}