/* new could would be #daecf1; old color is #ccc */
/* new could would be #daecf1; old color is #ccc */
/* new color would be #fafafa; f5f1f1 is old*/
/* #666 was new; old was #575757; */
/*!
 * Bootstrap Colorpicker v2.3.3
 * http://mjolnic.github.io/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */
.colorpicker-saturation {
  width: 100px;
  height: 100px;
  background-image: url("../img/bootstrap-colorpicker/saturation.png");
  cursor: crosshair;
  float: left;
}
.colorpicker-saturation i {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}
.colorpicker-saturation i b {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.colorpicker-hue,
.colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}
.colorpicker-hue i,
.colorpicker-alpha i {
  display: block;
  height: 1px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}
.colorpicker-hue {
  background-image: url("../img/bootstrap-colorpicker/hue.png");
}
.colorpicker-alpha {
  background-image: url("../img/bootstrap-colorpicker/alpha.png");
  display: none;
}
.colorpicker-saturation,
.colorpicker-hue,
.colorpicker-alpha {
  background-size: contain;
}
.colorpicker {
  padding: 4px;
  min-width: 130px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 2500;
}
.colorpicker:before,
.colorpicker:after {
  display: table;
  content: "";
  line-height: 0;
}
.colorpicker:after {
  clear: both;
}
.colorpicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.colorpicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.colorpicker div {
  position: relative;
}
.colorpicker.colorpicker-with-alpha {
  min-width: 140px;
}
.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
  display: block;
}
.colorpicker-color {
  height: 10px;
  margin-top: 5px;
  clear: both;
  background-image: url("../img/bootstrap-colorpicker/alpha.png");
  background-position: 0 100%;
}
.colorpicker-color div {
  height: 10px;
}
.colorpicker-selectors {
  display: none;
  height: 10px;
  margin-top: 5px;
  clear: both;
}
.colorpicker-selectors i {
  cursor: pointer;
  float: left;
  height: 10px;
  width: 10px;
}
.colorpicker-selectors i + i {
  margin-left: 3px;
}
.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
  display: inline-block;
  cursor: pointer;
  height: 16px;
  vertical-align: text-top;
  width: 16px;
}
.colorpicker.colorpicker-inline {
  position: relative;
  display: inline-block;
  float: none;
  z-index: auto;
}
.colorpicker.colorpicker-horizontal {
  width: 110px;
  min-width: 110px;
  height: auto;
}
.colorpicker.colorpicker-horizontal .colorpicker-saturation {
  margin-bottom: 4px;
}
.colorpicker.colorpicker-horizontal .colorpicker-color {
  width: 100px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue,
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  width: 100px;
  height: 15px;
  float: left;
  cursor: col-resize;
  margin-left: 0px;
  margin-bottom: 4px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue i,
.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
  display: block;
  height: 15px;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  border: none;
  margin-top: 0px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue {
  background-image: url("../img/bootstrap-colorpicker/hue-horizontal.png");
}
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  background-image: url("../img/bootstrap-colorpicker/alpha-horizontal.png");
}
.colorpicker.colorpicker-hidden {
  display: none;
}
.colorpicker.colorpicker-visible {
  display: block;
}
.colorpicker-inline.colorpicker-visible {
  display: inline-block;
}
.colorpicker-right:before {
  left: auto;
  right: 6px;
}
.colorpicker-right:after {
  left: auto;
  right: 7px;
}
.colorpicker-no-arrow:before {
  border-right: 0;
  border-left: 0;
}
.colorpicker-no-arrow:after {
  border-right: 0;
  border-left: 0;
}
body:not(.clean) {
  height: 98vh;
  overflow-x: hidden;
}
body:not(.clean) #TopMenu {
  display: none;
}
body:not(.clean) #MainPage {
  padding-top: 10px;
}
body:not(.clean) .dropdown-menu2 {
  padding-bottom: 0.5vh;
  padding-top: 0.5vh;
  display: none;
  list-style: none;
}
body:not(.clean) .dropdown-menu2 li a {
  height: 35px;
  text-decoration: none;
}
body:not(.clean) .dropdown-menu2 li a:hover {
  cursor: pointer;
}
body:not(.clean) li > .navMenuSpan {
  position: relative;
  width: 100%;
  display: inline-flex;
  padding-left: 22px;
}
body:not(.clean) li > .navMenuSpan > i,
body:not(.clean) li > .navMenuSpan > .fa-stack-sm {
  position: absolute;
  top: 10%;
  left: 25px;
}
body:not(.clean) li > .navMenuSpan .navLink:hover {
  color: #0a4a7a !important;
  /*text-shadow: 2px 2px 5px #8a8686;*/
  font-weight: 600;
}
body:not(.clean) li > .navMenuSpan .navLink {
  float: left;
  width: auto !important;
  white-space: nowrap;
}
body:not(.clean) li > .navMenuSpan .addEntryLink {
  float: right;
  padding-left: 0 !important;
  text-align: right;
  padding-right: 10px;
  width: auto;
  position: absolute !important;
  right: 0;
  opacity: 0;
}
body:not(.clean) li > .navMenuSpan:hover .addEntryLink {
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
}
body:not(.clean) li > .addEntryLink {
  float: right;
  opacity: 0;
  z-index: 2;
  position: absolute !important;
  right: -4px;
  top: 3px;
}
body:not(.clean) li:hover > .addEntryLink {
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
}
body:not(.clean) #memorizedTraansactions {
  padding-left: 1.05em !important;
}
body:not(.clean) .memorized {
  padding-left: 2em !important;
}
@media only screen and (max-width: 768px) {
  body:not(.clean) .memorized .memorized-item {
    padding-left: 1em !important;
  }
}
body:not(.clean).minified .dropdown-menu2 {
  padding-bottom: 0.5vh;
  padding-top: 0.5vh;
  display: none;
  list-style: none;
}
body:not(.clean).minified .dropdown-menu2 li a {
  height: 35px;
  text-decoration: none;
}
body:not(.clean).minified .dropdown-menu2 li a:hover {
  cursor: pointer;
}
#MobileUserManagement {
  display: none;
}
.container-fluid.masterContainer {
  padding: 0;
}
.container-fluid.masterContainer .masterRow {
  margin-right: 0;
  display: flex;
}
.container-fluid.masterContainer .masterRow .leftMain {
  padding-right: 0;
  padding-left: 15px;
  background-color: #f8f9fa !important;
}
.container-fluid.masterContainer .masterRow .leftMain a {
  FONT-SIZE: 1em;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder {
  height: 100%;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder .navbar-default {
  border: none;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder .navbar-default:not(.debug-mode) {
  background-color: #f8f9fa !important;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder .navbar-default.debug-mode {
  background-color: #abd2ad !important;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder #subcompanyID {
  font-size: 1.25em;
  color: #e5e6e7;
  background-color: #343a40;
  display: block;
  padding-left: 5%;
  overflow: hidden;
  height: 40px;
  white-space: nowrap;
  padding-top: 10px;
  text-overflow: ellipsis;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder #RAAMPLogoLeft,
.container-fluid.masterContainer .masterRow .leftMain #asideBorder #RAAMPLogoRight {
  display: none;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder .raampLogoImg {
  height: 40px;
  background-color: #343a40;
  z-index: 1;
  position: absolute;
  right: 5px;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav .navbar-collapse {
  padding-left: 0px;
  padding-right: 0px;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul {
  width: 100%;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator).activeParent > a:not(.addEntryLink):not([aria-expanded="true"]) {
  text-decoration-skip-ink: unset;
  font-weight: bold;
  color: #007eff !important;
  /* text-shadow: 5px 6px 9px #918d8d;*/
  box-shadow: inset 5px 0px #007eff;
  font-style: oblique;
}
headerRow .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator).activeParent.open > a:not(.addEntryLink) {
  height: 40px;
  padding-top: 11px;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) .dropdown-menu2 {
  padding-left: 0px;
  background-color: #f3f3f3;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) .dropdown-menu2 a {
  position: relative;
  width: 100%;
  display: block;
  padding-left: 25px;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) .dropdown-menu2 li:not(.open).active {
  text-decoration-skip-ink: unset;
  font-weight: bold;
  color: #343a40 !important;
  /*font-style: italic;*/
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) > a {
  color: #343a40;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) > a:not(.dropdown-toggle) {
  padding-top: 10px;
  padding-bottom: 10px;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) > a.active {
  color: #333;
  font-weight: bolder;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) > a:hover {
  color: #0a4a7a !important;
  /*text-shadow: 2px 2px 5px #8a8686;*/
  font-weight: 600;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) > a > .link-text {
  margin-left: 6px;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) > a.dropdown-toggle {
  padding-right: 15px;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) > a.dropdown-toggle > span:after {
  content: "\f107";
  display: inline-block;
  font: normal normal normal 14px/1 Raamp;
  font-size: 1.5em;
  float: right;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) i.notification-icon {
  text-align: center;
  position: relative;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) i.notification-icon:after {
  content: attr(data-count);
  position: absolute;
  BACKGROUND-COLOR: rgba(10, 60, 242, 0.42);
  top: -1vh;
  right: 0.2vw;
  text-align: center;
  line-height: 1;
  font-size: 12px;
  border-radius: 10px;
  color: white;
  border: 1px solid #0A4A7A;
  font-weight: 700;
  white-space: nowrap;
  vertical-align: baseline;
  padding: 3px 7px;
  display: inline-block;
  min-width: 10px;
  font-family: calibri;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) i.alert-icon {
  text-align: center;
  position: relative;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) i.alert-icon:after {
  content: attr(data-alerttext);
  position: absolute;
  background: #ff3600;
  top: -1vh;
  right: 0.2vw;
  text-align: center;
  line-height: 1;
  font-size: 12px;
  border-radius: 10px;
  color: #fff;
  border: 1px solid #0a4a7a;
  font-weight: 700;
  white-space: nowrap;
  vertical-align: baseline;
  padding: 3px 7px;
  display: inline-block;
  min-width: 10px;
  font-family: calibri;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li.active ul {
  /*transition-property: all;
                            transition-duration: .5s;
                            transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li.active ul li.active > a {
  color: #333;
  /*font-weight: bolder;*/
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li.active a {
  color: #333;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li.active > a {
  color: #333;
  background-color: #E6E6E6;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li.active > a.dropdown-toggle {
  padding-right: 15px;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li.active > a.dropdown-toggle > span:after {
  content: "\f106";
  display: inline-block;
  font: normal normal normal 14px/1 Raamp;
  font-size: 1.5em;
  float: right;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li.active i.notification-icon {
  text-align: center;
  position: relative;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li.active i.notification-icon:after {
  content: attr(data-count);
  position: absolute;
  background: #0A4A7A;
  top: -1vh;
  right: 0.58vw;
  text-align: center;
  line-height: 1;
  font-size: 12px;
  border-radius: 10px;
  color: white;
  border: 1px solid #0A4A7A;
  font-weight: 700;
  white-space: nowrap;
  vertical-align: baseline;
  padding: 3px 7px;
  display: inline-block;
  min-width: 10px;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li.open > a {
  color: #333;
}
.container-fluid.masterContainer .masterRow .leftMain #asideBorder img {
  padding: 4px;
}
.container-fluid.masterContainer .masterRow .rightMain {
  padding-left: 13px;
  background-color: #fff;
  min-height: 100vh;
}
.container-fluid.masterContainer .masterRow .rightMain .titleRow {
  height: 42px;
  padding-left: 0;
  margin-left: 0;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow {
  background-color: #343a40;
  height: 40px;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock {
  text-align: right;
  padding-top: 4px;
  padding-right: 0;
  margin-bottom: -3px;
  float: right;
  padding-right: 8px;
  position: absolute;
  right: 0;
  top: 40px;
  color: #6c757d;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock a {
  color: #6c757d;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #TopMenu {
  display: inline;
  padding-right: 15px;
  padding-top: 1px;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #TopMenu .dropdown-menu-large {
  position: absolute;
  top: 32px;
  left: -468px;
  width: 400px;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #TopMenu .dropdown-menu-large:before {
  width: 16px;
  height: 16px;
  position: absolute;
  content: "";
  top: -17px;
  right: 0px;
  border: 8px solid;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: 0;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #TopMenu .dropdown-menu-large:after {
  width: 16px;
  height: 16px;
  position: absolute;
  content: "";
  /* background-color: antiquewhite; */
  top: -16px;
  right: 0px;
  border: 8px solid white;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: 0;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #TopMenu button {
  border: none;
  background: none;
  font-size: 1.2em;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #TopMenu button:hover {
  color: #0a4a7a !important;
  /*text-shadow: 2px 2px 5px #8a8686;*/
  font-weight: 600;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #LocationBookMarkerRow {
  display: inline;
  padding-right: 15px;
  padding-top: 1px;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #LocationBookMarkerRow .ul {
  font-size: 0.65em;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #LocationBookMarkerRow .addToQuickLinks {
  width: 17px;
  display: inline-block;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #LocationBookMarkerRow .setAsLanding {
  width: 17px;
  display: inline-block;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #LocationBookMarkerRow .editQuickLink {
  width: 25px;
  display: inline-block;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #LocationBookMarkerRow .link {
  width: 360px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 12px;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #LocationBookMarkerRow .quicklink {
  width: 330px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 12px;
  padding-left: 10px;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #LocationBookMarkerRow .recentExternalLink {
  width: 20px;
  display: inline-block;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #LocationBookMarkerRow .dropdown-menu-large {
  position: absolute;
  top: 32px;
  left: -902px;
  width: 875px;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #LocationBookMarkerRow .dropdown-menu-large:before {
  width: 16px;
  height: 16px;
  position: absolute;
  content: "";
  top: -17px;
  right: 0px;
  border: 8px solid;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: 0;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #LocationBookMarkerRow .dropdown-menu-large:after {
  width: 16px;
  height: 16px;
  position: absolute;
  content: "";
  /* background-color: antiquewhite; */
  top: -16px;
  right: 0px;
  border: 8px solid white;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: 0;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #LocationBookMarkerRow button {
  border: none;
  background: none;
  font-size: 1.2em;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock #LocationBookMarkerRow button:hover {
  color: #0a4a7a !important;
  /*text-shadow: 2px 2px 5px #8a8686;*/
  font-weight: 600;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock span {
  padding-top: 2vh;
  padding-right: 2vh;
  cursor: pointer;
  font-size: 1.4em;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock span:hover {
  color: #0a4a7a !important;
  /*text-shadow: 2px 2px 5px #8a8686;*/
  font-weight: 600;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock span#userManger {
  position: absolute;
  right: 0;
  bottom: 38px;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock span#userManger:hover {
  color: #0a4a7a !important;
  /*text-shadow: 2px 2px 5px #8a8686;*/
  font-weight: 600;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock span a {
  text-decoration: none;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock span a span {
  padding-right: 1vh;
}
.container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock span a:hover {
  color: #0a4a7a !important;
  /*text-shadow: 2px 2px 5px #8a8686;*/
  font-weight: 600;
}
.container-fluid.masterContainer .masterRow .rightMain .titleBoxBlankSpace {
  margin-top: -2px;
  border-width: 2px;
}
.container-fluid.masterContainer .masterRow .rightMain .titleBox {
  color: #2e2e2e;
  padding-top: 7px;
  padding-bottom: 5px;
  font-size: 1.25em;
}
.container-fluid.masterContainer .masterRow .rightMain .titleBox a {
  color: #2e2e2e;
}
.container-fluid.masterContainer .masterRow .rightMain .titleBox small {
  color: #2e2e2e;
}
.container-fluid.masterContainer .masterRow .rightMain .titleBox small a {
  color: #2e2e2e;
}
.nav .nav-tabs li {
  padding-bottom: 20px;
}
/*Used for links displayed as buttons but needing to take up less space than a button*/
.button-small {
  padding: 3px 6px;
  font-size: 11px;
  background-image: none;
  color: #000 !important;
}
.RemoveDebugGreenButton {
  margin-top: -20px;
  float: left;
}
.RemoveDebugGreenButton button {
  padding: 3px 6px;
  font-size: 11px;
  background-color: #abd2ad;
  background-image: none;
  color: #000 !important;
}
@media (max-width: 767px) {
  #MobileUserManagement {
    display: block;
    font-size: 1.4em;
    padding-left: 15px;
    padding-top: 3px;
    color: #fbfbfb;
    border-top: 1px solid;
    background-color: #333;
  }
  #MobileUserManagement > .RemoveDebugGreenButton {
    margin-top: -2px;
    padding-left: 0px;
    padding-right: 10px;
  }
  #MobileUserManagement a {
    color: #fbfbfb;
  }
  #MobileUserManagement > span {
    padding-left: 5px;
  }
  #MobileUserManagement span#userManger {
    margin-top: -2px;
    position: absolute;
    right: 14px;
  }
  .navbar-toggle:hover {
    background-color: #4e4e4e !important;
  }
  .container-fluid.masterContainer .masterRow {
    display: flex;
  }
  .container-fluid.masterContainer .masterRow .leftMain {
    z-index: 1;
    height: 54px;
    position: fixed;
    right: 0;
    left: -15px;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder {
    height: 100%;
    border-right: none;
    border-bottom-right-radius: 0;
    border-bottom: none;
    min-height: unset;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li.activeParent.open > a {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 5px;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li .dropdown-menu2 a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 60px !important;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li .dropdown-menu2 .navMenuSpan {
    color: #333;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li .dropdown-menu2 a.dropdown-toggle {
    margin-left: -10px;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li .dropdown-menu2 a.dropdown-toggle .link-text {
    margin-left: 15px;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li > a.dropdown-toggle {
    padding-right: 15px;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li > a.dropdown-toggle > span:after {
    padding-top: 3px;
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 Raamp;
    font-size: 1.5em;
    float: right;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder .navbar-default {
    border: none;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder .navbar-default:not(.debug-mode) {
    font-size: 1.25em;
    color: #e5e6e7;
    background-color: #343a40 !important;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder .navbar-default.debug-mode {
    background-color: #abd2ad !important;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder #MainNavBar {
    margin-top: 16px;
    overflow: scroll;
    height: 100%;
    position: fixed;
    background-color: #dadada;
    padding-bottom: 75px;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder #subcompanyID {
    margin-top: 7px;
    border-radius: 8px;
    box-shadow: none;
    font-size: 1.25em;
    color: #e5e6e7;
    background-color: #343a40;
    display: block;
    padding-left: 5%;
    overflow: hidden;
    height: 40px;
    white-space: nowrap;
    padding-top: 10px;
    text-overflow: ellipsis;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder #subcompanyID:before {
    background: url('/Content/img/RAAMP logo single.svg');
    width: 30px;
    height: 30px;
    position: absolute;
  }
  .container-fluid.masterContainer .masterRow .rightMain {
    margin-top: 54px;
    z-index: 0;
    width: 100vw;
    padding-left: 24px;
  }
  .container-fluid.masterContainer .masterRow .rightMain .mainRow {
    margin-left: 0;
    margin-top: 5px;
  }
  .container-fluid.masterContainer .masterRow .rightMain .titleRow {
    z-index: 1;
    height: 40px;
    line-height: 40px;
  }
  .container-fluid.masterContainer .masterRow .rightMain .titleRow .titleBox {
    border-radius: 0;
    border: 2px solid #e5e5e5;
    display: block;
    color: #d7e1e8;
    background-color: #e5e5e5;
    color: #0a4a7a !important;
    padding-left: 10px;
    border-bottom: 2px solid;
    border-radius: 0px;
    font-size: 1em;
    position: fixed;
    right: 0;
    left: 0;
    padding-top: 0px;
    padding-bottom: 15px;
    z-index: 3;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .container-fluid.masterContainer .masterRow .rightMain .titleRow .titleBox a,
  .container-fluid.masterContainer .masterRow .rightMain .titleRow .titleBox i {
    color: #0a4a7a;
  }
  .container-fluid.masterContainer .masterRow .rightMain .titleRow .titleBox h4 {
    padding: 0;
    margin: 0;
    font-size: 15px;
    margin-top: -2px;
    margin-left: -15px;
  }
  .container-fluid.masterContainer .masterRow .rightMain .titleRow .titleBoxBlankSpace {
    border: none;
    display: none;
  }
  .container-fluid.masterContainer .masterRow .rightMain .headerRow {
    min-height: 0px;
    display: none;
  }
  .container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock {
    display: none;
  }
  .container-fluid.masterContainer .masterRow .rightMain .headerRow .headerUserBlock::before {
    background: url('/Content/img/RAAMP logo single.svg');
    width: 30px;
    height: 30px;
    position: absolute;
  }
  #RAAMPLogoMiddle {
    width: 100px;
    top: 2px;
    position: fixed;
  }
}
@media (min-width: 768px) {
  .leftMain .navbar-nav > li {
    float: none;
  }
  .leftMain .navbar-nav > li.separator {
    margin-left: 15px;
    margin-right: 15px;
  }
  .container-fluid.masterContainer .masterRow .rightMain .mainRow {
    margin-left: -15px;
  }
}
@media (min-width: 992px) and (max-width: 1400px) {
  .container-fluid.masterContainer .masterRow .leftMain a {
    FONT-SIZE: 0.75em;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder .dropdown-menu2 .navMenuSpan > i,
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder .dropdown-menu2 .navMenuSpan .fa-stack-sm {
    position: absolute;
    top: -8px;
    left: 25px;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder .dropdown-menu2 .dropdown-toggle {
    padding-top: 8px;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder .dropdown-menu2 .dropdown-toggle > .link-text {
    margin-left: 22px;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder .dropdown-menu2 .dropdown-toggle > i {
    position: absolute;
    font-size: 1.1em;
    top: 10px;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li.activeParent.open > a {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 5px;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li .dropdown-menu2 a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: -10px;
    margin-bottom: -5px;
    padding-left: 25px;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li > a.dropdown-toggle {
    padding-right: 15px;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li > a.dropdown-toggle > span:after {
    padding-top: 3px;
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 Raamp;
    font-size: 1.5em;
    float: right;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
  .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li.active > a.dropdown-toggle > span:after {
    padding-top: 3px;
    content: "\f106";
    display: inline-block;
    font: normal normal normal 14px/1 Raamp;
    font-size: 1.5em;
    float: right;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
  /*.link-text {
            font-size: .75em;
        }*/
}
@media (max-width: 991px) {
  #LocationBookMarkerRow {
    display: none!important;
  }
  .dropdown-menu2 {
    padding-bottom: 0.5vh;
    padding-top: 0.5vh;
    display: none;
    list-style: none;
    padding-left: 32px;
  }
  .dropdown-menu2 li > .navMenuSpan {
    padding-left: 50px;
  }
  .dropdown-menu2 li > .navMenuSpan i {
    padding-left: 25px;
  }
  .dropdown-menu2 li > a {
    height: 35px;
    text-decoration: none;
    padding-left: 50px !important;
  }
  .dropdown-menu2 li > a:hover {
    cursor: pointer;
  }
}
.navbar {
  border: none !important;
}
.minified .minifiedTitle {
  display: none;
}
.minifyme {
  display: none;
}
#MainNavBar {
  padding-top: 30px;
}
#subcompanyIDtopMenu {
  display: none;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  visibility: hidden;
}
@media (min-width: 768px) and (max-width: 996px) {
  .raampLogoImg {
    top: 0;
    margin-top: -8px;
    left: -45px;
  }
  #header {
    margin-left: 43px;
  }
  .tabstyleTitle {
    margin-left: 44px;
    margin-left: 0px;
  }
  .mainNav > ul {
    margin-top: 44px;
  }
  nav.mainNav > ul > li.open ul li > a {
    padding-left: 14px;
  }
  nav.mainNav > ul > li > ul {
    background-color: rgba(69, 69, 69, 0.9);
  }
  nav.mainNav > ul > li > ul > li > ul > li {
    background-color: rgba(69, 69, 69, 0.9);
  }
  nav.mainNav ul li a {
    color: #fff !important;
  }
  nav.mainNav ul li.open > a {
    color: #fff !important;
  }
  nav.mainNav ul li.open > a b {
    color: #fff !important;
  }
  #left-panel {
    left: 0;
    overflow: visible;
  }
  .minifyme {
    display: none;
    border-radius: 0;
    color: #A8A8A8;
    font-size: 23px;
    height: 34px;
    margin-top: 56px;
    position: relative;
    right: 0;
    width: 100%;
  }
  .minifyme:hover {
    background: #646464;
    color: #E4E4E4;
    padding-right: 5px;
    right: 0;
    width: 40px;
  }
  .minifyme .fa:before {
    content: "\f0a9";
  }
  .inbox-badge {
    background: #ED1C24;
    border-radius: 50%;
    font-size: 9px;
    min-width: 13px;
    padding: 2px;
    position: absolute;
    right: 6px;
    top: 6px;
  }
  #MainNavBar {
    padding: 0;
    font-size: 13px;
  }
  #MainNavBar > ul > li {
    overflow: visible;
    position: relative;
    border-bottom: 1px solid #1A1817;
    border-top: 1px solid #0a4a7a;
    text-align: center;
  }
  #MainNavBar > ul > li > a > span {
    display: contents;
    font-size: 8px;
  }
  #MainNavBar > ul > li > a .fa.fa-fw {
    width: 1.25em;
    font-size: 1.2em;
  }
  #MainNavBar > ul > li > a > i {
    display: block;
    margin: 0;
    text-align: center;
  }
  #MainNavBar > ul > li > a .menu-item-parent {
    display: none;
  }
  #MainNavBar > ul > li > a > b {
    display: none;
  }
  #MainNavBar > ul > li > a > .menu-item-parent {
    -moz-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
    background-color: #f5f5f5;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #D8D4D4;
    box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
    color: #333;
    display: none;
    height: 38px;
    left: 40px;
    line-height: 38px;
    padding-left: 12px;
    position: absolute;
    bottom: -3px;
    width: 186px;
    z-index: 3;
  }
  #MainNavBar > ul > li > a .link-text:after {
    display: none !important;
  }
  #MainNavBar > ul > li a {
    position: relative;
  }
  #MainNavBar > ul > li > ul {
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    background: #eeeeee;
    border-top: 8px solid #454545;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    display: none !important;
    left: 51px;
    margin-top: -3px;
    min-height: 180px;
    overflow: hidden;
    position: absolute;
    width: 199px !important;
    z-index: 5;
  }
  #MainNavBar > ul > li > ul::before {
    left: 12px;
    border-left: none;
  }
  #MainNavBar > ul > li > ul > li {
    background-color: #eeeeee;
  }
  #MainNavBar > ul > li > ul > li > ul > li {
    background-color: transparent;
  }
  #MainNavBar > ul > li > ul > li > ul > li > a {
    padding-bottom: 7px;
    padding-top: 7px;
  }
  #MainNavBar > ul > li > ul > li > ul > li a {
    padding-bottom: 6px;
    padding-top: 6px;
  }
  #MainNavBar > ul > li > ul > li > a {
    padding-bottom: 7px;
    padding-top: 7px;
  }
  #MainNavBar > ul > li:hover {
    z-index: 1005;
  }
  #MainNavBar > ul > li:hover:before {
    background: #454545;
    color: #eeeeee;
    content: attr(data-title);
    font-size: 1em;
    left: 51px;
    padding: 4px;
    padding-bottom: 8px;
    position: absolute;
    text-align: center;
    bottom: -2px;
    width: 199px;
    z-index: 5;
  }
  #MainNavBar > ul > li:hover:after {
    background: none;
    color: #0a4a7a;
    content: "\f086";
    font-family: Raamp;
    font-size: 20px;
    left: 44px;
    position: absolute;
    bottom: 2px;
  }
  #MainNavBar > ul > li:hover > a > .menu-item-parent {
    display: block !important;
  }
  #MainNavBar > ul > li:hover > ul {
    display: block !important;
  }
  #MainNavBar > ul > ul {
    background: #ed1c24 !important;
    max-height: 180px !important;
    min-height: 100px !important;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  #MainNavBar > ul > li.active > a::before {
    color: #0a4a7a;
    content: "\f086";
    font-family: Raamp;
    font-size: 25px;
    left: 49px;
    position: absolute;
    top: 6px;
    font-style: normal;
  }
  #MainNavBar > ul > li.active:hover:before {
    background: #454545;
    color: #eeeeee;
    content: attr(data-title);
    font-size: 1em;
    left: 51px;
    padding: 4px;
    padding-bottom: 8px;
    position: absolute;
    text-align: center;
    bottom: -2px;
    width: 199px;
    z-index: 5;
  }
  #MainNavBar > ul ul li::before {
    left: 12px;
    border: none;
  }
  #MainNavBar > ul > li[data-parent]:after {
    content: "\f107";
    display: inline-block;
    margin-top: 11px;
    padding-right: 5px;
    font: normal normal normal 14px/1 Raamp;
    font-size: 1em;
    float: right;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
  #MainNavBar ul > li > a {
    display: block;
    padding: 10px 11px;
  }
  #MainNavBar ul > li > ul > li > ul {
    border: none;
    left: 13px;
    margin-left: -12px;
    position: relative;
    width: 197px;
  }
  #MainNavBar ul ul li a {
    padding-left: 14px;
  }
  #MainNavBar ul ul li li a {
    padding-left: 25px;
  }
  #MainNavBar ul ul ul ul li a {
    padding-left: 45px;
  }
  #MainNavBar ul ul ul ul ul li a {
    padding-left: 62px;
  }
  #MainNavBar ul ul ul ul ul ul li a {
    padding-left: 82px;
  }
  #MainNavBar .separator {
    display: none;
  }
  #asideBorder {
    padding-top: 8px;
  }
  #asideBorder nav ul li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #subcompanyIDtopMenu {
    -ms-transition: all 0s, opacity 0.5s linear;
    -o-transition: all 0s, opacity 0.5s linear;
    -webkit-transition: all 0s, opacity 0.5s linear;
    font-size: 1.25em;
    color: #e5e6e7;
    display: inline-block;
    opacity: 1;
    padding-left: 15px;
    padding-top: 8px;
    background-color: #343a40;
    z-index: 7;
    position: absolute;
    transition: all 0s, opacity 0.5s linear;
    visibility: visible;
    height: 40px;
  }
  .leftMain {
    width: 75px !important;
  }
  .leftMain #asideBorder nav ul li > a.dropdown-toggle > span:after {
    float: none !important;
  }
  .leftMain #subcompanyID {
    visibility: hidden;
  }
  .rightMain {
    width: calc(100% - 75px) !important;
  }
  .login-info {
    border-bottom: 1px solid #181818;
    height: 38px;
  }
  .login-info a i {
    display: none;
  }
  .login-info a span {
    display: none;
  }
  .login-info span {
    padding: 0 5px;
    text-align: center;
  }
  .login-info img {
    margin: -2px 0 0;
    width: 30px;
  }
  #RAAMPLogoMiddle {
    width: 100%;
  }
  .minifiedTitle {
    display: block;
  }
  .slimScrollDiv {
    overflow: hidden;
    overflow: visible !important;
  }
  .slimScrollDiv:first-child {
    overflow: hidden;
    overflow: visible !important;
  }
  .slimScrollBar {
    display: none;
  }
  .slimScrollRail {
    display: none;
  }
}
@media (min-width: 997px) {
  .minified .inbox-badge {
    background: #ED1C24;
    border-radius: 50%;
    font-size: 9px;
    min-width: 13px;
    padding: 2px;
    position: absolute;
    right: 6px;
    top: 6px;
  }
  .minified #MainNavBar {
    padding: 0;
  }
  .minified #MainNavBar > ul > li {
    overflow: visible;
    position: relative;
  }
  .minified #MainNavBar > ul > li > a > span {
    display: none;
  }
  .minified #MainNavBar > ul > li > a .fa.fa-fw {
    width: 1.25em;
    font-size: 1.2em;
  }
  .minified #MainNavBar > ul > li > a > i {
    display: block;
    margin: 0;
    text-align: center;
  }
  .minified #MainNavBar > ul > li > a .menu-item-parent {
    display: none;
  }
  .minified #MainNavBar > ul > li > a > b {
    display: none;
  }
  .minified #MainNavBar > ul > li > a > .menu-item-parent {
    -moz-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
    background-color: #f5f5f5;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #D8D4D4;
    box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
    color: #333;
    display: none;
    height: 38px;
    left: 40px;
    line-height: 38px;
    padding-left: 12px;
    position: absolute;
    top: -3px;
    width: 186px;
    z-index: 3;
  }
  .minified #MainNavBar > ul > li a {
    position: relative;
  }
  .minified #MainNavBar > ul > li > ul {
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    background: #eeeeee;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 8px solid #454545;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    display: none !important;
    left: 51px;
    margin-top: -3px;
    min-height: 180px;
    overflow: hidden;
    position: absolute;
    width: 199px !important;
    z-index: 5;
  }
  .minified #MainNavBar > ul > li > ul::before {
    left: 12px;
    border-left: none;
  }
  .minified #MainNavBar > ul > li > ul > li {
    background-color: #eeeeee;
  }
  .minified #MainNavBar > ul > li > ul > li > ul > li {
    background-color: transparent;
  }
  .minified #MainNavBar > ul > li > ul > li > ul > li > a {
    padding-bottom: 7px;
    padding-top: 7px;
  }
  .minified #MainNavBar > ul > li > ul > li > ul > li a {
    padding-bottom: 6px;
    padding-top: 6px;
  }
  .minified #MainNavBar > ul > li > ul > li > a {
    padding-bottom: 7px;
    padding-top: 7px;
  }
  .minified #MainNavBar > ul > li:hover {
    z-index: 1005;
  }
  .minified #MainNavBar > ul > li:hover .addEntryLink {
    display: none;
  }
  .minified #MainNavBar > ul > li:hover:before {
    background: #454545;
    color: #eeeeee;
    content: attr(data-title);
    font-size: 1em;
    left: 51px;
    padding: 4px;
    padding-bottom: 8px;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 199px;
    z-index: 5;
  }
  .minified #MainNavBar > ul > li:hover:after {
    background: none;
    color: #454545;
    content: "\f086";
    font-family: Raamp;
    font-size: 25px;
    left: 43px;
    position: absolute;
    top: 6px;
  }
  .minified #MainNavBar > ul > li:hover > a > .menu-item-parent {
    display: block !important;
  }
  .minified #MainNavBar > ul > li:hover > ul {
    display: block !important;
  }
  .minified #MainNavBar > ul > ul {
    background: #ed1c24 !important;
    max-height: 180px !important;
    min-height: 100px !important;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .minified #MainNavBar > ul > li.active > a::before {
    color: #0a4a7a;
    content: "\f086";
    font-family: Raamp;
    font-size: 25px;
    left: 49px;
    position: absolute;
    top: 6px;
    font-style: normal;
  }
  .minified #MainNavBar > ul > li.active:hover:before {
    background: #454545;
    color: #eeeeee;
    content: attr(data-title);
    font-size: 1em;
    left: 51px;
    padding: 4px;
    padding-bottom: 8px;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 199px;
    z-index: 5;
  }
  .minified #MainNavBar > ul ul li::before {
    left: 12px;
    border: none;
  }
  .minified #MainNavBar ul > li > a {
    display: block;
    padding: 10px 11px;
  }
  .minified #MainNavBar ul > li > ul > li > ul {
    border: none;
    left: 13px;
    margin-left: -12px;
    position: relative;
    width: 197px;
  }
  .minified #MainNavBar ul ul li a {
    padding-left: 14px;
  }
  .minified #MainNavBar ul ul li li a {
    padding-left: 25px;
  }
  .minified #MainNavBar ul ul ul ul li a {
    padding-left: 45px;
  }
  .minified #MainNavBar ul ul ul ul ul li a {
    padding-left: 62px;
  }
  .minified #MainNavBar ul ul ul ul ul ul li a {
    padding-left: 82px;
  }
  .minified #MainNavBar .separator {
    display: none;
  }
  .minified #subcompanyIDtopMenu {
    -ms-transition: all 0s, opacity 0.5s linear;
    -o-transition: all 0s, opacity 0.5s linear;
    -webkit-transition: all 0s, opacity 0.5s linear;
    font-size: 1.25em;
    color: #e5e6e7;
    display: inline-block;
    opacity: 1;
    padding-left: 15px;
    padding-top: 8px;
    background-color: #343a40;
    z-index: 7;
    position: absolute;
    transition: all 0s, opacity 0.5s linear;
    visibility: visible;
    height: 40px;
  }
  .minified #subcompanyID {
    display: none !important;
  }
  .minified .leftMain {
    width: 75px;
  }
  .minified .rightMain {
    width: calc(100% - 75px);
  }
  .minified .minifyme {
    color: #A8A8A8;
    height: 28px;
    -ms-transition: 0s, opacity 0.5s linear;
    -o-transition: all 0s, opacity 0.5s linear;
    -webkit-transition: all 0s, opacity 0.5s linear;
    margin-top: 56px;
    position: relative;
    border-radius: 0px 5px 5px 0px;
    right: 0;
    top: -8px;
    width: 70px;
  }
  .minified .minifyme .fa {
    position: absolute;
    right: 5px;
    top: 4px;
  }
  .minified .minifyme .fa:before {
    content: "\f0a9";
  }
  .minified .minifyme:hover {
    width: 73px;
  }
  .minified .minifyme:hover .fa:before {
    content: "\f0a9";
  }
  .minified .login-info {
    border-bottom: 1px solid #181818;
    height: 38px;
  }
  .minified .login-info a i {
    display: none;
  }
  .minified .login-info a span {
    display: none;
  }
  .minified .login-info span {
    padding: 0 5px;
    text-align: center;
  }
  .minified .login-info img {
    margin: -2px 0 0;
    width: 30px;
  }
  .minified #left-panel {
    overflow: visible;
  }
  .minified #RAAMPLogoMiddle {
    width: 100%;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 4;
    margin: 0;
  }
  .minified #RAAMPLogoMiddle .raampLogoImg {
    height: 40px;
    background-color: #343a40;
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
  }
  .minified .minifiedTitle {
    display: block;
  }
  .minified .slimScrollDiv {
    overflow: visible !important;
  }
  .minified .slimScrollDiv:first-child {
    overflow: visible !important;
  }
  .minified .slimScrollBar {
    display: none;
  }
  .minified .slimScrollRail {
    display: none;
  }
  .minifyme {
    background: #454545;
    border-bottom: 1px solid #302F2F;
    border-radius: 5px 0 0 5px;
    color: #A8A8A8;
    cursor: pointer;
    display: block;
    font-size: 19px;
    height: 28px;
    margin-top: 7px;
    padding: 0;
    z-index: 1;
    position: absolute;
    right: 0;
    text-align: center;
    width: 36px;
  }
  .minifyme:hover {
    background: #646464;
    color: #E4E4E4;
    padding-right: 5px;
    right: 0;
    width: 40px;
  }
  .slimScrollDiv {
    overflow: hidden;
  }
  .slimScrollDiv:first-child {
    overflow: hidden;
  }
}
/* jsTree default dark theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
.jstree-node {
  white-space: nowrap;
}
.jstree-anchor {
  display: inline-block;
  color: black;
  white-space: nowrap;
  padding: 0 4px 0 1px;
  margin: 0;
  vertical-align: top;
}
.jstree-anchor:focus {
  outline: 0;
}
.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}
.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-ocl {
  cursor: pointer;
}
.jstree-leaf > .jstree-ocl {
  cursor: default;
}
.jstree .jstree-open > .jstree-children {
  display: block;
}
.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
  display: none;
}
.jstree-anchor > .jstree-themeicon {
  margin-right: 2px;
}
.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
  display: none;
}
.jstree-hidden {
  display: none;
}
.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}
.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}
.jstree-rtl .jstree-node {
  margin-left: 0;
}
.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0;
}
.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  cursor: pointer;
}
.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
  position: relative;
}
.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.vakata-context {
  display: none;
}
.vakata-context,
.vakata-context ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #999999;
}
.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}
.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context li {
  list-style: none;
  display: inline;
}
.vakata-context li > a {
  display: block;
  padding: 0 2em 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  text-shadow: 1px 1px 0 white;
  border-radius: 1px;
}
.vakata-context li > a:hover {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat;
}
.vakata-context li > a:focus {
  outline: 0;
}
.vakata-context .vakata-context-hover > a {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  text-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
}
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}
.vakata-context li > a > i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}
.vakata-context li > a > i:empty {
  width: 2.4em;
  line-height: 2.4em;
}
.vakata-context li > a .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}
.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none;
}
.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context-rtl li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat;
}
.vakata-context-rtl .vakata-context-separator > a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}
.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}
.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0;
}
.vakata-context-rtl li > a .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3;
}
#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}
#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}
#jstree-dnd .jstree-ok {
  background: green;
}
#jstree-dnd .jstree-er {
  background: red;
}
#jstree-dnd .jstree-copy {
  margin: 0 2px 0 2px;
}
.jstree-default-dark .jstree-node,
.jstree-default-dark .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}
.jstree-default-dark .jstree-anchor,
.jstree-default-dark .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}
.jstree-default-dark .jstree-hovered {
  background: #555555;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #555555;
}
.jstree-default-dark .jstree-context {
  background: #555555;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #555555;
}
.jstree-default-dark .jstree-clicked {
  background: #5fa2db;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #666666;
}
.jstree-default-dark .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}
.jstree-default-dark .jstree-disabled {
  background: transparent;
  color: #666666;
}
.jstree-default-dark .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none;
}
.jstree-default-dark .jstree-disabled.jstree-clicked {
  background: #333333;
}
.jstree-default-dark .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default-dark .jstree-search {
  font-style: italic;
  color: #ffffff;
  font-weight: bold;
}
.jstree-default-dark .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}
.jstree-default-dark.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}
.jstree-default-dark.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #555555;
}
.jstree-default-dark.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}
.jstree-default-dark.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #555555;
}
.jstree-default-dark > .jstree-striped {
  min-width: 100%;
  display: inline-block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}
.jstree-default-dark > .jstree-wholerow-ul .jstree-hovered,
.jstree-default-dark > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.jstree-default-dark .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.jstree-default-dark .jstree-wholerow-hovered {
  background: #555555;
}
.jstree-default-dark .jstree-wholerow-clicked {
  background: #5fa2db;
  background: -webkit-linear-gradient(top, #5fa2db 0%, #5fa2db 100%);
  background: linear-gradient(to bottom, #5fa2db 0%, #5fa2db 100%);
}
.jstree-default-dark .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
}
.jstree-default-dark .jstree-anchor {
  line-height: 24px;
  height: 24px;
}
.jstree-default-dark .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.jstree-default-dark .jstree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.jstree-default-dark.jstree-rtl .jstree-node {
  margin-right: 24px;
}
.jstree-default-dark .jstree-wholerow {
  height: 24px;
}
.jstree-default-dark .jstree-node,
.jstree-default-dark .jstree-icon {
  background-image: url("32px.png");
}
.jstree-default-dark .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}
.jstree-default-dark .jstree-last {
  background: transparent;
}
.jstree-default-dark .jstree-open > .jstree-ocl {
  background-position: -132px -4px;
}
.jstree-default-dark .jstree-closed > .jstree-ocl {
  background-position: -100px -4px;
}
.jstree-default-dark .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px;
}
.jstree-default-dark .jstree-themeicon {
  background-position: -260px -4px;
}
.jstree-default-dark > .jstree-no-dots .jstree-node,
.jstree-default-dark > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-dark > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px;
}
.jstree-default-dark > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px;
}
.jstree-default-dark .jstree-disabled {
  background: transparent;
}
.jstree-default-dark .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-dark .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-dark .jstree-checkbox {
  background-position: -164px -4px;
}
.jstree-default-dark .jstree-checkbox:hover {
  background-position: -164px -36px;
}
.jstree-default-dark.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-dark .jstree-checked > .jstree-checkbox {
  background-position: -228px -4px;
}
.jstree-default-dark.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-dark .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}
.jstree-default-dark .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px;
}
.jstree-default-dark .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}
.jstree-default-dark .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default-dark > .jstree-striped {
  background-size: auto 48px;
}
.jstree-default-dark.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-default-dark.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-dark.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}
.jstree-default-dark.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}
.jstree-default-dark.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}
.jstree-default-dark.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-dark.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-dark.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}
.jstree-default-dark.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}
.jstree-default-dark .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default-dark > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("throbber.gif") center center no-repeat;
}
.jstree-default-dark .jstree-file {
  background: url("32px.png") -100px -68px no-repeat;
}
.jstree-default-dark .jstree-folder {
  background: url("32px.png") -260px -4px no-repeat;
}
.jstree-default-dark > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
#jstree-dnd.jstree-default-dark {
  line-height: 24px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default-dark .jstree-ok,
#jstree-dnd.jstree-default-dark .jstree-er {
  background-image: url("32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-default-dark i {
  background: transparent;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
#jstree-dnd.jstree-default-dark .jstree-ok {
  background-position: -4px -68px;
}
#jstree-dnd.jstree-default-dark .jstree-er {
  background-position: -36px -68px;
}
.jstree-default-dark.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}
.jstree-default-dark.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-dark-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}
.jstree-default-dark-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}
.jstree-default-dark-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-default-dark-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-default-dark-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}
.jstree-default-dark-small .jstree-wholerow {
  height: 18px;
}
.jstree-default-dark-small .jstree-node,
.jstree-default-dark-small .jstree-icon {
  background-image: url("32px.png");
}
.jstree-default-dark-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}
.jstree-default-dark-small .jstree-last {
  background: transparent;
}
.jstree-default-dark-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}
.jstree-default-dark-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}
.jstree-default-dark-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}
.jstree-default-dark-small .jstree-themeicon {
  background-position: -263px -7px;
}
.jstree-default-dark-small > .jstree-no-dots .jstree-node,
.jstree-default-dark-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-dark-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}
.jstree-default-dark-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}
.jstree-default-dark-small .jstree-disabled {
  background: transparent;
}
.jstree-default-dark-small .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-dark-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-dark-small .jstree-checkbox {
  background-position: -167px -7px;
}
.jstree-default-dark-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}
.jstree-default-dark-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-dark-small .jstree-checked > .jstree-checkbox {
  background-position: -231px -7px;
}
.jstree-default-dark-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-dark-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}
.jstree-default-dark-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}
.jstree-default-dark-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}
.jstree-default-dark-small .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default-dark-small > .jstree-striped {
  background-size: auto 36px;
}
.jstree-default-dark-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-default-dark-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-dark-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}
.jstree-default-dark-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}
.jstree-default-dark-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}
.jstree-default-dark-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-dark-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-dark-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}
.jstree-default-dark-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}
.jstree-default-dark-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default-dark-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("throbber.gif") center center no-repeat;
}
.jstree-default-dark-small .jstree-file {
  background: url("32px.png") -103px -71px no-repeat;
}
.jstree-default-dark-small .jstree-folder {
  background: url("32px.png") -263px -7px no-repeat;
}
.jstree-default-dark-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
#jstree-dnd.jstree-default-dark-small {
  line-height: 18px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default-dark-small .jstree-ok,
#jstree-dnd.jstree-default-dark-small .jstree-er {
  background-image: url("32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-default-dark-small i {
  background: transparent;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
#jstree-dnd.jstree-default-dark-small .jstree-ok {
  background-position: -7px -71px;
}
#jstree-dnd.jstree-default-dark-small .jstree-er {
  background-position: -39px -71px;
}
.jstree-default-dark-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}
.jstree-default-dark-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-dark-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}
.jstree-default-dark-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}
.jstree-default-dark-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-default-dark-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-default-dark-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}
.jstree-default-dark-large .jstree-wholerow {
  height: 32px;
}
.jstree-default-dark-large .jstree-node,
.jstree-default-dark-large .jstree-icon {
  background-image: url("32px.png");
}
.jstree-default-dark-large .jstree-node {
  background-position: -288px 0px;
  background-repeat: repeat-y;
}
.jstree-default-dark-large .jstree-last {
  background: transparent;
}
.jstree-default-dark-large .jstree-open > .jstree-ocl {
  background-position: -128px 0px;
}
.jstree-default-dark-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0px;
}
.jstree-default-dark-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0px;
}
.jstree-default-dark-large .jstree-themeicon {
  background-position: -256px 0px;
}
.jstree-default-dark-large > .jstree-no-dots .jstree-node,
.jstree-default-dark-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-dark-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0px;
}
.jstree-default-dark-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px 0px;
}
.jstree-default-dark-large .jstree-disabled {
  background: transparent;
}
.jstree-default-dark-large .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-dark-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-dark-large .jstree-checkbox {
  background-position: -160px 0px;
}
.jstree-default-dark-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}
.jstree-default-dark-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-dark-large .jstree-checked > .jstree-checkbox {
  background-position: -224px 0px;
}
.jstree-default-dark-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-dark-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}
.jstree-default-dark-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0px;
}
.jstree-default-dark-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}
.jstree-default-dark-large .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default-dark-large > .jstree-striped {
  background-size: auto 64px;
}
.jstree-default-dark-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-default-dark-large.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-dark-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}
.jstree-default-dark-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}
.jstree-default-dark-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}
.jstree-default-dark-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-dark-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-dark-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}
.jstree-default-dark-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px -32px;
}
.jstree-default-dark-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default-dark-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("throbber.gif") center center no-repeat;
}
.jstree-default-dark-large .jstree-file {
  background: url("32px.png") -96px -64px no-repeat;
}
.jstree-default-dark-large .jstree-folder {
  background: url("32px.png") -256px 0px no-repeat;
}
.jstree-default-dark-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
#jstree-dnd.jstree-default-dark-large {
  line-height: 32px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default-dark-large .jstree-ok,
#jstree-dnd.jstree-default-dark-large .jstree-er {
  background-image: url("32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-default-dark-large i {
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
#jstree-dnd.jstree-default-dark-large .jstree-ok {
  background-position: 0px -64px;
}
#jstree-dnd.jstree-default-dark-large .jstree-er {
  background-position: -32px -64px;
}
.jstree-default-dark-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}
.jstree-default-dark-large.jstree-rtl .jstree-last {
  background: transparent;
}
@media (max-width: 768px) {
  #jstree-dnd.jstree-dnd-responsive {
    line-height: 40px;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  #jstree-dnd.jstree-dnd-responsive > i {
    background: transparent;
    width: 40px;
    height: 40px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
    background-image: url("40px.png");
    background-position: 0 -200px;
    background-size: 120px 240px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-er {
    background-image: url("40px.png");
    background-position: -40px -200px;
    background-size: 120px 240px;
  }
  #jstree-marker.jstree-dnd-responsive {
    border-left-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: -10px;
  }
}
@media (max-width: 768px) {
  .jstree-default-dark-responsive {
    /*
	.jstree-open > .jstree-ocl,
	.jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
	*/
  }
  .jstree-default-dark-responsive .jstree-icon {
    background-image: url("40px.png");
  }
  .jstree-default-dark-responsive .jstree-node,
  .jstree-default-dark-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default-dark-responsive .jstree-node {
    min-height: 40px;
    line-height: 40px;
    margin-left: 40px;
    min-width: 40px;
    white-space: nowrap;
  }
  .jstree-default-dark-responsive .jstree-anchor {
    line-height: 40px;
    height: 40px;
  }
  .jstree-default-dark-responsive .jstree-icon,
  .jstree-default-dark-responsive .jstree-icon:empty {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .jstree-default-dark-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
  }
  .jstree-default-dark-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px;
  }
  .jstree-default-dark-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
  }
  .jstree-default-dark-responsive .jstree-ocl,
  .jstree-default-dark-responsive .jstree-themeicon,
  .jstree-default-dark-responsive .jstree-checkbox {
    background-size: 120px 240px;
  }
  .jstree-default-dark-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default-dark-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0px !important;
  }
  .jstree-default-dark-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -40px !important;
  }
  .jstree-default-dark-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -40px 0px !important;
  }
  .jstree-default-dark-responsive .jstree-themeicon {
    background-position: -40px -40px;
  }
  .jstree-default-dark-responsive .jstree-checkbox,
  .jstree-default-dark-responsive .jstree-checkbox:hover {
    background-position: -40px -80px;
  }
  .jstree-default-dark-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  .jstree-default-dark-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  .jstree-default-dark-responsive .jstree-checked > .jstree-checkbox,
  .jstree-default-dark-responsive .jstree-checked > .jstree-checkbox:hover {
    background-position: 0 -80px;
  }
  .jstree-default-dark-responsive .jstree-anchor > .jstree-undetermined,
  .jstree-default-dark-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -120px;
  }
  .jstree-default-dark-responsive .jstree-anchor {
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  .jstree-default-dark-responsive > .jstree-striped {
    background: transparent;
  }
  .jstree-default-dark-responsive .jstree-wholerow {
    border-top: 1px solid #666666;
    border-bottom: 1px solid #000000;
    background: #333333;
    height: 40px;
  }
  .jstree-default-dark-responsive .jstree-wholerow-hovered {
    background: #555555;
  }
  .jstree-default-dark-responsive .jstree-wholerow-clicked {
    background: #5fa2db;
  }
  .jstree-default-dark-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #111111;
  }
  .jstree-default-dark-responsive .jstree-children .jstree-open > .jstree-wholerow {
    box-shadow: inset 0 6px 3px -5px #111111;
    border-top: 0;
  }
  .jstree-default-dark-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none;
  }
  .jstree-default-dark-responsive .jstree-node,
  .jstree-default-dark-responsive .jstree-icon,
  .jstree-default-dark-responsive .jstree-node > .jstree-ocl,
  .jstree-default-dark-responsive .jstree-themeicon,
  .jstree-default-dark-responsive .jstree-checkbox {
    background-image: url("40px.png");
    background-size: 120px 240px;
  }
  .jstree-default-dark-responsive .jstree-node {
    background-position: -80px 0;
    background-repeat: repeat-y;
  }
  .jstree-default-dark-responsive .jstree-last {
    background: transparent;
  }
  .jstree-default-dark-responsive .jstree-leaf > .jstree-ocl {
    background-position: -40px -120px;
  }
  .jstree-default-dark-responsive .jstree-last > .jstree-ocl {
    background-position: -40px -160px;
  }
  .jstree-default-dark-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
  }
  .jstree-default-dark-responsive .jstree-file {
    background: url("40px.png") 0 -160px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-dark-responsive .jstree-folder {
    background: url("40px.png") -40px -40px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-dark-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
  }
}
.jstree-default-dark {
  background: #333;
}
.jstree-default-dark .jstree-anchor {
  color: #999;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.jstree-default-dark .jstree-clicked,
.jstree-default-dark .jstree-checked {
  color: white;
}
.jstree-default-dark .jstree-hovered {
  color: white;
}
#jstree-marker.jstree-default-dark {
  border-left-color: #999;
  background: transparent;
}
.jstree-default-dark .jstree-anchor > .jstree-icon {
  opacity: 0.75;
}
.jstree-default-dark .jstree-clicked > .jstree-icon,
.jstree-default-dark .jstree-hovered > .jstree-icon,
.jstree-default-dark .jstree-checked > .jstree-icon {
  opacity: 1;
}
.jstree-default-dark.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAACZmZl+9SADAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}
.jstree-default-dark.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-dark-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAACZmZl+9SADAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}
.jstree-default-dark-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-dark-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAACZmZl+9SADAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}
.jstree-default-dark-large.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-grid-column:nth-child(1) > .jstree-grid-header {
  border-top-left-radius: 8px;
  margin-left: 0px !important;
}
.jstree-grid-header {
  border-bottom: 1px solid #0a4a7a;
  font-size: 1.2em;
}
.jstree-grid-column:nth-last-of-type(1) > .jstree-grid-header {
  border-top-right-radius: 8px;
  border-right: none;
}
.jstree-grid-column:nth-last-of-type(1) > .jstree-grid-cell:nth-last-of-type(1) {
  border-bottom-right-radius: 8px;
}
.jstree-grid-column:nth-last-of-type(1) > .jstree-grid-header > .jstree-grid-separator {
  display: none;
}
.jstree-grid-column:nth-child(1) .jstree-grid-cell {
  padding-left: 0;
}
.jstree-grid-wrapper {
  border: solid 1px #0a4a7a;
  border-radius: 8px;
}
.jstree-grid-column:not(:nth-child(1)) .jstree-grid-cell:nth-child(even) {
  background-color: #f2f2f2;
}
.jstree-default .jstree-wholerow-hovered,
.jstree-hovered {
  background-color: #e7f4f9 !important;
}
.jstree-clicked {
  background-color: #b5e8ff !important;
}
.jstree-default .jstree-last:not(.jstree-open) > .jstree-wholerow-hovered,
.jstree-default .jstree-last:not(.jstree-open) > .jstree-wholerow-clicked {
  border-bottom-left-radius: 8px;
}
#NotebookList {
  padding: 0;
}
#NotebookList .NotebookList_li {
  width: 100%;
  display: block;
}
#NotebookList .NotebookList_li:first-child {
  border-top: solid thin #f2f2f2;
  padding-top: 12px;
}
#NotebookList .NotebookList_li .descriptionSpan {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#NotebookList .NotebookList_li .entryLiEdit,
#NotebookList .NotebookList_li .entryLiFullEdit {
  background: none;
  padding-right: 15px;
  border: none;
  text-align: left;
}
#NotebookList .NotebookList_li .entryLiEdit {
  float: right;
}
#NotebookList .NotebookList_li .entryDateSection {
  text-align: left;
  padding-right: 10px;
}
#NotebookList .NotebookList_li .checkbox label {
  margin-top: 0px;
}
#NotebookList .NotebookList_li .checkbox input[type=checkbox] {
  height: 2rem;
  width: 2rem;
  padding-top: 0px;
  margin-top: 0px;
  margin-left: -25px;
}
#NotebookList .NotebookList_li .taskCheckBoxSpan {
  padding-left: 16px;
}
#NotebookList .NotebookList_li .EntryLi {
  font-size: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
}
#NotebookList .NotebookList_li .EntryLi td {
  border: none!important;
}
#NotebookList .NotebookList_li .NotebookButton {
  background: none;
  border: none;
  text-decoration: underline;
  color: #0A4A7A;
  font-size: large;
  padding-left: 25px;
  text-align: left;
}
.FollowersAndTaskColumn .outerColumn {
  display: inline-flex;
  width: 100%;
  white-space: nowrap;
  align-items: center;
}
.FollowersAndTaskColumn .outerColumn > div {
  display: flex;
  flex: 1;
  min-width: 0;
}
.FollowersAndTaskColumn .checkbox {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 975px) {
  .table {
    table-layout: auto;
  }
  .EntryLi > td {
    display: block;
    border: none !important;
  }
  .EntryLi > td:not(.entryLiFullEditSection) {
    text-align: center;
  }
  .EntryLi .hideColumnMobile,
  .EntryLi .followersColumn,
  .EntryLi .viewEntryColumn {
    display: none;
  }
  .EntryLi .outerColumn {
    display: inline-block;
    width: 100%;
  }
  .EntryLi .outerColumn > span:first-child {
    float: left;
    padding-top: 10px;
  }
  .EntryLi .outerColumn .taskCheckBoxSpan {
    float: right;
  }
}
button.attach::before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA%2FPjxzdmcgaGVpZ2h0PSIxNnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAxNiIgd2lkdGg9IjI0cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8%2BPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI%2BPGcgZmlsbD0iIzAwMDAwMCIgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjYuMDAwMDAwLCAtNDYuMDAwMDAwKSI%2BPGcgaWQ9ImJhY2t1cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI2LjAwMDAwMCwgNDYuMDAwMDAwKSI%2BPHBhdGggZD0iTTE5LjQsNiBDMTguNywyLjYgMTUuNywwIDEyLDAgQzkuMSwwIDYuNiwxLjYgNS40LDQgQzIuMyw0LjQgMCw2LjkgMCwxMCBDMCwxMy4zIDIuNywxNiA2LDE2IEwxOSwxNiBDMjEuOCwxNiAyNCwxMy44IDI0LDExIEMyNCw4LjQgMjEuOSw2LjIgMTkuNCw2IEwxOS40LDYgWiBNMTQsOSBMMTQsMTMgTDEwLDEzIEwxMCw5IEw3LDkgTDEyLDQgTDE3LDkgTDE0LDkgTDE0LDkgWiIgaWQ9IlNoYXBlIi8%2BPC9nPjwvZz48L2c%2BPC9zdmc%2B);
}
.o-sortable {
  line-height: 30px;
  list-style: none;
}
.o-sortable > li {
  line-height: 30px;
  display: inline-flex;
}
.o-sortable.sortable-handle:before {
  width: 30px;
  height: 30px;
}
.dateIcon {
  display: inline-block;
  width: 2.2rem;
  height: 2.3rem;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 0.3rem;
  text-align: center;
  font-size: 0.75em;
  line-height: 1.2;
}
.dateIcon .date__header {
  font-size: 0.8rem;
  color: #fff;
  display: block;
}
.dateIcon .date__day {
  font-size: 1rem;
}
.dateIcon.date--january {
  border-color: #03a9f4;
}
.dateIcon.date--january .date__header,
.dateIcon.date--january .date__Year {
  background: #03a9f4;
}
.dateIcon.date--february {
  border-color: #00bcd4;
}
.dateIcon.date--february .date__header,
.dateIcon.date--february .date__Year {
  background: #00bcd4;
}
.dateIcon.date--march {
  border-color: #009688;
}
.dateIcon.date--march .date__header,
.dateIcon.date--march .date__Year {
  background: #009688;
}
.dateIcon.date--april {
  border-color: #4caf50;
}
.dateIcon.date--april .date__header,
.dateIcon.date--april .date__Year {
  background: #4caf50;
}
.dateIcon.date--may {
  border-color: #8bc34a;
}
.dateIcon.date--may .date__header,
.dateIcon.date--may .date__Year {
  background: #8bc34a;
}
.dateIcon.date--june {
  border-color: #afb42b;
}
.dateIcon.date--june .date__header,
.dateIcon.date--june .date__Year {
  background: #afb42b;
}
.dateIcon.date--july {
  border-color: #ffc107;
}
.dateIcon.date--july .date__header,
.dateIcon.date--july .date__Year {
  background: #ffc107;
}
.dateIcon.date--august {
  border-color: #ff9800;
}
.dateIcon.date--august .date__header,
.dateIcon.date--august .date__Year {
  background: #ff9800;
}
.dateIcon.date--september {
  border-color: #ff7043;
}
.dateIcon.date--september .date__header,
.dateIcon.date--september .date__Year {
  background: #ff7043;
}
.dateIcon.date--october {
  border-color: #d16f50;
}
.dateIcon.date--october .date__header,
.dateIcon.date--october .date__Year {
  background: #d16f50;
}
.dateIcon.date--november {
  border-color: #8d6e63;
}
.dateIcon.date--november .date__header,
.dateIcon.date--november .date__Year {
  background: #8d6e63;
}
.dateIcon.date--december {
  border-color: #2196f3;
}
.dateIcon.date--december .date__header,
.dateIcon.date--december .date__Year {
  background: #2196f3;
}
.dateIcon.date--tbd {
  border-color: #ffae15;
}
.dateIcon.date--tbd .date__header,
.dateIcon.date--tbd .date__Year {
  background: #ffae15;
}
.dateIconYear {
  background-color: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 0.3rem;
  padding-bottom: 0.4em;
  padding-left: 0.3em;
  padding-right: 0.3em;
  font-size: 0.75em;
  line-height: 1.13;
  height: 2.3rem;
  display: inline-block;
}
.dateIconYear.date--january {
  border-color: #03a9f4;
  background: #03a9f4;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #03a9f4 50% white 50%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #03a9f4 50%, white 50%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #03a9f4 50%, white 50%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #03a9f4 50%, white 50%);
  /* Standard syntax */
}
.dateIconYear.date--january .dateIconYearDateIcon {
  border: 1px solid #03a9f4;
  box-shadow: -1px 0px white;
}
.dateIconYear.date--january .date__header,
.dateIconYear.date--january .date__Year {
  background: #03a9f4;
}
.dateIconYear.date--february {
  border-color: #00bcd4;
  background: #00bcd4;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #00bcd4 50% white 50%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #00bcd4 50%, white 50%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #00bcd4 50%, white 50%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #00bcd4 50%, white 50%);
  /* Standard syntax */
}
.dateIconYear.date--february .dateIconYearDateIcon {
  border: 1px solid #00bcd4;
  box-shadow: -1px 0px white;
}
.dateIconYear.date--february .date__header,
.dateIconYear.date--february .date__Year {
  background: #00bcd4;
}
.dateIconYear.date--march {
  border-color: #009688;
  background: #009688;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #009688 50% white 50%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #009688 50%, white 50%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #009688 50%, white 50%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #009688 50%, white 50%);
  /* Standard syntax */
}
.dateIconYear.date--march .dateIconYearDateIcon {
  border: 1px solid #009688;
  box-shadow: -1px 0px white;
}
.dateIconYear.date--march .date__header,
.dateIconYear.date--march .date__Year {
  background: #009688;
}
.dateIconYear.date--april {
  border-color: #4caf50;
  background: #4caf50;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #4caf50 50% white 50%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #4caf50 50%, white 50%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #4caf50 50%, white 50%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #4caf50 50%, white 50%);
  /* Standard syntax */
}
.dateIconYear.date--april .dateIconYearDateIcon {
  border: 1px solid #4caf50;
  box-shadow: -1px 0px white;
}
.dateIconYear.date--april .date__header,
.dateIconYear.date--april .date__Year {
  background: #4caf50;
}
.dateIconYear.date--may {
  border-color: #8bc34a;
  background: #8bc34a;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #8bc34a 50% white 50%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #8bc34a 50%, white 50%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #8bc34a 50%, white 50%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #8bc34a 50%, white 50%);
  /* Standard syntax */
}
.dateIconYear.date--may .dateIconYearDateIcon {
  border: 1px solid #8bc34a;
  box-shadow: -1px 0px white;
}
.dateIconYear.date--may .date__header,
.dateIconYear.date--may .date__Year {
  background: #8bc34a;
}
.dateIconYear.date--june {
  border-color: #afb42b;
  background: #afb42b;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #afb42b 50% white 50%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #afb42b 50%, white 50%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #afb42b 50%, white 50%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #afb42b 50%, white 50%);
  /* Standard syntax */
}
.dateIconYear.date--june .dateIconYearDateIcon {
  border: 1px solid #afb42b;
  box-shadow: -1px 0px white;
}
.dateIconYear.date--june .date__header,
.dateIconYear.date--june .date__Year {
  background: #afb42b;
}
.dateIconYear.date--july {
  border-color: #ffc107;
  background: #ffc107;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #ffc107 50% white 50%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #ffc107 50%, white 50%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #ffc107 50%, white 50%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #ffc107 50%, white 50%);
  /* Standard syntax */
}
.dateIconYear.date--july .dateIconYearDateIcon {
  border: 1px solid #ffc107;
  box-shadow: -1px 0px white;
}
.dateIconYear.date--july .date__header,
.dateIconYear.date--july .date__Year {
  background: #ffc107;
}
.dateIconYear.date--august {
  border-color: #ff9800;
  background: #ff9800;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #ff9800 50% white 50%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #ff9800 50%, white 50%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #ff9800 50%, white 50%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #ff9800 50%, white 50%);
  /* Standard syntax */
}
.dateIconYear.date--august .dateIconYearDateIcon {
  border: 1px solid #ff9800;
  box-shadow: -1px 0px white;
}
.dateIconYear.date--august .date__header,
.dateIconYear.date--august .date__Year {
  background: #ff9800;
}
.dateIconYear.date--september {
  border-color: #ff7043;
  background: #ff7043;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #ff7043 50% white 50%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #ff7043 50%, white 50%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #ff7043 50%, white 50%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #ff7043 50%, white 50%);
  /* Standard syntax */
}
.dateIconYear.date--september .dateIconYearDateIcon {
  border: 1px solid #ff7043;
  box-shadow: -1px 0px white;
}
.dateIconYear.date--september .date__header,
.dateIconYear.date--september .date__Year {
  background: #ff7043;
}
.dateIconYear.date--october {
  border-color: #d16f50;
  background: #d16f50;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #d16f50 50% white 50%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #d16f50 50%, white 50%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #d16f50 50%, white 50%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #d16f50 50%, white 50%);
  /* Standard syntax */
}
.dateIconYear.date--october .dateIconYearDateIcon {
  border: 1px solid #d16f50;
  box-shadow: -1px 0px white;
}
.dateIconYear.date--october .date__header,
.dateIconYear.date--october .date__Year {
  background: #d16f50;
}
.dateIconYear.date--november {
  border-color: #8d6e63;
  background: #8d6e63;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #8d6e63 50% white 50%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #8d6e63 50%, white 50%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #8d6e63 50%, white 50%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #8d6e63 50%, white 50%);
  /* Standard syntax */
}
.dateIconYear.date--november .dateIconYearDateIcon {
  border: 1px solid #8d6e63;
  box-shadow: -1px 0px white;
}
.dateIconYear.date--november .date__header,
.dateIconYear.date--november .date__Year {
  background: #8d6e63;
}
.dateIconYear.date--december {
  border-color: #2196f3;
  background: #2196f3;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #2196f3 50% white 50%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #2196f3 50%, white 50%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #2196f3 50%, white 50%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #2196f3 50%, white 50%);
  /* Standard syntax */
}
.dateIconYear.date--december .dateIconYearDateIcon {
  border: 1px solid #2196f3;
  box-shadow: -1px 0px white;
}
.dateIconYear.date--december .date__header,
.dateIconYear.date--december .date__Year {
  background: #2196f3;
}
.dateIconYear.date--tbd {
  border-color: #ffae15;
  background: #ffae15;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #ffae15 50% white 50%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #ffae15 50%, white 50%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #ffae15 50%, white 50%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #ffae15 50%, white 50%);
  /* Standard syntax */
}
.dateIconYear.date--tbd .dateIconYearDateIcon {
  border: 1px solid #ffae15;
  box-shadow: -1px 0px white;
}
.dateIconYear.date--tbd .date__header,
.dateIconYear.date--tbd .date__Year {
  background: #ffae15;
}
.dateIconYear .date__Year {
  padding: 0.4em;
  /* border-radius: 0.3rem; */
  padding-top: 0.2em;
  padding-bottom: 0.4em;
  margin-left: -0.3em;
  margin-right: -0.2em;
  color: white;
  padding-bottom: 0;
}
.dateIconYear .dateIconYearDateIcon {
  display: inline-block;
  width: 2.2rem;
  height: auto;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 0;
  text-align: center;
  font-size: 0.75em;
}
.dateIconYear .dateIconYearDateIcon .date__header {
  font-size: 0.8rem;
  color: #fff;
}
.dateIconYear .dateIconYearDateIcon .date__day {
  font-size: 1rem;
}
.dateIconYear .date__time {
  background: none;
  padding-top: 0.2em;
  padding-bottom: 0.4em;
  margin-left: -0.25em;
  padding-left: 0.2em;
  margin-right: -0.3em;
  padding-right: 0.3em;
  border-bottom-right-radius: 0.3em;
  border-top-right-radius: 0.3em;
}
.TenantTabRibbonContainer {
  overflow-x: auto;
  margin-left: -1px;
  padding-left: 1px;
}
.TenantTabRibbonContainer::-webkit-scrollbar {
  border-left: 1px solid #7C7C7C;
  border-right: 1px solid #7C7C7C;
  height: 12px;
  background-color: #F5F5F5;
}
.TenantTabRibbonContainer::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
  margin-left: 5px;
  margin-right: 5px;
}
.TenantTabRibbonContainer::-webkit-scrollbar-thumb {
  background-color: #0a4a7a;
  border-radius: 10px;
}
.TabPage {
  margin-left: -1px;
  /*   border-left: #ccd6e1 1px solid;
  border-bottom: #ccd6e1 1px solid;
    border-right: #ccd6e1 1px solid;*/
  border-top: #ccd6e1 1px solid;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  background-color: #fff;
  margin-top: -1px;
}
.TabPage > .TabPage {
  border-left: #ccd6e1 1px solid;
  margin-left: -1px;
  border-bottom: #ccd6e1 1px solid;
  border-right: #ccd6e1 1px solid;
  border-top: #ccd6e1 1px solid;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  background-color: #fff;
  margin-top: -1px;
  padding-left: 15px;
  padding-right: 15px;
}
.innerTabPage {
  border-left: #ccd6e1 1px solid;
  margin-left: -1px;
  border-bottom: #ccd6e1 1px solid;
  border-right: #ccd6e1 1px solid;
  border-top: #ccd6e1 1px solid;
  padding-left: 5px;
  padding-right: 5px;
}
.subTabRibbon {
  /*margin-top:-1.1em;*/
}
.subTabRibbon.tabRibbon > ul > li {
  z-index: 4;
}
.subTabRibbon.tabRibbon > ul > li:hover {
  z-index: 4;
}
.masterTab.open,
[mastertab].open {
  z-index: 5 !important;
}
.tabRibbon:not(.LeaseButton) {
  overflow-x: clip;
  overflow-y: visible;
  margin-left: -1px;
}
.tabRibbon:not(.LeaseButton):hover {
  overflow: visible;
}
.tabRibbon:not(.LeaseButton) .raamp-awesome {
  fill: #355ba8;
}
.tabRibbon:not(.LeaseButton) .no-icons > ul i {
  display: none;
}
.tabRibbon:not(.LeaseButton) > ul {
  text-align: center;
  list-style: none;
  margin: 0;
  margin-top: 1px;
  padding: 0;
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  margin-left: -1px;
  /*border-bottom: 1px solid #7C7C7C;*/
}
.tabRibbon:not(.LeaseButton) > ul > li.tabRibbonLi:hover {
  z-index: 5;
}
.tabRibbon:not(.LeaseButton) > ul > li.tabRibbonLi:hover > ul.dropdown-menu {
  display: block;
}
.tabRibbon:not(.LeaseButton) > ul > li:only-child {
  width: 100%;
  margin-right: -1px;
}
.tabRibbon:not(.LeaseButton) > ul > li:active {
  margin-right: -2px;
}
.tabRibbon:not(.LeaseButton) > ul > li:active .raamp-awesome {
  fill: #355ba8;
}
.tabRibbon:not(.LeaseButton) > ul > li .raamp-awesome {
  fill: #726b6b;
}
.tabRibbon > ul:after {
  position: absolute;
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.dropdown-menu .dropdownCheckBox {
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.tabRibbon > ul > li a:after {
  display: none !important;
}
.tabRibbon > ul:before {
  z-index: 1;
}
@media (min-width: 992px) and (max-width: 1520px) {
  .tabRibbon > ul > li a {
    font-size: 0.75em;
  }
}
@media (min-width: 798px) {
  .tabRibbonLi[masterTab] .dropdown-toggle > span:after {
    font-family: Raamp;
    padding-left: 10px;
    content: "\f107";
  }
  .tabRibbonLi[masterTab].open .dropdown-toggle > span:after {
    font-family: Raamp;
    padding-left: 10px;
    content: "\f106";
  }
  .tabRibbon {
    border-left: thin;
  }
  .tabRibbon > ul > li {
    border-bottom: 1px solid #ccd6e1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #ccd6e1;
    display: inline-flex;
    margin: 0 1px;
    background: #f5f8fa;
    padding: 5px 12px;
    /*   > a i {
                    display: none;
                }

                span.fa, span.faru {
                    display: none;
                }*/
  }
  .tabRibbon > ul > li:not(.active).not(:only-child ):hover {
    margin-top: -7px;
    z-index: 1000;
  }
  .tabRibbon > ul > li.tabRibbonLi {
    position: relative;
    display: inline-flex;
    transition: margin-top 0.2s linear;
  }
  .tabRibbon > ul > li.tabRibbonLi > ul.dropdown-menu {
    left: initial;
    background-color: #f4f7f9;
    border: 1px solid #ccd6e0;
    margin-top: 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: none;
  }
  .tabRibbon > ul > li.tabRibbonLi.collapse {
    display: inline-flex;
    visibility: visible;
  }
  .tabRibbon > ul > li.tabRibbonLi.collapse.open:before {
    background: inherit;
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -1px;
    margin-left: -10px;
    content: " ";
    z-index: 10001;
  }
  .tabRibbon > ul > li.tabRibbonLi.collapse button {
    display: none;
  }
  .tabRibbon > ul > li.tabRibbonLi.collapse.in {
    display: inline-flex;
    visibility: visible;
  }
  .tabRibbon > ul > li.tabRibbonLi.collapse.in button {
    display: none;
  }
  .tabRibbon > ul > li.tabRibbonLi.active {
    display: inline-flex;
    visibility: visible;
    border-bottom: none;
  }
  .tabRibbon > ul > li.tabRibbonLi.active button {
    display: none;
  }
  .tabRibbon > ul > li.tabRibbonLi.active.tabRibbonLi {
    display: inline-flex;
    visibility: visible;
  }
  .tabRibbon > ul > li.tabRibbonLi.active.tabRibbonLi.collapse {
    display: inline-flex;
    visibility: visible;
  }
  .tabRibbon > ul > li.tabRibbonLi.active.tabRibbonLi.collapse button {
    display: none;
  }
  .tabRibbon > ul > li.tabRibbonLi.active.tabRibbonLi.collapse.in {
    display: inline-flex;
    visibility: visible;
  }
  .tabRibbon > ul > li.tabRibbonLi.active.tabRibbonLi.collapse.in button {
    display: none;
  }
  .tabRibbon > ul > li:hover > a > i,
  .tabRibbon > ul > li:hover > a > .fa-stack-sm,
  .tabRibbon > ul > li:hover > a {
    text-decoration: none;
  }
  .tabRibbon > ul > li:first-child {
    /*margin-left: 0px;*/
  }
  .tabRibbon > ul > li > a {
    color: #726b6b !important;
    text-decoration: none;
  }
  .tabRibbon > ul > li > a:hover {
    text-decoration: none;
  }
  .tabRibbon > ul > li:not(:first-child):hover {
    margin-top: -6px;
  }
  .tabRibbon > ul > li:first-child:hover {
    margin-top: -6px;
  }
  .tabRibbon > ul > li.active {
    background: #fff;
    color: #343a40 !important;
    z-index: 1;
    border-bottom: none;
  }
  .tabRibbon > ul > li.active > a {
    color: #343a40 !important;
    font-weight: 600;
    text-decoration: none;
  }
  .tabRibbon > ul > li.active > a:before {
    display: none;
  }
}
@media (max-width: 797px) {
  .tabRibbon {
    margin-left: 0px;
  }
  .tabRibbon > ul > li {
    display: block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #7c7c7c;
    border-bottom: none;
    margin: 0 -2px;
    background: #E6E6E6;
    border-bottom: 1px solid #7c7c7c;
    padding: 10px;
  }
  .tabRibbon > ul > li.tabRibbonLi {
    display: block;
    display: none;
    padding-right: 25px;
    text-align: left;
  }
  .tabRibbon > ul > li.tabRibbonLi.collapse {
    display: none !important;
    margin: 0;
    margin-right: -1px;
  }
  .tabRibbon > ul > li.tabRibbonLi.collapse button {
    display: none;
  }
  .tabRibbon > ul > li.tabRibbonLi.collapse.in {
    display: block !important;
    margin: 0;
    border-radius: 0;
    margin-right: -2px;
  }
  .tabRibbon > ul > li.tabRibbonLi.collapse.in button {
    display: none;
  }
  .tabRibbon > ul > li.active {
    display: block;
    visibility: visible;
    margin: 0;
    border-bottom: none;
    margin-right: -2px;
    padding-right: 25px;
    padding-left: 50px;
    text-align: left;
  }
  .tabRibbon > ul > li.active.tabRibbonLi {
    display: block;
    visibility: visible;
  }
  .tabRibbon > ul > li.active.tabRibbonLi.collapse {
    display: block !important;
    margin: 0;
    margin-right: -1px;
    visibility: visible;
  }
  .tabRibbon > ul > li.active.tabRibbonLi.collapse.in {
    display: block !important;
    margin: 0;
    margin-right: -1px;
    visibility: visible;
    border-radius: 0;
  }
  .tabRibbon > ul > li.active.tabRibbonLi.collapse.in button {
    display: none;
  }
  .tabRibbon > ul {
    display: block;
  }
  .tabRibbon > ul > li:hover > a {
    background-color: #E2E2E2;
    color: #2ab7bd !important;
    border: #3d3d3d;
  }
}
.checkbox-tick {
  display: none;
}
.folderForm,
.fileForm {
  background-color: white;
  border-top-left-radius: 5px;
  border-radius: 5px;
  margin-bottom: 15px;
}
.folderForm:active,
.fileForm:active {
  /*transform: translateY(4px);*/
}
.folderForm:active .folderFormBody.folderFormSelect .fileFormBody.fileFormSelect input[type=checkbox],
.fileForm:active .folderFormBody.folderFormSelect .fileFormBody.fileFormSelect input[type=checkbox] {
  /*transform: translateY(4px);*/
}
.folderForm:hover,
.fileForm:hover {
  box-shadow: rgba(10, 74, 122, 0.68) -2px 5px 4px 0px;
}
.folder-navigation-button-bar {
  background-color: #efefef;
  border-top: 1px solid #dddddd;
}
.folder-navigation-button-bar .input-group-addon {
  display: table-cell;
  margin-left: 6px;
  width: 50px;
  border: 0;
  border-right: 1px solid #dddddd;
  cursor: pointer;
}
#FileUploadInfoContainer {
  background-color: #eeeeee;
  box-shadow: 0px 2px 5px #0a4a7a;
  padding: 8px;
  border-bottom: 1px solid #0a4a7a7d;
  margin-bottom: 5px;
  /* padding-top: 7px; */
  /* height: 65px; */
  overflow: hidden;
  width: 100%;
  /* max-width: 100%; */
}
#FileProgressUploadingProgress {
  position: absolute;
  right: 45px;
  left: 23px;
  height: 34px;
}
#FileProgressUploadingProgressInner {
  font-size: 18px;
  right: -9px;
}
#FileProgressUploadingProgressBar {
  width: 100%;
  background-color: #d6dad6;
  height: 4px;
  position: absolute;
  top: 27px;
  padding-right: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.totalProgressBar {
  background-color: #519656;
  height: 4px;
  position: absolute;
  top: 27px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.fileImageColumn i {
  font-size: 5em;
}
.fileEditColumn {
  padding-right: 0;
}
.fileEditColumn .row {
  margin-bottom: 0.5em;
}
.fileSize {
  padding-left: 10px;
}
.fileFormTitle {
  width: 100%;
  background-color: #0a4a7a;
  color: #e6e6e6;
  font-size: 14px;
  line-height: 1.8em;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 5px;
  overflow: hidden;
}
.folderFormTitle {
  width: 80%;
  background-color: #454545;
  color: #e6e6e6;
  font-size: 1.2em;
  line-height: 1.8em;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 5px;
  overflow: hidden;
}
.folderFormTitleRow {
  background-color: white;
  font-size: 12px;
  cursor: pointer;
  width: 100%;
}
.fileFormTitleRow {
  cursor: pointer;
}
.folderFormTitleSpace {
  width: 20%;
}
.folderFormBody {
  border: solid #454545 2px;
  height: 9em;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #e6e6e6;
  padding: 15px;
  width: 100%;
}
.folderFormBody input[type=checkbox] {
  position: absolute;
  right: 18px;
  bottom: 18px;
}
.fileFormBody {
  border: solid #0a4a7a 2px;
  height: 9em;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffffff;
  padding: 15px;
  width: 100%;
  min-width: 130px;
}
.fileFormBody input[type=checkbox] {
  position: absolute;
  right: 18px;
  bottom: 18px;
}
.folderFormButtons {
  margin-bottom: 1em;
  margin-top: 21px;
}
.folderFormButtons i:hover {
  cursor: pointer;
  text-shadow: 1px 1px 3px #2b5f86;
  color: #0a4a7a;
}
.editFileIcon:hover {
  cursor: pointer;
  text-shadow: 1px 1px 3px #2b5f86;
  color: #0a4a7a;
}
.folderFormBody span,
.fileFormBody span {
  font-size: 1.2em;
  font-weight: bold;
}
.folderFormBody i {
  float: right;
}
.folderFormSelect {
  width: 36px;
  height: 23px;
  float: right;
  margin-right: -15px;
  /* border-bottom-right-radius: 5px; */
  border-bottom: 35px solid #454545;
  border-left: 35px solid transparent;
  margin-top: -18px;
}
.fileFormSelect {
  width: 36px;
  height: 23px;
  float: right;
  margin-right: -15px;
  border-bottom: 35px solid #454545;
  border-left: 35px solid transparent;
  margin-top: -29px;
}
.folder-navigation-ul {
  list-style-type: none;
  display: table-cell;
  margin: 0;
  padding-top: 6px;
  padding-bottom: 6px;
}
.folder-navigation-ul li {
  display: inline;
}
.file-extra-data-pane {
  display: block;
  border: solid 1px #ccc;
  border-radius: 4px;
  height: 100%;
  padding: 6px;
}
.file-extra-data-pane .row {
  margin-top: 6px;
}
.no-action-panel {
  background-color: #eee;
  text-align: center;
  height: 100%;
  width: 100%;
  display: table;
}
.no-action-panel div {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.divs-side-by-side {
  display: flex;
}
.divs-side-by-side .divs-side-by-side-left {
  padding-right: 0;
}
@media (max-width: 1041px) {
  .divs-side-by-side {
    display: block;
  }
  .divs-side-by-side .divs-side-by-side-left {
    padding-right: 15px;
  }
}
#filesPreviews {
  padding-top: 34px;
  position: absolute;
  background: aliceblue;
  z-index: 1;
  border: 1px solid #0a4a7a;
  border-bottom-right-radius: 5px;
  box-shadow: 2px 2px 5px;
  border-bottom-left-radius: 5px;
}
#filesPreviews #filesPreviewList {
  overflow: auto;
  max-height: 50vh;
}
#filesPreviews > .closeButton {
  position: absolute;
  font-family: "Raamp" !important;
  content: '\f004' !important;
  font-size: 24px;
  height: 34px;
  width: 34px;
  top: 0;
  right: -5px;
  z-index: 5;
  cursor: pointer;
  color: #ffffff;
}
#filesPreviews > .closeButton:before {
  font-family: "Raamp" !important;
  content: '\f004' !important;
  font-size: 24px;
  height: 34px;
  width: 34px;
}
#filesPreviews:after {
  position: absolute;
  width: 100%;
  height: 34px;
  background-color: #0a4a7a;
  text-align: center;
  top: 0;
  content: "Uploads";
  font-size: 17px;
  padding-top: 5px;
  color: white;
}
#filesPreviews .dz-preview {
  border-bottom: 1px solid #0a4a7a7d;
  margin-bottom: 5px;
  padding-top: 1px;
  height: 65px;
  overflow: hidden;
  max-width: 100%;
}
#filesPreviews .dz-preview > div {
  display: inline-block;
}
#filesPreviews .dz-preview svg {
  height: 18px;
}
#filesPreviews .dz-preview .dz-progress-raamp {
  padding-left: 7px;
  padding-right: 7px;
  width: 100%;
  margin-bottom: 2px;
}
#filesPreviews .dz-preview .dz-progress-raamp .dz-upload-raamp {
  height: 6px;
  background-color: #4CAF50;
  text-align: center;
  float: left;
  color: white;
  border-radius: 5px;
  border: 1px solid #7b7b7b;
  margin-top: -8px;
}
#filesPreviews .dz-preview .dz-progress-raamp .dz-upload-raamp-backer {
  height: 6px;
  background-color: #e0e0e0;
  text-align: center;
  float: left;
  color: white;
  border-radius: 5px;
  margin-top: -8px;
  border: 1px solid #7b7b7b;
}
#filesPreviews .dz-error-message {
  color: red;
  padding: 9px;
  float: left;
  width: 275px;
}
#filesPreviews .dz-error-message .dz-progress-bar {
  height: 5px;
  background-color: #4CAF50;
  text-align: center;
  line-height: 30px;
  color: white;
}
#filesPreviews .dz-details {
  max-width: 300px;
  overflow: hidden;
}
#filesPreviews .dz-details .dz-filename {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#filesPreviews .dz-success-mark {
  padding-top: 12px;
  float: right;
}
#filesPreviews .dz-success-mark g,
#filesPreviews .dz-success-mark path {
  fill: darkgreen;
}
#filesPreviews .dz-error-mark {
  padding-top: 12px;
  float: right;
}
#filesPreviews .dz-error-mark g {
  fill: darkred;
}
#filesPreviews .dz-image img {
  height: 44px;
  vertical-align: bottom;
  margin-top: -4px;
}
tr.selected td {
  background-color: lightsteelblue !important;
}
tr.selected td div.checkbox {
  display: none;
}
tr.selected td .checkbox-tick {
  display: block;
}
tr.hoveringFile {
  background-color: #C5D4D5 !important;
  color: darkgreen;
}
tr.hoveringFile a:link {
  color: darkgreen;
}
tr.hoveringFile a:visited {
  color: darkgreen;
}
tr.hoveringFile a:hover {
  color: darkgreen;
}
tr.hoveringFile a:active {
  color: darkgreen;
}
tr.hoveringFile.dropFileNewRow {
  height: 37px !important;
}
tr.hoveringFile.dropFileNewRow td {
  vertical-align: middle;
}
form.selected div.fileFormTitleRow div.fileFormTitle,
form.selected div.folderFormTitleRow div.folderFormTitle div.fileFormSelect {
  color: black;
  background-color: lightsteelblue;
}
form.selected div.folderFormSelect div.checkbox {
  padding-left: 0 !important;
}
form.selected div.fileFormSelect,
form.selected div.folderFormSelect {
  border-bottom-color: lightsteelblue !important;
}
form.selected div.fileFormSelect div.checkbox label,
form.selected div.folderFormSelect div.checkbox label {
  display: none;
}
form.selected div.fileFormSelect div.checkbox .checkbox-tick,
form.selected div.folderFormSelect div.checkbox .checkbox-tick {
  display: block;
  margin-left: -32px;
  margin-top: -7px;
}
form.selected div.fileFormBody,
form.selected div.folderFormBody {
  background-color: aliceblue;
  border-color: lightsteelblue;
}
.fileColor-fa {
  color: #747474;
}
.pdfColor-fa {
  color: #dd1d00;
}
.textColor-fa {
  color: #717171;
}
.excelColor-fa {
  color: #1d7044;
}
.wordColor-fa {
  color: #2a5699;
}
.powerpointColor-fa {
  color: #d24625;
}
.archiveColor-fa {
  color: #eaaa26;
}
.imageColor-fa {
  color: #404040;
}
.videoColor-fa {
  color: #8821e5;
}
.codeColor-fa {
  color: #68217a;
}
.selected-file-extra-data-pane {
  font-weight: bold;
}
.selected-file-extra-data-pane div.fileFormTitle,
.selected-file-extra-data-pane div.folderFormTitle {
  color: bisque;
}
.datatableOptionsDropDown {
  height: 15px;
}
.datatableOptionsDropDown > button {
  padding: 0;
  color: #484848 !important;
  height: 15px;
  padding-bottom: 6px;
  background-image: none !important;
}
.datatableOptionsDropDown > button > i {
  padding: 0;
  margin-top: -7px;
}
.datatableOptionsDropDown .dropdown-menu {
  margin-top: 15px;
  border-radius: 4px;
  box-shadow: 4px 3px 5px #00000040;
}
.datatableOptionsDropDown .dropdown-menu:before {
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  border-bottom: 9px solid #ffffff;
  position: absolute;
  top: -7px;
  right: 8px;
}
.datatableOptionsDropDown .dropdown-menu:after {
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  border-bottom: 9px solid #cccccc;
  position: absolute;
  top: -9px;
  right: 8px;
  z-index: -1;
}
.datatableOptionsDropDown .dropdown-menu span,
.datatableOptionsDropDown .dropdown-menu a {
  padding-left: 10px;
}
.datatableOptionsDropDownTitle {
  font-weight: 600;
  color: #525252;
}
.addRowDataTableAbove {
  background-color: #ccc;
  /*TODO: This would be a preferable color: #daecf1; Need to turn off striping and make sure rows are consistently white, however, since some pages (Notebooks, for example, have blue rows?). */
  color: #444;
  text-decoration: none;
  height: 45px;
}
.addRowDataTableAbove:hover a,
.addRowDataTableAbove:hover button {
  /*text-shadow: 7px 4px 5px rgba(4, 4, 4, 0.45);*/
  color: #0a4a7a !important;
}
.addRowDataTableAbove button {
  background: none;
  border: none;
}
.addRowDataTableAbove a,
.addRowDataTableAbove button {
  color: #0a4a7a !important;
  margin-left: 20px;
  border: 1px solid #0a4a7a;
  padding: 4px 15px 4px 15px;
  border-radius: 6px;
  /*background-image: linear-gradient(whitesmoke, #cfcfcf);*/
  /*box-shadow: 1px 2px 2px 0px #6f6f6f;*/
  background-color: whitesmoke;
  text-decoration: none;
  font-size: 1.25em;
  /*float:right;*/
}
.addRowDataTableAbove a:hover,
.addRowDataTableAbove button:hover {
  text-decoration: none !important;
  /*text-shadow: 7px 4px 5px rgba(4, 4, 4, 0.45);*/
  color: #0a4a7a !important;
  background-color: #fff;
}
.dt-buttons {
  display: inline;
  float: right;
  padding-right: 15px;
}
.addRowDataTable .responsiveExpander {
  display: none;
}
.addRowDataTable,
.addRowDataTable.odd {
  background-color: #ccc !important;
  color: #444;
  text-decoration: none;
}
.addRowDataTable > td {
  border: none !important;
}
table.dataTable > thead > tr > th.sorting_asc,
table.dataTable > thead > tr > th.sorting_desc,
table.dataTable > thead > tr > th.sorting,
table.dataTable > thead > tr > td.sorting_asc,
table.dataTable > thead > tr > td.sorting_desc,
table.dataTable > thead > tr > td.sorting {
  padding-right: 0px !important;
}
table.has-columns-hidden > tbody > tr > td > span.responsiveExpander {
  background: url(/content/img/plus.png) 5px center no-repeat;
  padding-left: 32px;
  cursor: pointer;
}
table > tbody > tr.detail-show > td span.responsiveExpander {
  background: url(/content/img/minus.png) 5px center no-repeat;
}
table > tbody > tr.details > td span.responsiveExpander {
  background: url(/content/img/minus.png) 5px center no-repeat;
}
table.dataTable > thead .sorting:after {
  opacity: 0.2;
  content: "" !important;
  display: none;
}
table.dataTable > thead .sorting_asc:after {
  content: "" !important;
  display: none;
}
table.dataTable > thead .sorting_desc:after {
  content: "" !important;
  display: none;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}
