/*https: //themebuilder.telerik.com/aspnet-mvc*/
/*#region SECTION 1 (TITLE BAR)*/
#title-bar {
  height: 48px;
  left: 0px;
  top: 0px;
  width: calc(100% - 48px);
  float: left; }

#title-bar .icon-container {
  height: inherit;
  left: 0px;
  position: fixed;
  width: 48px; }

#title-bar .icon-container .icon {
  background-image: url("Themes/Images/Shortcut.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #25379a;
  height: inherit;
  width: 50px; }

#title-bar .icon-container .icon.company-logo {
  background-image: url("../../Images/Logo.png"); }

#title-bar .company-identifier {
  font-family: "Segoe UI Black";
  font-size: 19px;
  font-weight: normal;
  height: inherit;
  left: 50px;
  line-height: 48px;
  padding-left: 15px;
  position: fixed;
  text-transform: uppercase;
  width: 225px;
  color: #ffffff; }

#title-bar .misc-items {
  height: inherit;
  position: absolute;
  right: 0; }

#title-bar .misc-items div {
  display: inline-block;
  vertical-align: top; }

#title-bar .misc-items div.button-container {
  height: 50px;
  padding: 9px 5px; }

#title-bar .user-container {
  padding: 4px;
  float: right !important;
  padding-top: 10px;
  height: inherit;
  font-family: "Segoe UI semibold";
  /*width: 300px;*/ }

#title-bar .user-container #user {
  height: 26px !important; }

.k-menu:not(.k-context-menu) {
  background-color: transparent; }

#title-bar .k-animation-container {
  margin-top: 6px; }

.imgTumb {
  height: 48px;
  width: 48px;
  display: inline-block;
  overflow: hidden;
  padding-top: 10px; }

#profile-image {
  border-radius: 32px !important;
  height: 26px !important;
  width: 26px !important; }

#title-bar .breadcrumbHeading {
  font-family: "Segoe UI semibold";
  height: inherit;
  left: 50px;
  line-height: 48px;
  padding-left: 15px;
  position: fixed;
  float: left;
  color: #ffffff; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 7px;
  list-style: none;
  border-radius: 4px;
  font-size: 12px;
  color: #ffffff;
  margin: 0px 0px 10px;
  padding: 0px 10px;
  background-color: #25379a;
  font-family: "segoe ui semibold" !important; }

.breadcrumb .bcHome > a {
  color: #ffffff; }

.breadcrumb .Tier1.inactive > a {
  opacity: 0.7;
  pointer-events: none;
  text-decoration: none;
  color: #ffffff; }

#house-layout-icon {
  font-size: 12px;
  color: #ffffff; }

.breadcrumb .bcHeader {
  color: #ffffff; }

.k-menu-bar, .k-menu {
  font-size: 12px; }

.k-item > .k-link {
  display: inline-flex;
  padding: .5em 1.1em .4em;
  line-height: 1.34em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*#endregion */
/*#region SECTION 2 (SIDEBAR)*/
#sidebar {
  height: calc(100% - 48px);
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 48px;
  width: 275px;
  z-index: 1; }

#sidebar .menu-nav-toggle div {
  height: 40px;
  left: 0;
  padding: 5px 10px;
  position: absolute; }

#sidebar .menu-nav-toggle div img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s; }

#sidebar .menu-nav-toggle div img.flip {
  transform: rotate(90deg); }

#sidebar .menu-nav-toggle span {
  font-family: "Segoe UI semibold";
  font-size: 13pt;
  left: 50px;
  line-height: 40px;
  margin-left: 5px;
  padding-left: 5px;
  position: absolute;
  text-transform: uppercase; }

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

#sidebar .accordion {
  position: absolute;
  top: 40px;
  width: 100%; }

#sidebar .accordion > li > a.item {
  font-size: 13pt;
  line-height: 40px;
  padding: 0 0 0 15px;
  font-weight: normal; }

#sidebar .accordion > li > ul > li > a.item {
  font-size: 9pt;
  font-weight: bold;
  line-height: 30px;
  padding: 0 0 0 25px; }

#sidebar .accordion ul.inner {
  display: none;
  overflow: hidden;
  width: 100%; }

#sidebar .accordion li ul a.item {
  font-weight: normal;
  line-height: 30px;
  padding: 0 0 0 50px; }

