/*Global variables and MIXINS only
    PLEASE DO NOT CREATE STYLES HERE
    Globl Styles are to go into Site.scss
*/
/*Color Variables*/
/*#region Theme Colours*/
/*#endregion*/
/*#region Eye Colours*/
/*#endregion*/
/*Mix Ins - 
 * usage:   .box { @include border-radius(10px); }  
*/
div [contentEditable] {
  /*
      Markdown preview editor - add style override for Safari compatibility.  We use -webkit-user-select: text   (and also add user-select: text).  
      The webkit prefix is necessary in our case....
      (that may be due to us using the prefixed version in our global 'toggle select'? Haven't checked)

      Relevant articles
      https://stackoverflow.com/questions/20823468/user-selectnone-breaking-safari-contenteditable

      https://github.com/ionic-team/ionic-framework/issues/18368

      https://github.com/ionic-team/ionic-framework/pull/22404/files
  */
  -webkit-user-select: text;
  user-select: text;
}

#divLoadingAjax {
  position: absolute;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 100000;
}

div#pageContainer {
  padding-top: 0;
  height: 100%;
}

.password-box {
  text-security: disc;
  -webkit-text-security: disc;
  -moz-text-security: disc;
}

.disabled-tab {
  background-color: rgba(0, 0, 0, 0.38) !important;
}

.alert-tab {
  background-color: #8700ff !important;
  color: white;
}
.alert-tab :hover {
  color: darkslategray;
}

.allergy-tab {
  background-color: red !important;
  color: white;
}
.allergy-tab :hover {
  color: darkslategray;
}

.allergy-tab.alert-tab {
  background-image: linear-gradient(30deg, red 50%, #8700ff 45%);
}

.no-allergy-tab.alert-tab {
  background-image: linear-gradient(30deg, #8700ff 50%, green 45%);
}

.underline {
  text-decoration: underline;
}

.no-allergy-tab {
  background-color: mediumseagreen !important;
}

.warning-tab {
  background-color: #ffcc1f !important;
  color: darkred;
}
.warning-tab.active {
  background-color: #ffcc1f !important;
  color: darkred !important;
}
.warning-tab :hover {
  color: darkslategray;
}

/*#region Layouts*/
.reset {
  display: inline-block;
  clear: both;
}

.container {
  width: 100% !important;
  max-width: unset !important;
  padding: 0px !important;
}

.required::before, .dox-required::before {
  font-family: FontAwesome;
  content: "\f069";
  left: -25px;
  color: red;
  font-size: xx-small;
  font-weight: normal;
  vertical-align: top;
}

.btn-panel-header {
  margin-top: -10px;
}

.open-link::after {
  font-family: FontAwesome;
  content: "\f08e";
  left: -25px;
  color: forestgreen;
  font-size: xx-small;
  font-weight: normal;
  vertical-align: middle;
}

.single-line > .k-multiselect-wrap {
  max-height: 32px !important;
  overflow: auto !important;
}

.two-line > .k-multiselect-wrap {
  height: 66px !important;
  overflow: auto !important;
}

.four-line > .k-multiselect-wrap {
  height: 130px !important;
  overflow: auto !important;
}

.dox-half-width, .dox-right-side, .dox-left-side {
  width: calc(50% - 4px);
}

.dox-quarter-width {
  width: calc(25% - 12px);
}

.dox-left-side {
  float: left;
}
.dox-left-side > .dox-eye-large-document-view-toggle {
  float: left;
}

.dox-right-side {
  float: right;
}
.dox-right-side > .dox-eye-large-document-view-toggle {
  float: right;
}

.dox-debug-info {
  visibility: collapse;
  height: 100%;
  overflow-y: auto;
}

.dox-page-header {
  background: #c5e8f7; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #9ED3E8, #c5e8f7); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #9ED3E8, #c5e8f7); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #9ED3E8, #c5e8f7); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #9ED3E8, #c5e8f7); /* Standard syntax */
  color: #003471;
  text-shadow: 1px 1px transparent;
  height: 50px;
}

.dox-tile {
  width: 100%;
  padding-top: 5px;
  text-align: center;
  display: inline-block;
  height: 100%;
  /*overflow-y:auto;*/
}

.small-component-view > .no-scale-on-small-component-view.dox-scale {
  transform: initial;
}
.small-component-view > .no-scale-on-small-component-view.dox-scale.dox-tile {
  width: 100%;
  height: 100%;
}

.dox-scale {
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-text-overflow: clip;
  -o-text-overflow: clip;
  text-overflow: clip;
}
.dox-scale.dox-tile {
  max-height: 150px;
  width: 142.8571428571%;
  height: 142.8571428571%;
  contain: size;
}

.dox-field-label {
  text-align: right;
  font-weight: bolder;
  width: 100%;
  color: #003471;
}

.dox-pre {
  white-space: pre-wrap;
  max-height: 120px;
  overflow-y: scroll;
  font-weight: normal;
  display: inline-table;
  width: 100%;
  font-size: smaller;
}

#dox-error-indicator {
  position: relative;
  display: grid;
  grid-template-columns: 1fr minmax(36px, min-content);
  cursor: pointer;
  /*
  & > div {
      left: 45px;

      & > i {
          font-size: xx-large;
          /*color:red;
      border-color:orange;
      border: 1px solid;
      @include border-radius(5);
          min-width: 30px;
          min-height: 30px;
          text-align: center;
          cursor: pointer;
      }
  }

  & > .dox-error-list {
      position: absolute;
      width: 300px;
      overflow-y: auto;
      right: 35px;
      top: 0;
      background-color: white;
      z-index: 1000001;
      margin-left: -350px;


      & table {
          margin: 0;

          & tr {
              & td {
                  & i {
                  }
              }
          }
      }
  }*/
}

/*#endregion*/
/*region  Flex Grids*/
.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: space-around;
}

/*#endregion*/
.dox-flex-grid {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: space-around;
  /*
      https://haizdesign.com/css/flexbox-align-last-item-grid-left/

  */
}
.dox-flex-grid::after {
  /*content: '';
  flex: auto;*/
}
.dox-flex-grid .dox-flex-col-3 {
  max-width: 30%;
  float: left;
  padding-right: 5px;
  min-width: 250px;
}

