/**
* Skin: LCMS+
* @copyright LCMS+ 2017-2022
* @since 2017-07-18 4.474 -jl- Initial
* ----------
* sudo lessc lib/AdminLTE/build/less/AdminLTE.less > lib/AdminLTE/dist/css/AdminLTE.css
* sudo lessc lib/AdminLTE/build/less/skins/skin-lcms.less > lib/AdminLTE/dist/css/skin-lcms.css
* sudo java -jar dev/yuic/build/yuicompressor-2.4.2.jar lib/AdminLTE/dist/css/AdminLTE.css > lib/AdminLTE/dist/css/AdminLTE.min.css
* sudo java -jar dev/yuic/build/yuicompressor-2.4.2.jar lib/AdminLTE/dist/css/skin-lcms.css > lib/AdminLTE/dist/css/skin-lcms.min.css
* ----------
*/
/* @since 2017-11-21 4.504 -jl- Causes thousands of Firefox errors. Don't need these anyway.
.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
  background: @color;
  background: -webkit-gradient(linear,
  left bottom,
  left top,
  color-stop(0, @start),
  color-stop(1, @stop));
  background: -ms-linear-gradient(bottom,
  @start,
  @stop);
  background: -moz-linear-gradient(center bottom,
  @start 0%,
  @stop 100%);
  background: -o-linear-gradient(@stop,
  @start);
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
}
*/
.inputSearchFilterList {
  width: fit-content;
  height: 180px;
  background-color: white;
  border: 1px solid gray;
  padding: 15px;
  line-height: 1.3;
  overflow: scroll;
  position: absolute;
  z-index: 999;
  border-radius: 5px;
  box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.55);
}
.pwinput {
  margin: 5px !important;
  width: 90% !important;
  border: 1px solid gray !important;
  font-size: 12px !important;
}
.pwsubmit {
  margin: 5px !important;
  width: auto !important;
  border: 1px solid gray !important;
  font-size: 12px !important;
}
div.line1 {
  padding-top: 0px !important;
}
h1 {
  font-size: 24px;
}
html {
  /* 2018-03-19 -jl-  adjust to allow for nav scrolling. */
  /* 2018-09-05 -jl-  height to 100% important. */
  /* 2021-03-05 -aam- ID1-T11: Remove height 100% */
}
a:focus-visible {
  outline: 2px dashed #C141A8 !important;
  padding: 5px;
}
button:focus-visible {
  outline: 2px dashed #C141A8 !important;
}
.leDate {
  /* 2022-06-17 -jl- remove attributes but leave class for jquery selector */
}
.content {
  /* 2022-06-29 -jl- revert this, no good on calendar page */
}
.hideable {
  display: none;
}
.margin-right-5 {
  margin-right: 5px;
}
/* 2024-03-29 -jl- DEV-476 add display:flex */
.list-item-flex {
  display: flow-root;
}
a {
  cursor: pointer;
}
a:hover,
a:focus,
a:active {
  color: #23527c;
  text-decoration: underline !important;
  text-decoration-style: dotted !important;
}
.pagination > .active > a {
  background-color: #107E77;
  border-color: #107E77;
}
.pagination > .active > a:hover,
.pagination > .active > a:focus {
  background-color: #0a514c;
}
/* focus classes, first color is bg, second is text color */
.focus-white-teal:focus-visible {
  background-color: #fff;
  color: #107E77;
}
.help-block {
  margin-left: 20px;
  font-size: smaller;
}
.lcms_top_nav li:focus {
  text-decoration: underline !important;
  text-decoration-style: dotted !important;
}
#IDaction {
  padding-top: 15px;
  height: 80vh;
}
div.sticky {
  /* used in eval ui*/
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
}
h2[id^='tab_'][id$='_title'] {
  margin-top: 5px !important;
}
legend {
  font-weight: 700;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333;
}
ul.summaryEvalStats {
  list-style-type: none;
  display: inline-block;
  border-radius: 5px;
  border: 1px solid lightgray;
  padding-inline-start: 5px;
  padding-inline-end: 5px;
  vertical-align: top;
}
.border-bottom {
  border-bottom: 1px solid #32343B;
}
#snackbar h4 {
  margin-bottom: 0;
}
#snackbar {
  /* By Default, Hidden
    visibility: hidden;*/
  min-width: 250px;
  background-color: #333;
  color: #fff;
  text-align: left;
  border-radius: 2px;
  padding: 16px;
  margin: 0;
  /* To always Keep on
       Top of screen */
  position: fixed;
  /* To be displayed above
       Parent HTML DOM element  */
  z-index: 100;
  /* Position top Left
       Corner of Screen */
  right: 15px;
  top: 65px;
}
.alert h2 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
}
.callout h2 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
}
.callout-info-lcms {
  background-color: #F0F0F2 !important;
  border-color: #107E77 !important;
  color: #32343B !important;
  overflow-wrap: break-word;
}
/* FULL SCREEN MODAL */
.modal-dialog-full {
  width: 100% !important;
  height: 90% !important;
  padding: 0 !important;
  margin: 50px 0px 0px 0px !important;
  z-index: 9999;
}
.modal-content-full {
  /*height:        100% !important;*/
  border-radius: 0 !important;
  /*overflow-y:    scroll !important;*/
}
.modal-content-full .modal-body {
  padding: 0px 0px !important;
}
.modal-header-full {
  border-radius: 0 !important;
}
/* END FULL SCREEN MODAL */
/* MODAL OVERRIDES */
.modal-sm .modal-body {
  max-height: 700px !important;
  overflow-y: auto;
}
.modal-md {
  width: 70vw !important;
}
.modal-lg {
  width: 90vw !important;
}
.modal-lg .modal-body {
  max-height: 700px !important;
  overflow-y: auto;
}
/* 2023-10-26 -aam- DEV-233: Add overflow scroll so modals don't lose scroll-ability */
/* 2024-07-08 JAN LEO-461 :: color change per spec */
.modal {
  padding-right: 0px !important;
  overflow: scroll;
  background: rgba(0, 0, 0, 0.7);
}
/* Styling for launchModal */
.modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  border: none;
  z-index: 1;
}
/* 2021-04-15 -aam- FP1-T3: Remove active page top margin, causes misalignment */
.active-page-close {
  /*margin-top:10px;*/
}
.active-page-reset {
  /*margin-top:10px;*/
}
.close {
  opacity: 1 !important;
  color: #FFF !important;
  font-weight: 400 !important;
  text-shadow: none !important;
}
.btn i:hover,
.btn i:focus {
  text-decoration: underline !important;
  text-decoration-style: dotted !important;
}
.btn-pin {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  cursor: pointer;
  padding-right: 10px;
  border-right: 1px dotted lightgrey;
  border-radius: 0;
  margin-right: 5px;
}
.modal-content {
  border-radius: 5px !important;
}
.modal-header {
  border-radius: 5px 5px 0px 0px !important;
}
.modal-footer {
  border-radius: 0px 0px 5px 5px  !important;
}
/* END MODAL OVERRIDES */
/* @since 2018-08-14 4.568 -jl- */
table#remote_modules thead {
  background-color: #107E77;
  color: #FFFFFF;
}
table#remote_modules td,
table#remote_modules th {
  padding-left: 5px;
  border: 1px solid #ddd;
  font-weight: 400 !important;
}
table#remote_modules tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}
table#remote_modules tbody tr:hover {
  background-color: #ddd;
}
.navbar-brand-md {
  font-size: 16px !important;
  padding: 0px 10px !important;
  overflow-wrap: break-word;
}
.navbar-brand-lg {
  font-size: 12px !important;
  padding: 0px 10px !important;
  overflow-wrap: break-word;
}
.wrapper {
  min-height: 100vh;
}
.content-wrapper {
  min-height: 82.2vh !important;
  position: relative;
  height: calc(100vh - 50px) !important;
  overflow-y: auto;
  outline-width: 0px !important;
  outline-color: unset !important;
}
.main-sidebar {
  /* @since 2018-03-19 4.533 -jl- adjust to allow for nav scrolling. */
  min-height: auto !important;
  top: 50px !important;
  padding-top: 0px  !important;
}
.sidebar {
  /* scrolling on left nav */
  /* 2021-03-01 -aam- ID1-T11: Allow full height minus the header */
  max-height: calc(100vh - 50px);
}
.announcement-media {
  padding-bottom: 5px;
  border-bottom: #cccccc dashed 1px !important;
}
.announcement-media-before-header {
  margin-bottom: 20px;
}
.announcement-media-time {
  margin-left: 15px;
}
.announcement-sender {
  height: 50px;
}
.dropdown-menu {
  box-shadow: 3px 5px 6px 0px rgba(0, 0, 0, 0.53);
}
.dropdown-header {
  font-size: 14px;
  font-weight: 600;
}
.dropdown-menu li a.show-col::before {
  font-family: "FontAwesome";
  content: ' \f06e';
  color: #107E77;
  margin-right: 15px;
}
.dropdown-menu li a.hide-col::before {
  font-family: "FontAwesome";
  content: ' \f070';
  color: #D63924;
  margin-right: 15px;
}
.info-tab-link-text {
  font-size: 14px !important;
  display: inline-block !important;
  padding-right: 5px !important;
}
.info-tab-link-dropdown-toggle {
  display: inline-block !important;
  padding: 0px 5px 0px 5px !important;
}
.navbar-collapse {
  width: 100%;
  padding: 0px;
  overflow: hidden;
  padding-right: 0px;
  border-top-width: 0px !important;
  border-top-style: none !important;
  border-top-color: transparent !important;
}
.nav .open > a {
  border-color: transparent;
}
.nav-tabs-lcms {
  border-top-color: #C5C7CE;
}
.nav-tabs-lcms > li.active {
  border-top-color: #107E77 !important;
}
.nav-tabs-lcms > li:hover {
  border-top-color: #107E77 !important;
}
.nav-tabs-lcms > li > a {
  font-size: 18px ;
  text-decoration: none !important;
}
.nav-tabs-lcms .dropdown-menu > li {
  border-top: 0px !important;
}
.nav-tabs-lcms .dropdown-menu > li > a {
  color: #444;
  /* old: 777 */
  text-decoration: none!important;
}
.form-control {
  border-radius: 2px !important;
  /*z-index:       0 !important;*/
}
.form-control:focus {
  /* bootstrap defaults */
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control-feedback {
  color: #4D505B;
}
form:not(.form-horizontal) > .form-group > label {
  width: 100%;
}
.checkbox > label {
  font-weight: 400 !important;
}
.text-white {
  color: #ffffff !important;
}
.text-bold {
  font-weight: bold;
}
.all_courses_flag_label {
  padding-right: 15px;
}
.uiLoading {
  /*background-color:rgba(51, 51, 51, 0.67);*/
  z-index: 99999;
  width: 100%;
  height: 100%;
  background-color: #0000008a;
  position: fixed;
}
.uiLoadingContainer {
  position: fixed;
  z-index: 99999;
  text-align: center;
  padding: 15px;
  background-color: #FFFFFF;
  color: #4D505B;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  /*border: 1px solid #107E77;*/
  border-radius: 5px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-filter: blur(0);
  filter: blur(0);
  box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.55);
}
.ajax-search-highlight {
  background-color: #1c736c !important;
  color: #fff !important;
}
a.btn {
  text-decoration: none !important;
}
/* @since 2018-08-14 4.566 -jl- settings for course tree view to allow better scrolling */
/* 2020-11-24 -aam- IS1-T3: Update height */
#ctv_tree {
  height: calc(100vh - 120px) !important;
}
.treeMain {
  overflow: auto !important;
}
.treeMain .input {
  font-size: 10px;
}
/* 2020-11-24 -aam- IS1-T3: Update width and height */
#ewfTreeViewSpan .treeTitle {
  position: relative !important;
  width: 100% !important;
}
#ewfTreeViewSpan .treeViewTitle {
  width: 80% !important;
  padding-left: 0% !important;
}
#ewfTreeViewSpan .treeContent {
  position: relative !important;
  width: 100% !important;
}
#ewfTreeViewSpan .treeMain {
  position: relative !important;
  width: 95% !important;
  height: 100%;
}
#ewfTreeViewSpan .treeview > a {
  text-decoration: none;
  border-left: 1px transparent;
}
.text-muted {
  color: #C5C7CE;
}
#documentBox {
  box-shadow: unset !important;
  height: 100%;
  overflow-y: scroll;
}
#documentBoxList {
  /*height: 70vh;*/
}
.box {
  box-shadow: 1px 1px 3px 0 #999;
}
.box-primary {
  border-top-color: #107E77 !important;
}
.box-title.collapsable {
  width: 100%;
}
a[data-toggle="collapse"]::before {
  font-family: "FontAwesome";
  content: "\f077";
  float: right;
}
a[data-toggle="collapse"].collapsed::before {
  font-family: "FontAwesome";
  content: "\f078";
  float: right;
}
.no-collapse-icon::before {
  content: "" !important;
}
h1.evalTitle {
  font-size: 24px;
}
h2.evalTitle {
  font-size: 18px;
}
.evalStickyHeader {
  padding: 10px 15px;
  border-top: 1px gray dashed !important;
  border-bottom: 1px gray dashed;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 100;
}
.evalButtonBar {
  margin-top: 15px;
}
input::-webkit-date-and-time-value {
  text-align: left;
}
.fa-thumb-tack {
  -o-transform: rotate(23deg);
  -webkit-transform: rotate(23deg);
  transform: rotate(23deg);
}
.turn-twoseventy {
  -o-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
/* @since 2019-07-03 4.620 -jl- INB-T404: adjust css for login screen elements */
/* @since 2019-07-24 4.622 -jl- warmfix-login: dont try to fit login form to 100% viewable */
.login-page {
  max-width: 360px !important;
  height: 98% !important;
  margin: 0.5% auto;
  border-radius: 5px;
  background: transparent !important;
}
.login-page-left {
  float: left;
  margin: 15px;
}
.login-page-right {
  float: right;
  margin: 15px;
}
.login-box {
  position: relative;
  min-width: 330px;
  background: #4D505B !important;
  border: 3px #4D505B !important;
  border-radius: 5px !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.login-box-full-height {
  height: 100% !important;
}
.login-box-body {
  background: #4D505B !important;
  color: #fff !important;
  padding: 0px 20px 0px 20px !important;
  margin-bottom: 15px;
  border: 3px solid #4D505B;
  border-radius: 5px;
}
.login-box-body a {
  color: #fff !important;
}
.login-box-body h1 {
  font-size: 20px;
}
.login-box-body-pad {
  padding: 15px;
}
.login-logo {
  padding: 15px 0px 0px 0px;
  vertical-align: middle;
  text-align: center;
}
.login-logo > img {
  max-height: 50px;
  max-width: 300px;
}
.login-leo-logo {
  background-color: white;
  border-radius: 0px 0px 5px 5px;
  width: 100% !important;
  text-align: center;
}
.login-leo-logo img {
  padding: 15px;
  width: 200px;
}
.login-footer-bottom {
  width: 100%;
  text-align: right;
  color: #fff;
  background-color: #107E77;
  border-radius: 0px 0px 5px 5px;
  font-size: 12px;
  margin-top: 5px;
  padding: 3px 15px 3px 3px;
}
.login-footer-bottom > a {
  color: #fff !important;
  text-decoration: underline !important;
  /* 2021-02-17 -jl- T529 give this one underline text decoration for wcag */
}
.login-footer-bottom > a:hover,
.login-footer-bottom > a:focus {
  outline: 2px dashed #fff;
  padding: 5px;
}
.menueditorlist {
  text-decoration: underline dashed #F4AC42 !important;
}
.skin-lcms .main-header .navbar-red {
  background-color: #D63924 !important;
}
.skin-lcms .main-header .navbar-red .label {
  background-color: #fff !important;
  color: #D63924 !important;
}
.skin-lcms {
  /* For when we have left-side nav, move the navbar to the left and stretch out the Brand */
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.skin-lcms .main-header .navbar {
  background-color: #4D505B;
}
.skin-lcms .main-header .navbar .navbar-brand {
  /* @since 2018-03-19 4.533 -jl- adjust to allow for nav scrolling. */
  background-color: #050506;
  overflow-y: hidden;
  height: 50px !important;
  margin-top: 0px;
  margin-bottom: 0px;
}
.skin-lcms .main-header .navbar .nav > li > a .hover,
.skin-lcms .main-header .navbar .nav > li > a .active,
.skin-lcms .main-header .navbar .nav > li > a .focus {
  background: #107E77 !important;
}
.skin-lcms .main-header .navbar .nav > li > a > span.fa {
  font-size: 18px;
  line-height: 15px;
}
.skin-lcms .main-header .navbar .nav > li > a {
  color: #fff;
}
.skin-lcms .main-header .navbar .nav > li > a:hover,
.skin-lcms .main-header .navbar .nav > li > a:active,
.skin-lcms .main-header .navbar .nav > li > a:focus,
.skin-lcms .main-header .navbar .nav .open > a,
.skin-lcms .main-header .navbar .nav .open > a:hover,
.skin-lcms .main-header .navbar .nav .open > a:focus,
.skin-lcms .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-lcms .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-lcms .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-lcms .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-lcms .main-header .navbar .sidebar-toggle:hover {
  background-color: #41444d;
}
@media (max-width: 499px) {
  .skin-lcms .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.skin-lcms .main-header .logo {
  background-color: #41444d;
  color: #fff;
  border-bottom: 0 solid transparent;
}
.skin-lcms .main-header .logo:hover {
  background-color: #3f414a;
}
.skin-lcms .navbar-move-left {
  margin-left: 0px !important;
}
.skin-lcms .navbar-move-left > .navbar-header-brand {
  width: 200px;
}
.skin-lcms .navbar-move-left > .navbar-header-brand > .navbar-brand {
  width: 100%;
}
.skin-lcms .navbar-brand-img {
  padding-bottom: 5px;
  height: 35px;
}
.skin-lcms .navbar-header > a {
  color: #fff;
  text-decoration: none !important;
}
.skin-lcms .navbar-header > a:hover,
.skin-lcms .navbar-header > a:focus {
  color: #fff !important;
}
.skin-lcms .content-header {
  background: transparent;
}
.skin-lcms .lcms-top-right-nav > li > a[aria-expanded="true"] {
  background-color: #107E77 !important;
}
.skin-lcms .lcms-top-right-nav > li > .active,
.skin-lcms .lcms-top-right-nav > li .hover {
  background-color: #107E77 !important;
}
.skin-lcms .navbar-brand-red {
  background-color: #D63924 !important;
  font-size: 34px !important;
  font-weight: bold;
  letter-spacing: 2px;
}
.skin-lcms .lcms-top-right-nav > li > a > .label {
  background-color: #D63924 !important;
  color: #fff !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  top: 7px !important;
  right: 5px !important;
}
.skin-lcms .lcms-top-nav > li.active {
  background-color: #fff !important;
  color: #4D505B !important;
}
.skin-lcms .lcms-top-nav > li.active > a {
  background-color: #fff !important;
  color: #4D505B !important;
}
.skin-lcms .lcms-top-nav > li > a:hover,
.skin-lcms .lcms-top-nav > li > a:active,
.skin-lcms .lcms-top-nav > li > a:focus {
  background-color: #fff !important;
  height: 50px !important;
  /* avoid hairline in FFX */
  color: #4D505B !important;
  text-decoration: underline !important;
  text-decoration-style: dotted !important;
}
.skin-lcms .lcms-top-nav {
  float: left !important;
  margin: 0 !important;
}
.skin-lcms .lcms-top-nav li {
  height: 50px !important;
  /* avoid hairline in FFX */
  float: left !important;
}
.skin-lcms .lcms-top-nav li a {
  text-decoration: none !important;
  font-size: 16px !important;
  line-height: 15px !important;
  padding-bottom: 15px;
  padding-top: 15px;
}
.skin-lcms .sidebarMenu > li > a.hover,
.skin-lcms a.active {
  border-left: 1px solid #67C6BF !important;
  color: #FFFFFF !important;
}
.skin-lcms .wrapper,
.skin-lcms .main-sidebar,
.skin-lcms .left-side {
  background-color: #222d32;
}
.skin-lcms .user-panel > .info,
.skin-lcms .user-panel > .info > a {
  color: #fff;
}
.skin-lcms .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-lcms .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-lcms .sidebar-menu > li:hover > a,
.skin-lcms .sidebar-menu > li.active > a {
  color: #fff;
  background: #1e282c;
  border-left-color: #107E77;
}
.skin-lcms .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-lcms .sidebar a {
  color: #b8c7ce;
}
.skin-lcms .sidebar a:hover {
  text-decoration: none;
}
.skin-lcms .treeview-menu > li > a {
  color: #99b0ba;
}
.skin-lcms .treeview-menu > li.active > a,
.skin-lcms .treeview-menu > li > a:hover {
  color: #fff;
}
.skin-lcms .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-lcms .sidebar-form input[type="text"],
.skin-lcms .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.skin-lcms .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-lcms .sidebar-form input[type="text"]:focus,
.skin-lcms .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-lcms .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-lcms .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-lcms .main-footer-bottom {
  width: 100%;
  text-align: right;
  background-color: #107E77;
  color: #fff;
  font-size: 12px;
  margin-top: 5px;
  padding: 3px 15px 3px 3px;
  height: 20px;
}
.skin-lcms .main-footer-bottom > a {
  color: #fff !important;
  text-decoration: underline !important;
  /* 2021-02-17 -jl- T529 give this one back text deciration for wcag */
}
.skin-lcms .main-footer-bottom > a:hover,
.skin-lcms .main-footer-bottom > a:focus {
  outline: 2px dashed #fff;
  padding: 5px;
}
.skin-lcms .footer-col {
  max-height: 60px !important;
  overflow-x: hidden;
  overflow-y: hidden;
}
.skin-lcms .footer-col > h5 {
  margin-top: 1px !important;
  margin-bottom: 0.5px !important;
}
.skin-lcms .footer-col > .footer-col-divider {
  border-top: 1px solid #67C6BF;
  margin-top: 0.5px !important;
  margin-bottom: 0.5px !important;
}
.skin-lcms #footer-logo {
  text-align: right;
}
.skin-lcms #footer-logo > img {
  max-height: 60px;
}
.skin-lcms .foot-links > li {
  padding-bottom: 0px;
  padding-left: 0px;
}
.skin-lcms .foot-links > li > a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
.skin-lcms .foot-links > li > a:hover,
.skin-lcms .foot-links > li > a:focus {
  color: #fff !important;
}
.skin-lcms ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  /* 2022-06-30 -jl-  */
}
.skin-lcms ::-webkit-scrollbar-track {
  border-radius: 10px;
}
.skin-lcms ::-webkit-scrollbar-thumb {
  background: gray;
  border-radius: 10px;
}
.skin-lcms ::-webkit-scrollbar-thumb:hover {
  background: lightgray;
}
.skin-lcms .navbar-nav > .user-menu > .dropdown-menu {
  box-shadow: -3px 5px 6px 0px rgba(0, 0, 0, 0.53);
  border: 1px solid #107E77;
  /*border-radius: 3px;*/
  /*.border-top-radius(0);*/
  padding: 0px 0px 0px 0px !important;
  width: 210px;
}
.skin-lcms .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  background-color: #F0F0F2 !important;
  height: 100%;
  padding: 10px 0px 0px 0px;
  text-align: center;
}
.skin-lcms .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
  z-index: 5;
  height: 90px;
  width: 90px;
  border: 2px solid;
  border-color: transparent;
  border-color: #107E77;
  background-color: #107E77;
}
.skin-lcms .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
  z-index: 5;
  color: #32343B;
  font-size: 17px;
  margin-top: 10px;
}
.skin-lcms .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
  display: block;
  font-size: 12px;
}
.skin-lcms .navbar-nav > .user-menu > .dropdown-menu > .user-body {
  padding: 5px !important;
  border-bottom: 1px solid #f4f4f4;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  /*.clearfix();
    a {
     color: #444 !important;
     @media (max-width: @screen-sm-max) {
      background: #fff !important;
      color: #444 !important;
     }
    }*/
}
.skin-lcms .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  color: #fff !important;
  text-align: right;
  background-color: #107E77 !important;
  padding: 5px !important;
  /*.clearfix();*/
}
.skin-lcms .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-lcms-aqua {
  background: #107E77 !important;
  color: #fff !important;
}
.skin-lcms .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
  color: #666666;
}
@media (max-width: 991px) {
  .skin-lcms .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
    background-color: #107E77 !important;
  }
}
.skin-lcms .navbar-nav > .user-menu .user-image {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: -2px;
}
@media (max-width: 499px) {
  .skin-lcms .navbar-nav > .user-menu .user-image {
    float: none;
    margin-right: 0;
    margin-top: -8px;
    line-height: 10px;
  }
}
.skin-lcms .navbar-nav > .user-menu .fa-window-close-o {
  color: #fff !important;
  font-size: 16px !important;
  padding: 5px 5px 0px 0px;
}
.skin-lcms .navbar-nav > .user-menu .user-menu-items {
  margin-bottom: 0px !important;
}
.skin-lcms .navbar-nav > .recents-menu > .dropdown-menu {
  box-shadow: 3px 5px 6px 0px rgba(0, 0, 0, 0.53);
  border: 1px solid #107E77;
  border-radius: 0px 0px 3px 3px;
  width: 350px;
  padding: 0 0 0 0;
  margin: 0;
  top: 100%;
}
.skin-lcms .navbar-nav > .recents-menu > .dropdown-menu > li {
  position: relative;
}
.skin-lcms .navbar-nav > .recents-menu > .dropdown-menu > li.header {
  text-align: center;
  background-color: #107E77;
  padding: 7px 10px;
  border-bottom: 1px solid #107E77;
  color: #fff;
  font-size: 14px;
}
.skin-lcms .navbar-nav > .recents-menu > .dropdown-menu > li.footer {
  background-color: #107E77;
  padding: 7px 10px;
}
.skin-lcms .navbar-nav > .recents-menu > .dropdown-menu > li.footer > a {
  color: #fff !important;
  text-align: center;
}
@media (max-width: 991px) {
  .skin-lcms .navbar-nav > .recents-menu > .dropdown-menu > li.footer > a {
    background: #107E77 !important;
    color: #fff !important;
  }
}
.skin-lcms .navbar-nav > .recents-menu > .dropdown-menu > li.footer > a:hover {
  text-decoration: none;
  font-weight: normal;
}
.skin-lcms .navbar-nav > .recents-menu > .dropdown-menu > li .menu {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}
.skin-lcms .navbar-nav > .recents-menu > .dropdown-menu > li .menu > li > a:hover {
  background: #f4f4f4;
  text-decoration: none;
}
.skin-lcms .navbar-nav > .recents-menu > .dropdown-menu {
  box-shadow: 3px 5px 6px 0px rgba(0, 0, 0, 0.53);
  border: 1px solid #107E77;
  border-radius: 0px 0px 3px 3px;
  width: 310px;
}
.skin-lcms .navbar-nav > .recents-menu > .dropdown-menu > li .menu {
  background-color: #FFFFFF;
}
.skin-lcms .navbar-nav > .recents-menu > .dropdown-menu > li .menu > li > a {
  color: #444444;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px;
  text-align: left;
}
.skin-lcms .navbar-nav > .recents-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
.skin-lcms .navbar-nav > .recents-menu > .dropdown-menu > li .menu > li > a > .fa,
.skin-lcms .navbar-nav > .recents-menu > .dropdown-menu > li .menu > li > a > .ion {
  width: 20px;
}
.skin-lcms .recents-menu-scrollable {
  max-height: 75vh;
  overflow-y: auto;
}
.skin-lcms .navbar-nav > .active-pages-menu > .dropdown-menu {
  box-shadow: 3px 5px 6px 0px rgba(0, 0, 0, 0.53);
  border: 1px solid #107E77;
  border-radius: 0px 0px 3px 3px;
  width: 350px;
  padding: 0 0 0 0;
  margin: 0;
  top: 100%;
}
.skin-lcms .navbar-nav > .active-pages-menu > .dropdown-menu > li {
  position: relative;
}
.skin-lcms .navbar-nav > .active-pages-menu > .dropdown-menu > li.header {
  text-align: center;
  background-color: #107E77;
  padding: 7px 10px;
  border-bottom: 1px solid #107E77;
  color: #fff;
  font-size: 14px;
}
.skin-lcms .navbar-nav > .active-pages-menu > .dropdown-menu > li.footer {
  background-color: #107E77;
  padding: 7px 10px;
}
.skin-lcms .navbar-nav > .active-pages-menu > .dropdown-menu > li.footer > a {
  color: #fff !important;
  text-align: center;
}
@media (max-width: 991px) {
  .skin-lcms .navbar-nav > .active-pages-menu > .dropdown-menu > li.footer > a {
    background: #107E77 !important;
    color: #fff !important;
  }
}
.skin-lcms .navbar-nav > .active-pages-menu > .dropdown-menu > li.footer > a:hover {
  text-decoration: none;
  font-weight: normal;
}
.skin-lcms .navbar-nav > .active-pages-menu > .dropdown-menu > li .menu {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}
.skin-lcms .navbar-nav > .active-pages-menu > .dropdown-menu > li .menu > li > a:hover {
  background: #f4f4f4;
  text-decoration: none;
}
.skin-lcms .navbar-nav > .active-pages-menu > .dropdown-menu {
  box-shadow: 3px 5px 6px 0px rgba(0, 0, 0, 0.53);
  border: 1px solid #107E77;
  border-radius: 0px 0px 3px 3px;
  width: 310px;
}
.skin-lcms .navbar-nav > .active-pages-menu > .dropdown-menu > li .menu > li > a {
  color: #444444;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px;
  display: block;
}
.skin-lcms .navbar-nav > .active-pages-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
.skin-lcms .navbar-nav > .active-pages-menu > .dropdown-menu > li .menu > li > a > .fa,
.skin-lcms .navbar-nav > .active-pages-menu > .dropdown-menu > li .menu > li > a > .ion {
  width: 20px;
}
.skin-lcms .active-pages-menu-scrollable {
  max-height: 75vh;
  overflow-y: auto;
}
.skin-lcms .red-close {
  color: #D63924 !important;
}
.skin-lcms .navbar-nav > .notifications-menu > .dropdown-menu {
  box-shadow: 3px 5px 6px 0px rgba(0, 0, 0, 0.53);
  border: 1px solid #107E77;
  border-radius: 0px 0px 3px 3px !important;
  width: 310px;
}
.skin-lcms .navbar-nav > .notifications-menu > .dropdown-menu > li > .menu {
  height: 100% !important;
  max-height: 375px;
}
.skin-lcms .navbar-nav > .notifications-menu > .dropdown-menu > li.header {
  text-align: center;
  background-color: #107E77 !important;
  color: #fff !important;
  border-bottom: 0px !important;
  border-radius: 0px 0px 0px 0px !important;
}
.skin-lcms .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a {
  font-size: 14px;
  background-color: #107E77 !important;
  color: #fff !important;
  border-radius: 0px 0px 0px 0px !important;
  border-bottom: 0px !important;
}
.skin-lcms .navbar-nav > .messages-menu > .dropdown-menu {
  box-shadow: 3px 5px 6px 0px rgba(0, 0, 0, 0.53);
  border: 1px solid #107E77;
  border-radius: 0px 0px 3px 3px !important;
  width: 310px;
}
.skin-lcms .navbar-nav > .messages-menu > .dropdown-menu > li > .menu {
  height: 100% !important;
  max-height: 375px !important;
}
.skin-lcms .navbar-nav > .messages-menu > .dropdown-menu > li > .menu > li > a {
  white-space: normal !important;
}
.skin-lcms .navbar-nav > .messages-menu > .dropdown-menu > li.header {
  text-align: center;
  background-color: #107E77 !important;
  color: #fff !important;
  border-bottom: 0px !important;
  border-radius: 0px 0px 0px 0px !important;
}
.skin-lcms .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a {
  font-size: 14px;
  background-color: #107E77 !important;
  color: #fff !important;
  border-radius: 0px 0px 0px 0px !important;
  border-bottom: 0px !important;
}
.skin-lcms .main-footer {
  max-height: 80px;
  background-color: #4D505B !important;
  color: #fff;
  border-top: 1px solid #4D505B !important;
  margin-left: 0px !important;
  grid-row-start: 2;
  grid-row-end: 3;
  width: 100%;
  padding: 0px;
}
.skin-lcms .main-footer > .row {
  margin: 0px;
}
.nav-stacked > li.active > a > a:hover,
.nav-stacked > li.active > a:hover,
.nav-stacked > li.active > a > a:active,
.nav-stacked > li.active > a:active,
.nav-stacked > li.active > a > a:focus,
.nav-stacked > li.active > a:focus {
  background-color: transparent;
  color: black;
  border-left-color: #107E77 !important;
}
.main-footer-brand {
  font-size: 18px !important;
}
.skin-lcms.layout-top-nav .main-header > .logo {
  background-color: #4D505B;
  color: #fff;
  border-bottom: 0 solid transparent;
}
.skin-lcms.layout-top-nav .main-header > .logo:hover {
  background-color: #4b4e58;
}
.simplebar-scrollbar:before {
  background: #b8c7ce !important;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
  right: 0% !important;
  /* align right override */
}
#user-menu-toggle {
  padding-right: 5px !important;
}
/* for calendarDocList */
#calendar {
  transition: all;
}
#calendarDocList {
  height: 100%;
  transition: all;
}
#documentBoxBody {
  /* @since 2018-03-19 4.533 -jl- adjust to allow for nav scrolling. */
  /* @since 2018-10-04 4.568 -jl- ZHB1025: adjust height */
  word-wrap: break-word;
  padding: 0px !important;
}
/* Since 2018-08-14 4.568 -jl */
#documentBoxTools {
  float: right;
  position: relative;
  left: 0px;
  right: 0px;
  top: 0px;
}
#documentBoxHeader {
  padding: 5px 10px 5px 10px;
}
#documentBoxHeader h3 {
  padding-top: 6px;
}
#documentBoxFooter {
  background-color: #107E77;
  padding: 5px 10px 5px 0px;
}
#documentBoxFooter a {
  color: #fff;
  text-decoration: underline !important;
  /* 2021-02-17 -jl- T529 give this one back text deciration for wcag */
}
#documentBoxFooter a:hover,
#documentBoxFooter a:focus {
  color: #fff;
  border: 1px dotted #fff;
  outline: 2px dashed #fff;
  padding: 5px;
}
.fileExtIcon {
  padding: 0px 5px 0px 15px;
}
.fc-popover {
  font-size: 12px;
}
.popover {
  max-width: 500px !important;
  width: auto !important;
}
.popover-title {
  font-weight: 700;
}
/* @since 2018-05-02 4.546 -jl- ZHT403: adjust to allow for longer "Broadcasting" label. */
.popover-content {
  overflow-wrap: break-word;
  width: auto;
}
.popover-content > dl > dt {
  width: 100px !important;
  white-space: unset;
}
.popover-content > dl > dd {
  margin-left: 110px !important;
}
.popover-content .small {
  font-size: 12px !important;
}
.popover-content .groups {
  font-size: 12px !important;
}
.popover-content dl dt::after {
  content: "";
}
dl.upload {
  margin: 10px;
}
@media (min-width: 768px) {
  .popover-content.dl-horizontal dt {
    float: left;
    width: 80px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .popover-content.dl-horizontal dd {
    margin-left: 100px;
  }
}
.list-header {
  background-color: #eee;
  padding: 5px 10px;
}
#calClearFilterBtn {
  margin-left: 3px;
}
#advancedFilters {
  padding: 5px;
}
#calFilterContainer {
  padding: 5px 0px;
}
/* LP 42035294: compensate for scrollbar in fullCalendar. Note, in JS we adjust this based on OS */
.fc-button-active,
.fc-button:active {
  color: #333 !important;
  background-color: #e6e6e6 !important;
  border-color: #adadad !important;
}
.fc-button-primary {
  color: #333 !important;
  background-color: #e6e6e6 !important;
  border-color: #adadad !important;
}
td.fc-axis.fc-time > span,
.fc-week-number > span,
td.fc-list-item-time {
  color: black;
  background: white !important;
}
div.fc-row.fc-widget-header {
  margin-right: 14px;
  border-right: 1px solid #ddd !important;
}
div.fc-row.fc-week.fc-widget-content {
  margin-right: 14px;
  border-right: 1px solid #ddd !important;
}
.fc-mobile-scrollbar-compensate {
  margin-right: 0px !important;
  border-right: 0px !important;
}
/* .fc-scroller, .fc-time-grid-container{
 overflow:scroll !important;
}*/
/* end LP 42035294 */
.fc-lcms-filter-string {
  background-color: #C95001;
  color: #ffffff;
  padding: 0px 5px;
  border-radius: 2px;
  font-size: 14px;
  cursor: pointer;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #050506;
  background: #F0F0F2;
  border: 1px solid #107E77;
}
.datepicker .disabled {
  color: #F0F0F2 !important;
  cursor: not-allowed !important;
}
/* @since 2018-12-18 4.596 -jl- ZHB1262: use the LCMS color for the active date */
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  background: #107E77;
  color: #fff;
  border: 0px !important;
}
.fc-day-today {
  background: #F0F0F2 !important;
}
.fc-widget-header:first-of-type,
.fc-widget-content:first-of-type {
  border-left: 1px solid #ddd !important;
}
.fc-view-container {
  /*margin-top:35px;*/
}
.fc-widget-header:last-of-type,
.fc-widget-content:last-of-type {
  border-right: 1px solid #ddd !important;
}
.fc-day-number {
  font-size: 16px !important;
}
/* @since 2018-08-24 4.570 -jl- set to background-color:white for prev/next buttons  */
.fc-next-button,
.fc-next-button:active .fc-next-button:hover,
.fc-prev-button,
.fc-prev-button:active,
.fc-prev-button:hover {
  /*background-color: white !important; */
}
.fc-center h2 {
  /* fullCalendar's main date title */
  /* @since 2018-08-24 4.570 -jl- set to display:inline-block so the prev/next buttons line up */
  /* @since 2018-08-24 4.570 -jl- set to vertical-align:middle so the prev/next buttons line up */
  /* @since 2018-08-24 4.570 -jl- set to padding:0px 5px so the prev/next buttons have some space */
  font-size: 22px !important;
  display: inline-block;
  vertical-align: middle;
  padding: 0px 15px;
}
.fc-status .fc-event-title::before,
a[data-event-status]:not([data-event-status=""])::before {
  padding: 0px 2px;
  font-weight: 800;
  background-color: #FFFFFF;
  color: #000000;
  margin-right: 1px;
  border-radius: 10px;
  border: 1px solid black;
  content: attr(data-event-status);
}
/* @since 2018-08-24 4.570 -jl- new toggle button custom active style */
#documentPanelToggle.active {
  background-color: #107E77;
  border-color: #107E77;
  color: white;
  box-shadow: inset 0 3px 5px #333;
}
.fc-toolbar {
  padding: 0px !important;
}
.fc-clear {
  margin-top: 5px !important;
  clear: both;
}
.fc-lcms-tools {
  padding-top: 5px;
}
.fc-event-status {
  padding: 1px 1px;
  font-weight: 400;
  background-color: #FFFFFF;
  color: #000000;
  margin-right: 0px;
}
.fc-time {
  font-size: smaller !important;
  white-space: normal !important;
}
.invert {
  background-color: #000000;
  color: #FFFFFF;
}
/* @since 2018-04-05 4.541 -jl- New labels. */
.fc-event-status-label {
  font-weight: 400;
}
.info-label {
  display: table;
  padding: 5px;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 400;
}
#info-tentative-label {
  display: inline;
  margin-left: 15px;
  margin-bottom: 2px;
}
#info-conflict-label {
  display: none;
}
.pill-label {
  font-weight: 400;
  border-radius: 15px;
}
.fc-popover-close {
  float: right;
  top: 10px;
  position: absolute;
  right: 10px;
}
.cke_wysiwyg_frame {
  min-height: auto !important;
}
iframe {
  /* 2018-08-06 -jl- modify min-height from 70vh to 100% */
  /* 2018-10-04 -jl- ZHB1025: adjust min-height */
  /* 2021-03-04 -aam- ID1-T11: Give iframes full height */
  /* 2021-03-23 -jl- T529 border 0px */
  border: 0px;
  box-sizing: border-box;
  /*overflow: auto;*/
  /*-webkit-overflow-scrolling: touch !important;*/
}
/* 2022-05-17 -jl- i1280 give Austin a way to override dimensions */
iframe:not(.override) {
  width: 100% !important;
  height: 100vh;
}
.lcms-tab-panes,
.tab-pane {
  /*height: 100% !important;*/
}
.bordered-pane {
  border: 1px solid #ccc;
  margin-top: 15px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: auto !important;
  /* @since 2018-10-04 4.568 -jl- ZHB1025: adjust min-height
 min-height: calc(~"100vh - 170px") !important;*/
  -webkit-overflow-scrolling: touch !important;
}
.bordered-pane h3 {
  margin-top: 5px;
}
/* 2021-04-15 -aam- FP1-T3: Apply same margin change to tab-pane without border */
.tab-pane h3 {
  margin-top: 5px;
}
.tabSubtitle {
  color: #333;
}
/* LCMS INFO SCREENS */
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
/*.dropdown-submenu:hover>.dropdown-menu{display:block;}*/
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.info-screen-navbar .navbar-nav .btn.btn-box-tool {
  font-size: 16px;
  padding-top: 0;
  padding-bottom: 0;
}
.navbar.info-screen-navbar {
  margin-bottom: 0;
  border-top: 0px !important;
  min-height: 0;
}
.navbar.info-screen-navbar .container-fluid {
  padding-left: 8px !important;
}
/* Old selector: .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header (media < 768) */
.info-screen-navbar .pull-right {
  margin-left: 0;
  margin-right: 0;
}
.info-screen-navbar .navbar-nav > li > a,
.info-screen-navbar .dropdown-menu > li > a {
  color: #444;
  /* old: 777 */
  text-decoration: none!important;
}
.info-screen-navbar .btn-box-tool,
.info-screen-navbar .navbar-toggle {
  color: #444;
}
/* 2021-03-16 -aam- IS1-T25: Materials toggle and container styling */
.materials-toggle {
  padding: 0px 5px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #fff;
  border: 1px solid #bababa;
  border-radius: 7px;
  background-color: transparent;
  outline: none;
  font-size: 16px;
}
.materials-toggle[aria-expanded="false"] {
  background-color: #fff;
  color: #107E77;
}
.materials-toggle > .fa {
  padding-left: 3px;
}
#mat-container {
  padding-left: 7px;
  padding-right: 7px;
  word-wrap: break-word;
  transition: all 0.3s;
}
#mat-container > * .box-title,
#calendarDocList > * .box-title {
  font-size: 16px;
}
#mat-container > .box {
  border: solid #d2d6de;
  border-width: 3px 1px 1px 1px;
}
#mat-container > * .list-group-item.bg-lcms-aqua {
  padding: 7px 15px;
}
#mat-body {
  padding-top: 8px;
}
#infoColumn {
  padding-left: 7px;
  padding-right: 7px;
  height: auto;
  /* 2022-06-30 -jl- inb-i1318 */
  overflow: auto;
}
/* @since 2018-04-17 4.542 -jl- begin building related-info screens. info-pills are the tab controllers */
.info-pills {
  margin: 15px 0px 15px 15px;
}
.info-pills li {
  padding-right: 10px;
}
.info-pills li a {
  padding: 0px 10px 0px 0px;
  border-top: unset;
  color: #1669A7;
  background-color: #FFF;
}
.info-pills li a:hover {
  background-color: #FFF;
}
.info-pills li:not(:last-child) a {
  border-right: 1px dotted #999;
}
.info-pills > li.active > a {
  color: #4D505B;
  background-color: #FFF;
  border-top: unset;
}
.info-pills > li.active > a:hover {
  color: #4D505B;
  background-color: #FFF;
}
.info-pills > li.active > a:focus {
  color: #4D505B;
  background-color: #FFF;
}
.info-pills #close_info_tab {
  /*margin-right: 15px;*/
}
#info_left_col,
#info_right_col {
  padding-right: 0px;
  padding-left: 0px !important;
}
#tabDiv {
  padding-right: 0px;
}
#infoTitleBarLTE {
  padding: 5px 5px 5px 15px;
  background-color: #107E77;
  color: white;
  border-bottom: 0px;
  display: flex;
  min-height: 34px;
}
#infoTitleBarLTE > h3 {
  line-height: 1.3;
  font-size: 16px !important;
  align-self: center;
}
#infoBody span.ynMain {
  transform: translate(-50%, -20%);
}
.info-tab-label {
  font-weight: normal;
  position: absolute;
  padding: 2px 3px;
  line-height: 0.9;
  right: 0px;
  top: 3px;
}
/* END LCMS INFO SCREENS */
.dataTables_scrollBody > table > thead {
  visibility: collapse !important;
}
th.vertBottom {
  vertical-align: bottom !important;
}
.dataTables_sizing .wrappable {
  background-color: #107E77;
  color: white;
}
.dataTables_sizing .column {
  background-color: #107E77;
  color: white;
}
table.dataTable > thead > tr {
  background-color: #107E77;
  color: #fff;
}
table.dataTable > thead > tr > th.sorting {
  color: #fff;
}
table.responsive {
  width: 100% !important;
}
#all_courses_checkbox {
  padding-left: 15px;
}
.dataTables_processing {
  z-index: 9999999;
  width: 400px;
  padding: 20px;
  background-color: black;
  color: white;
  opacity: 0.5;
}
.no-left-pad {
  padding-left: 0px !important;
}
.no-right-pad {
  padding-right: 0px !important;
}
.lcms-dt-tools-left {
  display: inline;
  position: absolute !important;
  margin-left: 10px !important;
}
.lcms-dt-tools-right {
  margin-bottom: 3px !important;
}
.dt-toggle-vis {
  width: 325px;
  white-space: normal !important;
}
.dataTable th {
  font-weight: normal !important;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before {
  content: '' !important;
  display: none !important;
}
table.dataTable thead .sorting::after {
  opacity: 0.5 !important;
  font-family: "FontAwesome";
  content: ' \f07d' !important;
  top: 35% !important;
  position: static !important;
  display: inline !important;
  margin-left: 5px;
}
table.dataTable thead .sorting_asc::after {
  opacity: 1 !important;
  font-family: "FontAwesome";
  content: ' \f160' !important;
  top: 35% !important;
  position: static !important;
  display: inline !important;
  margin-left: 5px;
}
table.dataTable thead .sorting_desc::after {
  opacity: 1 !important;
  font-family: "FontAwesome";
  content: ' \f161' !important;
  top: 35% !important;
  position: static !important;
  display: inline !important;
  margin-left: 5px;
}
th.col-fixed {
  background-color: #107e77;
}
td.col-fixed {
  background-color: #fff;
}
.col-fixed {
  left: 0px;
  z-index: 10;
  position: sticky !important;
}
.row-fixed {
  z-index: 10;
  position: sticky;
}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
  position: relative;
  right: unset;
  margin-left: 10px;
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #0d635d url(../../images/cd-top-arrow.svg) no-repeat center 50%;
  color: #FFF;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
  margin-bottom: 75px;
  z-index: 1000;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 0.5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
.badge-lcms-red {
  background-color: #D63924 !important;
  color: #fff !important;
  vertical-align: top !important;
}
.border-purple {
  border-color: #520893;
}
.border-black {
  border: 1px solid;
  border-color: #050506 !important;
}
.border-gray-dark1 {
  border: 1px solid;
  border-color: #32343B !important;
}
.border-gray-dark2 {
  border: 1px solid;
  border-color: #4D505B !important;
}
.border-gray-mid1 {
  border: 1px solid;
  border-color: #9094A1 !important;
}
.border-gray-mid2 {
  border: 1px solid;
  border-color: #C5C7CE !important;
}
.border-gray-lite1 {
  border: 1px solid;
  border-color: #F0F0F2 !important;
}
.border-gray-lite2 {
  border: 1px solid;
  border-color: #FAFAFB !important;
}
.border-aqua {
  border: 1px solid;
  border-color: #107E77 !important;
}
.border-aqua-lite {
  border: 1px solid;
  border-color: #67C6BF !important;
}
.border-yellow {
  border: 1px solid;
  border-color: #F4AC42 !important;
}
.border-blue {
  border: 1px solid;
  border-color: #1669A7 !important;
}
.text-lcms-black {
  color: #050506;
}
.text-lcms-gray-dark1 {
  color: #32343B;
}
.text-lcms-gray-dark2 {
  color: #4D505B;
}
.text-lcms-gray-mid1 {
  color: #9094A1;
}
.text-lcms-gray-mid2 {
  color: #C5C7CE;
}
.text-lcms-gray-lite1 {
  color: #F0F0F2;
}
.text-lcms-gray-lite2 {
  color: #FAFAFB;
}
.text-lcms-aqua {
  color: #107E77;
}
.text-lcms-aqua-lite {
  color: #67C6BF;
}
.text-lcms-yellow {
  color: #F4AC42;
}
.text-lcms-blue {
  color: #1669A7;
}
.text-lcms-purple {
  color: #520893;
}
.text-lcms-green-lite {
  color: #407C03;
}
.text-10 {
  font-size: 10px !important;
}
.btn-lcms-black {
  background-color: #050506;
  color: #fff;
  border-color: #000000 !important;
}
.btn-lcms-gray-dark1 {
  background-color: #32343B;
  color: #fff;
  border-color: #26282d !important;
}
.btn-lcms-gray-dark2 {
  background-color: #4D505B;
  color: #fff;
  border-color: #41444d !important;
}
.btn-lcms-gray-mid1 {
  background-color: #9094A1;
  color: #fff;
  border-color: #828795 !important;
}
.btn-lcms-gray-mid2 {
  background-color: #C5C7CE;
  color: #fff;
  border-color: #b7bac2 !important;
}
.btn-lcms-gray-lite1 {
  background-color: #F0F0F2;
  color: #fff;
  border-color: #e2e2e6 !important;
}
.btn-lcms-gray-lite2 {
  background-color: #FAFAFB;
  color: #fff;
  border-color: #ececf0 !important;
}
.btn-lcms-aqua {
  background-color: #107E77;
  color: #fff;
  border-color: #0d6762 !important;
}
.btn-lcms-aqua-lite {
  background-color: #67C6BF;
  color: #fff;
  border-color: #54bfb7 !important;
}
.btn-lcms-yellow {
  background-color: #F4AC42;
  color: #fff;
  border-color: #f3a12a !important;
}
.btn-lcms-blue {
  background-color: #1669A7;
  color: #fff;
  border-color: #135b90 !important;
}
.btn-lcms-purple {
  background-color: #520893;
  color: #fff !important;
  border-color: #45077b !important;
}
.btn-lcms-purple :hover {
  background: #5f09ab !important;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
  color: #fff !important;
  border-color: #fff !important;
  outline: 2px #fff dashed;
}
.bg-primary {
  background-color: #1669A7;
  color: #fff;
}
.bg-success {
  background-color: #407C03;
  color: #fff;
}
.bg-info {
  background-color: #32343B;
  color: #fff;
}
.bg-warning {
  background-color: #C95001;
  color: #fff;
}
.bg-danger {
  background-color: #D63924;
  color: #fff;
}
.bg-lcms-black {
  background-color: #050506 !important;
}
.bg-lcms-gray-dark1 {
  background-color: #32343B !important;
}
.bg-lcms-gray-dark2 {
  background-color: #4D505B !important;
}
.bg-lcms-gray-mid1 {
  background-color: #9094A1 !important;
}
.bg-lcms-gray-mid2 {
  background-color: #C5C7CE !important;
}
.bg-lcms-gray-lite1 {
  background-color: #F0F0F2 !important;
}
.bg-lcms-gray-lite2 {
  background-color: #FAFAFB !important;
}
.bg-lcms-aqua {
  background-color: #107E77 !important;
  color: #fff !important;
}
.bg-lcms-aqua-lite {
  background-color: #67C6BF !important;
}
.bg-lcms-orange {
  background-color: #F48342 !important;
}
.bg-lcms-orange-brown {
  background-color: #050506 !important;
}
.bg-lcms-brown {
  background-color: #050506 !important;
}
.bg-lcms-brown-lite {
  background-color: #8B572A !important;
}
.bg-lcms-red {
  background-color: #D63924 !important;
}
.bg-lcms-green {
  background-color: #0B5921 !important;
}
.bg-lcms-green-lite {
  background-color: #407C03 !important;
}
.bg-lcms-yellow {
  background-color: #F4AC42 !important;
}
.bg-lcms-blue {
  background-color: #1669A7 !important;
}
.bg-lcms-blue-dark {
  background-color: #194D6E !important;
}
.bg-lcms-blue-ocean {
  background-color: #347AA6 !important;
}
.bg-lcms-purple,
.label-purple {
  background-color: #520893 !important;
}
.bg-lcms-purple-lite {
  background-color: #9A3BED !important;
}
.bg-lcms-pink {
  background-color: #C141A8 !important;
}
.bg-lcms-red-dark {
  background-color: #A63946 !important;
}
.btn-lcms-gray-dark2:hover,
.btn-lcms-gray-dark2:active,
.btn-lcms-gray-dark2:focus {
  background: #41444d !important;
  color: #ffffff !important;
}
/* 2023-03-13 -aam- INB-I1505: Add focus class */
.btn-lcms-aqua:hover,
.btn-lcms-aqua:active,
.btn-lcms-aqua:focus,
.btn-lcms-aqua.focus {
  background: #0d6762 !important;
  color: #ffffff !important;
}
.btn-lcms-blue:hover,
.btn-lcms-blue:active,
.btn-lcms-blue:focus {
  background: #135b90 !important;
  color: #ffffff !important;
}
.btn-box-tool {
  font-size: 14px !important;
  color: #4D505B !important;
}
.btn-box-tool :hover,
.btn-box-tool :active {
  color: #000 !important;
}
.btn-box-tool-white {
  font-size: 14px !important;
  color: #FFF !important;
}
.btn-box-tool-white :hover,
.btn-box-tool-white :active {
  color: #F0F0F2 !important;
}
.btn-box-tool-white .fa-caret-down {
  margin-left: 2px;
}
.btn-box-tool-group {
  margin-top: 20px;
}
.btn-box-tool-group .btn {
  border: 1px solid #F0F0F2 !important;
}
.btn-text-left {
  text-align: left !important;
  white-space: normal;
}
tr.indicator {
  border: 3px solid #107E77;
}
.dt-colvis {
  border-top: 1px dotted lightgrey;
  background-color: #eee;
  padding-left: 45px;
}
.lcms-report-toolbar,
.dt-toolbar {
  margin-bottom: 5px !important;
  min-height: 30px !important;
}
.lcms-report-toolbar .navbar-nav > li > a:hover,
.dt-toolbar .navbar-nav > li > a:hover {
  background-color: #e7e7e7;
}
.lcms-report-toolbar .navbar-nav > li > a,
.dt-toolbar .navbar-nav > li > a {
  padding: 5px 10px;
  line-height: 24px;
  color: #4D505B;
}
.lcms-report-toolbar .navbar-nav > li > a .label,
.dt-toolbar .navbar-nav > li > a .label {
  background-color: #C95001 !important;
  color: #fff !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  top: 1px !important;
  right: 1px !important;
  position: absolute;
  line-height: 0.9;
  text-align: center;
  padding: 2px 3px;
}
.lcms-report-toolbar .navbar-toggle,
.dt-toolbar .navbar-toggle {
  color: #777;
}
.report-title {
  margin-top: 0px;
}
.report-filter-form {
  padding: 15px 15px;
  margin-bottom: 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.item-indicator {
  display: inline-block;
  height: 19px;
  width: 7px;
  margin-bottom: -4px;
  margin-right: 5px;
}
.item-indicator-red {
  background-color: #D63924;
}
.item-indicator-orange {
  background-color: #F48342;
}
.profile-user-img {
  /*  pretty sure there are existing styles for this selector somewhere. These should be added to ensure the image is always
    a circle, even if the original isn't square. */
  /* 2021-01-04 -aam- IS1-T16: Increase width */
  object-fit: cover;
  /* 2021-01-04 -aam- IS1-T16: Increase width */
  width: 250px;
  /* 2022-07-07 -jl- GRA-T93 no margin (portrait already does this explicitly) */
  margin: 0px;
  display: inline-block;
  background-color: white;
}
.profile-user-img.tiny {
  width: 25px;
  border-width: 1px;
  padding: 1px;
}
.profile-user-img.small {
  width: 50px;
  border-width: 1px;
  padding: 1px;
}
.profile-user-img.large {
  width: 100px;
  border-width: 1px;
  padding: 1px;
}
.profile-user-img.hover-enlarge:hover {
  transform: scale(3);
}
.inbox-avatar-wrap {
  display: inline-block;
  margin: -3px 20px 0px 0px;
  height: 18px;
  overflow: visible;
}
.mailbox-announcement-checkbox {
  margin-right: 20px;
}
#rptHeader .header .hide-rpt-header {
  /* Use this class to hide a report column header. Better than doing style=display:none, which would hide it in
    the edit report screen as well. This will only hide it on the report. */
  display: none;
}
input.disabled {
  color: #999;
  border: 1px dashed #ccc;
}
.paginate_button.disabled > a {
  color: #4D505B !important;
}
.report-row-disabled {
  color: #9094A1;
}
/* @since 2018-01-10 4.515 -ds- LP 42037866: Fix centering of My Portrait button */
.my-portrait-button-container {
  padding-left: 0px;
  padding-right: 0px;
}
.tooltip.show {
  opacity: 0.9;
}
/* 2022-03-25 -jl- inb-i1246 add height */
#content {
  height: 100%;
}
/* 2020-10-12 -aam- PF1-T1: Add sidenav styling */
/* 2020-10-30 -aam- IS1-T4: Add sidenav treeview styling */
.sidenav {
  z-index: 1;
}
.sidenav-menu {
  list-style: none;
  padding: 0;
}
.sidenav-menu > li {
  position: relative;
  background: #F7F7F7;
  padding: 0;
}
.sidenav-menu > li > a,
.sidenav-menu > .treeview > .treeview-menu > li > a,
.sidenav-menu > .treeview > .treeview-menu > .treeview > .treeview-menu > li > a,
.sidenav-menu > .treeview > .treeview-menu > .treeview > .treeview-menu > .treeview > .treeview-menu > li > a {
  padding: 10px 5px 10px 10px;
  display: block;
  border-left: 6px solid transparent !important;
  color: #000000 !important;
  line-height: 1;
}
.sidenav-menu > li:hover > a,
.sidenav-menu > li.active > a,
.sidenav-menu > li > a.active {
  color: #fff !important;
  background: #707484 !important;
  border-left: 6px solid #107E77 !important;
}
.sidenav-menu > .treeview > .treeview-menu > li:hover > a,
.sidenav-menu > .treeview > .treeview-menu > li.active > a,
.sidenav-menu > .treeview > .treeview-menu > li > a.active {
  border-left-color: #107E77 !important;
}
.sidenav-menu > .treeview > .treeview-menu > .treeview > .treeview-menu > li:hover > a,
.sidenav-menu > .treeview > .treeview-menu > .treeview > .treeview-menu > li > a.active {
  border-left-color: #67C6BF !important;
}
.nav-content {
  padding: 10px 10px 0px 10px;
}
.info-content {
  padding: 15px;
  overflow: auto;
  background-color: #fff;
}
/* 2022-03-25 -jl- inb-i1246 add height */
/* 2022-04-02 -amb- inb-i1248 revert change */
/*#content{
  height:100%;
}*/
/* 2021-02-16 -aam- Always pad box-title, and add info screen hamburger styling */
/* 2021-03-23 -aam- Add right padding to account for materials button */
#infoTitleBarLTE > .box-title {
  padding-left: 30px;
  padding-right: 95px;
}
#apTitleBar > .box-title {
  padding-left: 45px;
  margin: 0px 3px;
}
.portrait-title-bar > .box-title {
  padding-left: 45px;
  margin: 0px 3px;
}
.text-block {
  display: flex;
  padding: 5px;
}
#sidenavCollapse {
  /* 2021-03-05 -jl- T529 adjust so focus doesnt reveal weird margins */
  display: block;
  position: absolute;
  bottom: 6px;
  padding: 1px 3px;
}
#sidenavCollapse:focus-visible,
#sidenavCollapse:focus {
  background-color: #fff !important;
  color: #107E77 !important;
}
#content-navbar {
  width: 100%;
  padding: 0px;
  overflow: hidden;
}
.navbar-collapse {
  width: 100%;
  padding: 0px;
  overflow: hidden;
}
.info-wrapper {
  width: 100%;
  align-items: stretch;
  padding-top: 5px;
}
.info-content-wrapper {
  width: 100%;
  background-color: #fff;
}
/* 2021-02-01 -aam- Remove padding and add min width */
#genContent {
  padding-left: 0px;
  min-width: 345px;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