table > tbody > tr.row-detail > td {
  background: #d2e8ff;
  /* This should be background-color, not background, but the blue is pretty bright...not fixing it*/
}
table > tbody > tr.row-detail > td {
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.2)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), to bottom, rgba(0, 0, 0, 0.2));
}
.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #f5f1f1;
}
.ui-iggrid tr.ui-ig-altrecord {
  background-color: #f5f1f1;
}
span.columnTitle {
  font-weight: bold;
}
table.has-columns-hidden > tbody > tr.row-detail > td {
  background: #d2e8ff;
  /* This should be background-color, not background, but the blue is pretty bright...not fixing it*/
}
table.has-columns-hidden > tbody > tr.row-detail > td > ul {
  margin-bottom: 0;
}
table.has-columns-hidden > tbody > tr.row-detail > td > ul > li {
  list-style: none;
}
.row-detail > td > ul > li.text-center {
  text-align: left;
}
.row-detail > td > ul > li.text-right {
  text-align: left;
}
.dataTables_wrapper {
  border-color: #000;
  border-width: thick;
}
.no-padding .dataTables_wrapper table,
.no-padding > table {
  border: none !important;
  margin-bottom: 0 !important;
  border-bottom-width: 0 !important;
}
div.dataTables_length label {
  font-weight: 400;
  float: left;
  text-align: left;
}
div.dataTables_length select {
  width: 75px;
}
div.dataTables_filter label {
  font-weight: 400;
  float: right;
}
div.dataTables_filter input {
  width: 16em;
}
div.dataTables_paginate {
  float: right;
  margin: 0;
}
div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
}
table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
}
table.dataTable > thead .sorting,
table.dataTable > thead .sorting_asc,
table.dataTable > thead .sorting_asc_disabled,
table.dataTable > thead .sorting_desc,
table.dataTable > thead .sorting_desc_disabled {
  cursor: pointer;
}
table.dataTable > thead > tr > th {
  padding-right: 18px;
}
table.dataTable > th:active {
  outline: 0;
}
div.dataTables_scrollHead table {
  margin-bottom: 0 !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
div.dataTables_scrollHead table > thead tr:last-child td:first-child,
div.dataTables_scrollHead table > thead tr:last-child th:first-child {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
div.dataTables_scrollBody tbody tr:first-child td,
div.dataTables_scrollBody tbody tr:first-child th {
  border-top: none;
}
div.dataTables_scrollFoot table {
  margin-top: 0 !important;
  border-top: none;
}
table.table-bordered.dataTable {
  border-collapse: separate !important;
}
.dt-toolbar-footer {
  background: #fafafa;
  font-size: 11px;
  overflow: hidden;
  padding: 5px 10px;
  border-top: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px #fff;
  -moz-box-shadow: inset 0 1px #fff;
  -ms-box-shadow: inset 0 1px #fff;
  box-shadow: inset 0 1px #fff;
}
.dt-toolbar-footer > :first-child,
.dt-toolbar > :first-child {
  padding-left: 0 !important;
}
.dt-toolbar-footer > :last-child,
.dt-toolbar > :last-child {
  padding-right: 0 !important;
}
div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0;
}
/* Old sort icons - icon to the far right of the cell away from the label */
table.dataTable thead .sorting {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAgMAAAAPPt5fAAAACVBMVEUAAADIyMjl5eVIBBP/AAAAAXRSTlMAQObYZgAAAClJREFUCNdjwAYEwGQKiGDsBJFsTA5AUoJhAqZaiDhEDVg9RC/MHEwAANsMA91AQfd/AAAAAElFTkSuQmCC) no-repeat center right;
}
table.dataTable thead .sorting_asc {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAAB1JREFUCNdjwAkcgPgBAwPjBwYG5h8MDOx/GAgBAKRJBBCQbHkwAAAAAElFTkSuQmCC) no-repeat center right;
}
table.dataTable thead .sorting_desc {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAABxJREFUCNdjIATY/zAwMP9gYGD8AOQ8AGIHnEoBkNkEEEbbutQAAAAASUVORK5CYII=) no-repeat center right;
}
table.dataTable thead .sorting_asc_disabled {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABUVFR8AzIeAAAAAnRSTlMAf7YpoZUAAAAdSURBVAjXY8AJHID4AQMD4wcGBuYfDAzsfxgIAQCkSQQQkGx5MAAAAABJRU5ErkJggg==) no-repeat center right;
}
table.dataTable > thead .sorting_desc_disabled {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABUVFR8AzIeAAAAAnRSTlMAf7YpoZUAAAAcSURBVAjXYyAE2P8wMDD/YGBg/ADkPABiB5xKAZDZBBBG27rUAAAAAElFTkSuQmCC) no-repeat center right;
}
/* Newer style sort icons - icon to the left of the heading label instead of all the way to the right of the cell */
/*table.dataTable thead .sorting {
    background: @tableHeadingBackground url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABYSURBVDhPYxgFcDBt8qL/UCZewASlcQKQQVrqqkQbiBOADDiw6zjYEBBNtoHIBsEAWQZiMwgGKHLhMAZUDzNsBlIU+MgGUmQQDMAMpNggGKCaQcMBMDAAAFpmXO37bW6eAAAAAElFTkSuQmCC) no-repeat center left;
}

table.dataTable thead .sorting_asc {
    background: @tableHeadingBackground url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAAB1JREFUCNdjwAkcgPgBAwPjBwYG5h8MDOx/GAgBAKRJBBCQbHkwAAAAAElFTkSuQmCC) no-repeat center left;
}

table.dataTable thead .sorting_desc {
    background: @tableHeadingBackground url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAABxJREFUCNdjIATY/zAwMP9gYGD8AOQ8AGIHnEoBkNkEEEbbutQAAAAASUVORK5CYII=) no-repeat center left;
}

table.dataTable thead .sorting_asc_disabled {
    background: @tableHeadingBackground url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABUVFR8AzIeAAAAAnRSTlMAf7YpoZUAAAAdSURBVAjXY8AJHID4AQMD4wcGBuYfDAzsfxgIAQCkSQQQkGx5MAAAAABJRU5ErkJggg==) no-repeat center left;
}

table.dataTable > thead .sorting_desc_disabled {
    background: @tableHeadingBackground url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABUVFR8AzIeAAAAAnRSTlMAf7YpoZUAAAAcSURBVAjXYyAE2P8wMDD/YGBg/ADkPABiB5xKAZDZBBBG27rUAAAAAElFTkSuQmCC) no-repeat center left;
}

*/
/* using fontawesome icons for sort instead
table.dataTable thead th.custom-sort-icon {

    &::after {
        font-family: "Raamp";
        content: "\f165";*/