.dox-flex-search-header {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
}
.dox-flex-search-header .pull-left {
  margin-right: auto;
  float: none;
}
.dox-flex-search-header .pull-right {
  margin-left: auto;
  float: none;
}

/*BOOTSTRAP 3 Fixes*/
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
  float: left;
  position: relative;
}

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

.gu-hide {
  display: none !important;
}

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

/* Fix for input-group-addon containing buttons
    The annoying thing is that we really want to remove the 6px padding on input-group-addon 
    when it has a button.  But that's not easy (possible?) to do in CSS as there's no "has" selector like we have in jQuery
    So we instead do a negative margin on the buttons
*/
.input-group-addon button {
  margin-top: -6px;
  margin-bottom: -6px;
}

/*.input-group {
    &.hover {
        :hover {
            border-bottom: 1px solid darkgrey !important;
        }
    }
}*/
/* legacy document browser */
.document-browser-legacy {
  /*   .list-group {
      padding-right: 0;
      display: inline-block;
  }

  .list-group-item {
      display: inline-block;
      width: 100%;
  }*/
}

.dox-header-sort-label {
  cursor: pointer;
  font-weight: bold;
  padding: 5px;
}
.dox-header-sort-label:hover {
  border-bottom: double black;
  padding-bottom: 2px;
}
.dox-header-sort-label:hover::after {
  font-family: FontAwesome;
  content: "\f0dc";
  right: -25px;
}

body {
  /* &.test-mode {
      border: 11px ridge firebrick;
      border-radius: 0px;
      height: calc(100% - 55px) !important;
      margin: 0px 0px 8px 0px;

      &::before {
          font-size: large;
          color: lightgray;
          margin-right: auto;
          margin-left: auto;
      }
  }*/
  /* &.train-mode {
      border: 11px ridge mediumpurple;
      border-radius: 15px;
      height: calc(100% - 5px) !important;


      &::before {
          font-size: large;
          color: lightgray;
          right: auto;
          left: auto;
      }
  }*/
}
body .busy-click {
  cursor: progress !important;
  /*  border-top:5px dashed darkblue;}*/
}
body.live-mode {
  /*NO STYLE APPLIED*/
}

@-ms-viewport {
  width: auto !important;
}
/* For mobile phones: */
[class*=col-] {
  /*width: 100%;*/
}

[class*=col-s-],
[class*=col-m-],
[class*=col-l-],
[class*=col-xl-] {
  /*width: 100%;*/
  display: inline-block;
  float: left;
}

/* For tablets: */
/*@media only screen and (min-width: 599px) {

    .col-s-1 {width: calc(8.33% - 3px);}
    .col-s-2 {width:  calc(16.66% - 3px);}
    .col-s-3 {width:  calc(25% - 3px);}
    .col-s-4 {width:  calc(33.33% - 3px);}
    .col-s-5 {width:  calc(41.66% - 3px);}
    .col-s-6 {width:  calc(50% - 3px);}
    .col-s-7 {width:  calc(58.33% - 3px);}
    .col-s-8 {width:  calc(66.66% - 3px);}
    .col-s-9 {width:  calc(75% - 3px);}
    .col-s-10 {width: calc( 83.33% - 3px);}
    .col-s-11 {width:  calc(91.66% - 3px);}
    .col-s-12 {width:  calc(100% - 3px);}
}*/
/* For tablets also: */
/*@media only screen and (min-width: 769px) {

    .col-m-1 {width:  calc(8.33% - 3px);}
    .col-m-2 {width:  calc(16.66% - 3px);}
    .col-m-3 {width: calc( 25% - 3px);}
    .col-m-4 {width: calc( 33.33% - 3px);}
    .col-m-5 {width:  calc(41.66% - 3px);}
    .col-m-6 {width:  calc(50% - 3px);}
    .col-m-7 {width:  calc(58.33% - 3px);}
    .col-m-8 {width:  calc(66.66% - 3px);}
    .col-m-9 {width:  calc(75% - 3px);}
    .col-m-10 {width:  calc(83.33% - 3px);}
    .col-m-11 {width:  calc(91.66% - 3px);}
    .col-m-12 {width:  calc(100% - 3px);}
}*/
/* For laptops: */
/*@media only screen and (min-width: 1366px) {

    .col-l-1 {width:  calc(8.33% - 3px);}
    .col-l-2 {width:  calc(16.66% - 3px);}
    .col-l-3 {width:  calc(25% - 3px);}
    .col-l-4 {width:  calc(33.33% - 3px);}
    .col-l-5 {width: calc( 41.66% - 3px);}
    .col-l-6 {width:  calc(50% - 3px);}
    .col-l-7 {width:  calc(58.33% - 3px);}
    .col-l-8 {width:  calc(66.66% - 3px);}
    .col-l-9 {width: calc( 75% - 3px);}
    .col-l-10 {width:  calc(83.33% - 3px);}
    .col-l-11 {width:  calc(91.66% - 3px);}
    .col-l-12 {width:  calc(100% - 3px);}
}*/
/* For desktops: with large monitors */
@media only screen and (min-width: 1920px) {
  .col-xl-1 {
    width: calc(8.33% - 3px);
  }
  .col-xl-2 {
    width: calc(16.66% - 3px);
  }
  .col-xl-3 {
    width: calc(25% - 3px);
  }
  .col-xl-4 {
    width: calc(33.33% - 3px);
  }
  .col-xl-5 {
    width: calc(41.66% - 3px);
  }
  .col-xl-6 {
    width: calc(50% - 3px);
  }
  .col-xl-7 {
    width: calc(58.33% - 3px);
  }
  .col-xl-8 {
    width: calc(66.66% - 3px);
  }
  .col-xl-9 {
    width: calc(75% - 3px);
  }
  .col-xl-10 {
    width: calc(83.33% - 3px);
  }
  .col-xl-11 {
    width: calc(91.66% - 3px);
  }
  .col-xl-12 {
    width: calc(100% - 3px);
  }
}
/* Screen Size indicator */
@media only screen and (max-width: 1600px) {
  .screen-size-indicator {
    color: orange;
  }
  .screen-size-indicator.screen-size-indicator-icon {
    color: white;
    /*font-weight: bold;*/
  }
  .screen-size-indicator.screen-size-indicator-icon::before {
    font-family: FontAwesome;
    content: "\f06a";
    right: -15px;
    color: orange;
    font-weight: normal;
  }
}
@media only screen and (max-width: 1300px) {
  .screen-size-indicator {
    color: #f75050;
  }
  .screen-size-indicator.screen-size-indicator-icon {
    color: white;
    /*font-weight: bold;*/
  }
  .screen-size-indicator.screen-size-indicator-icon::before {
    font-family: FontAwesome;
    content: "\f06a";
    right: -15px;
    color: #f75050;
    font-weight: normal;
  }
}
@media only screen and (min-width: 1600px) {
  .screen-size-indicator.screen-size-indicator-icon::before {
    font-family: FontAwesome;
    content: "\f00c";
    right: -15px;
    color: green;
  }
}
@media only screen and (max-width: 1600px) {
  .visible-xl {
    display: none;
  }
}
/*IFrame Stuff*/
.scroll-wrapper {
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
  overflow-x: hidden;
  height: 100%;
  width: 100%;
  /* important:  dimensions or positioning here! */
  /* 
        position: fixed; 
  right: 0; 
  bottom: 0; 
  left: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;

    */
}