#sidebar .accordion a {
  text-decoration: none;
  border-left-style: solid;
  border-left-width: 3px;
  display: block;
  width: 100%;
  text-overflow: clip; }

#sidebar .accordion a .toggle-icon-right {
  font-family: monospace;
  font-size: 15pt;
  line-height: 40px;
  padding: 0px 10px;
  position: absolute;
  right: 10px; }

#sidebar .accordion a .toggle-icon-left {
  font-family: monospace;
  font-size: 9pt;
  font-weight: normal;
  left: 15px;
  line-height: 30px;
  padding: 0px 10px;
  width: 5px; }

#sidebar .accordion a.item.active {
  border-left-color: #25379a; }

/*#endregion */
/*#region SECTION 3 (CONTENT)*/
#content-container {
  background-color: #FCFCFC;
  height: calc(100% - 25px);
  overflow: hidden;
  position: fixed;
  right: 0px;
  top: 48px;
  width: calc(100% - 275px);
  padding: 10px 15px 10px 15px; }

#content-container header {
  font-family: "Segoe UI semibold" !important;
  font-size: 19px !important;
  left: 0px;
  top: 0px;
  width: 100%;
  display: block;
  border: none;
  /*remove*/
  /*background-image: -webkit-linear-gradient(left, $tertiary-color, rgba(22, 36, 49, 0.75), rgba(22, 36, 49, 0.45), rgba(22, 36, 49, 0.26), rgba(246, 246, 246, 0.91), $background-colour);
        border-radius: 4px;
        margin-bottom: 10px;
        color: #ffffff;*/
  /*remove*/
  margin-bottom: 18px; }

#content-container header .back-url {
  background-image: url("Images/Back.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 36px;
  vertical-align: top;
  width: 36px; }

#content-container #content {
  height: calc(100% - 35px);
  overflow: auto;
  width: 100%; }

#content-container .k-splitter {
  height: 100%;
  background-color: #FCFCFC; }