#apTitleBar {
  height: 30px;
  background-color: #107E77;
  color: white;
  padding: 1px;
}
.portrait-title-bar {
  position: relative;
  height: 30px;
  background-color: #107E77;
  color: white;
  padding: 1px;
}
.required:before {
  font-family: "FontAwesome";
  content: ' \f069';
  color: red;
  font-size: smaller;
  padding-right: 5px;
}
.portrait-documents > .col-sm-4 > .list-group-item {
  padding-right: 45px;
}
.report-wrapper {
  padding-bottom: 50px;
}
.ap-trophy {
  color: #d8a322;
  font-size: 50px;
  position: absolute;
  top: -20px;
  right: 0;
  z-index: 1;
}
.portrait-burger {
  display: block;
  position: absolute;
  top: 4px;
  left: 10px;
  padding: 1px 3px;
}
.portrait-burger:focus-visible,
.portrait-burger:focus {
  padding: 1px 3px;
}
.triangle-down {
  position: relative;
  top: 14px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid red;
}
.triangle-up {
  position: relative;
  bottom: 14px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid green;
}
.score-label {
  font-size: 14px;
  font-weight: 400;
}
/* 2022-09-30 -aam- INB-T572: Wrap list item text and add smaller list group and panel styling */
.list-group-item {
  word-wrap: break-word;
}
.list-group-item-small {
  padding: 3px 10px;
}
.panel-group-small > .panel > .panel-heading {
  padding: 5px 10px;
}
.panel-group-small > .panel > .panel-body {
  padding: 15px 0px 0px;
}
.select2 {
  width: 100% !important;
}
.select2-selection {
  border: 1px solid #ccc !important;
  border-radius: 2px !important;
  min-height: 34px !important;
  padding: 3px 6px;
  overflow: hidden !important;
}
@media (max-width: 415px) {
  .tab-pane > iframe.alt {
    height: calc(100vh - 110px);
  }
}
/* 2020-10-30 -aam- IS1-T4: Add sidenav submenu styling */
.sidenav-menu > .treeview > .treeview-menu,
.sidenav-menu > .treeview > .treeview-menu > .treeview > .treeview-menu {
  padding-left: 8px;
  background: #F7F7F7 !important;
}
@media (min-width: 768px) {
  .info-screen-navbar .navbar-nav > li > a {
    padding: 5px 5px 5px 5px;
  }
  #info-nav-collapse {
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  #iTabID_work {
    overflow-y: auto;
    max-height: 82vh;
  }
}
@media (max-width: 991px) {
  body#infoBody {
    overflow: hidden;
  }
  #iTabID_work {
    overflow-y: auto;
    max-height: 82vh;
  }
  #genContent {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .tab-pane > iframe.alt {
    height: calc(100vh - 50px);
  }
  .sidebar {
    overflow: auto;
    padding-bottom: 10px;
  }
  .sidenav {
    width: 170px;
    height: calc(100vh - 90px);
    background-color: #F7F7F7;
    margin-top: 0px;
  }
  .sidenav.ap {
    overflow: auto;
    height: calc(100vh - 40px);
  }
  #sidenavCollapse {
    color: #107E77;
    background-color: #fff;
  }
  #sidenavCollapse.collapsed {
    color: #fff;
    background-color: #107E77;
  }
  /* 2021-04-15 -aam- FP1-T3: Adjust transition effect to work outside of iframe */
  #infoMenuBarLTE {
    visibility: visible;
    opacity: 1;
    height: 100%;
    min-width: 170px;
    max-width: 170px;
    margin-left: 0px;
    transition: all 0.3s;
  }
  #infoMenuBarLTE.active {
    visibility: hidden;
    opacity: 0;
    min-width: 0;
    max-width: 0;
    transition: all 0.3s;
  }
  #infoMenuBarLTE.alt {
    height: calc(100vh - 40px);
  }
  .sidenav.portrait {
    visibility: visible;
    opacity: 1;
    height: 100%;
    min-width: 170px;
    max-width: 170px;
    margin-left: 0px;
    transition: all 0.3s;
  }
  .sidenav.portrait.active {
    visibility: hidden;
    opacity: 0;
    min-width: 0;
    max-width: 0;
    transition: all 0.3s;
  }
  #info-sidebar {
    height: 100%;
  }
  #info-sidebar-alt {
    height: 100%;
  }
  .nav-content {
    width: 100%;
    overflow: auto;
  }
  /* 2021-02-16 -aam- Remove left margin, add width and transition */
  .info-content {
    width: 100%;
    transition: all 0.3s;
  }
  #content-navbar {
    height: 100% !important;
  }
  .navbar-collapse {
    height: 100% !important;
  }
  /* 2021-03-24 -aam- IS1-T25: Remove tab-content left margin */
  .info-wrapper {
    display: flex;
    background-color: #F7F7F7;
  }
  #info-wrapper {
    height: calc(100vh - 85px);
  }
  #info-wrapper.alt,
  .info-wrapper.alt {
    display: flex;
    height: calc(100vh - 40px);
  }
  #ap-wrapper {
    height: calc(100vh - 35px);
  }
  .portrait-burger {
    color: #107E77;
    background-color: #fff;
  }
  .portrait-burger:hover,
  .portrait-burger:focus-visible,
  .portrait-burger:focus {
    background-color: #107E77 !important;
    color: #fff !important;
  }
  .portrait-burger.collapsed {
    color: #fff;
    background-color: #107E77;
  }
  .portrait-burger.collapsed:hover,
  .portrait-burger.collapsed:focus-visible,
  .portrait-burger.collapsed:focus {
    background-color: #fff !important;
    color: #107E77 !important;
  }
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
  #content-frame {
    height: calc(100vh - 125px);
  }
  #content-frame.alt {
    height: calc(100vh - 80px);
  }
  .lg-view {
    display: block !important;
  }
  .sm-view {
    display: none !important;
  }
}
@media (max-width: 767px) {
  /* 2018-06-21 -jl-  add back in padding for collapsed report screen subnav */
  /* 2022-01-31 -aam- PM2-T1: Move report toolbar padding from max width 370 to here */
  .lcms-report-toolbar .container-fluid,
  .dt-toolbar .container-fluid {
    padding-left: 15px;
  }
  .lcms-report-toolbar .navbar-collapse,
  .dt-toolbar .navbar-collapse {
    padding-left: 15px;
  }
  .tab-pane > iframe.alt {
    height: calc(100vh - 50px);
  }
  .sidebar {
    padding-bottom: 0px;
  }
  .sidenav {
    width: 100%;
    height: auto;
    margin-top: 25px;
  }
  /* 2021-02-01 -aam- Need larger top margin on academic portrait */
  .sidenav.ap {
    margin-top: 35px;
  }
  #sidenavCollapse {
    color: #fff;
    background-color: #107E77;
  }
  #sidenavCollapse.collapsed {
    color: #107E77;
    background-color: #fff;
  }
  #infoMenuBarLTE {
    min-width: 100%;
    max-width: 100%;
    margin-top: 0px;
  }
  .sidenav.portrait {
    min-width: 100%;
    max-width: 100%;
    margin-top: 0px;
  }
  #info-sidebar,
  #info-sidebar-alt {
    max-height: none;
  }
  .nav-content,
  .info-content {
    margin: 0px;
  }
  #content-navbar {
    height: auto;
  }
  .navbar-collapse {
    height: auto;
  }
  .tab-content {
    margin-left: 0px;
  }
  .info-wrapper {
    display: block;
    overflow: auto;
    background-color: #fff;
  }
  #info-wrapper {
    height: calc(100vh - 85px);
  }
  #ap-wrapper {
    height: calc(100vh - 35px);
  }
  .portrait-burger {
    color: #107E77;
    background-color: #fff;
  }
  .portrait-burger:hover,
  .portrait-burger:focus-visible,
  .portrait-burger:focus {
    background-color: #107E77 !important;
    color: #fff !important;
  }
  .portrait-burger.collapsed {
    color: #fff;
    background-color: #107E77;
  }
  .portrait-burger.collapsed:hover,
  .portrait-burger.collapsed:focus-visible,
  .portrait-burger.collapsed:focus {
    background-color: #fff !important;
    color: #107E77 !important;
  }
  #info-wrapper.alt {
    overflow: auto;
    height: calc(100vh - 40px);
  }
  #genContent.info_left_col_content {
    display: block;
    max-height: none;
    overflow: hidden;
  }
  #content-frame {
    height: calc(100vh - 150px);
  }
  #content-frame.alt {
    height: calc(100vh - 95px);
  }
  .sm-view {
    display: block !important;
    padding-left: 0px !important;
  }
  .lg-view {
    display: none !important;
  }
}
/* 2020-10-30 -aam- IS1-T4: Add sidenav submenu styling */
.sidenav-menu > .treeview > .treeview-menu,
.sidenav-menu > .treeview > .treeview-menu > .treeview > .treeview-menu {
  padding-left: 8px;
  background: #F7F7F7 !important;
}
@media (min-width: 768px) {
  .info-screen-navbar .navbar-nav > li > a {
    padding: 5px 5px 5px 5px;
  }
  #info-nav-collapse {
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  #iTabID_work {
    overflow-y: auto;
    max-height: 82vh;
  }
}
@media (max-width: 991px) {
  body#infoBody {
    overflow: hidden;
  }
  #iTabID_work {
    overflow-y: auto;
    max-height: 82vh;
  }
}
/* @since 2017-10-26 4.498 -jl- drop nav padding for sm screen */
@media (max-width: 370px) {
  /* 2021-03-05 -aam- Lower padding to 8px, right icons were dropping to a new row */
  .nav > li > a {
    line-height: 10px !important;
    padding: 15px 8px !important;
  }
  /* 2021-01-28 -aam- Styling for mobile menu */
  .nav > li > a.sm-view {
    padding-left: 0px !important;
    padding-right: 7px !important;
  }
  .info-pills {
    margin: 15px 0px 15px 5px;
  }
  .info-pills li {
    padding-right: 5px;
  }
  /* Make close button flow better on mobile */
  .info-pills > .pull-right {
    margin-left: -5px;
    padding-top: 9px;
  }
}
/* Hide the SYSNAME output in Nav-bar if screen is less than 700px */
@media (max-width: 770px) {
  .navbar-brand:not(.portal-brand) {
    display: none !important;
  }
}
/* @since 2018-08-08 4.563 -jl- Hide the Info screen left-column details if screen is less than 700px */
@media (max-width: 768px) {
  .info_left_col_content {
    display: none;
  }
}
@media (min-width: 785px) {
  .hide-md {
    display: none !important;
  }
}
@media (max-width: 785px) {
  .nav-icon-label {
    display: none !important;
  }
  .nav li a {
    padding-right: 8px;
    padding-left: 8px;
  }
  footer .row .footer-col:nth(2) {
    display: none;
  }
  footer .row .footer-col:nth(3) {
    display: none;
  }
  .fc-left {
    float: initial !important;
    display: inline-block;
  }
  .fc-right {
    float: initial !important;
    display: inline-block;
  }
}
@media (max-width: 925px) {
  .nav-option-tab-label {
    display: none !important;
  }
}
@media (max-width: 1px) {
  .navbar .main-header {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  #IDaction {
    height: unset !important;
  }
  #calendar {
    height: 90vh !important;
  }
}
@media only screen and (min-width: 768px) {
  .cd-top {
    bottom: -50px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    bottom: -50px;
  }
}
/* @since 2019-07-10 4.620 -jl- INB-T404: on small screens, let Leo logo drop to bottom so does not float over */
@media only screen and (max-height: 768px) {
  .login-leo-logo {
    position: relative;
  }
  .login-page-right,
  .login-page-left {
    margin: 0px !important;
  }
}
@media only screen and (max-width: 400px) {
  .login-leo-logo {
    position: relative;
  }
  .login-page-right,
  .login-page-left {
    margin: 0.5% auto !important;
    float: unset;
  }
}
/* @since 2018-02-16 4.527 -jl- per fitz, allow cleaner browser printing */
@media print {
  a:link:after,
  a:visited:after {
    display: none;
    content: none;
  }
  .fc-lcms-tools {
    display: none;
    content: none;
  }
  footer > .row > .col-xs-6:nth-child(-n+3) {
    display: none;
  }
  .footer-logo {
    max-height: 60px !important;
    max-width: 200px !important;
  }
  ul.summaryEvalStats {
    display: block;
    vertical-align: unset;
  }
}
.nowrap {
  white-space: nowrap;
}
.deleted-row {
  color: #9094A1;
}
#bulkSelectAll {
  margin-right: 10px;
}
.bulkAction {
  margin-top: 5px;
}
table.dataTable > tbody > tr.selected > *:not(button):not([class~=fa]) {
  background-color: #F0F0F2 !important;
  box-shadow: unset!important;
  color: black !important;
}
table.dataTable > tbody > tr > td.select-checkbox:before,
table.dataTable > tbody > tr > th.select-checkbox:before {
  font-family: "FontAwesome";
  content: ' \f096';
  margin-right: 15px;
}
table.dataTable > tbody > tr.selected > td.select-checkbox:before,
table.dataTable > tbody > tr.selected > th.select-checkbox:before {
  font-family: "FontAwesome";
  content: ' \f046';
}
span.select-info {
  margin-left: 10px;
}
span.select-info:before {
  content: '(';
}
span.select-info:after {
  content: ')';
}
@media screen and (max-width: 640px) {
  div.dataTables_wrapper span.select-info,
  div.dataTables_wrapper span.select-item {
    margin-left: 0;
    display: block;
  }
}