.scroll-wrapper iframe {
  /* nada! */
  height: 100%;
  width: 100%;
}

/*printing stuff*/
@page {
  size: A4;
  margin: 0;
}
@media print {
  html, body {
    width: 210mm;
    height: 297mm;
  }
  button, a {
    display: none;
  }
  .dox-edit-button {
    display: none;
  }
  .no-print {
    display: none;
  }
  #clinical-modules-view {
    background-color: white;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 15px;
    font-size: 14px;
    line-height: 18px;
  }
  #clinical-modules-view .panel {
    color: red;
  }
}
.dox-markdown-editor p {
  margin: 0px 5px 8.5px;
  font-size: 14px;
  /*   padding: 8px 0;*/
}

.dox-markdown-editor .k-insertHtml {
  display: none;
}

.search-side-panel-modal {
  position: absolute !important;
  z-index: 100000 !important;
  width: 500px;
  height: calc(100% - 200px);
  top: 115px;
  right: 3px;
  display: inline;
  border: 4px solid #dfdede;
  border-radius: 5px;
  /* padding-top: 20px;background: rgba(245, 241, 241, 0.9215686274509803);*/
}
.search-side-panel-modal .hidden {
  z-index: 0;
  display: none;
}
.search-side-panel-modal .panel {
  display: inline-block;
}

.landing-preferences-modal {
  position: fixed !important;
  z-index: 100000 !important;
  /*width: 92vw !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -46vw !important;
  height: 97vh !important;
  margin-right: -40vw !important;
  top: 10vw !important;*/
  width: 500px;
  height: calc(100% - 95px);
  top: 100px;
  right: 0;
}
.landing-preferences-modal .hidden {
  z-index: 0;
  display: none;
}
.landing-preferences-modal .panel {
  display: inline-block;
}

/*show full screen for a div*/
.show-full-screen {
  position: fixed;
  top: 0;
  z-index: 1000;
  left: 0;
}

/*Quick Print and Bulk Print Styling*/
.quick-print-panel.thumbnail {
  margin-bottom: 0;
}
.quick-print-panel.thumbnail .h3 {
  background: #003471; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #003471, #003471); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #003471, #003471); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #003471, #003471); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #003471, #003471); /* Standard syntax */
  border-bottom: 1px groove lightgrey;
  font-weight: normal;
  background-color: #eaeaea;
  box-sizing: border-box;
  padding: 7px;
  margin-bottom: 0;
  margin-top: 0;
  font-size: large;
  color: white;
}
.quick-print-panel.thumbnail .h4 {
  font-size: large;
  font-weight: normal;
  background-color: #eaeaea;
  box-sizing: border-box;
  padding: 7px;
  margin-bottom: 0;
  margin-top: 0;
}

.note-border {
  text-decoration: none;
  color: #000;
  background: rgba(245, 245, 244, 0.0509803922);
  display: block;
  padding: 0.2em 0.5em;
  border: 1px #eeeeee solid;
}
.note-border > .note-data {
  font-size: smaller;
}
.note-border .note-text {
  font-weight: normal;
  padding: 15px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 5px;
  border-radius: 0 0 5px 5px;
}
.note-border .note-text > div > p {
  margin: 0;
  font-size: 1rem;
}
.note-border .note-assignment-comments .note-assignment-comment-content {
  border-bottom: 1px dashed darkgrey;
  padding: 5px 15px 0 15px;
}
.note-border.note-info {
  background: rgba(204, 230, 243, 0.3490196078); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, rgba(109, 177, 211, 0.1294117647), rgba(204, 230, 243, 0.3490196078)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, rgba(109, 177, 211, 0.1294117647), rgba(204, 230, 243, 0.3490196078)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, rgba(109, 177, 211, 0.1294117647), rgba(204, 230, 243, 0.3490196078)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, rgba(109, 177, 211, 0.1294117647), rgba(204, 230, 243, 0.3490196078)); /* Standard syntax */
}
.note-border.note-warning {
  background: rgba(250, 242, 204, 0.3803921569); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, rgba(252, 248, 227, 0.7019607843), rgba(250, 242, 204, 0.3803921569)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, rgba(252, 248, 227, 0.7019607843), rgba(250, 242, 204, 0.3803921569)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, rgba(252, 248, 227, 0.7019607843), rgba(250, 242, 204, 0.3803921569)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, rgba(252, 248, 227, 0.7019607843), rgba(250, 242, 204, 0.3803921569)); /* Standard syntax */
}
.note-border.note-danger {
  background: rgba(237, 174, 174, 0.3490196078); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, rgba(242, 222, 222, 0.9019607843), rgba(237, 174, 174, 0.3490196078)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, rgba(242, 222, 222, 0.9019607843), rgba(237, 174, 174, 0.3490196078)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, rgba(242, 222, 222, 0.9019607843), rgba(237, 174, 174, 0.3490196078)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, rgba(242, 222, 222, 0.9019607843), rgba(237, 174, 174, 0.3490196078)); /* Standard syntax */
}