/*#endregion */
/*#region FORMS */
.form {
  display: block;
  background-color: #FCFCFC; }

.form .form-field {
  display: block;
  margin: 15px 0; }

.form .form-field .field-label {
  /*display: block;*/
  width: 160px;
  font-weight: normal;
  text-align: right;
  padding-right: 10px;
  font-family: "Segoe UI semibold" !important;
  font-size: 12px !important; }

.form .form-field .field-info-label {
  display: inline-block;
  width: 150px; }

.form .field-input:not(.k-checkbox),
.form .field-input.k-input,
.form .field-input.k-textbox,
.form .field-input.k-datepicker,
.form .field-input.k-datepicker
.k-picker-wrap,
.form .field-input.k-datetimepicker {
  width: 250px !important;
  font-family: "Segoe UI semibold"; }

.form .field-output {
  width: 250px;
  font-family: "Segoe UI semibold";
  text-align: left;
  padding-left: 8px;
  font-weight: normal;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

.form-buttons {
  padding: 10px 0px 0px 0px; }

/*#endregion */
/*#region KENDO OVERRIDE */
/*#region Tabstrip*/
.k-tabstrip > .k-content {
  background-color: #FCFCFC; }

.k-tabstrip-items .k-item {
  background-color: #dcdeec;
  margin-left: 2.5px !important;
  color: #25379a !important; }

.k-tabstrip-items .k-item {
  background-color: #dcdeec;
  margin-left: 2.5px !important;
  color: #25379a !important; }

.k-tabstrip-items .k-item:first-child {
  margin-left: 0px !important; }

.k-tabstrip-top > .k-tabstrip-items {
  font-family: "Segoe UI semibold"; }

.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active {
  background-color: #25379a;
  font-family: "Segoe UI semibold"; }

.k-tabstrip-top > .k-content {
  background-color: #F5F5F5 !important; }

.k-tabstrip-wrapper {
  height: 95% !important; }

/*#endregion */
/*#region Grid */
.k-grid {
  font-family: "Segoe UI" !important;
  font-size: 12px !important; }

.k-grid table tr {
  white-space: nowrap;
  font-size: 12px !important; }

.k-toolbar {
  font-family: "Segoe UI" !important;
  font-size: 12px !important; }

.k-textbox .k-icon {
  position: static;
  margin: 0;
  opacity: .45;
  position: initial !important; }

.k-grid table tr .k-button {
  font-size: 9px !important;
  padding: 4px 8px !important;
  content: "" !important; }

.k-grid-content > table > tbody > tr > td {
  padding: 6px 10px 6px 10px !important; }

/*#endregion */
/*#region Icons*/
.k-grid .k-icon {
  font-size: 12px !important; }

/*#endregion*/
/*#region Button*/
.k-button {
  font-size: 12px !important;
  font-family: "Segoe UI semibold" !important;
  padding: 6px 16px !important; }

/*#endregion*/
/*#endregion */
/*#region Summary*/
.summary-label {
  width: 150px !important;
  font-weight: normal !important;
  font-family: "Segoe UI"; }

.summary-description {
  width: 350px !important;
  font-family: "Segoe UI semibold"; }

/*#endregion*/
/*#region Notifications*/
/* Notifications */
.k-widget.k-popup.k-notification.k-state-border-up {
  height: 90%; }

.k-notification h3 {
  padding: 0px 0px 5px;
  font-size: 12px;
  line-height: normal;
  font-weight: bolder; }

.k-notification-icon {
  margin: 20px;
  padding-bottom: 10%;
  float: left;
  font-size: 40px; }

/* Info template */
.info-notification {
  width: 400px;
  height: 100px;
  color: #FCFCFC !important; }

.k-notification-info {
  background-color: #314395 !important; }

/* Error template */
.error-notification {
  width: 400px;
  height: 100px; }

.k-notification-success {
  background-color: #5ec232 !important;
  color: #FCFCFC !important; }

.k-notification-warning {
  background-color: #ffa500 !important;
  color: #FCFCFC !important; }

/* Success template */
.success-notification {
  width: 400px;
  height: 100px; }

.k-notification-error {
  background-color: #d51923 !important;
  color: #FCFCFC !important; }

/* Notification template */
.warning-notification {
  width: 400px;
  height: 100px;
  color: #FCFCFC !important; }

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

/*#endregion*/
/*#region GENERAL*/
body {
  color: #777;
  font-family: "Segoe UI" !important;
  font-size: 12px !important;
  font-weight: normal;
  height: 100%;
  left: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 0;
  position: fixed;
  top: 0px;
  width: 100%; }

.k-content {
  color: #656565 !important; }

#grid-vertical-pane {
  width: 100% !important; }

#grid-summary-vertical-pane {
  width: 100% !important; }

.page-header {
  border: none;
  font-size: 12px;
  margin: 0 0 6px 0;
  text-transform: uppercase; }

.section-header {
  border: none;
  font-family: "Segoe UI";
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 35px 0; }

.section-break {
  display: block;
  line-height: 40px; }

.full-screen {
  height: 100%;
  width: 100%; }

#reportViewer1 {
  height: 100%; }

.highlight-red {
  background-color: red;
  color: white;
  font-weight: bold; }

.default-font {
  font-family: "Segoe UI" !important; }

.default-font-semibold {
  font-family: "Segoe UI semibold" !important; }

.input-validation-error {
  border-color: red; }

.field-validation-error {
  color: #d51923;
  font-weight: bold;
  margin-left: 10px; }

.validation-summary-errors {
  font-weight: bold;
  color: #d51923; }

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

.hasChangeInput {
  border: thin solid #fd7e14 !important;
  box-shadow: 0 0 2.5px #25379a; }

.haserror {
  border: thin solid red !important;
  box-shadow: 0 0 2.5px #d51923 !important; }

.hasChangeInput.haserror {
  border: thin solid red !important;
  box-shadow: 0 0 2.5px #25379a !important; }

.menu-nav ul a.item.toggle.activeToogle {
  background-color: #25379a; }

#sidebar .accordion a.item.active {
  border-left-color: #25379a; }

.spRequired {
  color: #d51923;
  font-size: 12px;
  padding-left: 5px; }

Kendo splitter .k-splitter {
  position: relative !important;
  top: 0px !important;
  bottom: 50px !important;
  border: none !important; }

#grid-vertical-pane {
  width: 25% !important;
  border: none !important; }

#grid-vertical-pane2 {
  width: 65% !important;
  border: none !important; }

notification-bar .notification-bar {
  padding-top: 2px;
  padding-left: 2px;
  top: 0px;
  right: 200px;
  position: fixed;
  float: right;
  width: 48px;
  height: 48px;
  border-left: solid;
  border-right: solid;
  border-color: #ffffff;
  border-width: 0 1px; }

.notification-bar:hover {
  cursor: pointer; }

.notification-image {
  height: 45px; }

.notification-image sf-icon-reminder--02 icon {
  color: #ffffff !important;
  padding-top: 6px !important;
  position: absolute !important;
  font-size: 40px !important; }

.notification-count {
  display: none;
  position: fixed;
  top: 5px;
  right: 205px;
  border-radius: 50%;
  float: right;
  width: 18px;
  height: 18px;
  color: #25379a;
  background: #ffffff;
  text-align: center;
  border-style: solid;
  border-width: 1px; }

.notification-active {
  display: block; }

.k-tooltip {
  border-color: #25379a;
  border-top-color: #25379a;
  border-right-color: #25379a;
  border-bottom-color: #25379a;
  border-left-color: #25379a;
  color: #FCFCFC;
  background-color: #25379a; }

button.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-primary {
  color: #FCFCFC;
  background-image: none;
  background-color: #25379a; }

.k-picker:hover, .k-picker.k-hover {
  border-color: #dddcdc;
  background-color: #e3e3e3; }

.k-picker:focus, .k-picker.k-focus {
  box-shadow: 0 0 0 0.25rem #929bcd !important; }

.k-picker:focus-within {
  box-shadow: 0 0 0 0.25rem #929bcd !important; }

/*#region Status Styling*/
td > div.gridCellConditionalFormat {
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex;
  align-items: center;
  height: 17px;
  min-width: 0;
  border-radius: 3px;
  padding: 0 5px;
  text-transform: uppercase;
  text-align: center;
  margin-top: -1px; }

td > div.gridCellConditionalFormat.maroon {
  background-color: maroon;
  color: white; }

td > div.gridCellConditionalFormat.red {
  background-color: #e50000;
  color: white; }

td > div.gridCellConditionalFormat.hotPink {
  background-color: #ff4081;
  color: white; }

td > div.gridCellConditionalFormat.pink {
  background-color: #ff7fab;
  color: white; }

td > div.gridCellConditionalFormat.lumoPink {
  background-color: #f900ea;
  color: white; }

td > div.gridCellConditionalFormat.pastelPurple {
  background-color: #ea80fc;
  color: white; }

td > div.gridCellConditionalFormat.purple {
  background-color: #bf55ec;
  color: white; }

td > div.gridCellConditionalFormat.darkPurple {
  background-color: #9b59b6;
  color: white; }

td > div.gridCellConditionalFormat.violet {
  background-color: #7c4dff;
  color: white; }

td > div.gridCellConditionalFormat.navy {
  background-color: #0231e8;
  color: white; }

td > div.gridCellConditionalFormat.pastelBlue {
  background-color: #81b1ff;
  color: white; }

td > div.gridCellConditionalFormat.azureBlue {
  background-color: #3397dd;
  color: white; }

td > div.gridCellConditionalFormat.tealBlue {
  background-color: #3082b7;
  color: white; }

td > div.gridCellConditionalFormat.blue {
  background-color: #04a9f4;
  color: white; }

td > div.gridCellConditionalFormat.electricBlue {
  background-color: #02bcd4;
  color: white; }

td > div.gridCellConditionalFormat.darkGreen {
  background-color: #1bbc9c;
  color: white; }

td > div.gridCellConditionalFormat.lightGreen {
  background-color: #2ecd6f;
  color: white; }

td > div.gridCellConditionalFormat.yellow {
  background-color: #f9d900;
  color: white; }

td > div.gridCellConditionalFormat.brown {
  background-color: #af7e2e;
  color: white; }

td > div.gridCellConditionalFormat.orange {
  background-color: #ff7800;
  color: white; }

td > div.gridCellConditionalFormat.darkOrange {
  background-color: #e65100;
  color: white; }

td > div.gridCellConditionalFormat.grey {
  background-color: #b5bcc2;
  color: white; }

td > div.gridCellConditionalFormat.darkGrey {
  background-color: #667684;
  color: white; }

td > div.gridCellConditionalFormat.premium {
  background-color: #2fabf4;
  color: white; }

td > div.gridCellConditionalFormat.essentials {
  background-color: #48cd6d;
  color: white; }

td > div.gridCellConditionalFormat.team {
  background-color: #f97605;
  color: white; }

td > div.gridCellConditionalFormat.null {
  display: none; }

.line-error {
  background-color: #FF000080 !important;
  font-weight: bold; }

/*#endregion*/