/* FontAwesome icon code for sort */
/*padding-left: 5px;
        color: #9f9f9f;
        transform: rotate(90deg);
    }

    &.sorting_asc::after {
        background: linear-gradient(to top, #9f9f9f 50%, #1b1e23 50%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    &.sorting_desc::after {
        background: linear-gradient(to top, #1b1e23 50%, #9f9f9f 50%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    &.sorting_asc_disabled::after {
        background: linear-gradient(to top, #9f9f9f 50%, #1b1e23 50%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    &.sorting_desc_disabled::after {
        background: linear-gradient(to top, #1b1e23 50%, #9f9f9f 50%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}*/
table.dataTable > thead .sorting_asc,
table.dataTable thead .sorting_desc {
  background-color: #eee;
  /* #eee */
}
.dataTables_empty {
  padding: 20px 10px !important;
  font-size: 14px;
  text-align: center;
  color: #575757;
}
table.dataTable tfoot > tr > th,
table.dataTable thead > tr > th {
  padding-left: 9px !important;
}
table.dataTable tfoot > tr > th input,
table.dataTable thead > tr > th input {
  width: 100% !important;
  font-weight: 400;
}
table.dataTable > thead > tr > th.hasinput {
  padding: 6px !important;
}
div.dataTables_info {
  padding-top: 9px;
  font-size: 13px;
  font-weight: 700;
  font-style: italic;
  color: #969696;
}
.dataTable thead > tr > th {
  border-left: none !important;
}
.dataTable input[type=checkbox].checkbox,
.dataTable input[type=radio].radiobox {
  left: -999px;
}
table.dataTable thead > tr > th.sorting_disabled {
  padding-right: 9px !important;
}
.dataTables_filter {
  float: left;
  width: 100%;
}
.clearSearchButton {
  position: absolute;
  background: none;
  border: none;
  font-size: 21px;
  color: #6e6e6e;
  margin: 0px -26px;
}
.dataTables_filter .input-group-addon {
  width: 34px;
  margin-top: 0;
  float: right;
  height: 34px;
  padding-top: 8px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-left: 0;
  border-right: 1px solid #ccc;
}
.dataTables_filter label > input.form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.dataTables_filter label > input.form-control[type="search"] {
  max-width: calc(100% - 34px);
}
.dataTables_filter .input-group-addon + .form-control {
  float: left;
}
.dt-toolbar > :first-child .DTTT,
.dt-toolbar > :first-child .dataTables_filter > :only-child,
.dt-toolbar > :first-child .dataTables_length,
.dt-toolbar > :first-child .pagination {
  float: left !important;
}
.dt-toolbar > :last-child .DTTT,
.dt-toolbar > :last-child .dataTables_filter > :only-child,
.dt-toolbar > :last-child .dataTables_length,
.dt-toolbar > :last-child .pagination {
  float: right;
}
.dt-toolbar-footer > :first-child .DTTT,
.dt-toolbar-footer > :first-child .dataTables_filter > :only-child,
.dt-toolbar-footer > :first-child .dataTables_length,
.dt-toolbar-footer > :first-child .pagination {
  float: left;
}
.dt-toolbar-footer > :last-child .DTTT,
.dt-toolbar-footer > :last-child .dataTables_filter > :only-child,
.dt-toolbar-footer > :last-child .dataTables_length,
.dt-toolbar-footer > :last-child .pagination {
  float: right;
}
.no-padding .dataTables_wrapper table tr td:last-child,
.no-padding .dataTables_wrapper table tr th:last-child,
.no-padding > table tr td:last-child,
.no-padding > table tr th:last-child {
  border-right: none !important;
}
.no-padding .dataTables_wrapper table tr td:first-child,
.no-padding .dataTables_wrapper table tr th:first-child,
.no-padding > table tr td:first-child,
.no-padding > table tr th:first-child {
  border-left: none !important;
}
.no-padding .dataTables_wrapper table tbody tr:last-child td {
  border-bottom: 0;
}
@media (min-width: 370px) and (max-width: 768px) {
  .dt-toolbar > div:first-child {
    width: 83.3333%;
  }
  .dt-toolbar > div:nth-child(2) {
    width: 16.66666%;
  }
}
@media (max-width: 369px) {
  div.dataTables_filter input {
    width: 14em;
  }
  .dt-toolbar > div:first-child {
    width: 100%;
  }
  .dt-toolbar > div:nth-child(2) {
    display: none;
  }
}
.LoginPage .backdrop {
  background-image: url('../../img/bg_ny.jpg');
  background-position: center center;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  opacity: 0.1;
  z-index: -1;
}
.LoginPage .raamp-layer {
  box-shadow: #6a96b7 4px 5px 10px 0px;
}
.LoginPage #LoginProviders button {
  margin-top: -1px;
  margin-right: 6px;
  position: relative;
  display: block;
  color: #444;
  border-radius: 4px;
  width: 100%;
  text-align: center;
  background-color: #f8f8f8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#CDCDCD));
  background: -webkit-linear-gradient(top, #f8f8f8, #CDCDCD);
  background: -o-linear-gradient(top, #f8f8f8, #CDCDCD);
  background: -moz-linear-gradient(top, #f8f8f8, #CDCDCD);
  background: linear-gradient(to bottom, #f8f8f8, #CDCDCD);
  border: 1px solid #AAA;
  padding: 9px 9px 8px;
}
@media (min-width: 768px) {
  .LoginPage .raamp-layer {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .LoginPage .logo {
    width: 25%;
    margin: auto;
  }
  .LoginPage .raamp-layer {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
  }
  .LoginPage #LoginProviders button {
    margin-bottom: 8px;
  }
  .LoginPage #submittedButtn {
    width: 100%;
  }
}
.alertModalheader h4 {
  height: 38px;
  color: #ecf3f5;
  font-size: 24px;
  text-align: center;
  background: #0a4a7a;
  padding-left: 20px;
  padding-top: 3px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.submodal {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  overflow: hidden;
}
.submodal .modal-dialog {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  min-height: 300px;
}
.submodal .modal-body {
  height: 100%;
}
.submodal .modal-content {
  min-height: 200px;
}
.submodal.transition {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.submodal.in {
  top: 0 !important;
  position: fixed;
  background: #ffffff;
  background: rgba(0, 0, 0, 0.6);
}
.submodal .modal-content {
  border-top: none;
  -ms-border-radius: 10px;
  border-radius: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
.submodal .modal-header {
  display: none;
}
.modal-wide .modal-dialog {
  width: 75%;
}
.modal.fade {
  background-color: rgba(0, 0, 0, 0.37);
}
@keyframes move_y {
  0% {
    bottom: 20%;
    opacity: 1;
  }
  95% {
    opacity: 0.9;
  }
  to {
    bottom: 200%;
    opacity: 0;
  }
}
@keyframes oscil1 {
  25% {
    translate: 30px 0;
    transform: rotate(-3deg);
    animation-timing-function: cubic-bezier(0.7, 0, 0.9, 0.7);
  }
  50% {
    translate: 0 0;
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0.1, 0.3, 0.3, 1);
  }
  75% {
    translate: -30px 0;
    transform: rotate(-3deg);
    animation-timing-function: cubic-bezier(0.7, 0, 0.9, 0.7);
  }
  to {
    translate: 0 0;
    transform: rotate(0deg);
  }
}
.checkbox-row {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}
.form-section:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  border: 1px solid #ccc;
  border-radius: 8px;
  pointer-events: none;
  box-shadow: none;
  /* Initial state with no shadow */
  transition: box-shadow 0.3s ease;
  /* Smooth transition for box-shadow */
}
.form-section:hover:before {
  box-shadow: 0 0 3px 3px #0a4a7a1f;
}
.form-group {
  margin-bottom: 15px;
}
.address-row {
  display: flex;
  gap: 10px;
}
/* Add Flexbox to rows with form-sections */
.row.form-section-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  /* Match Bootstrap's negative margin */
  margin-left: -15px;
  /* Match Bootstrap's negative margin */
}
.row.form-section-row .form-section {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  /* Ensure padding/borders are included in height */
}
/* Ensure Bootstrap columns work with Flexbox */
.row.form-section-row > [class*="col-"] {
  display: flex;
  flex-direction: column;
}
@media (max-width: 600px) {
  .address-row {
    flex-direction: column;
  }
  .row.form-section-row {
    flex-direction: column;
  }
  .row.form-section-row .form-section {
    height: auto;
  }
  /* Reset height for stacked layout */
}
.custom-submodal-box .modal-content {
  padding-top: 0!important;
}
#globalLoadingIcon {
  z-index: 97;
  /*opacity: .6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;*/
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: transparent;
  display: none;
}
#globalLoadingIcon i {
  background-color: transparent;
  color: #337ab7;
  font-size: 5em;
  position: relative;
  margin: 0 auto;
  margin-top: 12%;
}
.successStart:after {
  bottom: 20%;
  opacity: 1;
  animation: move_y 2s ease-out forwards, oscil1 1s infinite;
  font-family: "RAAMP";
  content: "\f13e";
  font-size: 14px;
  padding-left: 23px;
  position: absolute;
  z-index: 9999;
  right: 40%;
  color: green;
}
.successStart:before {
  bottom: 20%;
  opacity: 1;
  animation: move_y 2s ease-out forwards, oscil1 1s infinite;
  content: "Saved";
  font-size: 16px;
  padding-right: 18px;
  position: absolute;
  z-index: 9999;
  right: 40%;
  color: green;
}
.modal-dialog,
.modal {
  cursor: url('/content/img/cursor-close.png'), auto;
}
.dark-mode {
  filter: invert(1) hue-rotate(-180deg);
}
.dark-mode img:not([src$="svg"]) {
  filter: invert(1) hue-rotate(-180deg);
}
.dark-mode video {
  filter: invert(1) hue-rotate(-180deg);
}
.dark-mode .modal-backdrop.in {
  opacity: 0.9 !important;
}
.dark-mode #subcompanyID,
.dark-mode .raampLogoRow,
.dark-mode .subcompanyID,
.dark-mode .headerRow {
  background-color: #e5e6e7 !important;
  color: #343a40 !important;
}
.dark-mode .raampLogoImg {
  filter: invert(100%) hue-rotate(180deg) brightness(1.161) saturate(0.3);
}
.dark-mode .modal-backdrop {
  background-color: #f4f7ff !important;
  cursor: url('/content/img/cursor-close-white.png'), auto;
}
.dark-mode .modal-dialog,
.dark-mode .modal {
  cursor: url('/content/img/cursor-close-white.png'), auto;
}
.modal-content {
  cursor: initial;
}
.draggable-handle:hover {
  cursor: move;
}
.draggable-handle:active {
  cursor: grabbing;
}
.selectize-dropdown-content .option:hover,
.selectize-dropdown-content .optgroup:hover {
  cursor: pointer;
}
.documentLinkSelected {
  border: 2px solid yellow;
}
.SuperAdminReadOnly {
  background: #00ff1f !important;
  border: 2px solid !important;
}
span.inline-save {
  position: absolute;
  top: 8px;
  cursor: pointer;
  right: 21px;
}
span.raamp_id {
  float: left;
  width: 100%;
  font-size: 10px;
}
.dataTables_scrollBody {
  min-height: 200px;
  /*  transform: translate(0, 0);

    .dropdown-menu {
        position: fixed;
    }*/
}
#SavingCreditEditForm {
  display: none;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: #ffffff !important;
}
.ui-igcombo-list {
  border: 1px solid #efefef;
  box-shadow: 2px 2px 10px #a09e9e;
}
li.ui-igcombo-group-header.ui-state-default.ui-unselectable {
  font-size: 14px;
  color: #0a4a7a;
  font-weight: bold;
}
#RemoveProfilePicButton {
  background: white;
  position: absolute;
  top: 2px;
  right: 22px;
  height: 21px;
  padding: 0;
  width: 23px;
  border-radius: 20px;
}
#RemoveProfilePicButton i {
  margin: 0;
  margin-top: -4px;
  margin-left: -2px;
}
.saving #SavingCreditEditForm {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  background: rgba(232, 232, 171, 0.91);
  z-index: 5;
  text-align: center;
  font-weight: bolder;
  color: #0a4a7a;
  top: 0;
  bottom: 0;
  padding-top: 19%;
  font-size: 28px;
}
#ProfilePicture {
  width: 167px;
  max-width: 100%;
  max-height: 100%;
}
.saving #CreditOrEditContactForm {
  filter: blur(1px);
}
#ContactPhotoPlaceHolder {
  cursor: pointer;
  width: 167px;
  text-align: center;
  top: 0;
  opacity: 1;
  position: absolute;
  height: 167px;
  background-image: url('/Content/img/ContactPlacholder.jpg');
}
#imageUploadInstructions {
  z-index: 100;
  pointer-events: none;
  position: relative;
}
#CreateBillingContactLoadingSpinner {
  position: absolute;
  top: 50%;
  width: 265px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.infoHover {
  width: 167px;
  text-align: center;
  height: 167px;
  padding-top: 50%;
  color: black;
}
.e-ccButton {
  float: right;
  width: 90px;
  margin-top: 11px;
  margin-top: 11px !important;
  background: transparent !important;
  border: 0 !important;
  color: #337ab6 !important;
}
.e-ccButton .e-icon.e-down-arrow {
  color: #337ab6;
  margin-bottom: 28px;
  line-height: 0.7;
}
.navTable {
  table-layout: fixed;
}
.navTable .dropdown-submenu {
  position: relative;
}
.navTable .dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  margin-top: -1px;
  right: 128px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.navTable .dropdown-submenu .dropdownCheckBox {
  padding: 3px 4px;
}
.navTable .dropdown-submenu .dropdownCheckBox input {
  margin-right: 8px;
}
.navTable .dropdown-menu {
  left: -152px;
}
.navTable .dropdown-menu > li > a > i {
  margin-right: 10px;
  margin-left: -15px;
}
.navTable .dropdown-menu .submenuOpen.open:after {
  content: "";
  right: 124px;
  position: absolute;
  height: 0;
  margin-top: 5px;
  width: 0;
  border-bottom: 5px solid transparent;
  border-left: 5px solid 909090;
  border-top: 5px solid transparent;
}
.navTable .dropdown-menu .submenuOpen.open:before {
  content: "";
  position: absolute;
  right: 122px;
  height: 0;
  margin-top: 3px;
  width: 0;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #cecece;
  border-top: 7px solid transparent;
}
.navTable .dropdown.open:not(.dropup-modified) > .dropdown-menu:after {
  content: "";
  position: absolute;
  right: -5px;
  height: 0;
  width: 0;
  top: 5px;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #ffffff;
  border-top: 5px solid transparent;
}
.navTable .dropdown.open:not(.dropup-modified) > .dropdown-menu:before {
  content: "";
  position: absolute;
  right: -7px;
  height: 0;
  width: 0;
  top: 3px;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #cecece;
  border-top: 7px solid transparent;
}
.navTable .dropdown.open.dropup-modified > .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: -28px;
}
.navTable .dropdown.open.dropup-modified > .dropdown-menu:after {
  content: "";
  position: absolute;
  right: -5px;
  height: 0;
  width: 0;
  bottom: 7px;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #ffffff;
  border-top: 5px solid transparent;
}
.navTable .dropdown.open.dropup-modified > .dropdown-menu:before {
  content: "";
  position: absolute;
  right: -7px;
  height: 0;
  width: 0;
  bottom: 5px;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #cecece;
  border-top: 7px solid transparent;
}
span.PaymentRefunded {
  padding: 1px 8px 1px 8px;
  float: right;
  background-color: aliceblue;
  margin: -1px -8px -1px -8px;
  border-radius: 29px;
  border: 1px solid #abc4d6;
}
tr:hover span.PaymentRefunded {
  background-color: #d3dada;
}
.text-xs-left {
  text-align: left;
}
.text-xs-right {
  text-align: right;
}
.text-xs-center {
  text-align: center;
}
.text-xs-justify {
  text-align: justify;
}
@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-justify {
    text-align: justify;
  }
}
@media (min-width: 992px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-justify {
    text-align: justify;
  }
}
@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-justify {
    text-align: justify;
  }
}
.defaultSetting {
  float: right;
  color: #3d4eac;
  background: #d6ecff;
  padding: 2px 7px 2px 7px;
  border-radius: 2vh;
}
.blinking {
  animation: blinkingText 1.5s infinite;
}
.modal:not([data-backdrop="static"]).modal-backdrop {
  position: fixed;
}
.modal:not([data-backdrop="static"]).modal-backdrop:hover {
  cursor: url('/content/img/cursor-close.png'), auto;
}
.dropdownCheckBox input[type=checkbox] {
  height: 17px;
  cursor: pointer;
  width: 17px;
}
.e-columnChooser .e-ejinputtext.e-filtertext {
  height: 29px;
}
.e-columnChooser .e-searchfind.e-icon {
  margin-top: -6px;
  margin-right: -3px;
}
@keyframes blinkingText {
  0% {
    color: #000;
  }
  25% {
    color: transparent;
  }
  50% {
    color: #000;
  }
  99% {
    color: #000;
  }
  100% {
    color: #000;
  }
}
.completionBar {
  border: #d0d0d0 solid 0.5px;
  width: 100%;
  background: linear-gradient(to right, #d4f9db var(--percent), white, white, #ffffff 1%);
}
.ui-igcombo-listitem.ui-state-hover {
  cursor: pointer !important;
}
.toggle-eye {
  border: none;
  background: transparent;
  color: #0a4a7a;
}
.ui-ignotify-warn {
  z-index: 1 !important;
}
.toggle-eye:hover {
  color: blue;
}
.toggle-eye[aria-expanded="true"] span:after {
  border: none;
  font-family: "Raamp" !important;
  content: '\f055' !important;
  font-size: 24px;
}
.toggle-eye[aria-expanded="false"] span:after {
  border: none;
  font-family: "Raamp" !important;
  content: '\f14d' !important;
  font-size: 24px;
}
.validatingDate:before {
  content: "Validating ";
  padding-left: 5px;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: normal;
  color: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
  right: 0;
  border-radius: 5px;
  opacity: 0.8;
  background-image: repeating-linear-gradient(-45deg, #b1a9a9, #d0d0d0 11px, #b7b5b5 10px, #bbb6b6 20px);
  background-size: 28px 28px;
  animation: move 0.5s linear infinite;
}
.selectize-control.single .selectize-input.not-full:not(.has-options):after {
  border: none;
  font-family: "Raamp" !important;
  content: '\f040' !important;
  font-size: 18px;
  display: none;
  top: 30%;
  right: 24px;
  color: green;
}
.ui-iggrid .ui-iggrid-table > tbody > tr > td.ui-iggrid-coldesc,
.ui-iggrid .ui-iggrid-table > tbody > tr > td.ui-iggrid-colasc {
  border-bottom: 1px solid #dadada !important;
}
.ui-iggrid th .ui-icon,
.ui-iggrid th.ui-widget-header .ui-icon {
  color: #0a4a7a !important;
}
.ui-iggrid-pagesizedropdowncontainerabove {
  background-color: #eff2f6 !important;
}
.ui-iggrid-pager.ui-iggrid-footer {
  background-color: #eff2f6 !important;
  border-top: 1px solid #0a4a7a !important;
}
.ui-iggrid-indicatorcontainer > a:not([title='No filter applied']) {
  background-color: #38ffb3;
  box-shadow: 0px 1px 0px 0px #38ffb3;
}
ui-igcombo-clearicon ui-icon-circle-close {
  color: indianred;
}
.ui-icon-arrowthick-1-n:before {
  font-family: "Raamp" !important;
  content: '\f05e' !important;
  font-size: 14px;
}
.ui-icon-arrowthick-1-s:before {
  font-family: "Raamp" !important;
  content: '\f05d' !important;
  font-size: 14px;
}
.ui-iggrid-addrow:hover {
  cursor: pointer;
}
.detailsPane > td {
  background: none !important;
  background-color: #d2e8ff !important;
}
.detailsPane > td > ul {
  padding-left: 10px;
  padding-right: 10px;
}
.detailsPane > td > ul .table-bordered td,
.detailsPane > td > ul .table-bordered th {
  color: black;
  border: 1px solid #0a4a7a;
}
.detailsPane > td > ul .table-bordered tr:first-child {
  border-top: 2px solid #0a4a7a !important;
}
.detailsButton {
  height: 16px;
  border: none;
  background: url(/content/img/plus.png) 5px center no-repeat;
  padding-left: 30px;
  cursor: pointer;
  float: left;
}
.detailsButton.active {
  height: 16px;
  background: url(/content/img/minus.png) 5px center no-repeat;
  padding-left: 30px;
  cursor: pointer;
  float: left;
  border: none;
}
.option[disabled] {
  color: darkgray !important;
  cursor: not-allowed;
}
.modal-dialog {
  margin-top: 63px;
}
.negative-currency {
  color: #a94442;
}
.negative-currency:before {
  color: #a94442;
  content: "(";
}
.negative-currency:after {
  color: #a94442;
  content: ")";
}
.vertical-align-middle {
  vertical-align: middle;
}
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.fa-stack-sm {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  vertical-align: middle;
}
.fa-stack-short {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 1em;
  line-height: 1em;
  vertical-align: middle;
}
#processingIndicator {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 75px;
  top: 205px;
  font-size: 75px;
  padding-left: 50%;
}
.clickable2:hover {
  cursor: pointer;
  background-color: rgba(174, 191, 203, 0.64);
}
.inactiveAccountOption {
  cursor: not-allowed !important;
  color: #7C7C7C;
  padding: 3px 12px;
  text-decoration: underline;
}
.blockOut {
  position: relative;
  min-width: 1px;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
}
.blockOut.blocked > .blockOut-blocker {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(169, 169, 169, 0.44);
  z-index: 999;
  display: block;
}
.blockOut .blockOut-blocker {
  display: none;
}
.blockOut-message {
  font-size: 3em;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-22.5deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-22.5deg);
  transform: translateX(-50%) translateY(-50%) rotate(-22.5deg);
}
.bar {
  background-image: repeating-linear-gradient(-50deg, #958b8b38, #2a1b1b36 11px, #4c4c4c54 10px, #93a7b740 20px);
  background-size: 28px 28px;
  animation: move 0.9s linear infinite;
}
@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}
@-webkit-keyframes pace-theme-barber-shop-motion {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  100% {
    -webkit-transform: translate(-32px, 0);
    transform: translate(-32px, 0);
  }
}
@-moz-keyframes pace-theme-barber-shop-motion {
  0% {
    -moz-transform: none;
    transform: none;
  }
  100% {
    -moz-transform: translate(-32px, 0);
    transform: translate(-32px, 0);
  }
}
@-o-keyframes pace-theme-barber-shop-motion {
  0% {
    -o-transform: none;
    transform: none;
  }
  100% {
    -o-transform: translate(-32px, 0);
    transform: translate(-32px, 0);
  }
}
@-ms-keyframes pace-theme-barber-shop-motion {
  0% {
    -ms-transform: none;
    transform: none;
  }
  100% {
    -ms-transform: translate(-32px, 0);
    transform: translate(-32px, 0);
  }
}
@keyframes pace-theme-barber-shop-motion {
  0% {
    transform: none;
  }
  100% {
    transform: translate(-32px, 0);
  }
}
.ui-jqgrid .ui-jqgrid-htable th {
  color: #000;
}
.ui-iggrid-table .ui-widget-header:not(.ui-iggrid-addrow),
.ui-iggrid-headertable .ui-widget-header:not(.ui-iggrid-addrow) {
  background: #eee !important;
  border-bottom: 2px solid #DDD !important;
  color: black !important;
  font-weight: bold !important;
  line-height: 1.42857143;
  height: 34px !important;
  border: thin solid #DDD !important;
}
.ui-icon,
.ui-widget-content .ui-icon,
.ui-state-default .ui-icon,
.ui-widget-header .ui-state-default .ui-icon,
.ui-iggrid-paging-item.ui-state-default .ui-icon {
  color: #212121;
}
.ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {
  background-color: transparent !important;
  border-left: none !important;
  box-shadow: inset 0px 1px #d6d6d6;
  color: #212121 !important;
}
.ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right.ui-state-hover {
  background-color: transparent !important;
  color: #212121;
}
div.ui-iggrid {
  border: 1px solid #0a4a7a;
}
tr:not(.ui-iggrid-filterrow,[data-role="summaryrow"]) .ui-state-hover {
  background-color: #c5d4d580 !important;
}
tr.detailsPane table tr:nth-child(odd) td {
  background-color: #f7f2f2 !important;
}
tr.detailsPane table tr:nth-child(even) td {
  background-color: #ffffff !important;
}
.ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default.ui-igedit-dropdown-button[aria-label=Calendar] .ui-icon.ui-icon-triangle-1-s.ui-igedit-buttonimage:before {
  font-size: 14px;
  font-family: "Raamp" !important;
  content: "\f015" !important;
}
.ui-igcombo-clear.ui-unselectable {
  box-shadow: inset 0px 1px #d6d6d6;
}
.ui-igcombo-dropdown.ui-widget.ui-widget-content.ui-corner-all .ui-igcombo-orientation-bottom {
  margin-top: 4px;
  border-radius: 4px;
  box-shadow: 1px 1px 10px 0px #6f6f6f;
}
.ui-igcombo-dropdown.ui-widget.ui-widget-content.ui-corner-all .ui-igcombo-orientation-top {
  margin-bottom: 4px;
  border-radius: 4px;
  box-shadow: 1px 1px 10px 0px #6f6f6f;
}
.ui-igcombo-buttonicon,
.ui-igcombo-clearicon {
  position: relative;
  top: 50%;
  margin-top: -8px;
  border: none;
  background: none !important;
  color: #212121;
}
.ui-igcombo-buttonicon {
  color: #000000;
}
.ui-datepicker .ui-datepicker-calendar a {
  background: transparent;
  border: 1px solid transparent;
  color: #444444;
  padding-top: 6px;
}
.ui-datepicker .ui-datepicker-calendar a.ui-state-active {
  background-image: -moz-linear-gradient(top, #4880b7, #3d799f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4880b7), to(#3d799f));
  background-image: -webkit-linear-gradient(top, #4880b7, #3d799f);
  background-image: -o-linear-gradient(top, #4880b7, #3d799f);
  background-image: linear-gradient(to bottom, #4880b7, #3d799f);
  border-radius: 3px;
  border: 1px solid #3866a3;
  display: inline-block;
  color: #fff !important;
  padding: 3px;
  padding-left: 8px;
}
.ui-datepicker .ui-widget-header {
  background: white !important;
}
.ui-datepicker .ui-datepicker-header {
  background: white !important;
}
.ui-datepicker .ui-datepicker-prev .ui-icon::before {
  font-family: "Raamp";
  content: '\f09a' !important;
  color: black;
}
.ui-datepicker .ui-datepicker-next .ui-icon::before {
  font-family: "Raamp";
  content: '\f107' !important;
  color: black;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  font-size: 13px;
  color: #212121;
  font-weight: bold;
}
/*.ui-igcombo-wrapper {
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
}*/
.IgComboInNavBar {
  position: fixed;
  margin-top: 35px;
}
.ui-iggrid-addrowicon.ui-icon.ui-icon-circle-plus {
  font-size: 16px;
  padding-left: 20px;
}
.ui-iggrid-addrow {
  background-color: #ccc !important;
  color: #444 !important;
  text-decoration: none;
  background-color: #ccc;
}
.ui-iggrid-addrow:hover span {
  color: #0a4a7a !important;
  font-weight: 500 !important;
}
.ui-iggrid-addrow:hover span:nth-child(2) {
  text-shadow: 7px 4px 5px rgba(4, 4, 4, 0.45);
}
.ui-iggrid-addrow span {
  font-weight: 500 !important;
  font-size: 18px;
}
.ui-iggrid-addrow span:first-child {
  padding-left: 20px;
}
.optgroup-header {
  color: #0a4a7a !important;
  font-size: 1.2em !important;
  font-weight: bolder;
}
.form-control.headerCombo {
  font-size: 18px !important;
}
.form-control.headerCombo > .selectize-input {
  height: 34px;
  min-height: 0;
}
.LoadingOne {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0s;
  animation: dot 1.3s infinite;
  animation-delay: 0s;
}
.LoadingTwo {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.2s;
  animation: dot 1.3s infinite;
  animation-delay: 0.2s;
}
.LoadingThree {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.3s;
  animation: dot 1.3s infinite;
  animation-delay: 0.3s;
}
@-webkit-keyframes dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.separator {
  border-bottom: 1px solid #D6D6D6;
}
.fa-overlay {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  vertical-align: middle;
}
.hasMovedOut {
  position: relative;
  min-width: 1px;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
}
.hasMovedOut .noEditAfterMoveOut:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(169, 169, 169, 0.44);
  z-index: 999;
}
.hasMovedOut:before {
  content: "Tenant Has Moved Out";
  position: absolute;
  font-size: 3em;
  top: 0;
  margin-top: 15%;
  margin-left: 33%;
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(315deg);
  text-align: center;
  z-index: 9999999;
  color: #0a4a7a;
}
/*.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #2B2B2B;
}*/
.gm-style-iw {
  color: black;
}
#content {
  position: relative;
}
body.container {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  box-shadow: 0 2px 70px rgba(0, 0, 0, 0.45);
}
body.container.hidden-menu:not(.mobile-view-activated) {
  overflow: hidden;
}
body {
  overflow-y: scroll;
}
h1 {
  letter-spacing: -1px;
  font-size: 24px;
  margin: 10px 0;
}
h1 small {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -1px;
}
.lead {
  font-size: 19px;
}
h2 {
  letter-spacing: -1px;
  font-size: 22px;
  margin: 5px 0 5px;
  line-height: normal;
}
/*h3 {
    display: block;
    font-size: 19px;
    font-weight: 400;
    margin: 20px 0;
    line-height: normal;
}*/
h3 {
  line-height: normal;
}
h4 {
  line-height: normal;
}
h5 {
  font-size: 17px;
  font-weight: 300;
  margin: 10px 0;
  line-height: normal;
}
h6 {
  font-size: 15px;
  margin: 10px 0;
  font-weight: 700;
  line-height: normal;
}
.row-seperator-header {
  margin: 15px 14px 20px;
  border-bottom: none;
  display: block;
  color: #646464;
  font-size: 20px;
  font-weight: 400;
}
.center-canvas,
.center-child-canvas > canvas {
  display: block !important;
  margin: 0 auto !important;
}
.bordered {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.bordered:hover {
  border: 1px solid rgba(0, 0, 0, 0.4);
}
aside {
  display: block;
  min-height: 100%;
}
#header > div {
  display: inline-block;
  vertical-align: middle;
  height: 49px;
  float: left;
}
#header > div.open {
  font-weight: 700;
}
.fixed-header #header {
  position: fixed;
  width: 100%;
  /*z-index: 905;*/
  top: 0;
  border-bottom: 2px solid #999;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: -11px 12px 23px rgba(0, 0, 0, 0.1);
}
.fixed-header.fixed-ribbon #header {
  border-bottom: none;
  box-shadow: none;
}
.container.fixed-header #header {
  max-width: 1164px;
}
.fixed-header #header .ajax-dropdown {
  z-index: 906;
}
.fixed-header #shortcut {
  position: fixed;
}
.fixed-header #main {
  margin-top: 49px;
}
#logo-group > span {
  display: inline-block;
  height: 39px;
  float: left;
}
#calendar-container {
  position: relative;
}
.fc table,
html .fc {
  font-size: 12px;
}
.dt-header.calender-spacer {
  height: 46px;
  display: block;
}
.col {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.fc-widget-content,
.fc-widget-header {
  border-right: none;
}
tr td.fc-first,
tr.fc-first th.fc-first {
  border-left: none;
}
tr.fc-last td {
  border-bottom: none;
}
.fc-event-time,
.fc-event-title {
  padding: 3px 0 2px 3px;
  display: inline-block;
  line-height: 16px;
  font-weight: 700;
  font-size: 11px;
  box-sizing: border-box;
}
#calendar-buttons {
  position: absolute;
  right: 14px;
  top: 5px;
}
.dropzone,
td.fc-other-month {
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(0, 0, 0, 0.03)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0.03)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
  background-color: #FAFCFD;
  background-size: 16px 16px;
}
.fc-corner-right .fc-event-inner {
  padding-right: 15px;
}
.btn-select-tick i {
  display: none;
}
.btn-select-tick .btn:hover i {
  opacity: 0.3;
  display: block;
}
.btn-select-tick .active i {
  display: block;
  opacity: 1 !important;
}
.form hr {
  margin-left: -13px;
  margin-right: -13px;
  border-color: rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  margin-bottom: 20px;
}
.form fieldset {
  display: block;
  border: none;
  background: rgba(255, 255, 255, 0.9);
  position: relative;
}
.input-group-addon {
  /*background-color: @tableHeadingBackground;*/
  padding: 6px 10px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
}
.input-group-addon .fa {
  font-size: 14px;
}
.input-group-addon .fa-2x,
.input-group-addon .fa-lg {
  font-size: 2em;
}
.input-group-addon .fa-3x,
.input-group-addon .fa-4x,
.input-group-addon .fa-5x {
  font-size: 30px;
}
input[type=text]:focus + .input-group-addon {
  border-color: #0091d9;
  background-color: #72a0ce;
  color: #fff;
}
.smart-form {
  margin: 0;
  outline: 0;
  color: #666;
  position: relative;
}
.smart-form .label {
  display: block;
  margin-bottom: 6px;
  line-height: 19px;
  font-weight: 400;
  font-size: 13px;
  color: #333;
  text-align: left;
  white-space: normal;
}
.smart-form .btn {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.smart-form legend {
  padding-top: 15px;
}
.smart-form footer {
  display: block;
  padding: 7px 14px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(248, 248, 248, 0.9);
}
.smart-form footer:after {
  content: '';
  display: table;
  clear: both;
}
.smart-form footer .btn {
  float: left;
  height: 31px;
  margin: 10px 0 0 5px;
  padding: 0 22px;
  font: 300 15px/29px 'Open Sans', Helvetica, Arial, sans-serif;
  cursor: pointer;
}
.smart-form fieldset {
  display: block;
  padding-top: 15px;
  padding-bottom: 5px;
  border: none;
  background: transparent;
  position: relative;
}
.smart-form header {
  display: block;
  padding: 8px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
  background: #fff;
  font-size: 16px;
  font-weight: 300;
  color: #232323;
  margin: 10px 14px 0;
}
.smart-form .checkbox + .checkbox,
.smart-form .radio + .radio {
  margin-top: 0;
}
.smart-form fieldset + fieldset {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.smart-form section {
  margin-bottom: 15px;
  position: relative;
}
/* CSS */
.toggle-btn {
  position: relative;
  display: block;
  /* Ensure the link takes up full width */
  text-decoration: none;
  /* Remove underline if not desired */
}
.toggle-btn h6 {
  margin: 0;
  /* Remove default margin */
  display: inline-block;
  /* Keep h6 inline with pseudo-element */
  vertical-align: middle;
  /* Align vertically with caret */
}
.toggle-btn:after {
  content: "\f106";
  /* Up arrow when expanded (default state here) */
  display: inline-block;
  font: normal normal normal 14px/1 "Raamp";
  /* Ensure "Raamp" font is loaded */
  font-size: 1.5em;
  vertical-align: middle;
  /* Align with h6 */
  float: right;
  /* Pull to the right */
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
/* When target is collapsed (closed) */
.toggle-btn.collapsed:after {
  content: "\f107";
  /* Down arrow when collapsed */
}
/* Optional: Add some spacing */
.toggle-btn:after {
  margin-left: 10px;
  /* Space between h6 and caret */
}
.smart-form .label.col {
  margin: 0;
  padding-top: 7px;
}
.note,
.smart-form .note {
  margin-top: 6px;
  padding: 0 1px;
  font-size: 11px;
  line-height: 15px;
  color: #999;
}
.smart-form .note a {
  font-size: 13px;
}
.smart-form .button,
.smart-form .checkbox,
.smart-form .input,
.smart-form .radio,
.smart-form .select,
.smart-form .textarea,
.smart-form .toggle {
  position: relative;
  display: block;
  font-weight: 400;
}
.smart-form .input input,
.smart-form .select select,
.smart-form .textarea textarea {
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding: 5px 10px;
  outline: 0;
  border-width: 1px;
  border-style: solid;
  background: #fff;
  font: 13px/16px 'Open Sans', Helvetica, Arial, sans-serif;
  color: #404040;
  appearance: normal;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.smart-form .input-file .button {
  position: absolute;
  top: 4px;
  right: 4px;
  float: none;
  height: 22px;
  margin: 0;
  padding: 0 14px;
  font-size: 13px;
  line-height: 22px;
}
.smart-form .input-file .button:hover {
  box-shadow: none;
}
.smart-form .input-file .button input {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  font-size: 30px;
  cursor: pointer;
  opacity: 0;
}
.smart-form .select i {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 5px;
  height: 11px;
  background: #fff;
  box-shadow: 0 0 0 9px #fff;
}
.smart-form .select i:after,
.smart-form .select i:before {
  content: '';
  position: absolute;
  right: 0;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.smart-form .select i:after {
  bottom: 0;
  border-top: 4px solid #404040;
}
.smart-form .select i:before {
  top: 0;
  border-bottom: 4px solid #404040;
}
.smart-form .select-multiple select {
  height: auto;
}
.smart-form .textarea textarea {
  height: auto;
  resize: none;
}
.smart-form .textarea-resizable textarea {
  resize: vertical;
}
.smart-form .textarea-expandable textarea {
  height: 31px;
}
.smart-form .textarea-expandable textarea:focus {
  height: auto;
}
.smart-form .checkbox,
.smart-form .radio {
  margin-bottom: 4px;
  padding-left: 25px;
  line-height: 21px;
  color: #404040;
  cursor: pointer;
  font-size: 13px;
}
.smart-form .checkbox:last-child,
.smart-form .radio:last-child {
  margin-bottom: 0;
}
/*.smart-form .checkbox input, .smart-form .radio input {
            position: absolute;
            left: -9999px;
        }*/
.smart-form .checkbox i,
.smart-form .radio i {
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 17px;
  height: 17px;
  outline: 0;
  border-width: 1px;
  border-style: solid;
  background: #FFF;
}
.smart-form .radio i {
  border-radius: 50%;
}
.smart-form .checkbox input + i:after,
.smart-form .radio input + i:after {
  position: absolute;
  opacity: 0;
  transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  -ms-transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
}
.smart-form .radio input + i:after {
  content: '';
  top: 3px;
  left: 3px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.smart-form .checkbox input + i:after {
  content: '\f00c';
  top: -1px;
  left: 1px;
  width: 15px;
  height: 15px;
  font: 400 16px/19px Raamp;
  text-align: center;
}
.smart-form .checkbox input:checked:hover + i:after {
  content: '\f00d';
}
.smart-form .checkbox input:checked:disabled:hover + i:after {
  content: '\f00c';
}
.smart-form .checkbox input:checked + i:after,
.smart-form .radio input:checked + i:after {
  opacity: 1;
}
.smart-form .inline-group {
  margin: 0 -15px -4px 0;
}
.smart-form .inline-group:after {
  content: '';
  display: table;
  clear: both;
}
.smart-form .inline-group .checkbox,
.smart-form .inline-group .radio {
  float: left;
  margin-right: 30px;
}
.smart-form .inline-group .checkbox:last-child,
.smart-form .inline-group .radio:last-child {
  margin-bottom: 4px;
}
.smart-form .toggle {
  margin-bottom: 4px;
  padding-right: 61px;
  font-size: 15px;
  line-height: 25px;
  color: #404040;
  cursor: pointer;
}
.smart-form .toggle:last-child {
  margin-bottom: 0;
}
.smart-form .toggle input {
  position: absolute;
  left: -9999px;
}
.smart-form .toggle i {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  display: block;
  width: 49px;
  height: 17px;
  border-width: 1px;
  border-style: solid;
  border-radius: 12px;
  background: #fff;
}
.smart-form .toggle i:after {
  content: attr(data-swchoff-text);
  position: absolute;
  top: 2px;
  right: 8px;
  left: 8px;
  font-style: normal;
  font-size: 9px;
  line-height: 13px;
  font-weight: 700;
  text-align: left;
  color: #5f5f5f;
}
.smart-form .toggle i:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 4px;
  right: 4px;
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  opacity: 1;
  transition: right 0.2s;
  -o-transition: right 0.2s;
  -ms-transition: right 0.2s;
  -moz-transition: right 0.2s;
  -webkit-transition: right 0.2s;
}
.smart-form .toggle input:checked + i:after {
  content: attr(data-swchon-text);
  text-align: right;
}
.smart-form .toggle input:checked + i:before {
  right: 36px;
}
.smart-form .rating {
  margin-bottom: 4px;
  font-size: 13px;
  line-height: 25px;
  color: #404040;
}
.smart-form .rating:last-child {
  margin-bottom: 0;
}
.smart-form .rating input {
  position: absolute;
  left: -9999px;
}
.smart-form .rating label {
  display: block;
  float: right;
  height: 17px;
  margin-top: 5px;
  padding: 0 2px;
  font-size: 17px;
  line-height: 17px;
  cursor: pointer;
}
.smart-form .button {
  float: right;
  height: 31px;
  overflow: hidden;
  margin: 10px 0 0 5px;
  padding: 0 25px;
  outline: 0;
  border: 0;
  font: 300 15px/31px 'Open Sans', Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}
.smart-form .icon-append,
.smart-form .icon-prepend {
  position: absolute;
  top: 5px;
  width: 22px;
  height: 22px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.smart-form .icon-append {
  right: 5px;
  padding-left: 3px;
  border-left-width: 1px;
  border-left-style: solid;
}
.smart-form .icon-prepend {
  left: 5px;
  padding-right: 3px;
  border-right-width: 1px;
  border-right-style: solid;
}
.smart-form .input .icon-prepend + input,
.smart-form .textarea .icon-prepend + textarea {
  padding-left: 37px;
}
.smart-form .input .icon-append + input,
.smart-form .textarea .icon-append + textarea {
  padding-right: 37px;
}
.smart-form .input .icon-prepend + .icon-append + input,
.smart-form .textarea .icon-prepend + .icon-append + textarea {
  padding-left: 37px;
}
.smart-form .select select {
  padding: 5px;
}
.smart-form .tooltip {
  position: absolute;
  z-index: 99999;
  left: -9999px;
  padding: 2px 8px 3px;
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  opacity: 0;
  transition: margin 0.3s, opacity 0.3s;
  -o-transition: margin 0.3s, opacity 0.3s;
  -ms-transition: margin 0.3s, opacity 0.3s;
  -moz-transition: margin 0.3s, opacity 0.3s;
  -webkit-transition: margin 0.3s, opacity 0.3s;
}
.smart-form .tooltip:after {
  content: '';
  position: absolute;
}
.smart-form .input input:focus + .tooltip,
.smart-form .textarea textarea:focus + .tooltip {
  opacity: 1;
}
.smart-form .tooltip-top-right {
  bottom: 100%;
  margin-bottom: 15px;
}
.smart-form .tooltip-top-right:after {
  top: 100%;
  right: 11px;
  border-top: 4px solid rgba(0, 0, 0, 0.9);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.smart-form .input input:focus + .tooltip-top-right,
.smart-form .textarea textarea:focus + .tooltip-top-right {
  right: 0;
  left: auto;
  margin-bottom: 5px;
}
.smart-form .tooltip-top-left {
  bottom: 100%;
  margin-bottom: 15px;
}
.smart-form .tooltip-top-left:after {
  top: 100%;
  left: 11px;
  border-top: 4px solid rgba(0, 0, 0, 0.9);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.smart-form .input input:focus + .tooltip-top-left,
.smart-form .textarea textarea:focus + .tooltip-top-left {
  right: auto;
  left: 0;
  margin-bottom: 5px;
}
.smart-form .tooltip-right {
  top: 4px;
  white-space: nowrap;
  margin-left: 15px;
}
.smart-form .tooltip-right:after {
  top: 6px;
  right: 100%;
  border-top: 4px solid transparent;
  border-right: 4px solid rgba(0, 0, 0, 0.9);
  border-bottom: 4px solid transparent;
}
.smart-form .input input:focus + .tooltip-right,
.smart-form .textarea textarea:focus + .tooltip-right {
  left: 100%;
  margin-left: 5px;
}
.smart-form .tooltip-left {
  top: 4px;
  white-space: nowrap;
  margin-right: 15px;
}
.smart-form .tooltip-left:after {
  top: 6px;
  left: 100%;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid rgba(0, 0, 0, 0.9);
}
.smart-form .input input:focus + .tooltip-left,
.smart-form .textarea textarea:focus + .tooltip-left {
  right: 100%;
  left: auto;
  margin-right: 5px;
}
.smart-form .tooltip-bottom-right {
  top: 100%;
  margin-top: 15px;
}
.smart-form header {
  background: #2a4f58;
  color: #fff !important;
}
.smart-form .tooltip-bottom-right:after {
  bottom: 100%;
  right: 11px;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(0, 0, 0, 0.9);
  border-left: 4px solid transparent;
}
.smart-form .input input:focus + .tooltip-bottom-right,
.smart-form .textarea textarea:focus + .tooltip-bottom-right {
  right: 0;
  left: auto;
  margin-top: 5px;
}
.smart-form .tooltip-bottom-left {
  top: 100%;
  margin-top: 15px;
}
.smart-form .tooltip-bottom-left:after {
  bottom: 100%;
  left: 11px;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(0, 0, 0, 0.9);
  border-left: 4px solid transparent;
}
.smart-form .input input:focus + .tooltip-bottom-left,
.smart-form .textarea textarea:focus + .tooltip-bottom-left {
  right: auto;
  left: 0;
  margin-top: 5px;
}
.smart-form .checkbox i,
.smart-form .icon-append,
.smart-form .icon-prepend,
.smart-form .input input,
.smart-form .radio i,
.smart-form .select select,
.smart-form .textarea textarea,
.smart-form .toggle i {
  border-color: #BDBDBD;
  transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -ms-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
}
.smart-form .toggle i:before {
  background-color: #3276B1;
}
.smart-form .rating label {
  color: #ccc;
  transition: color 0.3s;
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
}
.smart-form .button {
  background-color: #3276B1;
  opacity: 0.8;
  transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
}
.smart-form .button.button-secondary {
  background-color: #b3b3b3;
}
.smart-form .icon-append,
.smart-form .icon-prepend {
  color: #A2A2A2;
}
.smart-form .checkbox:hover i,
.smart-form .input:hover input,
.smart-form .radio:hover i,
.smart-form .select:hover select,
.smart-form .textarea:hover textarea,
.smart-form .toggle:hover i {
  border-color: #5D98CC;
}
.smart-form .rating input + label:hover,
.smart-form .rating input + label:hover ~ label {
  color: #3276B1;
}
.smart-form .button:hover {
  opacity: 1;
}
.smart-form .input:focus {
  box-shadow: 5px 9px 9px rgba(0, 0, 0, 0.5);
}
.smart-form .checkbox:hover i,
.smart-form .radio:hover i,
.smart-form .toggle:hover i {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.smart-form .checkbox:active i,
.smart-form .radio:active i,
.smart-form .toggle:active i {
  background: #F0F0F0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.smart-form .checkbox input:focus + i,
.smart-form .input input:focus,
.smart-form .radio input:focus + i,
.smart-form .select select:focus,
.smart-form .textarea textarea:focus,
.smart-form .toggle input:focus + i {
  border-color: #3276B1;
  border-width: 1px;
}
.form-control:focus {
  border-color: #3276B1 !important;
  border-width: 1px;
}
.form-control:hover {
  border-color: #3276B1 !important;
  border-width: 1px;
}
.tactBox:hover {
  border-color: #3276B1 !important;
  border-width: 1px;
}
.smart-form .radio input + i:after {
  background-color: #3276B1;
}
.smart-form .checkbox input + i:after {
  color: #3276B1;
}
.smart-form .checkbox input:checked + i,
.smart-form .radio input:checked + i,
.smart-form .toggle input:checked + i {
  border-color: #3276B1;
}
.smart-form .rating input:checked ~ label {
  color: #3276B1;
}
.smart-form .checkbox.state-error i,
.smart-form .radio.state-error i,
.smart-form .state-error input,
.smart-form .state-error select,
.smart-form .state-error textarea,
.smart-form .toggle.state-error i {
  background: #fff0f0;
  border-color: #A90329;
}
.smart-form .toggle.state-error input:checked + i {
  background: #fff0f0;
}
.smart-form .state-error + em {
  display: block;
  margin-top: 6px;
  padding: 0 1px;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #D56161;
}
.smart-form .rating.state-error + em {
  margin-top: -4px;
  margin-bottom: 4px;
}
.smart-form .state-error select + i {
  background: #FFF0F0;
  box-shadow: 0 0 0 9px #FFF0F0;
}
.state-error .icon-append,
.state-error .icon-prepend {
  color: #ed1c24;
}
.smart-form .checkbox.state-success i,
.smart-form .radio.state-success i,
.smart-form .state-success input,
.smart-form .state-success select,
.smart-form .state-success textarea,
.smart-form .toggle.state-success i {
  background: #f0fff0;
  border-color: #7DC27D;
}
.smart-form .toggle.state-success input:checked + i {
  background: #f0fff0;
}
.smart-form .note-success {
  color: #6fb679;
}
.smart-form .state-success select + i {
  background: #f0fff0;
  box-shadow: 0 0 0 9px #f0fff0;
}
.smart-form .button.state-disabled,
.smart-form .checkbox.state-disabled,
.smart-form .input.state-disabled input,
.smart-form .radio.state-disabled,
.smart-form .select.state-disabled,
.smart-form .textarea.state-disabled,
.smart-form .toggle.state-disabled {
  cursor: default !important;
  opacity: 0.6 !important;
}
.smart-form .checkbox.state-disabled:hover i,
.smart-form .input.state-disabled:hover input,
.smart-form .radio.state-disabled:hover i,
.smart-form .select.state-disabled:hover select,
.smart-form .textarea.state-disabled:hover textarea,
.smart-form .toggle.state-disabled:hover i {
  border-color: #e5e5e5 !important;
}
.smart-form .state-disabled.checkbox input + i:after,
.smart-form .state-disabled.checkbox input:checked + i,
.smart-form .state-disabled.radio input + i:after,
.smart-form .state-disabled.radio input:checked + i,
.smart-form .state-disabled.toggle input:checked + i {
  border-color: #e5e5e5 !important;
  color: #333 !important;
}
.smart-form .state-disabled.radio input + i:after {
  background-color: #333;
}
.smart-form .message {
  display: none;
  color: #6fb679;
}
.smart-form .message i {
  display: block;
  margin: 0 auto 20px;
  width: 81px;
  height: 81px;
  border: 1px solid #6fb679;
  border-radius: 50%;
  font-size: 30px;
  line-height: 81px;
}
.smart-form.submited fieldset,
.smart-form.submited footer {
  display: none;
}
.smart-form.submited .message {
  display: block;
  padding: 25px 30px;
  background: rgba(255, 255, 255, 0.9);
  font: 300 18px/27px 'Open Sans', Helvetica, Arial, sans-serif;
  text-align: center;
}
.smart-form .ui-widget-content .ui-spinner-input {
  margin: 0;
  border: 0;
  box-shadow: none !important;
  height: 29px;
}
.smart-form-modal {
  position: fixed;
  z-index: 1;
  display: none;
  width: 75%;
}
.smart-form-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.smart-form input.input-lg {
  height: 44px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.33;
}
.smart-form input.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.smart-form input.input-xs {
  height: 24px;
  padding: 2px 10px;
  font-size: 11px;
  line-height: 1.5;
}
.smart-form select.input-sm {
  height: 30px;
  line-height: 15px;
  font-size: 12px;
}
.smart-form select.input-sm + i {
  height: 10px;
}
.smart-form select.input-lg {
  height: 44px;
  line-height: 22px;
  font-size: 17px;
}
.smart-form select.input-lg + i {
  height: 11px;
  top: 17px;
}
.smart-form .checkbox input + input[type=hidden] + i:after {
  content: '\f00c';
  top: -1px;
  left: 1px;
  width: 15px;
  height: 15px;
  font: 400 16px/19px Raamp;
  text-align: center;
}
.smart-form footer {
  display: block !important;
  width: 100%;
  padding: 7px 14px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  height: auto;
}
.smart-form .checkbox input:checked:hover + input[type=hidden] + i:after {
  content: '\f00d';
}
.smart-form .checkbox input:checked:disabled:hover + input[type=hidden] + i:after {
  content: '\f00c';
}
.smart-form .checkbox input:checked + input[type=hidden] + i:after {
  opacity: 1;
}
.smart-form .toggle input:checked + input[type=hidden] + i:after {
  content: attr(data-swchon-text);
  text-align: right;
}
.smart-form .toggle input:checked + input[type=hidden] + i:before {
  right: 36px;
}
.error-box {
  max-width: 900px;
  margin: 0 auto;
}
.text-caution {
  color: #ffd700;
}
.caution-icon-shadow {
  text-shadow: 0 1px 0 #737013, 0 2px 0 #737013, 0 3px 0 #737013, 0 4px 0 #737013, 0 5px 0 #737013, 0 6px 1px rgba(131, 51, 51, 0.1), 0 0 5px rgba(102, 30, 30, 0.1), 0 1px 3px rgba(95, 15, 15, 0.3), 0 3px 5px rgba(100, 23, 23, 0.2), 0 5px 10px rgba(114, 30, 30, 0.25), 0 10px 10px rgba(94, 15, 15, 0.2), 0 20px 20px rgba(121, 38, 38, 0.15);
}
.error-text {
  font-weight: 400;
  color: #5F5E63;
  /*letter-spacing: -4px;*/
  font-size: 300%;
  margin-bottom: 30px;
  /*text-shadow: 0 1px 0 #ccc,0 2px 0 #bfbfbf,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);*/
}
.error-search {
  width: 300px;
  margin: 0 auto 20px;
}
.error-icon-shadow {
  text-shadow: 0 1px 0 #803838, 0 2px 0 #a85d5d, 0 3px 0 #b86565, 0 4px 0 #d86f6f, 0 5px 0 #b3a5a5, 0 6px 1px rgba(131, 51, 51, 0.1), 0 0 5px rgba(102, 30, 30, 0.1), 0 1px 3px rgba(95, 15, 15, 0.3), 0 3px 5px rgba(100, 23, 23, 0.2), 0 5px 10px rgba(114, 30, 30, 0.25), 0 10px 10px rgba(94, 15, 15, 0.2), 0 20px 20px rgba(121, 38, 38, 0.15);
}
.success-icon-shadow {
  text-shadow: 0 1px 0 #358c3d, 0 2px 0 #a85d5d, 0 3px 0 #5da862, 0 4px 0 #74d86f, 0 5px 0 #b3a5a5, 0 6px 1px #a5b2a4, 0 0 5px #a5b2a4, 0 1px 3px rgba(95, 15, 15, 0.3), 0 3px 5px rgba(100, 23, 23, 0.2), 0 5px 10px rgba(114, 30, 30, 0.25), 0 10px 10px rgba(94, 15, 15, 0.2), 0 20px 20px rgba(121, 38, 38, 0.15);
}
fieldset {
  position: relative;
}
.form-actions {
  display: block;
  padding: 13px 14px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(249, 249, 249, 0.9);
  margin-top: 25px;
  margin-left: -13px;
  margin-right: -13px;
  margin-bottom: -13px;
  text-align: right;
}
.userbubble-area {
  background: rgba(0, 0, 0, 0.12);
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.user-circle {
  width: 29px;
  height: 29px;
  border-radius: 16px;
  font-size: 15px !important;
  line-height: 29px;
  text-align: center;
  display: inline-block;
  padding: 0 !important;
}
.user-circle-small {
  width: 18px;
  height: 18px;
  border-radius: 9px;
  font-size: 9px !important;
  line-height: 18px;
  text-align: center;
  display: inline-block;
  margin-right: 2px;
  padding: 0 !important;
}
.userbubble {
  border-radius: 2vh;
  text-align: center;
  display: inline-block;
  margin-bottom: 5px;
  padding-left: 13px;
  padding-right: 7px;
}
.userbubble-addon {
  color: rgba(0, 0, 0, 0.42);
  margin-left: 10px;
}
.userbubble-addon:hover {
  color: #cccccc;
}
.navTable button {
  border: none;
  background-color: transparent;
  color: #404040;
  text-align: right;
  float: right;
  padding: 0 0 0 10px;
}
.navTable {
  width: 100%;
}
.navTable td:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  width: 75%;
}
.blocker {
  display: none;
  width: 100%;
  height: 100%;
  background: #5b4719;
  z-index: 3;
  opacity: 0.2;
  position: fixed;
}
#RAAMPLogoLeft,
#RAAMPLogoRight {
  display: none;
}
.raampLogoRow {
  float: right;
  background-color: #343a40;
  box-shadow: 9px 4px 7px 0 #a9a9a9;
}
.raampLogoImg {
  height: 40px;
}
.img-lg {
  display: inline-block;
  height: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.AddressMarkerLabel {
  color: #0a1393;
}
.AddressMarkerLabel-5:after {
  content: ">";
}
/*.AddressMarkerLabel-5:hover + .AddressMarkerLabelType-5{

    display: block;
}*/
.AddressMarkerLabelType-5 {
  display: none;
}
.debug-mode {
  background-color: #abd2ad !important;
}
#MapFiltersDiv {
  margin-bottom: 10px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  height: 200px;
  align-self: baseline;
  margin-top: 30px;
  padding: 0;
  border-top-right-radius: 8px;
}
#MapFiltersDiv > h5 {
  background-color: #0A4A7A;
  border-color: #0A4A7A;
  border-style: solid;
  padding-left: 20px;
  margin: 0px;
  color: #fff;
}
#MapFiltersDiv > section {
  width: 100%;
  padding-left: 30px;
  height: 170px;
  overflow-y: auto;
  overflow-x: hidden;
}
#map_canvas {
  border-color: #0A4A7A;
  border-width: 2px;
  border-style: solid;
  border-radius: 10px;
}
.font-size-sm {
  font-size: 0.8em;
}
.font-size-sm {
  font-size: 0.9em;
}
.font-size-md {
  font-size: 1.1em;
}
.font-size-lg {
  font-size: 1.3em;
}
.font-size-xl {
  font-size: 1.5em;
}
.font-size-2xl {
  font-size: 1.6em;
}
.font-size-3xl {
  font-size: 1.7em;
}
@media (max-width: 767px) {
  .font-size-sm {
    font-size: 0.7em;
  }
  .font-size-sm {
    font-size: 0.8em;
  }
  .font-size-md {
    font-size: 1em;
  }
  .font-size-lg {
    font-size: 1.2em;
  }
  .font-size-xl {
    font-size: 1.4em;
  }
  .font-size-2xl {
    font-size: 1.5em;
  }
  .font-size-3xl {
    font-size: 1.6em;
  }
}
.fontsize-0 {
  display: none !important;
}
.fontsize-1 span {
  font-size: 1px !important;
  line-height: 3px !important;
}
.fontsize-1 .row {
  padding-left: 3px;
  font-size: 1px !important;
  line-height: 3px !important;
}
.fontsize-2 span {
  font-size: 2px !important;
  line-height: 4px !important;
}
.fontsize-2 .row {
  padding-left: 4px;
  font-size: 2px !important;
  line-height: 4px !important;
}
.fontsize-3 span {
  font-size: 3px !important;
  line-height: 5px !important;
}
.fontsize-3 .row {
  padding-left: 5px;
  font-size: 3px !important;
  line-height: 5px !important;
}
.fontsize-4 span {
  font-size: 4px !important;
  line-height: 5px !important;
}
.fontsize-4 .row {
  padding-left: 5px;
  font-size: 4px !important;
  line-height: 5px !important;
}
.fontsize-5 span {
  font-size: 5px !important;
  line-height: 5px !important;
}
.fontsize-5 .row {
  padding-left: 5px;
  font-size: 5px !important;
  line-height: 5px !important;
}
.fontsize-6 span {
  font-size: 6px !important;
  line-height: 5px !important;
}
.fontsize-7 span {
  font-size: 7px !important;
  line-height: 5px !important;
}
.fontsize-8 span {
  font-size: 8px !important;
  line-height: 5px !important;
}
.fontsize-9 span {
  font-size: 9px !important;
  line-height: 5px !important;
}
.fontsize-10 span {
  font-size: 10px !important;
  line-height: 5px !important;
}
.fontsize-11 span {
  font-size: 11px !important;
  line-height: 5px !important;
}
.fontsize-12 span {
  font-size: 12px !important;
  line-height: 5px !important;
}
.fontsize-13 span {
  font-size: 13px !important;
  line-height: 5px !important;
}
.fontsize-14 span {
  font-size: 14px !important;
  line-height: 5px !important;
}
.label:hover {
  background-color: #000;
}
.labels {
  color: #000;
  background-color: #E6E6E6;
  font-family: "Lucida Grande", "Arial", sans-serif;
  font-weight: bold;
  text-align: left;
  width: auto;
  border: 2px solid #0A4A7A;
  border-radius: 3px;
  padding-left: 10px;
  padding-right: 10px;
}
.EditMapFieldButton,
.DeleteMapFieldButton {
  margin-top: 5px;
}
.btn-transparent {
  background: none;
  border: none;
}
.MapAddressDataButton {
  margin-top: 5px;
}
#MapAddress-ul {
  list-style: none;
}
#MapAddressResults {
  margin-top: 10px !important;
  max-height: 210px;
  overflow: auto;
}
#MapAddressResults a {
  margin-top: 10px !important;
}
#ManagePanel {
  margin: 0 auto;
  max-width: 800px;
  /*min-width: 620px;*/
  float: none;
  /*.checkbox-row {
        font-size: 1.1em;
        margin: 20px;
    } */
}
#ManagePanel .checkbox-row {
  display: flex;
  align-items: center;
  margin: 20px;
  font-size: 1.1em;
}
#ManagePanel input[type=checkbox].row-checkbox {
  margin: 0 10px 0 0;
  width: 1em;
  height: 1em;
  position: relative;
  top: -2px;
  /* Adjust this value as needed */
}
#ManagePanel .update-phone {
  margin-left: 20px;
}
#ManagePanel .warning {
  font-size: 0.8em;
  color: #870111;
}
@media (max-width: 767px) {
  #ManagePanel {
    /*min-width: 320px;*/
  }
}
#companyTree li {
  background-image: none;
  margin-bottom: 10px;
}
#companyTree {
  font-size: 1.3em;
  margin-left: 5px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 35px;
}
#companyTree .jstree-default .jstree-hovered,
#companyTree .jstree-default .jstree-clicked {
  background: none;
  border-radius: 0;
  box-shadow: none;
}
@media (max-width: 767px) {
  #companyTree {
    font-size: 1.3em;
    margin-left: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
  }
}
.raamp-layer-center {
  background-color: #f8f9fa;
  border-radius: 25px;
  margin-bottom: 5px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  min-height: 300px;
}
.raamp-layer-center a:hover {
  color: #0a4a7a !important;
  text-shadow: 2px 2px 5px #8a8686;
  font-weight: 600;
}
.raamp-layer {
  background-color: #f8f9fa;
  border-radius: 25px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  margin-bottom: 5px;
}
.raamp-layer a:hover {
  color: #0a4a7a !important;
  text-shadow: 2px 2px 5px #8a8686;
  font-weight: 600;
}
.raamp-title {
  font-size: 1.6em;
  padding-top: 5px;
  padding-bottom: 5px;
  /*margin-bottom: 15px;*/
  color: #333;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #f2f2f2;
  border-bottom: 1px solid #d3cfcf;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 10px;
  text-align: center;
}
.raamp-title .back {
  color: #333;
  font-size: initial;
  float: left;
  position: absolute;
  left: 15px;
  top: 12px;
}
.raamp-title .title-text {
  width: 55%;
  margin: 0 auto;
}
.raamp-title .title-text {
  width: 55%;
  margin: 0 auto;
}
.raamp-title-medium {
  font-size: 1.3em;
  /*border-radius: 8px;*/
}
@media (max-width: 767px) {
  .raamp-title {
    font-size: 1.3em;
  }
  .raamp-title .title-text {
    width: 60%;
    margin: 0 auto;
  }
}
.raamp-layer-title {
  background-color: #f2f2f2;
  color: #333;
  font-size: 24px;
  padding: 4px;
  text-align: center;
  border-width: 2px;
  border-radius: 8px;
  border-style: solid;
  margin-bottom: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.indent-20 {
  padding-left: 20px;
}
.FAQ {
  vertical-align: top;
  height: auto !important;
}
.show {
  display: none;
}
.hide:target + .show {
  display: inline;
}
.hide:target {
  display: none;
}
.hide:target ~ .list {
  display: inline;
}
/*style the (+) and (-) */
.hide,
.show {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  font-size: 20px;
  color: #fff;
  text-shadow: 0 1px 0 #666;
  text-align: center;
  box-shadow: 1px 1px 2px #000;
  background: #cccbbb;
  opacity: 0.95;
  margin-right: 0;
  float: left;
  margin-bottom: 25px;
}
.hide:hover,
.show:hover {
  color: #eee;
  text-shadow: 0 0 1px #666;
  box-shadow: 0 0 4px #222 inset;
  opacity: 1;
  margin-bottom: 25px;
}
.list p {
  height: auto;
  margin: 0;
}
.blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(2px);
}
.question {
  float: left;
  height: auto;
  width: 90%;
  line-height: 20px;
  padding-left: 20px;
  margin-bottom: 25px;
  font-style: italic;
}
.BrightRed:hover {
  color: #801616 !important;
}
.BrightRed {
  color: red !important;
}
.DarkRed {
  color: #801616 !important;
}
.DarkRed:hover {
  color: #ab0707 !important;
}
.BrightBlue:hover {
  color: rgba(68, 85, 139, 0.9) !important;
}
.BrightBlue {
  color: #07ADEC !important;
}
.DarkBlue {
  color: #0A4A7A !important;
}
.BrightGreen {
  color: #42d807 !important;
}
.BrightGreen:hover {
  color: #065f0b !important;
}
.Italic {
  font-style: italic !important;
}
.navbutton {
  line-height: 40px;
  height: inherit;
  border-top: 5px;
  border-bottom: 5px;
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
}
.navbutton:hover {
  height: inherit;
  border-top: 5px;
  border-bottom: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #FFd600 !important;
}
.pull-top {
  vertical-align: top;
}
#GroupListTeam {
  border-left-style: solid !important;
  border-color: grey !important;
  border-left-width: thick !important;
  padding-left: 10px;
  padding-right: 5px;
}
.EditPropGroupButton {
  display: block;
}
.EditPropGroupButtonhref {
  float: left;
  padding-left: 15px !important;
  padding-top: 6px !important;
  padding-right: 20px !important;
  padding-bottom: 3px !important;
  margin: 0px !important;
}
.AddUserProperty {
  display: block;
}
.GroupEditCSS {
  display: block;
  width: 100%;
  float: right;
  padding-bottom: 10px;
  border-bottom: medium !important;
  margin-bottom: auto;
}
.editcircleuser {
  float: left;
}
.AddUserPropertyGroupminus {
  float: right;
}
.AddUserPropertyminus {
  float: right;
  position: relative;
  top: 0;
}
.TeamUserAdd {
  border: thin !important;
  background-color: rgba(255, 255, 255, 0.075);
  box-shadow: 5px 5px 10px #000;
  padding: 10px;
}
.PropertyGroupEditForm {
  border: thin !important;
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: 5px 5px 10px #000;
  padding: 10px;
}
#CreateTeamForm {
  border: thin !important;
  background-color: rgba(255, 255, 255, 0.075);
  box-shadow: 5px 5px 10px #000;
  padding: 10px;
}
.lowerMargin-5 {
  margin-bottom: 5px;
  display: block;
}
.PropSubmitGroupdelete {
  opacity: 1;
  background-color: #ee4242;
  border: none;
  border-radius: 3px;
  align-self: center;
  vertical-align: baseline;
  float: right;
}
.fillhorizontal {
  width: 100% !important;
}
.fill-horizontal {
  width: auto !important;
}
.noborder {
  border: 0 solid black;
}
.FloatForm {
  border: thin !important;
  background-color: rgba(255, 255, 255, 0.075);
  box-shadow: 5px 5px 10px #000;
  padding: 10px;
}
.fillvertical {
  align-self: baseline;
  bottom: 0;
  min-height: 100%;
  height: 100%;
}
.modal.parent .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.ModListScroll {
  overflow-y: auto;
  border-left: thin;
  border-left-color: #D0CFCF;
  border-left-style: solid;
}
#ModListScrollUp {
  font-size: 14px !important;
  display: block;
  width: 100%;
  border-top-left-radius: 5px;
  background-color: #f2f2f2;
  background-image: -moz-linear-gradient(top, #D0CFCF, #E4E4E4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D0CFCF), to(#E4E4E4));
  background-image: -webkit-linear-gradient(top, #D0CFCF, #E4E4E4);
  background-image: -o-linear-gradient(top, #D0CFCF, #E4E4E4);
  background-image: linear-gradient(to bottom, #D0CFCF, #E4E4E4);
  text-align: center;
}
#ModListScrollDownFast,
#ModListScrollUpFast {
  display: none;
}
#ModListScrollDown {
  display: none;
}
#ModListScrollDown,
#ModListScrollUp {
  display: none;
  border-right: none;
  border-bottom: none;
}
#ModListScrollDown:hover,
#ModListScrollUp:hover {
  border-right: none;
  border-bottom: none;
  background-image: none;
  background-color: grey;
  color: white;
}
#ModListScrollDown {
  font-size: 14px !important;
  display: block;
  width: 100%;
  border-bottom-right-radius: 5px;
  text-align: center;
  background-color: #f2f2f2;
  background-image: -moz-linear-gradient(top, #E4E4E4, #D0CFCF);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E4E4E4), to(#D0CFCF));
  background-image: -webkit-linear-gradient(top, #E4E4E4, #D0CFCF);
  background-image: -o-linear-gradient(top, #E4E4E4, #D0CFCF);
  background-image: linear-gradient(to bottom, #E4E4E4, #D0CFCF);
}
.ModListNav ul > li > ul > li > span {
  text-align: right;
}
.ModListNav {
  margin-right: 5px;
  margin-top: 5px;
  padding-top: 10px;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.ModListNav ul > li {
  margin-bottom: 2px;
  text-align: left;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.ModListNav > ul > li:hover {
  left: 10px !important;
}
.ModListNav ul > li > ul > li.active a {
  text-align: right;
  background-color: #c6dada;
}
.ModListNav b {
  font-size: 18px;
}
.border-bottom-drop {
  box-shadow: inset 0px -2px green;
}
.border-top-drop {
  box-shadow: inset 0px 2px green;
}
#tabstyleTitleDiv :before {
  background-color: #f8f9fa;
  width: 15px;
  height: 45px;
  display: block;
  position: absolute;
}
#TitleBlocker {
  position: fixed;
  width: 30px;
  height: 30px;
  color: black;
  background-color: #f8f9fa;
  left: 298px;
  top: 47px;
}
#tabstyleTitleDiv {
  margin-top: -2px;
}
.largerInnera a {
  font-size: 16px;
  display: inline;
}
.largerInnera {
  display: inline;
}
.DashBoardHeader a {
  font-size: 20px;
  padding-left: 40px;
  padding-top: 10px;
  display: inline;
}
#erContainer {
  display: inline-flex;
  margin: 0 !important;
  padding-bottom: 6px;
  border-radius: 5px;
}
.erContainer_p {
  padding-left: 5px;
  padding-right: 15px;
  padding-top: 3px;
}
.erContainer_h4 {
  padding-left: 5px;
  padding-right: 5px;
}
.erContainer_p::before {
  content: "\f071";
  font-family: Raamp;
  font-size: 14px;
  display: inline;
  padding-right: 15px;
}
.login-info a > span::after {
  content: "\f013";
  font-family: Raamp;
  font-size: 20px;
  display: inline;
  padding-left: 10px;
}
.NoTab {
  border: none !important;
  float: right !important;
}
.pleaseWait {
  display: inline-flex;
}
.pleaseWait > div {
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
}
.clauseForm {
  border-bottom-style: solid;
  border-bottom-color: #7C7C7C;
  border-bottom-width: 1px;
  margin-top: 5px;
  padding-top: 10px !important;
  margin-left: 2px;
}
.pleaseWait > div > span {
  font-size: 18px !important;
  vertical-align: middle;
}
#PleaseWaitInline {
  POSITION: absolute;
  Z-INDEX: 9999999;
  background: #e6e6e6;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 2px 2px 0px #0a4a7a;
  left: 50%;
  border: 1px solid #0a4a7a;
  transform: translateX(-50%);
}
.top-5percent {
  top: 5% !important;
}
.top-10percent {
  top: 10% !important;
}
.top-15percent {
  top: 15% !important;
}
.ConfirmBoxMessageDiv {
  display: inline-flex;
}
#ConfirmBoxMessagemsg {
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
}
#ConfirmBoxMessage {
  vertical-align: middle;
}
.SmartDrop li {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  border-bottom-color: gainsboro;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
}
#editorsTemplateTable .ui-igedit-dropdown-button {
  display: inline;
  position: absolute;
  width: 32px;
  height: 33px;
  margin-top: 1px;
  right: 21px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