.tbody-bordered {
  /* Firefox */
  -moz-box-shadow: 0px 0px 2px rgba(33, 33, 33, 0.7);
  /* Safari+Chrome */
  -webkit-box-shadow: 0px 0px 2px rgba(33, 33, 33, 0.7);
  /* Opera */
  box-shadow: 0px 0px 2px rgba(33, 33, 33, 0.7);
}
.tbody-bordered > tbody > tr .alert-info {
  border-color: orangered;
  font-weight: bolder;
}
.tbody-bordered > tbody > tr > td .alert-info {
  border-color: red;
}
.tbody-bordered > tbody .alert-info {
  border-color: #9acfea;
}

.dox-tab-style.nav li {
  border: groove 1px lightgray;
  border-top-right-radius: 10px;
  padding: 1px 9px;
  border-bottom: solid 1px #eeeeee;
  background-color: rgba(173, 196, 230, 0.17);
}
.dox-tab-style.nav li.active {
  color: black;
}
.dox-tab-style.nav li a {
  cursor: pointer;
  /*padding: 10px;*/
  border-top-right-radius: 10px;
  border-top-left-radius: 1px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
  margin: 1px -7px;
}
.dox-tab-style.nav li a.nav-justified {
  border-top-right-radius: 0px;
}

/*Dox Release Notes Specific*/
#dox-release-notes p {
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-size: medium;
}
#dox-release-notes em {
  font-size: medium;
  margin-left: 50px;
  display: block;
  font-style: normal;
}
#dox-release-notes ol li {
  font-size: medium;
  font-style: normal;
}
#dox-release-notes pre code {
  font-size: small;
  margin-right: 50px;
  word-wrap: normal;
}
#dox-release-notes code {
  font-size: large;
  font-weight: bold;
}

.completed-assignment {
  color: grey;
  border: 1px solid grey;
}

tbody.assignment-record {
  /* Firefox */
  -moz-box-shadow: 0px 0px 2px rgba(33, 33, 33, 0.7);
  /* Safari+Chrome */
  -webkit-box-shadow: 0px 0px 2px rgba(33, 33, 33, 0.7);
  /* Opera */
  box-shadow: 0px 0px 2px rgba(33, 33, 33, 0.7);
}
tbody.assignment-record :hover {
  background-color: #e6eaec;
}

input textarea {
  border-color: cornflowerblue;
  box-shadow: 0 2px 1px rgba(203, 208, 217, 0.08);
  outline: 0;
}
input textarea:focus {
  border-color: cornflowerblue;
  background-color: lemonchiffon;
}

.form-control {
  border-color: cornflowerblue;
}
.form-control:focus {
  border-color: cornflowerblue;
  background-color: lemonchiffon;
}

.k-widget.form-control {
  border-color: cornflowerblue;
}
.k-widget.form-control:focus {
  border-color: cornflowerblue;
  background-color: lemonchiffon;
}

.dox-button {
  border-style: groove outset;
}

.input-ro-span {
  border: 1px solid #EEEEF0 !important;
  vertical-align: middle;
  padding: 6px 12px;
  display: table-cell;
  min-height: 34px;
}

.deleted-entry {
  color: #999999;
  text-decoration: line-through;
}

.panel .deleted-entry {
  border: 1px solid;
  background-color: lightgray !important;
}
.panel .deleted-entry > .panel-heading {
  text-decoration: line-through;
}

#infoMenu {
  font-size: 10px;
}
#infoMenu > li > a {
  padding-left: 4px;
  padding-right: 5px;
}

.slider-simple .k-slider-selection {
  display: none;
}

#archivePrintSection {
  padding: 3px 20px;
}

.page-body {
  /*@extend .no-select;*/
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  overflow-y: hidden;
}

.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently  supported by Chrome and Opera */
}
.no-select input,
.no-select textarea {
  -webkit-touch-callout: initial; /* iOS Safari */
  -webkit-user-select: auto; /* Safari */
  -khtml-user-select: initial; /* Konqueror HTML */
  -moz-user-select: text; /* Firefox */
  -ms-user-select: initial; /* Internet Explorer/Edge */
  user-select: initial; /* Non-prefixed version, currently  supported by Chrome and Opera */
}
.allow-select, .no-select button {
  -webkit-touch-callout: text !important; /* iOS Safari */
  -webkit-user-select: text !important; /* Safari */
  -khtml-user-select: text !important; /* Konqueror HTML */
  -moz-user-select: text !important; /* Firefox */
  -ms-user-select: text !important; /* Internet Explorer/Edge */
  user-select: text !important; /* Non-prefixed version, currently  supported by Chrome and Opera */
}
.allow-select input, .no-select button input,
.allow-select textarea,
.no-select button textarea {
  -webkit-touch-callout: inherit; /* iOS Safari */
  -webkit-user-select: auto; /* Safari */
  -khtml-user-select: auto; /* Konqueror HTML */
  -moz-user-select: inherit; /* Firefox */
  -ms-user-select: inherit; /* Internet Explorer/Edge */
  user-select: text; /* Non-prefixed version, currentl*/
}

/*override the bootstrap dropdown
.btn-group {

    .dropdown-menu {
        li {
            a {
            }
        }
    }
}
*/
.colour-picker-control > .dropdown-menu > li > a:hover, .colour-picker-control .dropdown-menu > li > a:focus {
  background-image: none !important;
}
.colour-picker-control > button {
  width: 100px;
  min-height: 30px;
  position: relative;
}

.annotation-colour-control > .colour-picker-control > button {
  width: unset;
  min-height: 30px;
  position: relative;
}

.dox-message-box {
  height: calc(100% - 12px);
  padding: 3px 23px;
  border: 2px double black;
  border-radius: 4px;
}
.dox-message-box.message-box-question {
  background: #92a5dc; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #eaeaea, #92a5dc); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #eaeaea, #92a5dc); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #eaeaea, #92a5dc); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #eaeaea, #92a5dc); /* Standard syntax */
}
.dox-message-box.message-box-info {
  background: #92abdc; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #eaeaea, #92abdc); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #eaeaea, #92abdc); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #eaeaea, #92abdc); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #eaeaea, #92abdc); /* Standard syntax */
}
.dox-message-box.message-box-error {
  background: #ec9090; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #eaeaea, #ec9090); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #eaeaea, #ec9090); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #eaeaea, #ec9090); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #eaeaea, #ec9090); /* Standard syntax */
}
.dox-message-box.message-box-warning {
  background: #ecd290; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #eaeaea, #ecd290); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #eaeaea, #ecd290); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #eaeaea, #ecd290); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #eaeaea, #ecd290); /* Standard syntax */
}
.dox-message-box > .message-box-body {
  height: calc(100% - 75px);
  text-align: center;
}
.dox-message-box > .message-box-body > .message-body-text {
  font-size: x-large;
  white-space: pre-wrap;
}
.dox-message-box > .message-box-footer > button {
  max-width: 45%;
}
.dox-message-box > .message-box-footer > button.active {
  border: ridge 2px darkgrey;
}

.no-data-to-display {
  background: url(../../Img/EmptyPages.png) center no-repeat;
  background-clip: content-box;
  background-size: contain;
  width: 100%;
  height: calc(90% - 50px);
  text-align: center;
  margin-top: 30px;
  min-height: 300px;
  background-position-y: 20px;
}
.no-data-to-display::after {
  content: "No data has been entered";
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: larger;
  /*position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin: auto;*/
}
.no-data-to-display.no-episodes::after {
  content: "No Episodes Found";
}

.no-records-found-to-display {
  background: url(../../Img/NothingFound.png) center no-repeat;
  background-clip: content-box;
  background-size: contain;
  width: 100%;
  height: calc(90% - 50px);
  text-align: center;
  margin-top: 30px;
  min-height: 300px;
  background-position-y: 20px;
}
.no-records-found-to-display::after {
  content: "No records found";
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: larger;
  /*position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin: auto;*/
}

.nothing-selected-to-display {
  background: url(../../Img/SelectionRequired.png) center no-repeat;
  background-clip: content-box;
  background-size: contain;
  width: 100%;
  height: calc(90% - 50px);
  text-align: center;
  margin-top: 30px;
  min-height: 300px;
  background-position-y: 20px;
}
.nothing-selected-to-display::after {
  content: "Selection needed.  What do you want to see?";
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: larger;
  /*position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin: auto;*/
}

.search-criteria-has-changed {
  background: url(../../Img/NothingChosen.png) center no-repeat;
  background-clip: content-box;
  background-size: contain;
  width: 100%;
  height: calc(90% - 50px);
  text-align: center;
  margin-top: 30px;
  min-height: 300px;
  background-position-y: 20px;
}
.search-criteria-has-changed::after {
  content: "Search has not been performed with the current criteria - Click Search to perform a new search";
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: larger;
  /*position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin: auto;*/
}

.single-dropdown-picklist {
  z-index: 1;
}

.selected-row {
  background-color: rgba(206, 250, 135, 0.3882352941);
  font-weight: bolder;
}

/*
https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp
    Custom Srollbars  -  Does not work in IE or Firefox
*/
.fancy-scrollbar ::-webkit-scrollbar {
  width: 20px;
}
.fancy-scrollbar ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.fancy-scrollbar ::-webkit-scrollbar-thumb {
  background: lightgrey;
  border-radius: 10px;
}
.fancy-scrollbar ::-webkit-scrollbar-thumb:hover {
  background: #999999;
}

.k-editor.k-editor-inline {
  min-height: 50px;
}
.k-editor.k-editor-inline.k-state-active {
  background-color: rgba(100, 149, 237, 0.1490196078);
  min-height: 150px;
  max-height: 150px;
}

.editor-full-height .k-editor.k-editor-inline.k-state-active {
  background-color: rgba(100, 149, 237, 0.1490196078);
  min-height: 150px;
  max-height: unset;
}

.fake-text-area {
  border: 1px inset grey;
  border-radius: 3px;
  background-color: white;
  /*font: small courier, monospace black;*/
  width: 100%;
  height: 100%; /* or whatever measurements you want */
  overflow: auto;
  display: inline-block;
  padding: 3px;
}
.fake-text-area > div > p {
  font-size: 1em;
}
.fake-text-area.click-to-edit::before {
  /*watermark*/
  margin: 0;
  content: "Click To Edit";
  font-size: large;
  color: grey;
  font-weight: bold;
  position: absolute;
  top: 7px;
  right: 16px;
  opacity: 0.65;
}

/* progress button classes*/
.btn-progress-start {
  color: white !important;
  padding-left: 15px !important;
  background: #003471 !important;
  height: 41px;
  min-width: fit-content !important;
}
.btn-progress-start::before {
  font-family: FontAwesome;
  content: "\f0a3";
  margin-left: -8px;
  margin-right: 3px;
  color: white;
  font-size: 1.5em;
  text-shadow: 1px 1px 4px black, 0 0 19px #9bab9b, 0 0 23px white;
}
.btn-progress-start:hover {
  text-decoration: none;
  color: white;
}

.btn-progress-ok {
  color: white;
  padding-left: 15px !important;
  background: #003471;
  height: 41px;
}
.btn-progress-ok::before {
  font-family: FontAwesome;
  content: "\f04b";
  margin-left: -8px;
  margin-right: 3px;
  color: lightgreen;
  font-size: 1.5em;
  text-shadow: 1px 1px 4px black, 0 0 19px #9bab9b, 0 0 23px white;
}
.btn-progress-ok:hover {
  text-decoration: none;
  color: white;
}

.btn-progress-danger {
  color: white;
  padding-left: 15px !important;
  background: #003471;
  height: 41px;
}
.btn-progress-danger:hover {
  text-decoration: none;
  color: white;
}
.btn-progress-danger::before {
  font-family: FontAwesome;
  content: "\f04b";
  margin-left: -8px;
  margin-right: 3px;
  color: #ff1212;
  font-size: 1.5em;
  text-shadow: 1px 1px 4px #7a0000, 0 0 19px #c5cec5, 0 0 23px white;
}