#CAMExpenseListGrid_updating_dialog_container__modaldialog_block {
  Z-INDEX: 102 !important;
}
#AccountingCheck {
  background-image: url(/Content/img/Accounting/CheckBackground.png);
  background-repeat: repeat;
  border-radius: 8px;
  border-width: 2px;
  border-style: solid;
  border-color: #0a4a7a;
  padding: 16px;
}
#AccountingCheck.AccountingCheckCredit {
  background-image: url(/Content/img/Accounting/CreditBackground.png);
  border-color: #b666d2;
}
#CheckForm {
  border-radius: 8px;
  border-width: 3px;
  border-style: solid;
  margin: 3px;
  padding: 10px;
  background: rgba(246, 255, 219, 0.27);
  position: relative;
}
.input-group-addon.input-group-addon-disabled {
  cursor: not-allowed;
  color: darkgrey;
}
.topFormNavBar > ul > li {
  display: inline-flex;
  align-content: center;
}
.topFormNavBar > ul > li > a {
  padding: 0;
  text-align: center;
  width: 100% !important;
  color: #454545;
}
.topFormNavBar > ul > li > a[disabled] {
  color: #c3c3c3;
}
.topFormNavBar > ul > li > a > span {
  width: 100%;
  align-content: center;
  padding: 0;
  margin: 0;
}
.topFormNavBar > ul > li > a:hover {
  background-color: transparent;
}
.topFormNavBar > ul > li > button {
  padding: 0;
  text-align: center;
  width: 100% !important;
  background: none;
  border: none;
}
.topFormNavBar > ul > li > button[disabled] {
  color: #c3c3c3;
}
.topFormNavBar > ul > li > button[disabled] i {
  color: #c3c3c3;
}
.topFormNavBar > ul > li > button[disabled]:hover {
  cursor: not-allowed;
}
.topFormNavBar > ul > li:not(.noHover):hover {
  box-shadow: inset 0px -2px 0px 0px #0a4a7a;
  cursor: pointer;
}
.topFormNavBar > ul > li:not(.noHover):hover:first-of-type {
  border-top-left-radius: 3px;
  box-shadow: inset 0px -2px 0px 0px #0a4a7a;
  cursor: pointer;
}
.topFormNavBar ul > li > a > i,
.topFormNavBar ul > li > button > i {
  width: 100%;
  align-content: center;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 0;
  padding-top: 5px;
  padding-bottom: 2px;
  margin-right: 0;
}
@media (max-width: 500px) {
  .modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    border-radius: 0;
    height: 100%;
  }
  .modal-dialog .modal-content {
    min-height: 100%;
    border-radius: 0;
    border: none;
    padding-top: 100px;
  }
  .modal-dialog .modal-content .modal-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
  }
}
.icon-default {
  color: #4D8BA5;
}
.icon-disabled {
  color: #c4c4c4;
}
.subtab {
  padding: 5px;
  border-left-color: #7C7C7C !important;
  border-bottom-color: #7C7C7C;
  border-right-color: #7C7C7C;
  border-right-style: solid;
  border-left-style: solid !important;
  border-bottom-style: solid;
  border-left-width: thin !important;
  border-bottom-width: thin;
  border-right-width: thin;
}
#headerBorder {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.5);
  border-bottom-color: #0A4A7A;
  border-right-color: #0A4A7A;
  border-bottom-width: 2px;
  border-right-width: 2px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-bottom-right-radius: 10px;
  margin-left: 10px;
  width: 100%;
}
#header {
  display: block;
  height: 49px;
  margin: 0;
  padding-left: 10px;
  background-color: #f8f9fa;
  margin-left: 298px;
  position: absolute;
  width: 80%;
  z-index: 1;
}
#ribbon {
  background: #fff;
}
#hide-menu i {
  color: #fff !important;
}
.header-dropdown-list > li > .dropdown-toggle {
  display: block;
  background: rgba(0, 0, 0, 0.2);
  padding: 2px 7px 3px;
  border-radius: 3px;
  margin-top: 14px;
}
.header-search > input[type=text] {
  border-color: #CA854F;
}
.header-search > button {
  color: #DF9B45;
}
.login-info span {
  border-bottom: none;
}
.login-info a span {
  color: #000 !important;
}
nav.mainNav > ul > li {
  background-color: #f8f9fa;
}
.superbox-list.active:before {
  color: #3D3B39;
}
.dropdown-submenu,
.well {
  position: relative;
}
.active + .ajax-dropdown {
  -webkit-box-shadow: 1px 14px 16px rgba(61, 35, 14, 0.55);
  box-shadow: 1px 14px 16px rgba(61, 35, 14, 0.55);
}
.dropdown-large {
  position: static !important;
}
.dropdown-menu-large {
  margin-left: 16px;
  margin-right: 16px;
  padding: 20px 0px;
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}
.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: normal;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  background-color: #fff;
  color: #0a4a7a !important;
  text-shadow: 2px 2px 5px #8a8686;
  font-weight: 600;
  text-decoration: none;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 768px) {
  .dropdown-menu-large {
    margin-left: 0;
    margin-right: 0;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}
.dropdown-menu {
  border-radius: 0;
  border-bottom: 2px solid #ADADAD;
}
/*.dropdown-menu:hover {
        transition-delay: 0s;
    }*/
.dropdown-menu > li > a {
  color: #4E361B;
}
.dropdown-menu .divider {
  background-color: #EBC7A6;
}
.dropdown-menu-large .dropdown-header {
  color: #5C391E;
}
.has-warning .form-control {
  border-color: #c09853 !important;
}
.has-error .form-control {
  border-color: #b94a48 !important;
}
.has-success .form-control {
  border-color: #468847 !important;
}
#shortcut {
  background-color: rgba(25, 16, 6, 0.85);
}
.ui-chatbox-titlebar {
  background-color: #66605B !important;
}
.ui-chatbox-titlebar.ui-state-focus {
  background-color: #4B433C !important;
}
#ribbon .breadcrumb,
#ribbon .breadcrumb a {
  color: #7C7C7C !important;
}
#ribbon .breadcrumb li:last-child,
#ribbon .breadcrumb > .active {
  color: #5F5F5F;
}
.fixed-ribbon #ribbon {
  box-shadow: 0 0.0625em 0.3125em rgba(0, 0, 0, 0.35);
}
#logo-group span#activity,
.btn-header > :first-child > a {
  background-color: #2ab7bd;
  background-image: -moz-linear-gradient(top, #2a4f58, #a3a3a3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2a4f58), to(#a3a3a3));
  background-image: -webkit-linear-gradient(top, #2a4f58, #a3a3a3);
  background-image: -o-linear-gradient(top, #2a4f58, #a3a3a3);
  background-image: linear-gradient(to bottom, #2a4f58, #a3a3a3);
  color: #fff !important;
  border: 1px solid #0A4A7A;
  text-shadow: #8aa1b3 0 -1px;
}
#logo-group span#activity:active,
#logo-group span#activity:hover,
.btn-header > :first-child > a:active,
.btn-header > :first-child > a:hover {
  -webkit-box-shadow: inset 1px 1px 0 #8aa1b3, inset -1px -1px 0 #8aa1b3;
  -moz-box-shadow: inset 1px 1px 0 #8aa1b3, inset -1px -1px 0 #8aa1b3;
  box-shadow: inset 1px 1px 0 #8aa1b3, inset -1px -1px 0 #8aa1b3;
  background-color: #a3a3a3;
  background-image: -moz-linear-gradient(top, #a3a3a3, #8aa1b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a3a3a3), to(#8aa1b3));
  background-image: -webkit-linear-gradient(top, #a3a3a3, #8aa1b3);
  background-image: -o-linear-gradient(top, #a3a3a3, #8aa1b3);
  background-image: linear-gradient(to bottom, #a3a3a3, #8aa1b3);
}
.header-dropdown-list > li > .dropdown-toggle,
.project-context > :first-child,
.project-selector {
  color: #fff;
  text-shadow: #8aa1b3 0 -1px;
}
nav ul li a,
nav ul li.open > a,
nav ul li.open > a b {
  color: #0A4A7A;
}
nav > ul ul li::before,
nav > ul > li > ul::before {
  border: none;
}
.fc table,
html .fc {
  font-size: 12px;
  color: #66665e;
}
.page-footer,
.superbox-show {
  background: #3D3B39;
  position: fixed;
}
/*#extr-page h4.paragraph-header, #extr-page h5.about-heading, #logo-group span#activity, #project-context > :first-child, #project-selector, .bs-example-type .table .info, .close, .close:focus, .close:hover, .dd-handle > span, .dropdown-menu > li > a, .dygraph-axis-label, .easy-pie-chart .percent, .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, .header-search > button, .highlight, .highlight pre code, .inbox-data-message > :first-child, .inbox-data-message > :first-child span, .inbox-menu-lg li a, .irs-grid-pol, .irs-grid-text, .irs-max, .irs-min, .jarviswidget header:first-child .nav-tabs li a, .jarviswidget > header, .nav-tabs > li > a, .notification-body .from, .notification-body time, .page-title span, .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span, .project-context > :first-child, .project-selector, .responsive-utilities td.is-visible, .row-seperator-header, .smart-form .checkbox input + i:after, .smart-form header, .superbox-imageinfo span, .text-muted, .todo-group-title, .todo > li > p, .todo > li > p > .date, .todo > li > p > :first-child, .tree li span, .ui-widget-content, .usr-card-content > :first-child, a, code, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small, pre {
        color: #666666;
    }*/
.minified #header {
  margin-left: 43px;
}
.minified .tabstyleTitle {
  margin-left: 44px;
}
.minified .mainNav > ul {
  margin-top: 44px;
}
.minified nav.mainNav > ul > li.open ul li > a {
  padding-left: 14px;
}
.minified nav.mainNav > ul > li > ul,
.minified nav.mainNav > ul > li > ul > li > ul > li {
  background-color: rgba(69, 69, 69, 0.9);
}
.minified nav.mainNav ul li a,
.minified nav.mainNav ul li.open > a,
.minified nav.mainNav ul li.open > a b {
  color: #fff !important;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.tt-suggestion.tt-is-under-cursor {
  background-color: #fff;
  color: #0a4a7a !important;
  text-shadow: 2px 2px 5px #8a8686;
  font-weight: 600;
  text-decoration: none;
}
input:not([type]),
input[type=color],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
textarea {
  border-top-color: #a3a3a3;
  border-left-color: #a3a3a3;
  border-bottom-color: #ccc;
  border-right-color: #ccc;
  -webkit-box-shadow: inset 0 1px 0 #d6d6d6;
  -moz-box-shadow: inset 0 1px 0 #d6d6d6;
  box-shadow: inset 0 1px 0 #d6d6d6;
  color: #000;
}
.select2-container-multi .select2-choices .select2-search-field input,
.tt-hint {
  box-shadow: none !important;
  border: none !important;
}
.SmallBox span,
.bigBox span {
  letter-spacing: 0;
}
.menu-on-top nav ul ul li > a {
  color: inherit;
}
.menu-on-top nav ul ul li a {
  padding-left: 10px !important;
  font-size: 13px;
}
.menu-on-top nav ul ul .active > a {
  color: #333 !important;
}
.menu-on-top nav ul > li > ul {
  left: -2px;
}
.menu-on-top nav > ul > li > a:after {
  color: #8AA1B3 !important;
}
.menu-on-top aside {
  background: inherit;
}
.menu-on-top nav > ul > li > ul a:hover {
  background-color: #b5b5b5;
  color: #477ddc;
}
.menu-on-top aside#left-panel {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}
.menu-on-top aside#left-panel nav > ul > li {
  border-right: 1px solid #E2E2E2;
  border-left: 1px solid #FFF;
}
.menu-on-top aside#left-panel nav > ul > li > a {
  text-shadow: none !important;
  font-size: 13px;
  padding: 10px 9px !important;
  border: none !important;
}
.menu-on-top aside#left-panel nav > ul > li:hover {
  background: #c2bbbb;
}
.menu-on-top nav ul ul,
.menu-on-top nav ul ul ul {
  border-color: #E2E2E2;
}
.menu-on-top nav ul ul li:hover > a:after,
.menu-on-top nav > ul ul > li a:after,
.menu-on-top nav > ul ul > li a:hover:after,
.menu-on-top nav > ul > li > a:after {
  color: inherit;
}
.menu-on-top nav ul ul .active > a:hover,
.menu-on-top nav ul ul li.active:hover > a {
  color: #333 !important;
}
.optescmodalclass .modal-content {
  height: 100% !important;
  overflow: auto;
}
.accounting-Navbar {
  background-color: #f8f9fa;
  border-color: #0A4A7A;
  border-width: 2px;
  width: 85%;
  box-shadow: 9px 4px 9px 0px rgba(0, 0, 0, 0.3);
}
div#left-panel {
  position: absolute;
  background: rgba(255, 255, 225, 0.15);
}
aside#left-panel {
  position: absolute;
  background-color: #f8f9fa;
  z-index: 1;
}
.e-grid tr .e-hover {
  background-color: #c5d4d580 !important;
}
.e-grid .e-headercell .e-togglegroup {
  float: right;
  height: 10px;
  margin: -15px -20px -1px -20px;
  padding: 0;
  width: 16px;
}
tbody > .odd:hover {
  background-color: #c5d4d580 !important;
}
tbody > .even:hover {
  background-color: #c5d4d580 !important;
}
#logoHolder img {
  width: 66%;
  margin-left: 16%;
  margin-top: 0;
}
.panel.panel-blue {
  border: solid 2px #0a4a7a;
  border-radius: 6px;
}
.panel.panel-blue .panel-heading {
  background: #0a4a7a;
  color: white;
  border-top-left-radius: 0px;
}
.panel.panel-blue .panel-heading .panel-title {
  font-size: 20px;
}
.panel.panel-blue .the-price {
  background-color: rgba(220, 220, 220, 0.17);
  box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
  padding: 20px;
  margin: 0;
}
.panel.panel-blue .the-price h1 {
  margin: 0;
}
.overflow-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tabstyleTitle {
  border-bottom-right-radius: 5px;
  border: 2px solid #0A4A7A;
  display: inline-block;
  padding-left: 18px;
  padding-right: 10px;
  padding-top: 7px;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-top: 47px;
  border-top-left-radius: 10px;
  color: #ffffff;
  background-color: #0A4A7A;
  height: 43px;
  width: auto;
  z-index: 1;
  position: absolute;
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.5);
}
.innerTabPage {
  padding-left: 6px;
  padding-right: 6px;
  background-image: -moz-linear-gradient(top, #fff, rgba(0, 0, 0, 0.2));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(rgba(0, 0, 0, 0.2)));
  background-image: -o-linear-gradient(top, #fff, rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(to bottom, #fff, to bottom, rgba(0, 0, 0, 0.2));
  border-left: thin;
  border-left-color: #3d3d3d !important;
  border-left-style: solid !important;
  border-right: thin;
  border-right-color: #3d3d3d !important;
  border-right-style: solid !important;
  border-bottom: thin;
  border-bottom-color: #3d3d3d !important;
  border-bottom-style: solid !important;
}
.launchToolBarCombo {
  display: inline;
}
#launchToolBar {
  align-content: center;
  position: absolute;
  left: 300px;
  z-index: 2;
}
#launchToolBar .nav > li > a:focus,
#launchToolBar .nav > li > a:hover {
  color: #ffffff;
  background-color: #7c7c7c;
  padding-bottom: 12px;
  margin-bottom: 0px;
}
#launchToolBar .nav > li:hover > a {
  color: #ffffff;
  background-color: #7c7c7c;
}
#launchToolBar > ul > li > a {
  align-content: center;
  color: #3d3b39;
}
#launchToolBar .dropdown-large .dropdown-menu > li > ul > li > a {
  font-size: 16px;
}
.dropdown-large > a {
  font-size: 26px !important;
  padding-top: 12px;
  padding-bottom: 11px;
}
#launchToolBar .dropdown-large .dropdown-menu > li > ul > li > a:hover {
  background-color: #b5b5b5;
}
.launchToolBarCombo:hover {
  background-color: #eeeeee;
}
#launchToolBar .dropdown-large .dropdown-header {
  border-bottom: 1px;
  border-bottom-style: solid;
  font-size: 14px;
  padding: 3px 20px;
  line-height: 1.42857143;
  color: #0a1393;
  white-space: nowrap;
}
#launchToolBar > ul > li > a {
  font-size: 14px;
}
.navbar-nav > .dropdown-large > .dropdown-menu {
  margin-left: 90px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#header h1 {
  font-weight: Normal;
  color: #000f3d;
  text-shadow: #Adadad 1px 1px 2px;
}
a {
  color: #3c62da;
}
a:hover {
  color: #2ab7bd;
}
.mainNav a:hover {
  color: #fff;
}
.btn-primary {
  background-image: -moz-linear-gradient(top, #4880b7, #3d799f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4880b7), to(#3d799f));
  background-image: -webkit-linear-gradient(top, #4880b7, #3d799f);
  background-image: -o-linear-gradient(top, #4880b7, #3d799f);
  background-image: linear-gradient(to bottom, #4880b7, #3d799f);
  border-radius: 3px;
  border: 1px solid #3866a3;
  display: inline-block;
  color: #fff;
}
.btn-primary:hover {
  background: none;
  color: #fff;
  background-color: #468ccf;
}
.btn-success {
  background-image: -moz-linear-gradient(top, #468847, #556b2f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#468847), to(#556b2f));
  background-image: -webkit-linear-gradient(top, #468847, #556b2f);
  background-image: -o-linear-gradient(top, #468847, #556b2f);
  background-image: linear-gradient(to bottom, #468847, #556b2f);
  color: #fff !important;
  border: 1px solid #5f5f5f;
  border-radius: 3px;
}
.btn-success:hover {
  background-image: none;
  background-color: #578f58;
  color: #fff !important;
  border: 1px solid #6a8e6a;
  border-radius: 3px;
}
.btn-darkheader {
  background-image: -moz-linear-gradient(top, #8c8f8c, #434343);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8c8f8c), to(#434343));
  background-image: -webkit-linear-gradient(top, #8c8f8c, #434343);
  background-image: -o-linear-gradient(top, #8c8f8c, #434343);
  background-image: linear-gradient(to bottom, #8c8f8c, #434343);
  color: #fff !important;
}
.btn-cancel {
  /* Temporarily make this the same as btn-danger, so it can be used and then the colors changed later. */
  /*background: #333;*/
  background-image: -moz-linear-gradient(top, #953b39, #830c27);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#953b39), to(#830c27));
  background-image: -webkit-linear-gradient(top, #953b39, #830c27);
  background-image: -o-linear-gradient(top, #953b39, #830c27);
  background-image: linear-gradient(to bottom, #953b39, #830c27);
  color: white;
}
.btn-cancel:hover {
  /* Temporarily make this the same as btn-danger, so it can be used and then the colors changed later. */
  /*color: #ddd;*/
  background-color: #953b39;
  border: 1px solid #953b39;
}
.btn-danger {
  background-image: -moz-linear-gradient(top, #953b39, #830c27);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#953b39), to(#830c27));
  background-image: -webkit-linear-gradient(top, #953b39, #830c27);
  background-image: -o-linear-gradient(top, #953b39, #830c27);
  background-image: linear-gradient(to bottom, #953b39, #830c27);
  color: #fff !important;
  border: 1px solid #5f5f5f;
  border-radius: 3px;
}
.btn-danger:hover {
  background-image: none;
  background-color: #953b39;
  border: 1px solid #953b39;
  color: #fff !important;
  border-radius: 3px;
}
.btn-warning {
  background-image: -moz-linear-gradient(top, #ec9519, #c77e15);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ec9519), to(#c77e15));
  background-image: -webkit-linear-gradient(top, #ec9519, #c77e15);
  background-image: -o-linear-gradient(top, #ec9519, #c77e15);
  background-image: linear-gradient(to bottom, #ec9519, #c77e15);
  color: #fff !important;
  border: 1px solid #5f5f5f;
  border-radius: 3px;
}
.btn-default {
  background-image: -moz-linear-gradient(top, #9f9e9e, #bcbcbc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bcbcbc), to(#9f9e9e));
  background-image: -webkit-linear-gradient(top, #bcbcbc, #9f9e9e);
  background-image: -o-linear-gradient(top, #bcbcbc, #9f9e9e);
  background-image: linear-gradient(to bottom, #bcbcbc, #9f9e9e);
  color: #fff !important;
  border: 1px solid #5f5f5f;
  border-radius: 3px;
}
.btn-default:hover {
  background-image: none;
  color: #fff !important;
  background-color: #cdcdcd;
}
.btn-warning:hover {
  background-image: none;
  background-color: #f1930e;
  border: 1px solid #ec9519;
  color: #fff !important;
}
.btn-min-width {
  min-width: 100px;
}
.subtab > nav {
  border-left: thin;
  border-left: #000;
  border-right: thin;
  border-right: #000;
}
.no-content-padding {
  margin: -10px -14px 0 -14px;
}
.no-padding {
  padding: 0 !important;
}
.no-padding > pre {
  margin: 30px;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.padding-5 {
  padding: 5px !important;
}
.padding-7 {
  padding: 7px !important;
}
.padding-10 {
  padding: 10px !important;
}
.padding-gutter {
  padding: 13px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-top-15 {
  padding-top: 15px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-bottom-0 {
  padding-bottom: 0 !important;
}
.padding-top-0 {
  padding-top: 0 !important;
}
.semi-bold {
  font-weight: 400 !important;
}
.ultra-light {
  font-weight: 300 !important;
}
.font-xs {
  font-size: 85% !important;
}
.font-sm {
  font-size: 95% !important;
}
.font-md {
  font-size: 130% !important;
}
.font-lg {
  font-size: 160% !important;
}
.font-xl {
  font-size: 200% !important;
}
.font-400 {
  font-size: 400% !important;
}
.line-height-normal {
  line-height: 1em;
}
.line-height-md {
  line-height: 1.5em;
}
.line-height-lg {
  line-height: 2em;
}
.line-height-xl {
  line-height: 2.5em;
}
.no-margin {
  margin: 0 !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-top-0 {
  margin-top: 0 !important;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
.pull-right {
  float: right !Important;
}
.pull-left {
  float: left !Important;
}
.tree {
  min-height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tree li {
  list-style-type: none;
  margin: 0;
  padding: 5px;
  position: relative;
}
.tree ul ul li:hover {
  background: rgba(0, 0, 0, 0.015);
}
.tree li:after,
.tree li:before {
  content: '';
  left: -20px;
  position: absolute;
  right: auto;
}
.tree li:before {
  border-left: 1px solid #999;
  bottom: 50px;
  height: 100%;
  top: -11px;
  width: 1px;
  -webkit-transition: "border-color 0.1s ease 0.1s";
  -moz-transition: "border-color 0.1s ease 0.1s";
  -o-transition: "border-color 0.1s ease 0.1s";
  transition: "border-color 0.1s ease 0.1s";
}
.tree li:after {
  border-top: 1px solid #999;
  height: 20px;
  top: 18px;
  width: 25px;
}
.tree li span {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px dotted #999;
  border-radius: 5px;
  display: inline-block;
  padding: 3px 8px;
  text-decoration: none;
  -webkit-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
  -moz-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
  -o-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
  transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
}
.tree li.parent_li > span {
  cursor: pointer;
  padding: 7px;
}
.tree > ul > li::after,
.tree > ul > li:before {
  border: 0;
}
.tree li:last-child::before {
  height: 30px;
}
.tree li.parent_li > span:hover,
.tree li.parent_li > span:hover + ul li span {
  background: #eee;
  border: 1px solid #94a0b4;
  color: #000;
}
.tree > ul {
  padding-left: 0;
}
.tree ul ul {
  padding-left: 34px;
  padding-top: 10px;
}
.tree li.parent_li > span:hover {
  background-color: #DF8505;
  border: 1px solid #C67605;
  color: #fff;
}
.tree li.parent_li > span:hover + ul li::before {
  border-left-color: #F89406;
}
.tree li.parent_li > span:hover + ul li::after {
  border-top-color: #F89406;
}
.tree li.parent_li > span:hover + ul li span {
  background: #FDDFB3 !important;
  border: 1px solid #FAA937;
  color: #000;
}
.tree .fa.icon-minus-sign:before {
  content: "\f056" !important;
}
.tree .fa.icon-plus-sign:before {
  content: "\f055" !important;
}
/*table.table thead th {
    background-color: @tableHeadingBackground;
}*/
table.table-bordered thead td,
table.table-bordered thead th {
  border-left-width: 0;
  border-top-width: 0;
}
table.table-bordered tbody td,
table.table-bordered tbody th {
  border-left-width: 0;
  border-bottom-width: 0;
}
table.table-bordered td:last-child,
table.table-bordered th:last-child {
  border-right-width: 0;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 8px 10px;
}
.input-group-addon > button {
  height: 34px;
  width: 100%;
  border: none;
  background: transparent;
  line-height: 1.42857143;
  padding: 0;
  margin-bottom: -12px;
  margin-top: -12px;
}
.input-group-addon > button > span {
  display: none;
}
.input-group-addon > button:hover {
  color: #0a4a7a;
}
.input-group-addon > button:hover > span {
  display: inline;
}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 4px;
}
.widget-body {
  border-left: #3d3d3d;
  border-left: thin;
  box-shadow: 5px 9px 9px rgba(0, 0, 0, 0.5);
}
.padding-15 {
  padding: 15px !important;
}
.fill-vertical {
  height: 100%;
}
.MessageBoxContainer,
.smart-style-5 .ajax-dropdown,
.smart-style-5 .modal-content modal-body {
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.2)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), to bottom, rgba(0, 0, 0, 0.2));
  color: #fff;
}
#ModListDiv {
  margin-right: 15px;
}
nav.ModListNav > ul > li {
  background-color: #f2f2f2;
  background-image: -moz-linear-gradient(top, #D0CFCF, #E4E4E4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D0CFCF), to(#E4E4E4));
  background-image: -webkit-linear-gradient(top, #D0CFCF, #E4E4E4);
  background-image: -o-linear-gradient(top, #D0CFCF, #E4E4E4);
  background-image: linear-gradient(to bottom, #D0CFCF, #E4E4E4);
  border-bottom: 1px solid #DFDFDF;
}
hr {
  margin-top: 0;
  margin-bottom: 5px;
  border: 0;
  border-top: 1px solid #eee;
}
.form-group {
  margin-bottom: 9px;
}
#RefinanceHeader,
#EditRefinanceHeader {
  background-color: #f2f2f2;
  background-image: -moz-linear-gradient(top, #f0f0d5, #e6e6e5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0d5), to(#e6e6e5));
  background-image: -webkit-linear-gradient(top, #f0f0d5, #e6e6e5);
  background-image: -o-linear-gradient(top, #f0f0d5, #e6e6e5);
  background-image: linear-gradient(to bottom, #f0f0d5, #e6e6e5);
  border: 1px solid #2b29c7;
  border-radius: 8px;
  padding: 10px;
}
.loanHighLight {
  border-top: 2px solid #2b29c7 !important;
  background-color: #97C7DA !important;
}
#RefinanceHeader i,
#EditRefinanceHeader i {
  float: left;
  font-size: 32px;
  color: #2b29c7;
  margin-right: 10px;
}
.modal-cotent {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 9px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.75);
}
.modal-header {
  min-height: 16.43px;
  padding: 15px;
  background: #f2f2f2;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: none;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
.modal-footer-center {
  padding: 15px;
  text-align: center;
  border-top: none;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
#linkedRecordsSeparator {
  height: 2px;
  background: black;
  border-radius: 5px;
  margin-bottom: 5px;
}
.linkedRecordModalText {
  color: black;
  margin-bottom: 2px;
}
#RelatedRecordsContactTable > tbody {
  height: 125px;
  overflow-y: auto;
  display: block;
}
#RelatedRecordsContactTable > tbody > tr > td {
  width: 100%;
}
.caret {
  display: initial !important;
  content: none !important;
  height: inherit !important;
  margin-left: inherit !important;
  vertical-align: inherit !important;
  border-top: inherit !important;
  border-right: inherit !important;
  border-left: inherit !important;
}
.caret:after {
  font-family: 'Raamp' !important;
  content: '\f107' !important;
  font-size: 1.4pc;
  font-style: normal !important;
  float: right;
}
.close {
  float: right;
  font-size: 30px;
  font-weight: normal !important;
  line-height: 1;
  color: #000 !important;
  background: transparent !important;
  opacity: 1;
}
.clickable {
  cursor: pointer;
}
.notPinned {
  color: grey;
}
.padding-top-0 {
  padding-top: 0 !important;
}
.padding-top-5 {
  padding-top: 5px !important;
}
.padding-bottom-0 {
  padding-bottom: 0 !important;
}
.padding-bottom-5 {
  padding-bottom: 5px !important;
}
.padding-left-5 {
  padding-left: 5px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.margin-top-0 {
  margin-top: 0 !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-right-15 {
  margin-right: 15px !important;
}
#mapdiv,
#map_canvas {
  padding: 0;
  margin: 0;
  height: 100%;
}
#ApiCredentialsGridContainer {
  clear: both;
  margin-left: 15px;
  margin-top: 15px;
  width: 100%;
  overflow: auto;
}
#ApiCredentialsGridContainer #ApiCredentialsGrid {
  opacity: 0.1;
  display: inline-block;
}
#ApiCredentialsGridContainer #ApiCredentialsGrid td.grid-addrow {
  padding: 0.5em 0.2em 0.5em 0.2em !important;
  background-color: #eee;
}
#ApiCredentialsGridContainer #ApiCredentialsGrid p {
  margin: 5px 0;
}
#ApiCredentialsGridContainer #ApiCredentialsGrid .copy-text {
  margin-left: 5px;
}
#ApiCredentialsGridContainer #ApiCredentialsGrid .e-ejinputtext {
  padding-left: 0;
  /* This is due to the crazy amount of padding in the input field pushing the cursor well over to the right in the input box */
}
.e-grid .selectize-control {
  min-width: 300px !important;
}
.e-grid #setting-addon {
  cursor: pointer;
}
@media (max-width: 767px) {
  #ApiCredentialsGridContainer {
    margin-top: 0;
    margin-left: 0;
  }
}
#mapdiv,
#map_canvas {
  padding: 0;
  margin: 0;
  height: 100%;
  padding-right: 10px;
}
.formSlider {
  width: 600px;
  box-shadow: -3px 3px 5px 3px rgba(0, 0, 0, 0.5);
  min-height: 300px;
  top: 100px;
  right: -610px;
  z-index: 9999999;
  position: absolute !important;
  border: #0A4A7A 2px solid;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 10px;
  background-color: #f8f9fa;
  border-right: none;
  padding-right: 60px;
}
.formSliderTitle {
  border: #0a4a7a 2px solid;
  margin-top: 0;
  padding-top: 0;
  line-height: 3px;
  padding: 10px;
  /* border-top: 0; */
  margin-top: 21px;
  background-color: #0a4a7a;
  margin-left: 30px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: medium;
  color: white;
  max-width: 100vw;
}
.my-placeholder {
  box-shadow: -3px 3px 5px 3px rgba(0, 0, 0, 0.5);
  border: #0A4A7A 2px solid;
  border-radius: 8px;
  padding: 10px;
  background-color: #f8f9fa;
}
.progressIndicatorParent {
  padding: 10px;
}
.progressIndicatorParent:not(.active) {
  opacity: 0.5;
}
.progressIndicatorParent.active {
  opacity: 1;
}
.progressIndicatorParent.active .progressIndicator {
  box-shadow: 2px 2px 5px #0a4a7a;
}
.stepSuccess:not(.processing) {
  opacity: 1;
}
.stepSuccess:not(.processing) .progressIndicator {
  background-color: #d1e7d1;
}
.stepSuccess:not(.processing):after {
  border: none;
  color: forestgreen;
  font-family: "Raamp" !important;
  content: '\f13e' !important;
  font-size: 21px;
  position: absolute;
  top: 12px;
  right: 15px;
}
.processing {
  opacity: 1;
}
.processing .progressIndicator {
  background-color: #d6d0be;
}
.processing:after {
  border: none;
  color: darkblue;
  font-family: "Raamp" !important;
  content: '\f03b' !important;
  font-size: 21px;
  position: absolute;
  top: 12px;
  right: 15px;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.progressIndicator {
  text-align: center;
  cursor: pointer;
  height: 72px;
  padding-top: 10px;
}
.progressIndicator:hover {
  box-shadow: 2px 2px 5px #0a4a7a;
  margin-top: -1px;
}
@media (min-width: 992px) {
  .progressIndicatorParent:not(:last-child) .progressIndicator:after {
    text-align: center;
    width: 21px;
    content: "";
    top: calc(50% - 10px);
    right: -11px;
    height: 19px;
    position: absolute;
    background: #0072c7;
  }
}
@media (max-width: 991px) {
  .progressIndicatorParent:not(:last-child) .progressIndicator:after {
    width: 37px;
    content: "";
    bottom: -11px;
    height: 26px;
    left: 47%;
    position: absolute;
    background: #0a4a7a;
  }
}
@media (max-width: 979px) {
  html.hidden-menu-mobile-lock {
    overflow-x: hidden;
  }
  #launchToolBar {
    left: 0;
  }
  .center-sm {
    text-align: center;
  }
  .block-sm {
    display: block;
  }
  .tabstyleTitle {
    margin-left: 0px;
  }
  .raamp-style-1 #header {
    padding-left: 30px;
    margin-left: 0px;
    margin-right: 20px;
    position: absolute;
    width: 90%;
    z-index: 1;
  }
  #main {
    width: 100% !important;
  }
  .page-footer {
    padding: 15px 14px 0;
  }
  .profile-pic > img {
    width: 110px;
  }
  .profile-pic {
    float: left;
  }
  .profile-pic > img {
    margin-right: 10px;
  }
  .profile-pic + div,
  .profile-pic + div + div {
    padding-left: 30px;
    padding-right: 30px;
  }
  #fullscreen > :first-child > a {
    display: none !important;
  }
  body.container {
    border: none !important;
    width: 100% !important;
  }
  .inbox-data-message > :first-child {
    height: 50px;
    overflow: hidden;
  }
  .show-stats .show-stat-buttons > :first-child {
    padding-right: 13px;
  }
  .show-stats .show-stat-buttons > :last-child {
    padding-left: 13px;
  }
  .inbox-checkbox-triggered > .btn-group .btn {
    padding-left: 10px;
    padding-right: 10px;
  }
  .inbox-body .table-wrap {
    padding: 0 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .inbox-nav-bar {
    padding-left: 5px;
    padding-right: 5px;
  }
  .inbox-data-message > :first-child > :first-child {
    display: block !important;
    font-size: 14px;
  }
  .inbox-table-icon > :first-child {
    margin-top: 12px;
  }
  #inbox-table .inbox-table-icon {
    padding-left: 10px !important;
  }
  .header-search.pull-right {
    margin-left: 0;
  }
  .visible-tablet {
    display: inline-block !important;
  }
  .display-inline.hidden-tablet,
  .hidden-tablet {
    display: none !important;
  }
  .dropzone .dz-default.dz-message {
    background-size: 100%;
    width: 200px;
    height: 43px;
    margin-left: -112px;
    margin-top: -23.5px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #main {
    margin-left: 0;
  }
  .tabstyleTitle {
    margin-left: 0px;
  }
  #left-panel {
    left: -300px;
  }
  .tabstyleTitle {
    margin-left: 0px;
  }
  .minified.tabstyleTitle {
    margin-left: 0px;
  }
  .minified #left-panel {
    left: 0;
  }
  #hide-menu > :first-child > a {
    margin-top: 9px;
    width: 40px;
  }
  .btn-header a {
    margin-top: 9px !important;
    width: 40px !important;
  }
  #hide-menu i {
    color: #6D6A69;
    font-size: 100%;
  }
  .hidden-menu #hide-menu i {
    color: #fff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    left: 0;
  }
  .hidden-menu .tabstyleTitle {
    margin-left: 298px;
    margin-top: 50px;
    border-top-left-radius: 0px;
  }
  .hidden-menu #main {
    position: relative;
    left: 210px;
  }
  .hidden-menu.fixed-ribbon #ribbon {
    left: 300px;
    width: 100%;
  }
  .fixed-ribbon #ribbon {
    left: 0;
  }
  .header-search > input[type=text] {
    margin-top: 9px;
  }
}
@media (min-width: 1200px) {
  .pull-right-md {
    float: right;
  }
}
@media (min-width: 768px) and (max-width: 880px) {
  #main {
    margin-left: 0;
    overflow-x: hidden;
  }
  #left-panel {
    left: -300px;
  }
  .tabstyleTitle {
    margin-left: 0px;
  }
  .no-content-padding {
    margin: 0 -14px !important;
  }
  .inbox-nav-bar.no-content-padding {
    margin-top: -10px !important;
  }
  .minified #left-panel {
    left: 0;
  }
  .minified.tabstyleTitle {
    margin-left: 0px;
  }
  #hide-menu > :first-child > a,
  .btn-header a {
    margin-top: 5px !important;
    width: 40px !important;
    height: 39px !important;
    line-height: 38px !important;
  }
  #logo {
    margin-top: 10px;
  }
  #logo img {
    width: 127px;
  }
  .btn-header.transparent a {
    border: none !important;
    background: 0 0;
    margin-left: 0;
    width: 25px !important;
    box-shadow: none !important;
  }
  .btn-header.transparent a:hover {
    color: #a90329;
  }
  #hide-menu i {
    color: #6D6A69;
    font-size: 121%;
  }
  .hidden-menu #hide-menu i {
    color: #fff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    left: 0;
  }
  .hidden-menu.tabstyleTitle {
    margin-left: 0px;
  }
  .hidden-menu #main {
    position: relative;
    left: 210px;
  }
  .hidden-menu.fixed-ribbon #ribbon {
    left: 300px;
    width: 100%;
  }
  .fixed-ribbon #ribbon {
    left: 0;
  }
  .header-search > input[type=text] {
    margin-top: 9px;
  }
}
@media (max-width: 767px) {
  .profile-pic > img {
    width: 100px;
  }
  #main {
    margin-left: 0;
    overflow-x: hidden;
  }
  #left-panel {
    left: -300px;
  }
  .tabstyleTitle {
    margin-left: 0px;
  }
  .show-stat-microcharts > div {
    margin-top: 0 !important;
    border-right: none !important;
  }
  .show-stat-buttons {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  #content,
  #ribbon {
    padding-left: 5px;
    padding-right: 5px;
  }
  #header {
    padding-right: 5px;
  }
  #logo {
    margin-left: 4px;
  }
  .no-content-padding {
    margin: 0 -5px !important;
  }
  .inbox-nav-bar.no-content-padding {
    margin-top: -10px !important;
  }
  .minified #left-panel {
    left: 0;
  }
  .minified.tabstyleTitle {
    margin-left: 0px;
  }
  .btn-header.transparent a {
    border: none !important;
    background: 0 0;
    margin-left: 0;
    width: 25px !important;
    box-shadow: none !important;
  }
  .btn-header.transparent a:hover {
    color: #a90329;
  }
  #hide-menu > :first-child > a,
  .btn-header a {
    margin-top: 5px !important;
    width: 40px !important;
    height: 39px !important;
    line-height: 38px !important;
  }
  #hide-menu > :first-child > a {
    width: 50px !important;
  }
  #logo {
    margin-top: 10px;
  }
  #logo img {
    width: 127px;
  }
  #hide-menu i {
    color: #6D6A69;
    font-size: 121%;
  }
  .hidden-menu #hide-menu i {
    color: #fff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    left: 0;
  }
  .hidden-menu.tabstyleTitle {
    margin-left: 0px;
  }
  .hidden-menu #main {
    position: relative;
    left: 210px;
  }
  .hidden-menu.fixed-ribbon #ribbon {
    left: 300px;
    width: 100%;
  }
  .fixed-ribbon #ribbon {
    left: 0;
  }
  body.fixed-navigation.hidden-menu {
    overflow: hidden !important;
  }
  .fixed-ribbon #content {
    padding-top: 52px;
  }
  .header-search {
    display: none;
  }
  #search-mobile {
    display: block;
  }
  .search-mobile .header-search {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 49px;
    background: #333;
    padding: 0 2px;
    box-sizing: border-box;
    left: 0;
  }
  .search-mobile .header-search > input[type=text] {
    margin-top: 2px;
    height: 45px;
    border-color: #333;
    padding-right: 75px;
  }
  .search-mobile .header-search > button {
    height: 29px;
    line-height: 29px;
    background: #DDD;
    right: 44px;
  }
  .search-mobile #search-mobile {
    display: none;
  }
  .search-mobile #cancel-search-js {
    display: block;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .LoginPage .logo {
    width: 25%;
    margin: auto;
  }
  #MainNavBar {
    width: 100%;
    padding-top: 0;
  }
  #MainNavBar .nav {
    padding: 0 !important;
    margin: 0 !important;
  }
  #MainNavBar .nav > li > a {
    padding-left: 30px;
    padding-right: 30px;
  }
  .mainRow > div {
    padding: 0 !important;
  }
  .profile-pic > img {
    width: 90px;
  }
  #main {
    margin-left: 0;
    overflow-x: hidden;
  }
  #left-panel {
    left: -300px;
  }
  .tabstyleTitle {
    margin-left: 0px;
  }
  .show-stat-microcharts > div {
    margin-top: 0 !important;
    border-right: none !important;
  }
  .show-stat-buttons {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  #content,
  #ribbon {
    padding-left: 5px;
    padding-right: 5px;
  }
  #header {
    padding-right: 5px;
  }
  #logo {
    margin-left: 4px;
  }
  .no-content-padding {
    margin: 0 -5px !important;
  }
  .inbox-nav-bar.no-content-padding {
    margin-top: -10px !important;
  }
  .minified #left-panel {
    left: 0;
  }
  .minified.tabstyleTitle {
    margin-left: 0px;
  }
  #header {
    background: #fff;
  }
  #ribbon {
    border-bottom: 1px solid #CFCFCF;
    border-top: 1px solid #f8f9fa;
    background: #F5F5F5;
  }
  #ribbon .breadcrumb,
  #ribbon .breadcrumb a {
    color: #6D6C6C !important;
  }
  #ribbon .breadcrumb li:last-child,
  #ribbon .breadcrumb > .active {
    color: #333 !important;
  }
  #hide-menu > :first-child > a,
  .btn-header a {
    margin-top: 5px !important;
    width: 40px !important;
    height: 39px !important;
    line-height: 38px !important;
  }
  #hide-menu > :first-child > a {
    width: 50px !important;
  }
  #logo {
    margin-top: 10px;
  }
  #logo img {
    width: 127px;
  }
  .btn-header.transparent a {
    border: none !important;
    background: 0 0;
    margin-left: 0;
    width: 25px !important;
    box-shadow: none !important;
  }
  .btn-header.transparent a:hover {
    color: #a90329;
  }
  #hide-menu i {
    color: #6D6A69;
    font-size: 121%;
  }
  .hidden-menu #hide-menu i {
    color: #fff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    left: 0;
  }
  .hidden-menu.tabstyleTitle {
    margin-left: 298px;
  }
  .hidden-menu #main {
    position: relative;
    left: 210px;
  }
  .hidden-menu.fixed-ribbon #ribbon {
    left: 300px;
    width: 100%;
  }
  .fixed-ribbon #ribbon {
    left: 0;
  }
  .header-search {
    display: none;
  }
  #search-mobile {
    display: block;
  }
  .search-mobile .header-search {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 49px;
    background: #333;
    padding: 0 2px;
    box-sizing: border-box;
    left: 0;
  }
  .search-mobile .header-search > input[type=text] {
    margin-top: 2px;
    height: 45px;
    border-color: #333;
    padding-right: 75px;
  }
  .search-mobile .header-search > button {
    height: 29px;
    line-height: 29px;
    background: #DDD;
    right: 44px;
  }
  .search-mobile #search-mobile {
    display: none;
  }
  .search-mobile #cancel-search-js {
    display: block;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 440px) {
  .page-title {
    display: none;
  }
  .profile-pic {
    text-align: left;
  }
  .profile-pic > img {
    width: 90px;
    margin-left: 0;
    top: -25px;
    margin-right: 0;
  }
  .profile-pic + div > h1 {
    font-size: 20px;
  }
  .profile-pic + div > h1 small {
    font-size: 16px;
  }
  .profile-carousel .carousel-indicators {
    top: 10px;
  }
  #main {
    margin-left: 0;
    overflow-x: hidden;
  }
  #left-panel {
    left: -300px;
  }
  .tabstyleTitle {
    margin-left: 0px;
  }
  .hidden-menu #hide-menu {
    margin-left: -10px;
  }
  .hidden-menu .tabstyleTitle {
    transform: rotate(90deg);
    margin-top: 139px;
    margin-left: 108px;
    margin-right: 0;
    height: 39px;
    box-shadow: 4px -4px 5px rgba(0, 0, 0, 0.5);
    border-top-right-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0px;
    white-space: nowrap;
  }
  .show-stat-microcharts > div {
    margin-top: 0 !important;
    border-right: none !important;
  }
  .show-stat-buttons {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  #content,
  #ribbon {
    padding-left: 5px;
    padding-right: 5px;
  }
  #header {
    padding-right: 5px;
  }
  #logo {
    margin-left: 4px;
  }
  .no-content-padding {
    margin: 0 -5px !important;
  }
  .inbox-nav-bar.no-content-padding {
    margin-top: -10px !important;
  }
  .minified #left-panel {
    left: 0;
  }
  .minified.tabstyleTitle {
    margin-left: 0px;
  }
  #header {
    background: #fff;
  }
  #ribbon {
    border-bottom: 1px solid #CFCFCF;
    border-top: 1px solid #f8f9fa;
    background: #F5F5F5;
  }
  #ribbon .breadcrumb,
  #ribbon .breadcrumb a {
    color: #6D6C6C !important;
  }
  #ribbon .breadcrumb li:last-child,
  #ribbon .breadcrumb > .active {
    color: #333 !important;
  }
  #logo {
    width: 135px;
  }
  #logo-group {
    width: 169px !important;
  }
  #sparks {
    text-align: center;
    background: #E0E0E0;
    padding: 10px 0;
    margin-bottom: 15px;
  }
  #sparks li {
    padding: 0 10px 0 20px;
  }
  #hide-menu > :first-child > a,
  .btn-header a {
    margin-top: 5px !important;
    width: 40px !important;
    height: 39px !important;
    line-height: 38px !important;
  }
  #logo {
    margin-top: 10px;
  }
  #logo img {
    width: 127px;
  }
  .btn-header.transparent a {
    border: none !important;
    background: 0 0;
    margin-left: 0;
    width: 25px !important;
    box-shadow: none !important;
  }
  .btn-header.transparent a:hover {
    color: #a90329;
  }
  #hide-menu > :first-child > a {
    width: 46px !important;
  }
  #hide-menu i {
    color: #6D6A69;
    font-size: 121%;
  }
  .hidden-menu #hide-menu i {
    color: #fff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    left: 0;
    width: 200px;
  }
  .hidden-menu.tabstyleTitle {
    transform: rotate(90deg);
    margin-top: 139px;
    margin-left: 108px;
    margin-right: 0;
    height: 39px;
    box-shadow: 4px -4px 5px rgba(0, 0, 0, 0.5);
    border-top-right-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0px;
    white-space: nowrap;
  }
  .hidden-menu #main {
    position: relative;
    left: 210px;
  }
  .hidden-menu.fixed-ribbon #ribbon {
    left: 300px;
    width: 100%;
  }
  .fixed-ribbon #ribbon {
    left: 0;
  }
  .hidden-mobile {
    display: none !important;
  }
  .visible-mobile {
    display: inline-block !important;
  }
  .ajax-notifications {
    height: 250px;
  }
  .ajax-dropdown {
    width: 299px;
    height: 320px;
    left: 0;
    top: 49px;
  }
  .ajax-dropdown:before {
    margin-left: -14px;
  }
  .ajax-dropdown:after {
    margin-left: -13px;
  }
  .hidden-desktop {
    display: none !important;
  }
  .dropdown-menu-xs {
    min-width: 37px;
  }
  .dropdown-menu-xs > li > a {
    padding: 3px 10px;
  }
  .dropdown-menu-xs > li > a:hover i {
    color: #fff !important;
  }
  .dropdown-submenu {
    position: relative;
  }
  .large-sub > ul {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 400px;
  }
  .dropdown-submenu > dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
  }
  .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: #bfbfbf;
    margin-top: 5px;
    margin-right: -10px;
  }
  .dropdown-submenu:hover > a:after {
    border-left-color: #317ce8;
  }
  .dropdown-submenu.pull-left {
    float: none;
  }
  .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
  }
  .table.has-tickbox thead tr th:first-child {
    width: 18px;
  }
  .table.has-tickbox.smart-form tbody tr td:first-child .checkbox,
  .table.has-tickbox.smart-form tbody tr td:first-child .radio,
  .table.has-tickbox.smart-form thead tr th:first-child .checkbox,
  .table.has-tickbox.smart-form thead tr th:first-child .radio {
    padding: 0 !important;
  }
  .fc-border-separate thead tr,
  .table thead tr {
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa));
    background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -ms-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    font-size: 12px;
  }
  .header-search {
    display: none;
  }
  #search-mobile {
    display: block;
    margin-left: 0;
  }
  .search-mobile .header-search {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 49px;
    background: #333;
    padding: 0 2px;
    box-sizing: border-box;
    left: 0;
  }
  .search-mobile .header-search > input[type=text] {
    margin-top: 2px;
    height: 45px;
    border-color: #333;
    padding-right: 75px;
  }
  .search-mobile .header-search > button {
    height: 29px;
    line-height: 29px;
    background: #DDD;
    right: 44px;
  }
  .search-mobile #search-mobile {
    display: none;
  }
  .search-mobile #cancel-search-js {
    display: block;
  }
}
.submitLink {
  background-color: transparent;
  text-decoration: underline;
  border: none;
  color: #3c62da;
  cursor: pointer;
}
.submitLink:focus {
  outline: none;
}
.submitLink:hover {
  color: #2ab7bd;
}
.credit-card-box .form-control.error {
  border-color: red;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
.credit-card-box label.error {
  font-weight: bold;
  color: red;
  padding: 2px 8px;
  margin-top: 2px;
}
.credit-card-box .payment-errors {
  font-weight: bold;
  color: red;
  padding: 2px 8px;
  margin-top: 2px;
}
.enabledswitch {
  position: relative;
  width: 100px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.enabledswitch-checkbox {
  display: none;
}
.enabledswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #999999;
  border-radius: 5px;
}
.enabledswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.enabledswitch-inner:before,
.enabledswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}
.enabledswitch-inner:before {
  content: "Enabled";
  padding-left: 10px;
  background-color: #34A7C1;
  color: #FFFFFF;
}
.enabledswitch-inner:after {
  content: "Disabled";
  padding-right: 10px;
  background-color: #EEEEEE;
  color: #999999;
  text-align: right;
}
.datepicker .input-group-addon {
  cursor: pointer;
}
#refButton:not(.input-group-addon-disabled) {
  cursor: pointer;
}
.radialRecipient {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.radialRecipient:not(.restricted) {
  cursor: pointer;
}
.radialRecipient.restricted {
  cursor: not-allowed;
}
.modal-open {
  padding-right: 0px !important;
}
.enabledswitch-switch {
  display: block;
  width: 18px;
  margin: 1px 6px 1px 6px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 75px;
  border: 2px solid #999999;
  border-radius: 5px;
  transition: all 0.3s ease-in 0s;
}
.enabledswitch-checkbox:checked + .enabledswitch-label .enabledswitch-inner {
  margin-left: 0;
}
.enabledswitch-checkbox:checked + .enabledswitch-label .enabledswitch-switch {
  right: -5px;
}
/*!
 * FullCalendar v2.0.2 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
}
.fc table {
  border-collapse: collapse;
  border-spacing: 0;
}
.fc table,
html .fc {
  font-size: 1em;
}
.fc td,
.fc th {
  padding: 0;
  vertical-align: top;
}
.fc-header td {
  white-space: nowrap;
}
.fc-header-left {
  width: 25%;
  text-align: left;
}
.fc-header-center {
  text-align: center;
}
.fc-header-right {
  width: 25%;
  text-align: right;
}
.fc-header-title {
  display: inline-block;
  vertical-align: top;
}
.fc-header-title h2 {
  margin-top: 0;
  white-space: nowrap;
}
.fc .fc-header-space {
  padding-left: 10px;
}
.fc-header .fc-button {
  margin-bottom: 1em;
  vertical-align: top;
  margin-right: -1px;
}
.fc-header .fc-corner-right,
.fc-header .ui-corner-right {
  margin-right: 0;
}
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
  z-index: 2;
}
.fc-header .fc-state-down {
  z-index: 3;
}
.fc-header .fc-state-active,
.fc-header .ui-state-active {
  z-index: 4;
}
.fc-content {
  position: relative;
  z-index: 1;
  clear: both;
  zoom: 1;
}
.fc-view {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.fc-widget-content,
.fc-widget-header {
  border: 1px solid #ddd;
}
.fc-state-highlight {
  background: #fcf8e3;
}
.fc-cell-overlay {
  background: #bce8f1;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.fc-button {
  position: relative;
  display: inline-block;
  padding: 0 0.6em;
  overflow: hidden;
  height: 1.9em;
  line-height: 1.9em;
  white-space: nowrap;
  cursor: pointer;
}
.fc-state-default {
  border: 1px solid;
}
.fc-state-default.fc-corner-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.fc-button .fc-icon {
  margin: 0 0.1em;
  font-size: 2em;
  font-family: "Courier New", Courier, monospace;
  vertical-align: baseline;
}
.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: 700;
}
.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: 700;
}
.fc-icon-left-double-arrow:after {
  content: "\000AB";
}
.fc-icon-right-double-arrow:after {
  content: "\000BB";
}
.fc-button .ui-icon {
  position: relative;
  top: 50%;
  float: left;
  margin-top: -8px;
}
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
  background-image: -o-linear-gradient(top, #fff, #e6e6e6);
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-active,
.fc-state-disabled,
.fc-state-down,
.fc-state-hover {
  color: #333;
  background-color: #e6e6e6;
}
.fc-state-hover {
  color: #333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.fc-state-active,
.fc-state-down {
  background-color: #ccc;
  background-image: none;
  outline: 0;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
.fc-event-container > * {
  z-index: 8;
}
.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
  z-index: 9;
}
.fc-event {
  background-color: #3a87ad;
  color: #fff;
  font-size: 0.85em;
  cursor: default;
}
a.fc-event {
  text-decoration: none;
}
.fc-event-draggable,
a.fc-event {
  cursor: pointer;
}
.fc-rtl .fc-event {
  text-align: right;
}
.fc-event-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.fc-event-time,
.fc-event-title {
  padding: 0 1px;
}
.fc .ui-resizable-handle {
  display: block;
  position: absolute;
  z-index: 99999;
  overflow: hidden;
  font-size: 300%;
  line-height: 50%;
}
.fc-event-hori {
  border-width: 1px 0;
  margin-bottom: 1px;
}
.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
  border-left-width: 1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.fc-event-hori .ui-resizable-e {
  top: 0 !important;
  right: -3px !important;
  width: 7px !important;
  height: 100% !important;
  cursor: e-resize;
}
.fc-event-hori .ui-resizable-w {
  top: 0 !important;
  left: -3px !important;
  width: 7px !important;
  height: 100% !important;
  cursor: w-resize;
}
.fc-event-hori .ui-resizable-handle {
  _padding-bottom: 14px;
}
table.fc-border-separate {
  border-collapse: separate;
}
.fc-border-separate td,
.fc-border-separate th {
  border-width: 1px 0 0 1px;
}
.fc-border-separate td.fc-last,
.fc-border-separate th.fc-last {
  border-right-width: 1px;
}
.fc-border-separate tr.fc-last td,
.fc-border-separate tr.fc-last th {
  border-bottom-width: 1px;
}
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
  border-top-width: 0;
}
.fc-grid th {
  text-align: center;
}
.fc .fc-week-number {
  width: 22px;
  text-align: center;
}
.fc .fc-week-number div {
  padding: 0 2px;
}
.fc-grid .fc-day-number {
  float: right;
  padding: 0 2px;
}
.fc-grid .fc-other-month .fc-day-number {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.fc-grid .fc-day-content {
  clear: both;
  padding: 2px 2px 1px;
}
.fc-grid .fc-event-time {
  font-weight: 700;
}
.fc-rtl .fc-grid .fc-day-number {
  float: left;
}
.fc-rtl .fc-grid .fc-event-time {
  float: right;
}
.fc-agenda table {
  border-collapse: separate;
}
.fc-agenda-days th {
  text-align: center;
}
.fc-agenda .fc-agenda-axis {
  width: 50px;
  padding: 0 4px;
  vertical-align: middle;
  text-align: right;
  font-weight: 400;
}
.fc-agenda-slots .fc-agenda-axis {
  white-space: nowrap;
}
.fc-agenda .fc-week-number {
  font-weight: 700;
}
.fc-agenda .fc-day-content {
  padding: 2px 2px 1px;
}
.fc-agenda-days .fc-agenda-axis {
  border-right-width: 1px;
}
.fc-agenda-days .fc-col0 {
  border-left-width: 0;
}
.fc-agenda-allday th {
  border-width: 0 1px;
}
.fc-agenda-allday .fc-day-content {
  min-height: 34px;
  _height: 34px;
}
.fc-agenda-divider-inner {
  height: 2px;
  overflow: hidden;
}
.fc-widget-header .fc-agenda-divider-inner {
  background: #eee;
}
.fc-agenda-slots th {
  border-width: 1px 1px 0;
}
.fc-agenda-slots td {
  border-width: 1px 0 0;
  background: 0 0;
}
.fc-agenda-slots td div {
  height: 20px;
}
.fc-agenda-slots tr.fc-slot0 td,
.fc-agenda-slots tr.fc-slot0 th {
  border-top-width: 0;
}
.fc-agenda-slots tr.fc-minor td,
.fc-agenda-slots tr.fc-minor th {
  border-top-style: dotted;
}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
  *border-top-style: solid;
}
.fc-event-vert {
  border-width: 0 1px;
}
.fc-event-vert.fc-event-start {
  border-top-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.fc-event-vert.fc-event-end {
  border-bottom-width: 1px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.fc-event-vert .fc-event-time {
  white-space: nowrap;
  font-size: 10px;
}
.fc-event-vert .fc-event-inner {
  position: relative;
  z-index: 2;
}
.fc-event-vert .fc-event-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.25;
  filter: alpha(opacity=25);
}
.fc-event-vert .ui-resizable-s {
  bottom: 0 !important;
  width: 100% !important;
  height: 8px !important;
  overflow: hidden !important;
  line-height: 8px !important;
  font-size: 11px !important;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}
.fc-agenda .ui-resizable-resizing {
  _overflow: hidden;
}
.fc-event-title .fa {
  font-size: 14px;
  margin-top: 4px;
  margin-right: 4px;
}
.fc-grid .fc-event-time {
  display: block;
}
.fc-event {
  border: none !important;
  border-right: none;
  border-left: 6px solid rgba(0, 0, 0, 0.15) !important;
  padding-left: 2px;
}
.fc-event.fc-event-draggable {
  cursor: move;
}
.fc-event-vert.fc-event-end,
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
  border-right-width: 0;
  border-radius: 0;
}
.fc-event-vert.fc-event-end:active,
.fc-ltr .fc-event-hori.fc-event-end:active,
.fc-rtl .fc-event-hori.fc-event-start:active {
  opacity: 0.8;
}
.delinquencyVoid {
  position: relative;
  min-width: 1px;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
}
.delinquencyVoid .noEditAfterVoid:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(169, 169, 169, 0.44);
  z-index: 999;
}
.delinquencyVoid:before {
  content: "Delinquency Void";
  position: absolute;
  font-size: 3em;
  top: 0;
  margin-top: 15%;
  margin-left: 33%;
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(315deg);
  text-align: center;
  z-index: 9999999;
  color: #0a4a7a;
}
.invoiceVoid {
  position: relative;
  min-width: 1px;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
}
.invoiceVoid .noEditAfterVoid:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(169, 169, 169, 0.44);
  z-index: 999;
}
.invoiceVoid:before {
  content: "Invoice Void";
  position: absolute;
  font-size: 3em;
  top: 0;
  margin-top: 15%;
  margin-left: 33%;
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(315deg);
  text-align: center;
  z-index: 9999999;
  color: #0a4a7a;
}
.creditMemoVoid {
  position: relative;
  min-width: 1px;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
}
.creditMemoVoid .noEditAfterVoid:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(169, 169, 169, 0.44);
  z-index: 999;
}
.creditMemoVoid:before {
  content: "Credit Memo Void";
  position: absolute;
  font-size: 3em;
  top: 0;
  margin-top: 15%;
  margin-left: 33%;
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(315deg);
  text-align: center;
  z-index: 9999999;
  color: #0a4a7a;
}
.reconciled {
  position: relative;
  min-width: 1px;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
}
.reconciled .noEditAfterReconciled:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(169, 169, 169, 0.44);
  z-index: 999;
}
.reconciled:before {
  content: "Reconciled";
  position: absolute;
  font-size: 3em;
  top: 0;
  margin-top: 10%;
  margin-left: 33%;
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(315deg);
  text-align: center;
  z-index: 9999999;
  color: #0a4a7a;
}
.parent-account {
  color: grey;
  background-color: white;
  text-decoration: underline;
}
.AccountTypeSpan {
  font-size: 10px !important;
  color: #053564;
}
#asideBorder.validation-mode,
.headerRow.validation-mode {
  border-right-color: #d35d21 !important;
  border-bottom-color: #d35d21 !important;
}
.titleBox.validation-mode {
  border-color: #d35d21 !important;
  background-color: #d35d21 !important;
  padding-left: 9px;
  border-bottom-right-radius: 14PX;
  border-bottom-left-radius: 14PX;
}
.titleBoxBlankSpace.validation-mode {
  border: none;
}
#exitValidationModeBtn {
  color: #d35d21 !important;
  font-weight: bold;
}
.tenant-icon {
  background-image: url("/Content/img/LayoutIcons/user-check.png");
  background-position: center center;
  background-size: auto;
  width: 16px;
  height: 16px;
  line-height: 16px;
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.tenant-lease-exited-icon {
  background-image: url("/Content/img/LayoutIcons/user-disabled.png");
  background-position: center center;
  background-size: auto;
  width: 16px;
  height: 16px;
  line-height: 16px;
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
#LeaseOptions {
  padding-top: 10px;
}
#LeaseOptions > div {
  border: 1px solid #ccd6e0;
  border-radius: 5px;
  padding-bottom: 45px;
  background-color: #f8f8f8;
  color: #343a40;
  /* width: auto; */
  padding-top: 4px;
  padding-left: 10px;
  /* margin-left: 0px; */
  margin-right: 0px;
  border-bottom-right-radius: 0px;
}
#LeaseOptions > div > span {
  line-height: 1.5em;
  margin-left: 7px;
  margin-right: 7px;
  white-space: nowrap;
}
.fullPagePanel {
  z-index: 999;
  max-width: 100%;
  min-width: 100%;
  max-height: 100%;
  min-height: 100%;
  position: fixed;
  padding-left: 6px;
  padding-top: 6px;
  top: 0;
  left: 0;
  padding: 40px;
  display: block;
  background-color: white;
  overflow: overlay;
}
.progress-bar {
  height: 30px;
  background-color: #4CAF50;
  text-align: center;
  /* To center it horizontally (if you want) */
  line-height: 30px;
  /* To center it vertically */
  color: white;
}
.countrySelectListDropdown,
.companySelectorDropdown {
  border-radius: 5px;
}
.cardBrandLogosContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cardBrandLogosContainer img {
  max-width: 60%;
  max-height: 100%;
}
.personEditRow {
  display: none;
}
.personEditRow.active {
  display: table-row;
}
.owner-container {
  display: flex;
  align-items: center;
}
.flex-align {
  display: flex;
  align-items: center;
  /* Vertical alignment */
  height: 100%;
  /* Full height of container */
}
.owner-label {
  white-space: nowrap;
  /* Prevents the text from wrapping */
  margin-right: 10px;
  /* Adjust as needed for spacing */
}
.table-bordered > thead > tr > .all-owners-column {
  vertical-align: middle;
}
.all-owners-label {
  margin-left: 5px;
  margin-right: 5px;
}
#AllOwners {
  margin: 0 !important;
  /* This is not best practice, however, I am hesitant to tweak the "input box" css in "Forms.less" to change every checkbox margins in the application*/
}
.scroll-horizontal {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.ellipsis-overflow {
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  max-width: 150px;
}
.OptionEditButton {
  margin-right: 15px;
}
.pr-15 {
  padding-right: 15px;
}
.pr-20 {
  padding-right: 20px;
}
.pr-30 {
  padding-right: 30px;
}