.btn-progress-warning {
  color: white;
  padding-left: 15px !important;
  background: #003471;
  height: 41px;
}
.btn-progress-warning::before {
  font-family: FontAwesome;
  content: "\f04b";
  margin-left: -8px;
  margin-right: 3px;
  color: yellow;
  font-size: 1.5em;
  text-shadow: 1px 1px 4px black, 0 0 19px #9bab9b, 0 0 23px white;
}
.btn-progress-warning:hover {
  text-decoration: none;
  color: white;
}

.allergy-icon {
  text-shadow: 1px 1px 4px #f9f7f7, 0 0 19px white, 0 0 23px white;
  font-size: x-large;
}

.warning-icon {
  text-shadow: 1px 1px 4px #f9f7f7, 0 0 19px white, 0 0 23px white;
  font-size: x-large;
  color: orange;
}

.white-text-shadow {
  text-shadow: 1px 1px 4px white, 0 0 1px black, 0 0 1px white;
}

.black-text-shadow {
  text-shadow: 1px 1px 4px black, 0 0 1px white, 0 0 1px black;
}

.inline-block {
  display: inline-block;
}
.inline-block.top {
  vertical-align: top;
}

.combo-single-line {
  max-height: 34px;
  overflow-y: auto;
}

.combo-double-line {
  max-height: 68px;
  overflow-y: auto;
}

#machineName > a {
  cursor: pointer;
  background: white;
  border: 5px solid #003471;
  color: #003471;
  margin-top: -4px;
}
/* Smart Date Picker Styles*/
/*.dox-smart-date-picker-component {
    position: relative;
    display: inline-block;
    min-height: 5em;

    .caption-text {
        display: inline-block;
        vertical-align: middle;
    }

    .hidden-kendo-dropdown {
        height: 0;
        width: 0;
        overflow: hidden;
        top: 20px;
        position: absolute;
    }

   .smart-date-input-display {
        display: inline-table;
    }

    .smart-date-dropdown {
        width: calc(100% - 2px);
        min-width: 190px;
    }

    .smart-date-feedback-display {
        font-size: x-small;
        text-align: center;
    }
}*/
.div-divider-bottom {
  width: 100%;
  display: block;
  border: none;
  color: white;
  height: 1px;
  background: black;
  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#000), to(#fff));
}

.dox-search-screen-header {
  width: 100%;
  background: #d9edf7; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #c4e3f3, #d9edf7); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #c4e3f3, #d9edf7); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #c4e3f3, #d9edf7); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #c4e3f3, #d9edf7); /* Standard syntax */
  /*background-image: linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);*/
}
.dox-search-screen-header .search-title-bar {
  width: 100%;
}
.dox-search-screen-header .search-title-bar .search-title {
  font-weight: bold;
  font-size: larger;
  display: inline-block;
  padding: 10px;
}
.dox-search-screen-header .search-screen-criteria {
  border: 2px solid #6db7dc;
  border-radius: 5px;
  padding: 5px;
  margin: 5px;
  background: white;
}

/*Saved Search Component*/
/*.saved-search-component {
    position: relative;
    display: inline-block;
    min-width: 450px;
    width: 100%;
    border: 1px solid lightgray;
    padding: 0 5px;
    box-sizing: border-box;
    .dropdown-menu {
        padding: 0;
    }

    a.filter-option {
        border: 1px solid lightgrey;
        border-radius: 3px;
        padding: 7px;

        .dropdown-filter-name {
            font-weight: bold;
        }

        .dropdown-filter-comment {
            font-size: smaller;
            font-style: italic;
        }
    }

    .saved-search-selection-div {
        position: relative;
        width: calc(100% - 160px);
        display: inline-block;

        .filter-actions {
            float: right;
        }

        .display-filter-name {
            font-weight: bold;
            font-size: larger;
        }

        .display-filter-comment {
            font-weight: normal;
            font-size: x-small;
            font-style: italic;
        }

        .display-matched-filter {
            font-weight: normal;
            font-size: x-small;
            font-style: normal;
            text-align: right;
            color: grey;
        }
    }

    .saved-search-edit-div {
        position: absolute;
        position: absolute;
        top: 22px;
        max-height: 400px;
        width: 100%;
        background: white;
        z-index: 10;
        right: 0;
        left: 10px;
        min-width: 400px;
        padding: 5px 10px;
        border: 2px solid lightgrey;

        fieldset {
            margin-bottom: 0;
            border: 1px solid lightblue;

            legend {
                margin-bottom: 0;
            }
        }
    }
}
    */
.patient-header-warnings {
  overflow-y: auto;
  max-height: 36px;
  min-width: 100%;
  max-width: 100%;
  font-size: small;
}
.patient-header-warnings.large-div-size {
  max-height: 250px;
  position: fixed;
  height: 400px;
  top: 54px;
  min-width: 400px;
  max-width: 50%;
  z-index: 1000;
  background: rgba(0, 50, 250, 0.9);
  border: 1px solid lightblue;
  padding: 10px;
  font-size: inherit;
}

/*Clinical Page Layout*/
.page-layout-preview {
  font-size: 3px;
  max-height: 100px;
  max-width: 100px;
  width: 100%;
  height: 100%;
  display: inline-block;
  border: 1px solid;
  border-color: mediumpurple;
}
.page-layout-preview > .page-row {
  width: 100%;
}
.page-layout-preview > .page-row > .page-section {
  height: 5%;
  width: 5%;
  background-color: white;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.page-layout-preview > .page-row > .page-section.selected {
  background-color: #d8cfcf;
}
.page-layout-preview > .page-row > .page-section.clash {
  background-color: #ff8484;
}

.btn.btn-checkbox {
  font-size: 0.9em;
  color: #555555;
  cursor: pointer;
  background-color: transparent !important;
}
.btn.btn-checkbox:focus {
  outline: none;
  background-image: none;
  -moz-box-shadow: inset 0 0px 7px rgba(0, 0, 0, 0.225);
  -webkit-box-shadow: inset 0 0px 7px rgba(0, 0, 0, 0.225);
  box-shadow: inset 0 0px 7px rgba(0, 0, 0, 0.225);
  -moz-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.2);
}
.btn.btn-checkbox.selected::before {
  font-family: FontAwesome;
  content: "\f046";
  left: -15px;
  padding: 10px;
  font-size: 1.75em;
  color: green;
  vertical-align: middle;
}
.btn.btn-checkbox.unselected::before {
  font-family: FontAwesome;
  /*content: "\f00d";*/
  content: "\f096";
  left: -15px;
  padding: 10px;
  font-size: 1.75em;
  vertical-align: middle;
  margin-right: 3px;
}
.btn.btn-checkbox.empty-value::before {
  font-family: FontAwesome;
  content: "\f0c8";
  left: -15px;
  padding: 10px;
  font-size: 1.75em;
  color: lightgrey;
  vertical-align: middle;
  margin-right: 4px;
}
.btn.btn-checkbox.excluded::before {
  font-family: FontAwesome;
  content: "\f05e";
  padding: 10px;
  font-size: 1.75em;
  color: darkred;
  vertical-align: middle;
}
.btn.btn-checkbox.excluded.larger {
  font-size: 1.01em;
  font-weight: bold;
}
.btn.btn-checkbox.editing::before {
  font-family: FontAwesome;
  content: "\f044";
  padding: 10px;
  font-size: 1.75em;
  color: blue;
  vertical-align: middle;
}
.btn.btn-checkbox.editing.larger {
  font-size: 1.01em;
  font-weight: bold;
}
.btn.btn-checkbox.share::before {
  font-family: FontAwesome;
  content: "\f045";
  padding: 10px;
  font-size: 1.75em;
  color: darkorange;
  vertical-align: middle;
}
.btn.btn-checkbox.share.larger {
  font-size: 1.01em;
  font-weight: bold;
}
.btn.btn-radio {
  font-size: 0.9em;
  color: #555555;
  cursor: pointer;
  background-color: transparent !important;
}
.btn.btn-radio:focus {
  outline: none;
  background-image: none;
  -moz-box-shadow: inset 0 0px 7px rgba(0, 0, 0, 0.225);
  -webkit-box-shadow: inset 0 0px 7px rgba(0, 0, 0, 0.225);
  box-shadow: inset 0 0px 7px rgba(0, 0, 0, 0.225);
  -moz-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.2);
}
.btn.btn-radio.selected::before {
  font-family: FontAwesome;
  content: "\f058";
  padding: 10px;
  font-size: 1.75em;
  color: green;
  vertical-align: middle;
}
.btn.btn-radio.selected.larger {
  font-size: 1.01em;
  font-weight: bold;
}
.btn.btn-radio.unselected::before {
  font-family: FontAwesome;
  content: "\f10c";
  padding: 10px;
  font-size: 1.75em;
  color: grey;
  vertical-align: middle;
}
.btn.btn-radio.excluded::before {
  font-family: FontAwesome;
  content: "\f05e";
  padding: 10px;
  font-size: 1.75em;
  color: darkred;
  vertical-align: middle;
}
.btn.btn-radio.excluded.larger {
  font-size: 1.01em;
  font-weight: bold;
}
.btn.btn-radio.editing::before {
  font-family: FontAwesome;
  content: "\f044";
  padding: 10px;
  font-size: 1.75em;
  color: blue;
  vertical-align: middle;
}
.btn.btn-radio.editing.larger {
  font-size: 1.01em;
  font-weight: bold;
}
.btn.btn-radio.share::before {
  font-family: FontAwesome;
  content: "\f045";
  padding: 10px;
  font-size: 1.75em;
  color: darkorange;
  vertical-align: middle;
}
.btn.btn-radio.share.larger {
  font-size: 1.01em;
  font-weight: bold;
}

.custom-container-border {
  border: 1px lightgrey solid;
  border-radius: 10px;
}

.custom-field-container-display {
  position: relative;
}

.custom-field-display > .custom-field-header {
  border-bottom: 3px solid darkgrey;
  line-height: 2.2em;
  padding: 2px 25px;
}
.custom-field-display > .custom-field-header.primary {
  font-weight: normal;
  box-sizing: border-box;
  padding: 0 7px;
  margin-bottom: 0;
  margin-top: 0;
  font-size: large;
  color: #003471;
}
.custom-field-display > .custom-field-div > input::placeholder {
  font-size: 0.8em;
  font-style: italic;
  color: #a7a7a7;
  padding-left: 10px;
}
.custom-field-display > .custom-field-div > input:placeholder-shown {
  font-size: 0.8em;
  font-style: italic;
  color: #a7a7a7;
  padding-left: 10px;
}
.custom-field-display > .custom-field-div > input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 0.8em;
  font-style: italic;
  color: #a7a7a7;
  padding-left: 10px;
}
.custom-field-display > .custom-field-div > input::-moz-placeholder { /* Firefox 19+ */
  font-size: 0.8em;
  font-style: italic;
  color: #a7a7a7;
  padding-left: 10px;
}
.custom-field-display > .custom-field-div > input:-ms-input-placeholder { /* IE 10+ */
  font-size: 0.8em;
  font-style: italic;
  color: #a7a7a7;
  padding-left: 10px;
}
.custom-field-display > .custom-field-div > input:-moz-placeholder { /* Firefox 18- */
  font-size: 0.8em;
  font-style: italic;
  color: #a7a7a7;
  padding-left: 10px;
}
.custom-field-display > .custom-field-div > input[type=text] {
  border: none !important;
  border-bottom: 1px solid #a7a7a7 !important;
  /*border-left: 1px solid #a7a7a7 !important;*/
}
.custom-field-display > .custom-field-div > input[type=text]:focus {
  border: none !important;
  border-bottom: 1px solid #673AB7 !important;
}
.custom-field-display > .custom-field-div > .read-only-text {
  height: 1.1em;
}
.custom-field-display > .custom-field-div > .custom-field-label {
  margin-left: 10px;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}
.custom-field-display > .custom-field-div > .custom-field-text {
  margin-left: 10px;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  min-width: 169px;
}
.custom-field-display > .custom-field-div > .custom-field-text > .placeholder-content {
  font-size: 0.8em;
  font-style: italic;
  color: #a7a7a7;
  height: 1.6em;
  border-bottom: 1px solid;
  width: 100%;
  padding-left: 10px;
}

tr.current-episode {
  border-bottom: rgba(219, 66, 64, 0.431372549) 2px solid;
  border-top: rgba(219, 66, 64, 0.431372549) 2px solid;
}
.div-table-row, .div-table-row-group > .div-table-row, .div-table .div-table-header-group > .div-table-row {
  display: table-row;
  border: 1px transparent solid;
  padding: 3px;
  overflow: hidden;
}
.div-table-row:hover, .div-table .div-table-header-group > .div-table-row:hover {
  background-color: lightgray;
}
.div-table-row.selected, .div-table .div-table-header-group > .selected.div-table-row {
  color: black;
  border: 1px darkgrey solid;
}
.div-table-row::before, .div-table-row-group > .div-table-row::before, .div-table .div-table-header-group > .div-table-row::before {
  font-family: FontAwesome;
  content: " ";
  padding: 10px;
  font-size: 1.75em;
  color: blue;
  vertical-align: middle;
}
.div-table-row.active, .div-table .div-table-header-group > .active.div-table-row {
  border: 1px black solid;
  background-color: gainsboro;
}
.div-table-row.active::before, .div-table .div-table-header-group > .active.div-table-row::before {
  font-family: FontAwesome;
  content: "\f0da";
  padding: 5px;
  font-size: 1.75em;
  color: blue;
  vertical-align: middle;
}

.div-table-cell, .div-table .div-table-header-group > .div-table-row > .div-table-cell {
  display: table-cell;
  white-space: nowrap;
  position: relative;
}
.div-table-cell.allow-wrap, .div-table .div-table-header-group > .div-table-row > .allow-wrap.div-table-cell {
  white-space: normal;
}
.div-table-cell:hover::after, .div-table .div-table-header-group > .div-table-row > .div-table-cell:hover::after {
  content: "";
  position: absolute;
  background-color: #ffa;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}
.div-table-cell.row-spanned, .div-table .div-table-header-group > .div-table-row > .row-spanned.div-table-cell {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100px;
}
.div-table-cell.empty, .div-table .div-table-header-group > .div-table-row > .empty.div-table-cell {
  width: 100px;
}

.div-table {
  display: table;
  padding: 3px;
  overflow: hidden;
  width: unset;
  position: relative;
  height: 100%;
}
.div-table .div-table-header-group {
  display: table-header-group;
  position: static;
  width: 100%;
  top: 0;
  left: 0;
  margin: 2px 10px;
  color: black;
}
.div-table .div-table-header-group:hover {
  background-color: transparent;
}
.div-table-row-group {
  display: table-row-group;
  position: relative;
  overflow: auto;
  height: calc(100% - 60px);
}
.div-table-colspan-12:hover {
  background-color: unset;
}

#inactivity-wrapper-div {
  background: transparent;
  /*height: 100%;*/
  position: absolute;
  width: 100%;
  top: 12px;
}
#inactivity-wrapper-div > .auto-save-dialog > .lock-screen {
  position: absolute;
  top: -20px;
  left: -20px;
  width: 100vw;
  height: 100vh;
  z-index: 99992;
  background: rgba(254, 255, 245, 0.92);
  padding: 0px;
  opacity: 0.6;
}
#inactivity-wrapper-div > .auto-save-dialog > .save-countdown {
  position: absolute !important;
  z-index: 100000 !important;
  width: 500px;
  /*height: 65px;*/
  top: -15px;
  left: 2px;
  display: inline-block;
  border: 4px solid rgba(223, 222, 222, 0.2196078431);
  border-radius: 5px;
  background-color: white;
  opacity: 100%;
}
#inactivity-wrapper-div #auto-lock-dialog {
  position: relative;
  /*height: 100%;*/
  width: 100%;
}
#inactivity-wrapper-div #auto-lock-dialog > .dialog-container {
  width: 100%;
  /*height: 100vh;*/
  top: 11px;
  left: 0;
  position: fixed;
  z-index: 9999;
}
#inactivity-wrapper-div #auto-lock-dialog > .dialog-container > .lock-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 100009;
  background: rgba(254, 255, 245, 0.92);
  padding: 100px;
}

input.form-control.has-warning {
  background-color: #f0ffb6;
  border: 2px #8b5a00 solid;
  margin-right: 2px;
}

.total-time-indicator {
  display: inline-block;
  font-size: small;
  text-align: center;
}

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

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

/*Tree Structure Classes*/
.tree-view-container {
  height: 100%;
  display: inline-block;
  overflow-y: auto;
}
.tree-view-container .tree-level-container {
  border-left: solid #add8e6;
  border-left-width: thick;
}
.tree-view-container .tree-level-container .tree-level-item > div {
  padding: 3px;
  border-bottom: 2px solid transparent;
}
.tree-view-container .tree-level-container .tree-level-item .tree-level-info {
  display: inline-block;
}
.tree-view-container .tree-level-container .tree-level-item .tree-level-info > i {
  vertical-align: middle;
}
.tree-view-container .tree-level-container .tree-level-item .tree-level-info > span {
  padding-left: 10px;
  vertical-align: middle;
}
.tree-view-container .tree-level-container .tree-level-0 {
  margin-left: 20px;
  border-bottom: 2px solid lightblue;
  font-weight: bold;
}
.tree-view-container .tree-level-container .tree-level-0 .clickable :hover {
  font: bold;
  border-bottom: 2px solid cornflowerblue;
  font-weight: bold;
  color: cornflowerblue;
}
.tree-view-container .tree-level-container .tree-level-1 {
  margin-left: 50px;
}
.tree-view-container .tree-level-container .tree-level-1 .clickable :hover {
  font: bold;
  border-bottom: 2px solid cornflowerblue;
  font-weight: bold;
  color: cornflowerblue;
}
.tree-view-container .tree-level-container .tree-level-2 {
  margin-left: 80px;
}
.tree-view-container .tree-level-container .tree-level-3 {
  margin-left: 110px;
}
.tree-view-container .tree-level-container .tree-level-4 {
  margin-left: 140px;
}

/*
.doxKendoPopupHost * {
    box-sizing: border-box !important;
}

.k-calendar-container.k-popup
.k-widget.k-calendar .k-header .k-button
{
    color:white !important;
}*/